From 507a44c1612fe9b93f467f81167a5f64b70bc3b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Fri, 28 Nov 2025 13:12:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=BB=84=E4=BB=B6):=20=E6=B7=BB=E5=8A=A0M?=
 =?UTF-8?q?emoInput=E7=BB=84=E4=BB=B6=E5=B9=B6=E5=AE=9E=E7=8E=B0=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E8=AE=B0=E5=BF=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增MemoInput组件用于存储用户输入历史，通过storageKey与enum.js中定义的键进行校验
替换ProductSelect和RawMaterialSelect组件中的el-input为MemoInput
---
 .../src/components/KLPService/ProductSelect/index.vue  |  2 +-
 .../components/KLPService/RawMaterialSelect/index.vue  |  2 +-
 klp-ui/src/components/MemoInput/index.vue              | 10 +++++++++-
 klp-ui/src/utils/enum.js                               |  9 +++++++++
 4 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 klp-ui/src/utils/enum.js

diff --git a/klp-ui/src/components/KLPService/ProductSelect/index.vue b/klp-ui/src/components/KLPService/ProductSelect/index.vue
index 3a4707a5..e0a88820 100644
--- a/klp-ui/src/components/KLPService/ProductSelect/index.vue
+++ b/klp-ui/src/components/KLPService/ProductSelect/index.vue
@@ -19,7 +19,7 @@
             @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item label="产品名称">
-          <el-input v-model="queryParams.productName" placeholder="请输入产品名称" clearable
+          <MemoInput storageKey="productName" v-model="queryParams.productName" placeholder="请输入产品名称" clearable
             @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item label="规格">
diff --git a/klp-ui/src/components/KLPService/RawMaterialSelect/index.vue b/klp-ui/src/components/KLPService/RawMaterialSelect/index.vue
index d1d806a9..355e1216 100644
--- a/klp-ui/src/components/KLPService/RawMaterialSelect/index.vue
+++ b/klp-ui/src/components/KLPService/RawMaterialSelect/index.vue
@@ -19,7 +19,7 @@
             @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item label="名称">
-          <el-input v-model="queryParams.rawMaterialName" placeholder="请输入原材料名称" clearable
+          <MemoInput storageKey="productName" v-model="queryParams.rawMaterialName" placeholder="请输入原材料名称" clearable
             @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item label="规格">
diff --git a/klp-ui/src/components/MemoInput/index.vue b/klp-ui/src/components/MemoInput/index.vue
index f31837b4..f78bf183 100644
--- a/klp-ui/src/components/MemoInput/index.vue
+++ b/klp-ui/src/components/MemoInput/index.vue
@@ -5,6 +5,8 @@
 </template>
 
 <script>
+import { MemoInputStorageKey } from '@/utils/enum';
+
 export default {
   name: 'LocalStorageAutocomplete',
   props: {
@@ -16,7 +18,13 @@ export default {
     storageKey: {
       type: String,
       required: true,
-      validator: (value) => value.trim() !== '' // 校验非空
+      validator: (value) => {
+        // 校验storageKey是否在MemoInputStorageKey中
+        if (!MemoInputStorageKey[value]) {
+          throw new Error(`storageKey ${value} is not valid`);
+        }
+        return value.trim() !== ''
+      } // 校验非空
     },
     // 输入框占位符，默认“请输入内容”
     placeholder: {
diff --git a/klp-ui/src/utils/enum.js b/klp-ui/src/utils/enum.js
new file mode 100644
index 00000000..5d5a1a05
--- /dev/null
+++ b/klp-ui/src/utils/enum.js
@@ -0,0 +1,9 @@
+// 本地缓存提示输入框可用的storageKey
+export const MemoInputStorageKey = {
+  productName: 'productName', // 钢卷类型名称
+  material: 'material',       // 钢卷材质
+  manufacturer: 'manufacturer', // 钢卷制造商
+  surfaceTreatmentDesc: 'surfaceTreatmentDesc', // 钢卷表面处理
+  zincLayer: 'zincLayer', // 钢卷锌层
+  licensePlate: 'licensePlate', // 车牌号
+}
\ No newline at end of file