feat(router): 添加数字钢卷路由

feat(components): 为MutiSelect组件添加collapseTags属性

feat(views): 新增酸连轧系统页面及组件

feat(views): 添加数字钢卷信息展示组件

refactor(views): 重构基础面板组件，支持数字钢卷功能

klp-ui/src/views/wms/coil/components/CoilInfo.vue

@@ -0,0 +1,86 @@
+<template>
+  <el-descriptions
+    :column="column"
+    :border="true"
+    size="small"
+  >
+    <el-descriptions-item label="入场卷号">{{ coilInfo.enterCoilNo || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="当前卷号">{{ coilInfo.currentCoilNo || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="厂家原料号">{{ coilInfo.supplierCoilNo || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="逻辑库位">{{ coilInfo.warehouseName || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="实际库区">{{ coilInfo.actualWarehouseName || '-' }}</el-descriptions-item>
+
+    <el-descriptions-item label="班组">{{ coilInfo.team || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="材料类型">{{ coilInfo.materialType || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="产品/原料">{{ coilInfo.itemName || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="规格">{{ coilInfo.specification || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="材质">{{ coilInfo.material || '-' }}</el-descriptions-item>
+
+    <el-descriptions-item label="厂家">{{ coilInfo.manufacturer || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="镀层质量">{{ coilInfo.zincLayer || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="表面处理">{{ coilInfo.surfaceTreatmentDesc || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="质量状态">
+      <span :class="getStatusClass(coilInfo.qualityStatus)">{{ coilInfo.qualityStatus || '-' }}</span>
+    </el-descriptions-item>
+    <el-descriptions-item label="切边要求">{{ coilInfo.trimmingRequirement || '-' }}</el-descriptions-item>
+
+    <el-descriptions-item label="原料材质">{{ coilInfo.packingStatus || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="包装要求">{{ coilInfo.packagingRequirement || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="实测厚度">{{ coilInfo.actualThickness ? `${coilInfo.actualThickness} m` : '-' }}</el-descriptions-item>
+    <el-descriptions-item label="实测宽度">{{ coilInfo.actualWidth ? `${coilInfo.actualWidth} m` : '-' }}</el-descriptions-item>
+    <el-descriptions-item label="长度">{{ coilInfo.length ? `${coilInfo.length} m` : '-' }}</el-descriptions-item>
+
+    <el-descriptions-item label="毛重">{{ coilInfo.grossWeight ? `${coilInfo.grossWeight} t` : '-' }}</el-descriptions-item>
+    <el-descriptions-item label="净重">{{ coilInfo.netWeight ? `${coilInfo.netWeight} t` : '-' }}</el-descriptions-item>
+    <el-descriptions-item label="生产开始">{{ coilInfo.productionStartTime || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="生产结束">{{ coilInfo.productionEndTime || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="调制度">{{ coilInfo.temperGrade || '-' }}</el-descriptions-item>
+
+    <el-descriptions-item label="镀层种类">{{ coilInfo.coatingType || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="表面处理">{{ coilInfo.coilSurfaceTreatment || '-' }}</el-descriptions-item>
+    <el-descriptions-item label="备注" :span="column - 2">{{ coilInfo.remark || '-' }}</el-descriptions-item>
+  </el-descriptions>
+</template>
+
+<script>
+export default {
+  name: 'CoilInfo',
+  props: {
+    coilInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    column: {
+      type: Number,
+      default: 5
+    }
+  },
+  methods: {
+    getStatusClass(status) {
+      if (!status) return ''
+      const statusLower = status.toLowerCase()
+      if (statusLower.includes('合格')) return 'status-success'
+      if (statusLower.includes('不合格')) return 'status-danger'
+      if (statusLower.includes('待检')) return 'status-warning'
+      return ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+.status-success {
+  color: #67c23a;
+  font-weight: 500;
+}
+
+.status-danger {
+  color: #f56c6c;
+  font-weight: 500;
+}
+
+.status-warning {
+  color: #e6a23c;
+  font-weight: 500;
+}
+</style>

klp-ui/src/views/wms/coil/panels/base.vue

@@ -1,16 +1,21 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
-      <el-form-item label="入场钢卷号" prop="enterCoilNo">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="60px">
+      <el-form-item label="入场卷号" prop="enterCoilNo">
         <el-input v-model="queryParams.enterCoilNo" placeholder="请输入入场钢卷号" clearable
           @keyup.enter.native="handleQuery" />
       </el-form-item>
-      <el-form-item label="当前钢卷号" prop="currentCoilNo">
+      <el-form-item label="当前卷号" prop="currentCoilNo">
         <el-input v-model="queryParams.currentCoilNo" placeholder="请输入当前钢卷号" clearable
           @keyup.enter.native="handleQuery" />
       </el-form-item>
-      <el-form-item label="逻辑库位" prop="warehouseId" v-if="!hideWarehouseQuery && !leftWarehouseQuery">
-        <warehouse-select v-model="queryParams.warehouseId" placeholder="请选择仓库/库区/库位"
+      <el-form-item label="逻辑库位" prop="warehouseId" v-if="useWarehouseIds">
+        <muti-select v-model="warehouseIds" placeholder="请选择逻辑库位" 
+          style="width: 100%; display: inline-block;" clearable :options="warehouseOptions">
+        </muti-select>
+      </el-form-item>
+      <el-form-item label="逻辑库位" prop="warehouseId" v-else-if="!hideWarehouseQuery && !leftWarehouseQuery">
+        <warehouse-select v-model="queryParams.warehouseId" placeholder="请选择逻辑库位"
           style="width: 100%; display: inline-block;" clearable />
       </el-form-item>
 
@@ -20,6 +25,13 @@
           :clearInput="false" :showEmpty="true" />
       </el-form-item>
 
+      <el-form-item v-if="showMaterialType" label="物料类型" prop="materialType">
+        <el-select v-model="queryParams.materialType" placeholder="请选择物料类型" clearable>
+          <el-option label="原料" value="原料"></el-option>
+          <el-option label="成品" value="成品"></el-option>
+        </el-select>
+      </el-form-item>
+
       <el-form-item label="产品名称" prop="itemName">
         <muti-select v-model="queryParams.itemName" :options="dict.type.coil_itemname" placeholder="请选择物料" clearable />
       </el-form-item>
@@ -298,6 +310,9 @@
               <el-button size="mini" type="text" icon="el-icon-printer" @click="handlePrintLabel(scope.row)">
                 打印标签
               </el-button>
+              <el-button size="mini" type="text" icon="el-icon-view" @click="handleNumberCoilClick(scope.row)">
+                数字钢卷
+              </el-button>
               <el-button size="mini" v-if="showStatus" type="text" icon="el-icon-upload"
                 @click="handleExportCoil(scope.row)">
                 发货
@@ -680,7 +695,7 @@ export default {
       type: Boolean,
       default: false,
     },
-    hideType: {
+    showMaterialType: {
       type: Boolean,
       default: false,
     },
@@ -762,6 +777,14 @@ export default {
       type: Boolean,
       default: false,
     },
+    useWarehouseIds: {
+      type: Boolean,
+      default: false,
+    },
+    warehouseOptions: {
+      type: Array,
+      default: () => [],
+    },
   },
   data() {
     return {
@@ -883,6 +906,7 @@ export default {
         loading: false,
         list: [],
       },
+      warehouseIds: '',
       __printOldTitle: document.title,
       floatLayerConfig: {
         columns: [
@@ -974,12 +998,21 @@ export default {
     },
   },
   created() {
-    this.getList();
     if (this.showExportTime) {
       this.getUserList();
     }
+    if (this.useWarehouseIds) {
+      this.warehouseIds = this.warehouseOptions.map(item => item.value).join(',');
+    }
+    this.getList();
   },
   methods: {
+    // 进入数字钢卷页面
+    handleNumberCoilClick(row) {
+      this.$router.push({
+        path: '/wms/coil/' + row.coilId,
+      });
+    },
     // 处理行点击事件
     handleRowClick(row) {
       this.currentCoilId = row.coilId;
@@ -1186,6 +1219,9 @@ export default {
       }
       // 如果没有设置itemType，则设置为raw_material
       query.selectType = this.querys.materialType === '原料' ? 'raw_material' : 'product';
+      if (this.useWarehouseIds) {
+        query.warehouseIds = this.warehouseIds;
+      }
       if (this.showWaybill) {
         const { shipmentTime, ...query } = {
           ...this.queryParams,