货物入仓弹窗重构

src/views/ecw/order/warehousing/index.vue

@@ -81,14 +81,17 @@
         prop="address"
         :label="$t('操作')">
         <template v-slot="{ row, column, $index }">
-          <el-button v-if="isEdit" size="mini" type="text" @click="handleWarehousing(row)">{{$t('修改')}}</el-button>
+          <warehouse v-if="isEdit" :warehousing="{...order.orderItemVOList[$index], ...orderItemList[$index]}" :title="$t('修改')" :order="order" @close="getList"></warehouse>
+<!--          <el-button v-if="isEdit" size="mini" type="text" @click="handleWarehousing(row)">{{$t('修改')}}</el-button>-->
           <template v-else-if="wareItem(row.orderItemId) && wareItem(row.orderItemId).orderWarehouseInBackItemDoList && wareItem(row.orderItemId).orderWarehouseInBackItemDoList.length > 0">
 <!--            <template v-if="!order.parentOrderId">-->
-              <el-button size="mini" type="text" @click="handleWarehousing(row)">{{$t('追加')}}</el-button>
+            <warehouse :warehousing="{...order.orderItemVOList[$index], ...orderItemList[$index]}" :title="$t('追加')" :order="order" @close="getList"></warehouse>
+<!--            <el-button size="mini" type="text" @click="handleWarehousing(row)">{{$t('追加')}}</el-button>-->
               <el-button size="mini" type="text" @click="handleWarehousingReturn(row)">{{$t('退仓')}}</el-button>
 <!--            </template>-->
           </template>
-          <el-button v-else size="mini" type="text" @click="handleWarehousing(row)">{{$t('入仓')}}</el-button>
+          <warehouse v-else :warehousing="{...order.orderItemVOList[$index], ...orderItemList[$index]}" :title="$t('入仓')" :order="order" @close="getList"></warehouse>
+<!--          <el-button v-else size="mini" type="text" @click="handleWarehousing(row)">{{$t('入仓')}}</el-button>-->
         </template>
       </el-table-column>
     </el-table>
@@ -212,6 +215,7 @@ import PrintWarehouseReceipt from "@/views/ecw/order/components/PrintWarehouseRe
 import imageUpload from "@/components/ImageUpload";
 import {parseTime} from "@/utils/ruoyi"
 import ImageAndVideoUpload from '@/components/ImageAndVideoUpload'
+import Warehouse from "@/views/ecw/order/warehousing/components/Warehouse"
 export default {
   name: "Warehousing",
 
@@ -223,12 +227,13 @@ export default {
     PrintWarehouseReceipt,
     imageUpload,
     ImageAndVideoUpload,
+    Warehouse
   },
 
   mounted() {
     if(this.$route.query.id){
       this.orderId = parseInt(this.$route.query.id || undefined)
-      getOrderWarehouseIn(this.orderId).then(r => this.orderItemList = r.data.reverse())
+      getOrderWarehouseIn(this.orderId).then(r => this.orderItemList = r.data)
       getSpecialListByOrderId(this.orderId).then(r => this.specialList = r.data)
 
       Promise.all([
@@ -286,6 +291,10 @@ export default {
   },
 
   methods: {
+    getList(){
+      this.getOrder()
+      getOrderWarehouseIn(this.orderId).then(r => this.orderItemList = r.data)
+    },
     getWarehousePictureList(){
       return warehousePictureList({
         bizId: this.order.orderId,
@@ -439,7 +448,7 @@ export default {
             message: this.$t('货物退仓成功!')
           });
 
-          getOrderWarehouseIn(this.orderId).then(r => this.orderItemList = r.data.reverse())
+          getOrderWarehouseIn(this.orderId).then(r => this.orderItemList = r.data)
           this.getOrder()
         })
 
@@ -452,7 +461,7 @@ export default {
     warehousingVisible(val) {
       if (!val){
         this.getOrder()
-        getOrderWarehouseIn(this.orderId).then(r => this.orderItemList = r.data.reverse())
+        getOrderWarehouseIn(this.orderId).then(r => this.orderItemList = r.data)
       }
     },
     orderSpecialNeeds(val){