feat(组件): 增强物料选择组件功能并优化样式

- 为ProductSelect、MaterialSelect和RawMaterialSelect组件添加多选支持
- 优化el-select组件样式，调整高度和标签显示宽度
- 在QRCode组件中添加内容变化监听自动生成二维码
- 在标签预览组件中添加qrcodeRecordId字段
- 在基础面板中添加物料多选查询和状态筛选功能

klp-ui/src/views/wms/coil/panels/LabelRender/OuterTagPreview.vue

@@ -142,7 +142,8 @@ export default {
         address: '唐山市滦州市茨榆坨工业区',
         englishAddress: 'Donghai special steel, ciyutuo Industrial Zone, Luanzhou, Tangshan, Hebei province, China.',
         tel: '0315-7560777',
-        timestamp: '2025.04.12 10:14'
+        timestamp: '2025.04.12 10:14',
+        qrcodeRecordId: '',
       })
     }
   },

klp-ui/src/views/wms/coil/panels/LabelRender/ProductionTagPreview.vue

@@ -63,7 +63,8 @@ export default {
         material: '',
         nextProcess: '',
         productionTeam: '',
-        productionDate: ''
+        productionDate: '',
+        qrcodeRecordId: '',
       })
     }
   }

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

@@ -22,10 +22,23 @@
         <el-input v-model="queryParams.supplierCoilNo" placeholder="请输入厂家原料卷号" clearable
           @keyup.enter.native="handleQuery" />
       </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
+          <el-option v-for="item in dict.type.product_coil_status" :key="item.value" :value="parseInt(item.value)" :label="item.label" />
+        </el-select>
+      </el-form-item>
+
+      <MaterialSelect :hideType="true" :itemId.sync="queryParams.itemIds" :itemType.sync="queryParams.itemType" :multiple="true"/>
+
+      <el-form-item label="班组" prop="team">
+        <el-input v-model="queryParams.team" placeholder="请输入班组" clearable
+          @keyup.enter.native="handleQuery" />
+      </el-form-item>
       <el-form-item label="更新时间" prop="updateTime">
-        <el-date-picker v-model="queryParams.updateTime" type="daterange" value-format="yyyy-MM-dd HH:mm:ss"
+        <el-date-picker size="mini" v-model="queryParams.updateTime" type="daterange" value-format="yyyy-MM-dd HH:mm:ss"
           range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
       </el-form-item>
+     
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -186,6 +199,7 @@ import RawMaterialInfo from "@/components/KLPService/Renderer/RawMaterialInfo";
 // 引入封装的追溯结果组件
 import CoilTraceResult from "./CoilTraceResult.vue"; // 路径根据实际存放位置调整
 import LabelRender from './LabelRender/index.vue'
+import MaterialSelect from "@/components/KLPService/MaterialSelect";
 import { findItemWithBom } from "@/store/modules/category";
 
 export default {
@@ -193,7 +207,7 @@ export default {
   components: {
     WarehouseSelect,
     QRCode,
-    // MaterialSelect,
+    MaterialSelect,
     ProductSelect,
     RawMaterialSelect,
     ProductInfo,
@@ -265,6 +279,7 @@ export default {
         hasMergeSplit: undefined,
         parentCoilNos: undefined,
         itemId: undefined,
+        itemIds: undefined,
         status: undefined,
         updateTime: undefined,
         ...this.querys,

klp-ui/src/views/wms/print/components/QRCode.vue

@@ -22,6 +22,16 @@ export default {
       qrcode: null
     }
   },
+  watch: {
+    content: {
+      handler(newVal, oldVal) {
+        if (newVal !== oldVal) {
+          this.generateQRCode();
+        }
+      },
+      immediate: true
+    }
+  },
   mounted() {
     this.generateQRCode();
   },