From 2c198e67b97d8729b82d3a4139d7251ab76c76f7 Mon Sep 17 00:00:00 2001
From: xiaofajia <1665375861@qq.com>
Date: Wed, 20 Nov 2024 15:34:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=93=E7=AE=A1=E7=9A=84=E9=87=87=E8=B4=AD?=
 =?UTF-8?q?=E5=8D=95=E5=92=8C=E5=85=A5=E5=BA=93=E5=8D=95=E6=9C=AA=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E7=9A=84=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inOutWarehouse/inOutWarehouse.vue         |  41 +-
 pages-warehouse/inOutWarehouse/part.vue       | 357 ++++++++++++++----
 2 files changed, 324 insertions(+), 74 deletions(-)

diff --git a/pages-warehouse/inOutWarehouse/inOutWarehouse.vue b/pages-warehouse/inOutWarehouse/inOutWarehouse.vue
index ac8d742..6ecbe3d 100644
--- a/pages-warehouse/inOutWarehouse/inOutWarehouse.vue
+++ b/pages-warehouse/inOutWarehouse/inOutWarehouse.vue
@@ -17,7 +17,10 @@
     <view class="listBox">
       <view class="list">
         <view v-for="(item, index) in wares" :key="index" class="listItem">
-          <view class="repairName">{{ item.waresName }}</view>
+          <view class="repairName">
+            <radio @click="chooseItem(item)" :checked="item.isSelected"/>
+            {{ item.waresName }}
+          </view>
           <view class="repairBottom">
             <text class="repairDesc">单位：
               <text class="repairUnit">{{ item.wares.unit }}</text>
