ol-base-components 3.2.6 → 3.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ol-base-components",
-  "version": "3.2.6",
+  "version": "3.2.8",
   "private": false,
   "main": "src/package/index.js",
   "bin": {

package/src/package/customSearch/src/index.vue

@@ -39,7 +39,9 @@ export default {
   },
 
   mounted() {
-    this.init();
+    this.$nextTick(() => {
+      this.init();
+    });
   },
   methods: {
     init() {
@@ -69,8 +71,10 @@ export default {
       }).then(res => {
         if (res.code !== 200) return;
         const configList = res.result.settingJson ? JSON.parse(res.result.settingJson) : [];
-        this.formSearchData.tableSearch = configList;
-        this.key++;
+        this.$set(this.formSearchData, "tableSearch", configList);
+        this.$nextTick(() => {
+          this.key++;
+        });
       });
     },
     //保存

package/src/package/formSearch/src/components/SearchConfigDialog.vue

@@ -156,11 +156,8 @@
           <el-select
             v-model="currentOptionConfig.dictKey"
             filterable
-            remote
-            reserve-keyword
+            :filter-method="filterDict"
             placeholder="请输入字典，如：orderTypeEnum"
-            :remote-method="remoteDictQuery"
-            :loading="dictLoading"
             style="width: 100%"
             @change="handleDictKeyChange"
             clearable
@@ -170,7 +167,10 @@
               :key="dict.key"
               :label="dict.label"
               :value="dict.key"
-            />
+            >
+              <span style="float: left">{{ dict.label }}</span>
+              <span style="float: right; color: #8492a6; font-size: 13px">{{ dict.key }}</span>
+            </el-option>
           </el-select>
         </el-form-item>
 
@@ -188,11 +188,11 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item v-if="currentOptionConfig.sourceType === 'api' && show" label="文本字段">
+        <el-form-item v-if="currentOptionConfig.sourceType === 'api'" label="文本字段">
           <el-input v-model="currentOptionConfig.labelField" placeholder="如：name" />
         </el-form-item>
 
-        <el-form-item v-if="currentOptionConfig.sourceType === 'api' && show" label="值字段">
+        <el-form-item v-if="currentOptionConfig.sourceType === 'api'" label="值字段">
           <el-input v-model="currentOptionConfig.valueField" placeholder="如：id" />
         </el-form-item>
 
@@ -234,7 +234,7 @@
           </div>
         </el-form-item>
 
-        <el-form-item v-if="currentOptionConfig.sourceType === 'dict' && show" label="预览">
+        <el-form-item v-if="currentOptionConfig.sourceType === 'dict' && isPreview" label="预览">
           <div class="preview-box">
             <el-tag v-for="(item, index) in previewOptions" :key="index" style="margin: 5px">
               {{ item.value }} ({{ item.key }})
@@ -360,10 +360,13 @@ export default {
       type: Boolean,
       default: false,
     },
+    isPreview: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
-      show: false,
       dialogVisible: false,
       configList: [],
       optionsDialogVisible: false,
@@ -380,8 +383,7 @@ export default {
       },
       previewOptions: [],
       allDictList: [],
-      dictLoading: false,
-      dictQuery: "",
+      allDictListBackup: [],
       sortable: null,
       currentConfig: {}, // 配置选项
     };
@@ -392,13 +394,15 @@ export default {
       return this.customs.filter(custom => !selectedKeys.includes(custom.key));
     },
   },
+  created() {
+    this.loadAllDictList();
+  },
   watch: {
     visible: {
       handler(newVal) {
         this.dialogVisible = newVal;
         if (newVal) {
           this.configList = JSON.parse(JSON.stringify(this.tableSearch));
-          this.loadAllDictList();
           this.$nextTick(() => {
             this.initSortable();
           });
@@ -791,45 +795,28 @@ export default {
         });
 
         this.allDictList = dictList;
+        this.allDictListBackup = dictList;
       } catch (error) {
         console.error("加载字典列表失败:", error);
         this.allDictList = [];
+        this.allDictListBackup = [];
       }
     },
-    async remoteDictQuery(query) {
+    filterDict(query) {
       if (!query) {
-        this.allDictList = [];
+        this.allDictList = this.allDictListBackup || [];
         return;
       }
-
-      try {
-        this.dictLoading = true;
-        const wmsStr = localStorage.getItem("wms") || "{}";
-        const wmsData = JSON.parse(wmsStr);
-        const dictData = wmsData.SET_enumsSelect || {};
-
-        const dictList = [];
-        Object.keys(dictData).forEach(key => {
-          if (key && key.toLowerCase().includes(query.toLowerCase())) {
-            const dictItem = dictData[key];
-            if (dictItem) {
-              dictList.push({
-                key: String(key),
-                label: dictItem.desc || key,
-              });
-            }
-          }
-        });
-
-        this.allDictList = dictList;
-      } catch (error) {
-        console.error("搜索字典失败:", error);
-        this.$message.error("搜索字典失败");
-      } finally {
-        this.dictLoading = false;
-      }
+      const filteredList = this.allDictListBackup.filter(item => {
+        return (
+          item.key.toLowerCase().includes(query.toLowerCase()) ||
+          item.label.toLowerCase().includes(query.toLowerCase())
+        );
+      });
+      this.allDictList = filteredList;
     },
     handleDictKeyChange(dictKey) {
+      this.allDictList = this.allDictListBackup || [];
       if (dictKey) {
         this.loadPreviewOptions();
       }