库存调拨新增列表维度筛选功能并优化相关表格显示逻辑

src/views/warehouseManagement/inventoryAllocation/add.vue

@@ -177,7 +177,26 @@
               </el-col>
             </el-row>
             <el-row :gutter="15">
-              <el-col :span="18">
+              <el-col :span="9">
+                <el-form-item
+                  label="列表维度:"
+                  label-width="65px"
+                  prop="dimension"
+                >
+                  <template>
+                    <el-select
+                      clearable
+                      @change="handledime"
+                      v-model="dimension"
+                      placeholder="请选择"
+                    >
+                      <el-option label="批次维度" value="2"> </el-option>
+                      <el-option label="包装维度" value="3"> </el-option>
+                    </el-select>
+                  </template>
+                </el-form-item>
+              </el-col>
+              <el-col :span="10">
                 <el-input
                   placeholder="请输入名称/编码/批次号/型号/规格/客户代号/刻码"
                   v-model="query.keyWord"
@@ -192,7 +211,7 @@
                   >
                 </el-input>
               </el-col>
-              <el-col :span="6">
+              <el-col :span="5">
                 <div
                   style="
                     display: flex;
@@ -288,15 +307,18 @@
             <el-table-column
               label="包装编码"
               prop="packageNo"
+              v-if="dimension == 3"
               :show-overflow-tooltip="true"
             ></el-table-column>
             <el-table-column
+              v-if="dimension == 3"
               label="包装数量"
               prop="packingQuantity"
               :show-overflow-tooltip="true"
             ></el-table-column>
             <el-table-column
               label="包装单位"
+              v-if="dimension == 3"
               prop="packingUnit"
               :show-overflow-tooltip="true"
             ></el-table-column>
@@ -529,18 +551,26 @@
               prop="specification"
               :show-overflow-tooltip="true"
             ></el-table-column>
+            <el-table-column
+              label="批次号"
+              prop="batchNo"
+              :show-overflow-tooltip="true"
+            ></el-table-column>
             <el-table-column
               label="包装编码"
+              v-if="dimension == 3"
               prop="packageNo"
               :show-overflow-tooltip="true"
             ></el-table-column>
             <el-table-column
               label="包装数量"
+              v-if="dimension == 3"
               prop="packingQuantity"
               :show-overflow-tooltip="true"
             ></el-table-column>
             <el-table-column
               label="包装单位"
+              v-if="dimension == 3"
               prop="packingUnit"
               :show-overflow-tooltip="true"
             ></el-table-column>
@@ -613,6 +643,7 @@
         tuneLibrary: [], // 调入库
         outWarehouseList: [],
         inWarehouseList: [],
+        dimension: '3',
         params: {
           code: '',
           name: '',
@@ -704,6 +735,14 @@
           inFreightId: '', // 调入货位
           inFreightName: ''
         };
+        if (dataList?.length) {
+          if (dataList[0].packageNo) {
+            this.dimension = '3';
+          }else{
+            this.dimension = '2';
+
+          }
+        }
         if (this.allocateId == 1) {
           // 库内调拨
           await this.outWarehouseChange(baseInfo.sourceWarehouseId); // 加载调出库区
@@ -712,6 +751,7 @@
           await this.outWarehouseChange(baseInfo.sourceWarehouseId); // 加载调出库区
           this.inWarehouseChange(baseInfo.targetWarehouseId); // 加载调入库区
         }
+
         // 处理右边显示数据
         this.selectionIds = dataList.map((item) => item.outInDetailRecordId);
         this.selection = this.productList.filter((item) => {
@@ -1048,6 +1088,12 @@
       inChange(val) {
         let obj = this.$refs.outTree.getNodeByValue(val);
       },
+      handledime() {
+        this.getProductList();
+        this.selection=[]
+        this.$refs.table.clearSelection()
+        this.tableData=[]
+      },
       async getProductList() {
         let params = {
           ...this.query,
@@ -1056,7 +1102,9 @@
           warehouseAreaGoodsId: this.params.outShelvesId,
           warehouseAreaGoodsShelvesId: this.params.outFreightId
         };
-        const data = await storageApi.getPackingList({
+        const data = await storageApi[
+          this.dimension == 2 ? 'getBatchList' : 'getPackingList'
+        ]({
           ...params,
           pageNum: this.page,
           size: this.size