@@ -74,7 +77,8 @@ export default {
       formData: {},
       active: '',
       isToBeReviewed: true,
-      query: null
+      query: null,
+      selectRows: []
     };
   },
   onLoad(data) {
@@ -91,7 +95,21 @@ export default {
 
   computed: {},
   methods: {
-    handleSearch(){
+    chooseItem(item) {
+      const index = this.selectRows.findIndex(i => i.id === item.id)
+      const parentIndex = this.wares.findIndex(i => i.id === item.id)
+      if (index === -1) {
+        this.$set(item, 'isSelected', true)
+        this.selectRows.push(item)
+      } else {
+        this.$set(item, 'isSelected', false)
+        this.selectRows.splice(index, 1)
+      }
+      if (parentIndex !== -1) {
+        this.$set(this.wares, parentIndex, item)
+      }
+    },
+    handleSearch() {
       this.init()
     },
     /**
@@ -108,12 +126,12 @@ export default {
         params: params
       }).then((res) => {
         this.wares = res.data
-        if (this.isToBeReviewed){
+        if (this.isToBeReviewed) {
           this.wares = this.wares.filter(item => item.waresStatus === '1')
           this.wares = this.wares.filter(item => this.isReceive ? (item.waresCount > item.waresAlreadyCount) : (item.waresAlreadyCount > 0))
         }
         this.wares.forEach(item => {
-          if (!item.wares.stock){
+          if (!item.wares.stock) {
             item.wares.stock = 0
           }
           if (this.isReceive) {
@@ -128,6 +146,11 @@ export default {
             item.maxNum = item.waresAlreadyCount
             item.thisNum = 0
           }
+          if (!this.selectRows || this.selectRows.length === 0){
+            item.isSelected = false
+          }else {
+            item.isSelected = this.selectRows.findIndex(i => i.id === item.id) !== -1
+          }
         })
         // res.data.map((item)=>{
         //   if(!item.waresAlreadyCount){
@@ -208,7 +231,7 @@ export default {
       }
       // 过滤一下，thisNum不等0才行
       const flag = this.wares.filter(item => item.thisNum > 0)
-      if (!flag || flag.length === 0){
+      if (!flag || flag.length === 0) {
         uni.showToast({
           title: '请设置配件数量！',
           icon: 'none'
@@ -252,7 +275,11 @@ export default {
      */
     toPart() {
       const formData = this.formData;
-      formData.items = this.wares;
+      if (this.selectRows && this.selectRows.length > 0) {
+        formData.items = this.selectRows
+      } else {
+        formData.items = this.wares;
+      }
       setJSONData("applyWaresForm", formData)
       uni.navigateTo({
         url: '/pages-warehouse/inOutWarehouse/part'
diff --git a/pages-warehouse/inOutWarehouse/part.vue b/pages-warehouse/inOutWarehouse/part.vue
index 23c6e43..01835d8 100644
--- a/pages-warehouse/inOutWarehouse/part.vue
+++ b/pages-warehouse/inOutWarehouse/part.vue
@@ -8,6 +8,11 @@
           <input type="text" style="text-align: right" v-model="serviceName" placeholder="请输入供应商名称"/>
           <view @click="searchService">查询</view>
         </view>
+        <view class="formItem" v-if="isInput">
+          <text class="formLabel">关键字</text>
+          <input type="text" style="text-align: right" v-model="query" placeholder="名称、规格、编码"/>
+          <view @click="searchQuery">查询</view>
+        </view>
         <view class="formItem" v-if="!isInput">
           <text class="formLabel">备注</text>
           <text class="formValue"></text>
@@ -15,16 +20,76 @@
         <view style="padding-bottom: 60rpx;border-bottom: 1px solid #ddd;" class="formItem" v-if="!isInput">
           <textarea style="height: 50px" auto-height placeholder="请输入备注" v-model="remark"/>
         </view>
-        <uni-card v-for="(item, index) in partList" :key="index" :title="item.name" :extra="'上次价格：'+item.purPrice">
+        <uni-card title="车辆信息" v-if="!isInput">
           <view class="formItem">
-            <view class="formLabel">单价</view>
-            <input type="number" style="text-align: right" v-model="item.newPrice" placeholder="请输入单价"/>
+            <view>车牌号</view>
+            <view>{{ carInfo.licenseNumber }}</view>
           </view>
           <view class="formItem">
-            <view class="formLabel">数量</view>
-            <input type="number" style="text-align: right" v-model="item.count" placeholder="请输入数量"/>
+            <view>品牌</view>
+            <view>{{ carInfo.carBrand }}</view>
+          </view>
+          <view class="formItem">
+            <view>型号</view>
+            <view>{{ carInfo.carModel }}</view>
           </view>
         </uni-card>
+        <uni-collapse ref="collapse">
+          <uni-collapse-item v-for="[key, value] in partList" :title="key + `(${value.length})`">
+            <uni-card v-for="(item, index) in value" :key="index">
+              <template>
+                <view class="card-header">
+                  <radio :checked="item.isSelected" @click="chooseItem(item)"/>
+                  <text class="card-title">{{ item.wares.name }}</text>
+                </view>
+              </template>
+              <view class="formItem">
+                <view class="formLabel">进价</view>
+                <input type="number" style="text-align: right" v-model="item.wares.purPrice" placeholder="请输入单价"/>
+              </view>
+              <view class="formItem">
+                <view class="formLabel">售价</view>
+                <input type="number" style="text-align: right" v-model="item.wares.price" placeholder="请输入单价"/>
+              </view>
+              <view class="formItem">
+                <view class="formLabel">分类</view>
+                <view>
+                  <picker @change="bindPickerChange($event, item)" :range="options" range-key="label">
+                    <view class="picker">
+                      {{ getServerName(item.wares.type) }}
+                    </view>
+                  </picker>
+                </view>
+              </view>
+              <view class="formItem">
+                <view class="formLabel">计量单价</view>
+                <picker @change="bindUnitChange($event, item)" :range="unitList" range-key="label">
+                  <view class="picker">
+                    {{ getUnitName(item.wares.unit) }}
+                  </view>
+                </picker>
+              </view>
+              <view class="formItem" v-if="!isInput">
+                <view class="formLabel">数量</view>
+                <input type="number" style="text-align: right" v-model="item.waresCount" placeholder="请输入数量"/>
+              </view>
+              <view class="formItem" v-if="isInput">
+                <view class="formLabel">数量</view>
+                <input type="number" style="text-align: right" v-model="item.inCount" placeholder="请输入数量"/>
+              </view>
+            </uni-card>
+          </uni-collapse-item>
+        </uni-collapse>
+        <!--        <uni-card v-for="(item, index) in partList" :key="index" :title="item.name" :extra="'上次价格：'+item.purPrice">-->
+        <!--          <view class="formItem">-->
+        <!--            <view class="formLabel">单价</view>-->
+        <!--            <input type="number" style="text-align: right" v-model="item.newPrice" placeholder="请输入单价"/>-->
+        <!--          </view>-->
+        <!--          <view class="formItem">-->
+        <!--            <view class="formLabel">数量</view>-->
+        <!--            <input type="number" style="text-align: right" v-model="item.count" placeholder="请输入数量"/>-->
+        <!--          </view>-->
+        <!--        </uni-card>-->
       </view>
     </view>
     <view class="footer">
@@ -41,9 +106,11 @@ import VNavigationBar from "@/components/VNavigationBar.vue";
 import request from '@/utils/request';
 import {getDictTextByCodeAndValue, createUniqueCodeByHead} from "@/utils/utils";
 import {getUserInfo, getJSONData} from '@/utils/auth.js'
+import UniCollapse from "../../uni_modules/uni-collapse/components/uni-collapse/uni-collapse.vue";
+import {getStorageWithExpiry} from "../../utils/auth";
 
 export default {
-  components: {VNavigationBar},
+  components: {UniCollapse, VNavigationBar},
   data() {
     return {
       //配件申请单id
@@ -69,27 +136,105 @@ export default {
       //供应商id
       serviceId: "",
       soId: "",
-      soiIds: []
+      soiIds: [],
+      carInfo: {},
+      options: [],
+      selectedIndex: -1,
+      unitList: [],
+      query: null,
+      selectRows: [],
     };
   },
   onLoad(data) {
+    this.listServer()
+    this.listUnit()
     if (data.soId) {
       this.soId = data.soId
       this.isInput = true
       this.title = '配件入库'
       this.getSoiId()
-    }else {
+    } else {
       if (getJSONData("applyWaresForm")) {
         this.formData = getJSONData("applyWaresForm")
         this.wares = this.formData.items
         this.init()
       }
     }
-
   },
-
   computed: {},
   methods: {
+    chooseItem(item) {
+      const parentIndex = this.partList.map(([key, value]) => value).reduce((acc, value) => acc.concat(value)).findIndex(i => i.id === item.id)
+      const index = this.selectRows.findIndex(i => i.id === item.id)
+      if (index === -1){
+        this.$set(item, 'isSelected', true)
+        this.selectRows.push(item)
+      }else {
+        this.$set(item, 'isSelected', false)
+        this.selectRows.splice(index, 1)
+      }
+      if (parentIndex !== -1){
+        const partListFlat = this.partList
+            .map(([key, value]) => value)
+            .reduce((acc, value) => acc.concat(value), []);
+        this.$set(partListFlat, parentIndex, { ...partListFlat[parentIndex], isSelected: item.isSelected });
+        const updatedPartList = this.partList.map(([key, value]) => {
+          const newValue = value.map(v => {
+            const foundItem = partListFlat.find(f => f.id === v.id);
+            return foundItem ? { ...v, ...foundItem } : v;
+          });
+          return [key, newValue];
+        });
+        this.$set(this, 'partList', updatedPartList);
+      }
+    },
+    searchQuery() {
+      this.getSoiId()
+    },
+    getUnitName(id) {
+      const index = this.unitList.findIndex(item => item.value === id)
+      if (index !== -1) {
+        return this.unitList[index].label
+      }
+      return "请选择"
+    },
+    bindUnitChange(e, row) {
+      const index = e.detail.value
+      const choose = this.unitList[index]
+      row.wares.unit = choose.value
+    },
+    listUnit() {
+      if (!getStorageWithExpiry("repair_unit")) {
+        getDictTextByCodeAndValue("repair_unit", null)
+      }
+      this.unitList = getStorageWithExpiry("repair_unit")
+    },
+    getServerName(id) {
+      const index = this.options.findIndex(item => item.value === id)
+      if (index !== -1) {
+        return this.options[index].label
+      }
+      return "请选择"
+    },
+    listServer() {
+      request({
+        url: '/admin-api/conf/baseType/list',
+        method: 'get',
+        params: {type: '02'}
+      }).then(res => {
+        this.options = res.data.map(item => {
+          return {
+            label: item.name,
+            value: item.id
+          }
+        })
+      })
+    },
+    bindPickerChange(node, row) {
+      const index = node.detail.value
+      const choose = this.options[index]
+      row.wares.type = choose.value
+    },
     /**
      * 查询供应商
      */
@@ -129,14 +274,35 @@ export default {
      * 初始化配件数据
      */
     init() {
-      this.partList = [...this.wares.map(item => {
-        return {
-          ...item.wares,
-          count: item.waresCount,
-          newPrice: item.wares.purPrice,
-          totalPrice: item.waresCount * item.wares.purPrice,
+      request({
+        url: '/admin-api/repair/tickets/getCusAndCarById?id=' + this.formData.ticketId,
+        method: 'get'
+      }).then(res => {
+        this.carInfo = res.data.carInfo
+        if (this.carInfo.carBrand) {
+          request({
+            url: '/admin-api/base/carBrand/get?id=' + this.carInfo.carBrand,
+            method: 'get'
+          }).then(res => {
+            this.carInfo.carBrand = res.data.brandName
+          })
         }
-      })]
+      })
+      const ids = this.wares.map(item => item.id)
+      request({
+        url: "/admin-api/repair/tw/getByIds?ids=" + ids,
+        method: 'get'
+      }).then(res => {
+        this.partList = Object.entries(res.data)
+        const value = this.partList.map(([key, value]) => value)
+        value.forEach(item => {
+          item.forEach(i => {
+            // i.count = i.waresCount
+            // i.newPrice = i.wares.purPrice
+            i.totalPrice = i.waresCount * i.wares.purPrice
+          })
+        })
+      })
     },
     /**
      *
@@ -171,33 +337,34 @@ export default {
      */
     submit() {
       const userInfo = getUserInfo()
+      const values = this.partList.map(([key, value]) => value).reduce((acc, value) => acc.concat(value))
       const data = {
         soType: '01',
         purchaseType: '01',
         soNo: createUniqueCodeByHead("CG"),
         userId: userInfo.id,
         userName: userInfo.nickname,
-        itemCount: this.partList.length,
-        totalPrice: this.partList.reduce((x, y) => {
+        itemCount: values.length,
+        totalPrice: values.reduce((x, y) => {
           return x + y.totalPrice
         }, 0),
-        soStatus: '03',
+        soStatus: "03",
         remark: this.remark,
         supplierId: this.serviceId,
         supplierName: this.serviceName
       }
-      data.goodsList = [...this.partList.map(item => {
+      data.goodsList = [...values.map(item => {
         return {
           soiType: '01',
-          goodsId: item.id,
+          goodsId: item.wares.id,
           goodsType: '0',
-          wareId: item?.wareId,
-          goodsCount: item.count,
-          goodsPrice: item.newPrice,
+          wareId: item.wares?.warehouse,
+          goodsCount: item.waresCount,
+          goodsPrice: item.wares.price,
           remark: item.remark
         }
       })]
-      console.log(data)
+      data.waresList = [...values.map(item => item.wares)]
       request({
         url: '/admin-api/repair/so/create',
         method: 'post',
@@ -216,59 +383,85 @@ export default {
     },
     getSoiId() {
       request({
-        url: '/admin-api/repair/so/get',
-        method: 'get',
-        params: {
-          id: this.soId
-        }
-      }).then((res) => { // 将 `.then` 移到这里
-        console.log(res)
-        res.data.goodsList.forEach(item => {
-          this.soiIds.push(item.id)
+        url: '/admin-api/repair/soi/getMapBySoIdAndQuery?id=' + this.soId + "&query=" + this.query,
+        method: 'get'
+      }).then(res => {
+        this.partList = Object.entries(res.data)
+        this.partList = this.partList.filter(([key, value]) => {
+          const newValue = value.filter(item => item.inCount !== item.goodsCount)
+          return newValue && newValue.length > 0
         })
-        console.log('返回',res.data)
-
-        request({
-          url: '/admin-api/repair/soi/get',
-          method: 'get',
-          params: {
-            ids: this.soiIds.join(',')
-          }
-        }).then((res) => { // 同样这里也要移到外层括号后
-          console.log('配件信息', res.data)
-          res.data.map(item => {
-            item.wares = item.repairWares
-            item.waresCount = 0
+        this.partList.forEach(([key, value]) => {
+          value.forEach(item => {
+            item.goodsCount = item.goodsCount - item?.inCount | 0
+            item.inCount = item.goodsCount - item?.inCount | 0
           })
-          this.wares = res.data
-          this.init()
         })
+        const values = this.partList.map(([key, value]) => value)
+        if (!this.selectRows || this.selectRows.length === 0){
+          values.forEach(item => {
+            item.forEach(i => {
+              i.isSelected = false
+            })
+          })
+        }else {
+          values.forEach(item => {
+            item.forEach(i => {
+              i.isSelected = this.selectRows.findIndex(j => j.id === i.id) !== -1
+            })
+          })
+        }
       })
+      // request({
+      //   url: '/admin-api/repair/so/get',
+      //   method: 'get',
+      //   params: {
+      //     id: this.soId
+      //   }
+      // }).then((res) => { // 将 `.then` 移到这里
+      //   // console.log(res)
+      //   res.data.goodsList.forEach(item => {
+      //     this.soiIds.push(item.id)
+      //   })
+      //   console.log('返回', res.data)
+      //
+      //   request({
+      //     url: '/admin-api/repair/soi/get',
+      //     method: 'get',
+      //     params: {
+      //       ids: this.soiIds.join(',')
+      //     }
+      //   }).then((res) => { // 同样这里也要移到外层括号后
+      //     console.log('配件信息', res.data)
+      //     res.data.map(item => {
+      //       item.wares = item.repairWares
+      //       item.waresCount = 0
+      //     })
+      //     this.wares = res.data
+      //     this.init()
+      //   })
+      // })
     },
     /**
      * 入库
      */
-    inWare(){
-      console.log('partList',this.partList)
-      // this.partList.forEach(item => {
-      //   item.inCount = item.count
-      //   item.goodsId = item.id
-      //   // item.id = this.soiIds[0]
-      //   })
-      const copiedPartList = JSON.parse(JSON.stringify(this.partList));
-      for (let i = 0; i < this.partList.length; i++) {
-        this.partList[i].inCount = this.partList[i].count
-        this.partList[i].goodsId = copiedPartList[i].id
-        this.partList[i].id = this.soiIds[i]
+    inWare() {
+      const data = {
+        id: this.soId,
+        soNo: createUniqueCodeByHead("RK")
+      }
+      if (this.selectRows && this.selectRows.length > 0){
+        data.soiList = [...this.selectRows]
+        data.waresList = [...this.selectRows.map(item => item.wares)]
+      }else {
+        const values = this.partList.map(([key, value]) => value).reduce((acc, item) => acc.concat(item))
+        data.soiList = [...values]
+        data.waresList = [...values.map(item => item.wares)]
       }
-      console.log('partList',this.partList)
       request({
         url: '/admin-api/repair/so/inWare',
         method: 'post',
-        data: {
-          id: this.soId,
-          soiList: this.partList
-        }
+        data: data
       }).then((res) => {
         if (res.code == 200) {
           uni.showToast({
@@ -280,6 +473,36 @@ export default {
           }, 700)
         }
       })
+      // this.partList.forEach(item => {
+      //   item.inCount = item.count
+      //   item.goodsId = item.id
+      //   // item.id = this.soiIds[0]
+      //   })
+      // const copiedPartList = JSON.parse(JSON.stringify(this.partList));
+      // for (let i = 0; i < this.partList.length; i++) {
+      //   this.partList[i].inCount = this.partList[i].count
+      //   this.partList[i].goodsId = copiedPartList[i].id
+      //   this.partList[i].id = this.soiIds[i]
+      // }
+      // console.log('partList', this.partList)
+      // request({
+      //   url: '/admin-api/repair/so/inWare',
+      //   method: 'post',
+      //   data: {
+      //     id: this.soId,
+      //     soiList: this.partList
+      //   }
+      // }).then((res) => {
+      //   if (res.code == 200) {
+      //     uni.showToast({
+      //       title: '入库成功！',
+      //       icon: 'none'
+      //     })
+      //     setTimeout(() => {
+      //       uni.navigateBack()
+      //     }, 700)
+      //   }
+      // })
     }