From f7699f76bd84fdcf6cc695657108c2014c8cb82e Mon Sep 17 00:00:00 2001
From: xiao-fajia <1665375861@qq.com>
Date: Fri, 20 Sep 2024 16:21:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/repair/tickets/Tickets.js             |  10 +
 src/views/repair/Components/StaffChoose.vue   |   2 +-
 .../repair/tickets/Components/TicketItem.vue  | 139 +++++++++--
 .../repair/tickets/Components/UserInfo.vue    | 235 ++++++++++++++++--
 4 files changed, 341 insertions(+), 45 deletions(-)

diff --git a/src/api/repair/tickets/Tickets.js b/src/api/repair/tickets/Tickets.js
index 543ea86..5da9083 100644
--- a/src/api/repair/tickets/Tickets.js
+++ b/src/api/repair/tickets/Tickets.js
@@ -1 +1,11 @@
 import request from '@/utils/request'
+
+const preUrl = '/repair/tickets'
+
+export function createTickets(data){
+  return request({
+    url: preUrl + "/create",
+    method: "post",
+    data
+  })
+}
diff --git a/src/views/repair/Components/StaffChoose.vue b/src/views/repair/Components/StaffChoose.vue
index b5a6d14..221ecd4 100644
--- a/src/views/repair/Components/StaffChoose.vue
+++ b/src/views/repair/Components/StaffChoose.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-select v-model="staffSelected" clearable filterable>
+  <el-select v-model="staffSelected" clearable filterable @blur="$emit('input-blur', $event)">
     <el-option v-for="staff in staffList" :key="staff.id" :label="staff.name" :value="staff.id"/>
   </el-select>
 </template>
diff --git a/src/views/repair/tickets/Components/TicketItem.vue b/src/views/repair/tickets/Components/TicketItem.vue
index 0f9246e..64d8332 100644
--- a/src/views/repair/tickets/Components/TicketItem.vue
+++ b/src/views/repair/tickets/Components/TicketItem.vue
@@ -18,22 +18,74 @@
       </el-table-column>
       <el-table-column align="center" label="规格" width="180" prop="model"/>
       <el-table-column align="center" label="编码" width="180" prop="code"/>
-      <el-table-column align="center" label="数量" width="180" prop="count"/>
+      <el-table-column align="center" label="数量" width="180" prop="count">
+        <div class="item" slot-scope="scope">
+          <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.count"/>
+          <span class="item__txt">{{ scope.row.count }}</span>
+        </div>
+      </el-table-column>
       <el-table-column align="center" label="单位" width="180" prop="unit"/>
-      <el-table-column align="center" label="折扣" width="180"/>
-      <el-table-column align="center" label="金额" width="180"/>
-      <el-table-column align="center" label="施工人员" width="180"/>
-      <el-table-column align="center" label="销售人员" width="180"/>
-      <el-table-column align="center" label="类型" width="180"/>
-      <el-table-column align="center" label="账类" width="180"/>
-      <el-table-column align="center" label="状态" width="180"/>
-      <el-table-column align="center" label="备注" width="180"/>
+      <el-table-column align="center" label="单价" width="180" prop="price">
+        <div class="item" slot-scope="scope">
+          <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.price"/>
+          <span class="item__txt">{{ scope.row.price }}</span>
+        </div>
+      </el-table-column>
+      <el-table-column align="center" label="折扣" width="180" prop="discount">
+        <div class="item" slot-scope="scope">
+          <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.discount"/>
+          <span class="item__txt">{{ scope.row.discount }}</span>
+        </div>
+      </el-table-column>
+      <el-table-column align="center" label="金额" width="180" prop="totalPrice">
+        <div class="item" slot-scope="scope">
+          <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.totalPrice"/>
+          <span class="item__txt">{{ scope.row.totalPrice }}</span>
+        </div>
+      </el-table-column>
+      <el-table-column align="center" label="施工人员" width="180" prop="repair">
+        <div class="item" slot-scope="scope">
+          <StaffChoose @input-blur="save(scope.row)" class="item__input" v-model="scope.row.repair"
+                       :select-width="'15rem'"/>
+          <span class="item__txt">{{ scope.row.repair ? scope.row.repair.name : scope.row.repair }}</span>
+        </div>
+      </el-table-column>
+      <el-table-column align="center" label="销售人员" width="180" prop="sale">
+        <div class="item" slot-scope="scope">
+          <StaffChoose @input-blur="save(scope.row)" class="item__input" v-model="scope.row.sale"
+                       :select-width="'15rem'"/>
+          <span class="item__txt">{{ scope.row.sale ? scope.row.sale.name : scope.row.sale }}</span>
+        </div>
+      </el-table-column>
+      <el-table-column align="center" label="类型" width="180" prop="type">
+        <div class="item" slot-scope="scope">
+          <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.type"/>
+          <span class="item__txt">{{ scope.row.type }}</span>
+        </div>
+      </el-table-column>
+      <el-table-column align="center" label="账类" width="180" prop="accountType">
+        <div class="item" slot-scope="scope">
+          <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.accountType"/>
+          <span class="item__txt">{{ scope.row.accountType }}</span>
+        </div>
+      </el-table-column>
+      <el-table-column align="center" label="状态" width="180" prop="itemStatus">
+        <template slot-scope="scope">
+          <dict-tag v-if="scope.row.itemStatus" :type="DICT_TYPE.REPAIR_ITEM_STATUS" v-model="scope.row.itemStatus"/>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="备注" width="180" prop="remark">
+        <div class="item" slot-scope="scope">
+          <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.remark"/>
+          <span class="item__txt">{{ scope.row.remark }}</span>
+        </div>
+      </el-table-column>
       <el-table-column label="操作" fixed="right" align="center" width="150">
         <template v-slot="scope">
