feat(发货单): 新增发货单打印功能及明细管理

refactor(组件): 重构发货单明细表格为独立组件
feat(组件): 添加发货单打印预览组件
fix(登录页): 移除默认用户名和密码
style(钢卷面板): 添加显示控制属性并优化布局
chore: 添加vitest测试配置和依赖

klp-ui/src/components/KLPService/ProductSelect/index.vue

@@ -27,7 +27,16 @@
             @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item label="材质">
-          <el-input v-model="queryParams.material" placeholder="请输入材质" clearable @keyup.enter.native="handleQuery" />
+          <MemoInput storageKey="material" v-model="queryParams.material" placeholder="请输入材质" @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="厂家">
+          <MemoInput storageKey="manufacturer" v-model="queryParams.manufacturer" placeholder="请输入厂家" @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="表面处理">
+          <MemoInput storageKey="surfaceTreatmentDesc" v-model="queryParams.surfaceTreatmentDesc" placeholder="请输入表面处理" @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="锌层">
+          <MemoInput storageKey="zincLayer" v-model="queryParams.zincLayer" placeholder="请输入锌层" @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@@ -78,9 +87,13 @@
 
 <script>
 import { listProduct } from '@/api/wms/product';
+import MemoInput from '@/components/MemoInput/index.vue';
 
 export default {
   name: 'ProductSelector',
+  components: {
+    MemoInput
+  },
   props: {
     value: {
       type: String,

klp-ui/src/components/KLPService/RawMaterialSelect/index.vue

@@ -27,7 +27,16 @@
             @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item label="材质">
-          <el-input v-model="queryParams.material" placeholder="请输入材质" clearable @keyup.enter.native="handleQuery" />
+          <MemoInput storageKey="material" v-model="queryParams.material" placeholder="请输入材质" @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="厂家">
+          <MemoInput storageKey="manufacturer" v-model="queryParams.manufacturer" placeholder="请输入厂家" @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="表面处理">
+          <MemoInput storageKey="surfaceTreatmentDesc" v-model="queryParams.surfaceTreatmentDesc" placeholder="请输入表面处理" @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="锌层">
+          <MemoInput storageKey="zincLayer" v-model="queryParams.zincLayer" placeholder="请输入锌层" @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@@ -82,9 +91,13 @@
 
 <script>
 import { listRawMaterial } from '@/api/wms/rawMaterial';
+import MemoInput from '@/components/MemoInput/index.vue'
 
 export default {
   name: 'RawMaterialSelector',
+  components: {
+    MemoInput
+  },
   props: {
     value: {
       type: String,

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

@@ -1,5 +1,5 @@
 <template>
-  <el-autocomplete class="inline-input" v-model="inputValue" :fetch-suggestions="querySearch" placeholder="请输入内容"
+  <el-autocomplete class="inline-input" v-model="inputValue" :fetch-suggestions="querySearch" :placeholder="placeholder"
     :trigger-on-focus="triggerMode === 'focus'" @select="handleSelect" @change="handleInputChange"
     clearable></el-autocomplete>
 </template>
@@ -18,6 +18,16 @@ export default {
       required: true,
       validator: (value) => value.trim() !== '' // 校验非空
     },
+    // 输入框占位符，默认“请输入内容”
+    placeholder: {
+      type: String,
+      default: '请输入内容'
+    },
+    // // 当localstorage中不存在缓存时，自动创建一个数组作为默认值
+    // autoCreateDefault: {
+    //   type: Array,
+    //   default: () => []
+    // },
     // 最大缓存数量，默认100条
     maxCacheCount: {
       type: Number,