feat(CoilSelector): 添加可拖拽库位视图和品质列显示

refactor(WarehouseInterlaced): 修复props格式问题
fix(DuGeTag): 修正电话号码格式

klp-ui/src/components/CoilSelector/index.vue

@@ -18,7 +18,7 @@
     </div>
 
     <el-dialog title="选择钢卷" :visible.sync="dialogVisible" :width="dialogWidth" :close-on-click-modal="false"
-      @close="handleClose" append-to-body>
+      @close="handleClose" append-to-body :fullscreen="orderBy">
       <!-- 搜索区域 -->
       <el-form v-if="!rangeMode" :model="queryParams" class="search-form">
         <!-- <el-form-item label="类型">
@@ -62,7 +62,7 @@
         </el-form-item>
         <el-form-item label="实际库区" v-if="orderBy">
           <actual-warehouse-select v-model="queryParams.actualWarehouseId" placeholder="请选择实际库区" canSelectLevel2
-            canSelectDisabled />
+            canSelectDisabled @select="handleWarehouseChange" />
         </el-form-item>
 
         <el-form-item>
@@ -77,6 +77,7 @@
         <!-- 自定义列 -->
         <el-table-column v-for="column in renderColumns" :label="column.label" :align="column.align" :prop="column.prop"
           :width="column.width" :show-overflow-tooltip="column.showOverflowTooltip" />
+        <el-table-column v-if="orderBy" label="品质" prop="qualityStatus"></el-table-column>
         <el-table-column v-if="orderBy" label="切边" prop="trimmingRequirement"></el-table-column>
         <el-table-column v-if="orderBy" label="包装" prop="packagingRequirement"></el-table-column>
       </el-table>
@@ -93,6 +94,7 @@
           <!-- 自定义列 -->
           <el-table-column v-for="column in renderColumns" :label="column.label" :align="column.align"
             :prop="column.prop" :width="column.width" :show-overflow-tooltip="column.showOverflowTooltip" />
+          <el-table-column v-if="orderBy" label="品质" prop="qualityStatus"></el-table-column>
           <el-table-column v-if="orderBy" label="切边" prop="trimmingRequirement"></el-table-column>
           <el-table-column v-if="orderBy" label="包装" prop="packagingRequirement"></el-table-column>
         </el-table>
@@ -105,6 +107,7 @@
       <el-table v-if="multiple && selectedCoils.length > 0" :data="selectedCoils">
         <el-table-column v-for="column in renderColumns" :label="column.label" :align="column.align" :prop="column.prop"
           :width="column.width" :show-overflow-tooltip="column.showOverflowTooltip" />
+        <el-table-column v-if="orderBy" label="品质" prop="qualityStatus"></el-table-column>
 
         <el-table-column label="操作" width="50">
           <template slot-scope="scope">
@@ -117,23 +120,36 @@
         <el-button type="primary" @click="handleConfirm">确认选择</el-button>
         <el-button @click="handleClose">取消</el-button>
       </div>
+
+      <!-- 一个可以拖拽和调节大小的浮层 -->
+      <DragResizeBox v-if="selectedNodeId" @size-change="handleSizeChange">
+        <div style="height: 100%; width: 100%; overflow-y: scroll;">
+          <warehouse-bird-mini ref="warehouseBirdMini" v-loading="warehouseLoading" :warehouseList="warehouseList" :id="selectedNodeId"
+            :canToggle="false" :canRelease="false" />
+        </div>
+      </DragResizeBox>
     </el-dialog>
   </div>
 </template>
 
 <script>
 import { listMaterialCoil } from '@/api/wms/coil';
+import { listActualWarehouse } from "@/api/wms/actualWarehouse";
 import MemoInput from '@/components/MemoInput/index.vue';
 import MutiSelect from '@/components/MutiSelect/index.vue';
 import { defaultColumns } from './data';
 import ActualWarehouseSelect from '@/components/KLPService/ActualWarehouseSelect/index.vue';
+import WarehouseBirdMini from '@/views/wms/warehouse/components/WarehouseBirdMini.vue';
+import DragResizeBox from '@/components/DragResizeBox/index.vue';
 
 export default {
   name: 'CoilSelector',
   components: {
     MemoInput,
     MutiSelect,
-    ActualWarehouseSelect
+    ActualWarehouseSelect,
+    WarehouseBirdMini,
+    DragResizeBox
   },
   dicts: ['coil_itemname', 'coil_material', 'coil_manufacturer'],
   props: {
@@ -223,6 +239,9 @@ export default {
       columns: defaultColumns,
       currentTab: 'my',
       selectedCoils: [],
+      warehouseList: [],
+      selectedNodeId: null,
+      warehouseLoading: false,
     };
   },
   computed: {
@@ -306,6 +325,35 @@ export default {
     }
   },
   methods: {
+    // 获取库位列表
+    getWarehouseList(parentId) {
+      this.warehouseLoading = true;
+      return listActualWarehouse({ parentId })
+        .then((res) => { this.warehouseList = res.data || []; this.warehouseLoading = false; })
+        .catch((err) => {
+          this.$message.error("获取库位数据失败：" + err.message);
+          this.warehouseList = [];
+          this.warehouseLoading = false;
+        });
+    },
+    // 处理大小变化
+    handleSizeChange(size) {
+      console.log('size', size);
+      this.$refs.warehouseBirdMini.resize();
+    },
+    // 处理实际库区选择变化
+    handleWarehouseChange(val) {
+      console.log('val', val);
+      if (!val) {
+        this.selectedNodeId = null;
+        this.warehouseList = [];
+        return;
+      }
+      if (val.pathIds.length == 2) {
+        this.selectedNodeId = val;
+        this.getWarehouseList(val.id);
+      }
+    },
     // 动态生成表格行类名 - 综合处理选中、禁用等状态
     getRowClassName({ row }) {
       const classNames = [];