-          <el-button size="mini" type="text" icon="el-icon-delete"
+          <el-button size="mini" type="text" icon="el-icon-plus"
           >新增
           </el-button>
-          <el-button size="mini" type="text" icon="el-icon-delete"
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDeleteItem(scope.$index)"
           >删除
           </el-button>
         </template>
@@ -44,12 +96,13 @@
 
 <script>
 import PartChoose from "@/views/repair/Components/PartChoose.vue";
+import StaffChoose from "@/views/repair/Components/StaffChoose.vue";
 
 export default {
   name: "TicketItem",
-  components: {PartChoose},
-  props:{
-    itemType:{
+  components: {StaffChoose, PartChoose},
+  props: {
+    itemType: {
       type: String,
       default: 'project',
       required: true
@@ -60,14 +113,28 @@ export default {
       loading: false,
       list: [{}],
       // 需要编辑的属性
-      editProp: ["goods"],
+      editProp: ["goods", 'count', 'price', 'discount', 'repair', 'sale', 'remark', 'type', 'accountType'],
       // 保存进入编辑的cell
-      clickCellMap: {}
+      clickCellMap: {},
+      selectRepair: {},
+      selectSale: {},
+      formData: {
+        repair: null,
+        sale: null,
+      }
     }
   },
-  computed:{
-    getLabelName(){
-      switch (this.itemType){
+  watch:{
+    list:{
+      handler(val){
+        this.$emit("tableData", val)
+      },
+      deep: true
+    }
+  },
+  computed: {
+    getLabelName() {
+      switch (this.itemType) {
         case "project":
           return "维修项目";
         case "part":
@@ -98,11 +165,13 @@ export default {
     handleCellClick(row, column, cell, event) {
       const property = column.property
       if (this.editProp.includes(property)) {
-        // 保存cell
-        this.saveCellClick(row, cell)
-        cell.querySelector('.item__txt').style.display = 'none'
-        cell.querySelector('.item__input').style.display = 'inline'
-        cell.querySelector('input').focus()
+        if (!row.id || property !== 'goods') {
+          // 保存cell
+          this.saveCellClick(row, cell)
+          cell.querySelector('.item__txt').style.display = 'none'
+          cell.querySelector('.item__input').style.display = 'inline'
+          cell.querySelector('input').focus()
+        }
       }
     },
     /** 取消编辑状态 */
@@ -122,7 +191,12 @@ export default {
       }
     },
     /** 保存数据 */
-    save (row) {
+    save(row) {
+      // TODO 有BUG 更新表格
+      if (row.id){
+        row.itemStatus = row.repair ? "02" : "01"
+        row.totalPrice = row.count * row.price * (row.discount / 10)
+      }
       const id = row.id
       // 取消本行所有cell的编辑状态
       this.clickCellMap[id].forEach(cell => {
@@ -130,8 +204,21 @@ export default {
       })
       this.clickCellMap[id] = []
     },
-    getPart(data){
+    getPart(data) {
+      data = {
+        ...data,
+        count: 1,
+        discount: 10,
+        remark: null,
+        itemStatus: '01',
+        totalPrice: data.price
+      }
       this.list.splice(this.list.length - 1, 0, data)
+    },
+    handleDeleteItem(index) {
+      if (this.list[index].id) {
+        this.list.splice(index, 1)
+      }
     }
   }
 }
diff --git a/src/views/repair/tickets/Components/UserInfo.vue b/src/views/repair/tickets/Components/UserInfo.vue
index 15e4f8a..a91f1fa 100644
--- a/src/views/repair/tickets/Components/UserInfo.vue
+++ b/src/views/repair/tickets/Components/UserInfo.vue
@@ -92,12 +92,12 @@
         </template>
         <el-input v-model="selectCar.newMaintenanceMileage"/>
       </el-descriptions-item>
-      <el-descriptions-item :span="3">
-        <template slot="label">
-          备注
-        </template>
-        <el-input v-model="formData.remark"/>
-      </el-descriptions-item>
+<!--      <el-descriptions-item :span="3">-->
+<!--        <template slot="label">-->
+<!--          备注-->
+<!--        </template>-->
+<!--        <el-input v-model="formData.remark"/>-->
+<!--      </el-descriptions-item>-->
       <el-descriptions-item>
         <template slot="label">
           服务顾问
@@ -129,9 +129,9 @@
         </el-select>
       </el-col>
     </el-row>
-    <TicketItem item-type="project"/>
-    <TicketItem v-if="createTicketType" item-type="part"/>
-    <TicketItem v-if="createTicketType" item-type="other"/>
+    <TicketItem item-type="project" @tableData="projectData"/>
+    <TicketItem v-if="createTicketType" item-type="part" @tableData="partData"/>
+    <TicketItem v-if="createTicketType" item-type="other" @tableData="otherData"/>
     <el-row :gutter="createTicketType ? 2 : 3" style="margin-top: 1rem">
       <el-col :span="createTicketType ? 12 : 16">
         <el-descriptions class="margin-top" :column="createTicketType ? 2 : 3" border :size="'medium'"
@@ -164,11 +164,11 @@
       <el-col v-if="createTicketType" :span="12">
         <el-descriptions class="margin-top" :column="5" :size="'medium'"
                          style="margin-left: 1rem;margin-top: 1rem">
-          <el-descriptions-item label="数量">0</el-descriptions-item>
-          <el-descriptions-item label="项目">0</el-descriptions-item>
-          <el-descriptions-item label="配件">0</el-descriptions-item>
-          <el-descriptions-item label="附加">0</el-descriptions-item>
-          <el-descriptions-item label="合计">0</el-descriptions-item>
+          <el-descriptions-item label="数量">{{ formData.count }}</el-descriptions-item>
+          <el-descriptions-item label="项目">{{ formData.projectPrice }}</el-descriptions-item>
+          <el-descriptions-item label="配件">{{ formData.partPrice }}</el-descriptions-item>
+          <el-descriptions-item label="附加">{{ formData.otherPrice }}</el-descriptions-item>
+          <el-descriptions-item label="合计">{{ formData.totalPrice }}</el-descriptions-item>
         </el-descriptions>
       </el-col>
       <el-col v-else :span="8" style="margin-top:1rem;display: flex;justify-content: right">
@@ -183,11 +183,12 @@
             <template slot="label">
               备注
             </template>
-            <el-input/>
+            <el-input v-model="formData.remark"/>
           </el-descriptions-item>
         </el-descriptions>
       </el-col>
       <el-col :span="12" style="margin-top:1rem;display: flex;justify-content: right">
+        <el-button type="success" @click="handleSave">登记保存</el-button>
         <el-button type="danger">结算</el-button>
         <el-button type="success">完成</el-button>
         <el-button type="primary">通知施工</el-button>
@@ -203,7 +204,8 @@ import UserChoose from "@/views/repair/Components/UserChoose.vue";
 import StaffChoose from "@/views/repair/Components/StaffChoose.vue";
 import TicketItem from "@/views/repair/tickets/Components/TicketItem.vue";
 import CarChoose from "@/views/repair/Components/CarChoose.vue";
-import {parseTime} from "../../../../utils/ruoyi";
+import {createUniqueCodeByHead} from "@/utils/createUniqueCode";
+import {createTickets} from "@/api/repair/tickets/Tickets";
 
 export default {
   name: "UserInfo",
@@ -236,15 +238,212 @@ export default {
         remark: null,
         inTime: Date.now(),
         outTime: null,
-        ticketTime: Date.now()
+        ticketTime: Date.now(),
+        projectPrice: 0,
+        partPrice: 0,
+        otherPrice: 0,
+        totalPrice: 0,
+        count: 0,
+        userId: null,
+        userName: null,
+        userMobile: null,
+        carId: null,
+        carNo: null,
+        carVin: null,
+        carBrandId: null,
+        carBrandName: null,
+        carBrandType: null,
+        adviserId: null,
+        adviserName: null,
+        payType: null,
+        repairAdvice: null,
+        qualityExplain: null,
+        ticketType: null,
+        itemList: [],
       },
       selectUser: {},
       selectCar: {},
       selectStaff: {},
+      projectList: [],
+      partList: [],
+      otherList: []
     }
   },
   methods: {
-    parseTime
+    projectData(data) {
+      // 去掉最后一行
+      this.projectList = [...data]
+      this.projectList.pop()
+      // 通知计算
+      this.computedData()
+    },
+    partData(data) {
+      // 去掉最后一行
+      this.partList = [...data]
+      this.partList.pop()
+      // 通知计算
+      this.computedData()
+    },
+    otherData(data) {
+      // 去掉最后一行
+      this.otherList = [...data]
+      this.otherList.pop()
+      // 通知计算
+      this.computedData()
+    },
+    computedData() {
+      const data = this.formData
+      this.formData = {
+        ...data,
+        projectPrice: 0,
+        partPrice: 0,
+        otherPrice: 0,
+        totalPrice: 0,
+        count: 0
+      }
+      // 项目
+      if (this.projectList) {
+        this.formData.projectPrice = this.computeByItem(this.projectList)
+      }
+      // 配件
+      if (this.partList) {
+        this.formData.partPrice = this.computeByItem(this.partList)
+      }
+      // 其他
+      if (this.otherList) {
+        this.formData.otherPrice = this.computeByItem(this.otherList)
+      }
+    },
+    computeByItem(item) {
+      const count = item.reduce((x, y) => {
+        return x + y.count
+      }, 0)
+      const totalPrice = item.reduce((x, y) => {
+        return x + y.totalPrice
+      }, 0)
+      this.formData.count += parseInt(count)
+      this.formData.totalPrice += parseFloat(totalPrice)
+      return parseFloat(totalPrice)
+    },
+    // 登记保存
+    async handleSave() {
+      this.createInit()
+      this.createItemInit()
+      try {
+        // await createTickets(this.formData)
+        this.$modal.msgSuccess("新增成功")
+        this.init()
+      }catch{}
+    },
+    // 初始化
+    init(){
+      this.formData = {
+        endCheck: 1,
+        partDisposal: '01',
+        repairType: '01',
+        ticketNo: null,
+        remark: null,
+        inTime: Date.now(),
+        outTime: null,
+        ticketTime: Date.now(),
+        projectPrice: 0,
+        partPrice: 0,
+        otherPrice: 0,
+        totalPrice: 0,
+        count: 0,
+        userId: null,
+        userName: null,
+        userMobile: null,
+        carId: null,
+        carNo: null,
+        carVin: null,
+        carBrandId: null,
+        carBrandName: null,
+        carBrandType: null,
+        adviserId: null,
+        adviserName: null,
+        payType: null,
+        repairAdvice: null,
+        qualityExplain: null,
+        ticketType: null,
+        itemList: [],
+      }
+      this.selectUser ={}
+      this.selectCar = {}
+      this.selectStaff = {}
+      this.projectList = []
+      this.partList = []
+      this.otherList = []
+    },
+    // 新增基础信息init
+    createInit() {
+      // 生成工单号
+      this.formData.ticketNo = createUniqueCodeByHead("GD")
+      // 选择的用户
+      this.formData.userId = this.selectUser?.userId
+      this.formData.userName = this.selectUser?.cusName
+      this.formData.userMobile = this.selectUser?.phoneNumber
+
+      // 选择的车辆
+      this.formData.carId = this.selectCar?.id
+      this.formData.carNo = this.selectCar?.licenseNumber
+      this.formData.carVin = this.selectCar?.vin
+      this.formData.carBrandId = this.selectCar?.carBrand
+      this.formData.carBrandName = this.selectCar?.brandStr
+      this.formData.carBrandType = this.selectCar?.brandType
+
+      // 服务顾问
+      this.formData.adviserId = this.selectStaff?.id
+      this.formData.adviserName = this.selectStaff?.name
+    },
+    // 新增子表信息init
+    createItemInit() {
+      // 项目
+      this.formData.itemList = [...this.formData.itemList, ...this.formatItem("project", this.projectList)]
+      // 配件
+      this.formData.itemList = [...this.formData.itemList, ...this.formatItem("part", this.partList)]
+      // 其他
+      this.formData.itemList = [...this.formData.itemList, ...this.formatItem("other", this.otherList)]
+    },
+    // 子表信息预处理
+    formatItem(type, list) {
+      if (!(list && list.length > 0)){
+        return []
+      }
+      return list.map(item => {
+        const temp = {
+          ...item,
+          itemName: item.name,
+          itemCount: item.count,
+          itemUnit: item.unit,
+          itemPrice: item.price,
+          itemDiscount: item.discount,
+          itemMoney: item.totalPrice,
+          repairId: item?.repair?.id,
+          repairName: item?.repair?.name,
+          saleId: item?.sale?.id,
+          saleName: item?.sale?.name,
+          itemTypeId: item?.type?.id,
+          remark: item.remark,
+          itemStatus: item.itemStatus,
+        }
+        switch (type) {
+          case 'project':
+            temp['itemType'] = "01"
+            break;
+          case 'part':
+            temp['itemType'] = "02"
+            break;
+          case 'other':
+            temp['itemType'] = "03"
+            break;
+          default:
+            return "";
+        }
+        temp[type + 'Id'] = item.id
+        return temp;
+      })
+    }
   }
 }
 </script>