cnhis-design-vue 2.1.78 → 2.1.79

package/packages/big-table/src/components/edit-form/edit-component/mixins/search.js

@@ -1,1247 +1,1247 @@
-const SELECT_LIST = ["SEARCH_MORE", "SEARCH", "SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
-import vexutils from '@/utils/vexutils';
-export default {
-  components: {
-    VNodes: {
-      functional: true,
-      render: (h, ctx) => ctx.props.vnodes
-    }
-  },
-  data() {
-    return {
-      fetching: false,
-
-      timeout: null,
-
-      curOptions: [],
-      selectedOptions: [],
-
-      levelNum: 1, // 级联来加载 层级标识 从 1 开始。
-      cascaderInitLabel: true,
-      defList: [],
-      panelOpen: false,
-
-      searchAddObj: {},
-
-      searchPageConfig: {
-        // search 翻页配置
-        keyword: undefined,
-        isFetching: false,
-        isRequest: false, // 是否已请求
-        page: 1, // 当前页
-        total: 1 // 总页数
-      },
-
-      optionsMaxWidth: "100%",
-
-      cacheReqOptionsParams: "",
-
-      hotSearchConfig: {
-        hotList: [],
-        latestList: [],
-        isRequest: false,
-        isclose: true
-      },
-
-      searchShowHotList: false,
-      optionsRequestSource: null
-    };
-  },
-  computed: {
-    showHotSearchConfig() {
-      const { hotList = [], latestList = [] } = this?.hotSearchConfig || {};
-      let f = hotList.length || latestList.length;
-      return f && !this.searchPageConfig.keyword;
-    },
-    formType() {
-      const { formType } = this.mainForm || {};
-      return formType || {};
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    init() {
-      const {
-        validate = {},
-        html_type = undefined,
-        name,
-        default_val,
-        show_type = undefined,
-        guage_num = undefined
-      } = this.item;
-      let targetStr = this.defaultValue[name] || default_val;
-      targetStr = this.handleSysParams(targetStr);
-      if (html_type == "SEARCH") {
-        if (targetStr) {
-          this.$nextTick(() => {
-            console.log('handleRequestedOptions---6');
-            this.handleRequestedOptions(this.item, targetStr, true);
-          });
-        }
-      } else if (html_type == "SEARCH_MORE") {
-        this.hanldeInitSearchMoreVal(this.item);
-      }
-
-      this.cacheReqOptionsParams = "";
-      // this.getHotSearchConfig();
-    },
-
-    async hanldeInitSearchMoreVal(i, v) {
-      try {
-        const item = i;
-        let n;
-        if (v) {
-          n = v;
-        } else {
-          n = this.defaultValue[item.name] || item.default_val;
-        }
-        if (n) {
-          if (typeof n === "string") {
-            n = this.handleSysParams(n);
-          }
-          n = this.handleGetJsonStr(n) || {};
-          let NOWORDBOOK = item.wordbook.type != "WORDBOOK";
-          if (n && n.objs && n.objs.length) {
-            let curUniqueLabel;
-            if (NOWORDBOOK) {
-              curUniqueLabel = await this.handleRequestedUniqueKey(item.wordbook.id);
-            }
-
-            curUniqueLabel = curUniqueLabel || undefined;
-            let defList = [];
-            const defOptions = [];
-            // `${v[item.wordbook.value_key]}-${v['myUniqueKey']}`
-            let l = [],
-              objs = [];
-            let objStr =
-              typeof n.objStr === "string" ? [...new Set(n.objStr.split(","))].join(",") : n.objStr;
-            n.objs.forEach(f => {
-              let v = typeof f === "object" ? JSON.parse(JSON.stringify(f)) : f;
-              v.myUniqueKey = v[curUniqueLabel] || "";
-              v.myUniqueLabel = curUniqueLabel || "";
-              defList.push({
-                key: `${v[item.wordbook.value_key]}-${v[curUniqueLabel] || ""}`,
-                label: this.hanlderGetSearchLabel(item, v)
-              });
-              let k = `${v[item.wordbook.value_key]}-${v["myUniqueKey"]}`;
-              if (!l.includes(k)) {
-                defOptions.push({
-                  ...v
-                });
-                l.push(k);
-                objs.push({ ...f });
-              }
-            });
-            // 如果默认值有重复数据，过滤重复数据再提交
-            if (l.length !== (n?.objs?.length || undefined)) {
-              this.formType[item.val_key].filtration_val = JSON.stringify({
-                objStr,
-                objs
-              });
-            }
-            item.defOptions = defOptions;
-            // console.log(defOptions, "--defOptions");
-            if (defOptions && defOptions.length) {
-              this.curOptions = [...defOptions];
-              this.selectedOptions = [...(defOptions || [])];
-            }
-            defList = vexutils.uniqArrObj(defList, "key");
-            this.defList = defList;
-            this.$set(this.item, "useFormValue", defList);
-            this.$emit("valueOnChange", [...defOptions], this.item);
-            // console.log(this.defList, "---defList");
-          } else {
-            this.defaultValue[item.name] = [];
-          }
-        } else {
-          this.defaultValue[item.name] = [];
-        }
-      } catch (e) {
-        console.log(e);
-      }
-    },
-
-    /**
-     * 检索的默认参数
-     * @param keyword 检索关键字
-     * @param itemData 表单配置项
-     */
-    getSearchDefParams(keyword, itemData = {}, other = {}) {
-      const { wordbook, html_type, autograph } = itemData;
-      const isCascade = html_type.includes("SEARCH_CASCADE");
-      const fieldKeys = wordbook.fieldKeys || wordbook.search_key;
-      let conObj = wordbook.conObj;
-      // if (Array.isArray(conObj)) {
-      //   conObj.forEach(v => {
-      //     v.value = this.handleSysParams(v.value);
-      //   });
-      // }
-      // let SEARCH_CASCADE
-      const extraParams = {
-        primaryKey: wordbook.primary_key,
-        levelKey: wordbook.level_key
-      };
-      const pageSizeConfig = {
-        pageSize: isCascade ? 10000 : 20
-      };
-      // 请求参数
-      const params = {
-        wordbookId: wordbook.id,
-        autograph: autograph,
-        wordbookType: wordbook.type || "WORDBOOK",
-        preConObj: wordbook.preConObj ? JSON.stringify(wordbook.preConObj) : undefined,
-        conObj: conObj ? JSON.stringify(conObj) : undefined,
-        preSqlExpression: wordbook.preSqlExpression || undefined,
-        sqlExpression: wordbook.sqlExpression || undefined,
-        fieldKeys: fieldKeys ? JSON.stringify(fieldKeys) : undefined,
-        keyword: keyword || "",
-        // pageSize: isCascade ? 10000 : 20,
-        page: 1,
-        ...(isCascade ? extraParams : {}),
-        ...(isCascade ? pageSizeConfig : {}) // 不是“级联”类型的，后台读取列表配置的 “pageSize”
-      };
-      // 分页
-      if (other.page) {
-        params.page = other.page;
-        this.searchPageConfig.isFetching = true;
-      }
-      return params;
-    },
-
-    /**
-     * 级联参数处理
-     * @param params 默认参数
-     * @param itemData 表单配置项
-     * @param otherConfig 其他配置项
-     * @param defFalg 是否是默认请求
-     */
-    getCascadeParams(params, itemData, otherConfig, defFalg) {
-      const { wordbook, html_type } = itemData;
-      if (html_type.includes("LEVEL_SEARCH_CASCADE")) {
-        let pageObj = undefined;
-        if (Object.keys(otherConfig || {}).length > 0) {
-          let { loadDataPrimary_key, levelNum = 1, pageSetting } = otherConfig || {};
-          this.levelNum = levelNum;
-          this.loadDataPrimary_key = loadDataPrimary_key;
-          pageObj = pageSetting;
-        }
-        const { levelSetting = [] } = wordbook;
-        let curLevel = levelSetting[this.levelNum - 1];
-
-        if ((defFalg || !this.loadDataPrimary_key) && wordbook.conObjFirstLevel) {
-          params.conObj = wordbook.conObjFirstLevel
-            ? JSON.stringify(wordbook.conObjFirstLevel)
-            : undefined;
-          params.sqlExperssions = wordbook.sqlExpressionFirstLevel || undefined;
-        } else {
-          let conObjList = [];
-          if (this.loadDataPrimary_key) {
-            conObjList.push({
-              field_key: wordbook.level_key,
-              con: "EQ",
-              value: this.loadDataPrimary_key
-            });
-          }
-          if (curLevel && html_type === "LEVEL_SEARCH_CASCADE2") {
-            conObjList.push({
-              field_key: wordbook.grade_key,
-              con: "EQ",
-              value: curLevel.level
-            });
-          }
-          if (pageObj) {
-            Object.assign(params, pageObj);
-          }
-          params.conObj = JSON.stringify(conObjList);
-          params.sqlExperssions = "";
-        }
-      }
-
-      return params;
-    },
-
-    /**
-     * 检索请求去重，自定义处理
-     * @param rows list
-     * @param itemData 表单配置项
-     * @param uniqueConfig 唯一标识配置
-     */
-    handleRowUnique(rows, itemData, uniqueConfig = {}) {
-      const { myUniqueKey, reqUniqueKey } = uniqueConfig;
-      const { wordbook } = itemData;
-      return rows.reduce((acc, cur) => {
-        cur.setting = wordbook.setting;
-        cur.showLabel = "";
-        cur.myUniqueKey = cur[myUniqueKey] || "";
-        cur.myUniqueLabel = reqUniqueKey || "";
-        if (wordbook.render_key && wordbook.render_key.length > 0) {
-          wordbook.render_key.forEach(ren => {
-            cur.showLabel += `≌${this.formatField(cur[ren])}`;
-          });
-          cur.showLabel = cur.showLabel.slice(1);
-        } else {
-          cur.showLabel = cur[wordbook.value_key];
-        }
-        if (typeof cur === "object") {
-          Object.keys(cur || {}).forEach(t => (cur[t] = this.formatFieldValue(cur[t])));
-        }
-        return acc.some(v => {
-          return (
-            `${v[wordbook.value_key]}-${v[myUniqueKey]}` ==
-            `${cur[wordbook.value_key]}-${cur[myUniqueKey]}`
-          );
-        })
-          ? acc
-          : [...acc, cur];
-      }, []);
-    },
-
-    /**
-     * 检索默认值处理
-     * @param defFalg 是否默认值处理
-     * @param rowData 请求数据
-     * @param itemData 表单配置项
-     * @param uniqueConfig 唯一标识配置
-     */
-    handleGetSearchDefVal(defFalg, rowData, itemData, uniqueConfig = {}) {
-      const { is_plugin_set, keyword } = uniqueConfig;
-      const { wordbook, html_type, val_key, default_val, name } = itemData;
-      let defVal = this.defaultValue[name] || this.handleSysParams(default_val || "");
-      if (is_plugin_set) {
-        defVal = keyword;
-      }
-      if (defFalg && rowData.length) {
-        let defItem = rowData[0];
-        let itemKkey = `${defItem[wordbook.value_key]}>>>${defItem["myUniqueKey"]}`;
-        if (html_type == "SEARCH") {
-          const f = rowData.find(r => r[wordbook.value_key] == defVal);
-          if (f) {
-            defItem = f;
-            itemKkey = `${f[wordbook.value_key]}>>>${f["myUniqueKey"]}`;
-            this.handleSearchSelect(itemKkey, itemData, "", {
-              eventType: defFalg ? "init" : "trigger"
-            });
-          }
-          if (defVal != defItem[wordbook.value_key]) {
-            if (f) {
-              itemKkey = `${f[wordbook.value_key]}>>>${f["myUniqueKey"]}`;
-            } else {
-              itemKkey = defVal;
-            }
-          }
-          if (itemKkey) {
-            this.hanldeSetFieldsValue(
-              {
-                [itemData.val_key]: itemKkey
-              },
-              itemData
-            );
-          } else {
-            this.$set(itemData, "useFormValue", undefined);
-          }
-        } else if (html_type == "SEARCH_MORE") {
-          itemKkey.replace(">>>", "-");
-          this.hanldeSetFieldsValue(
-            {
-              [itemData.val_key]: [
-                {
-                  key: itemKkey,
-                  label: defItem["showLabel"] || defItem[wordbook.value_key]
-                }
-              ]
-            },
-            itemData
-          );
-          this.multipleSelect(
-            {
-              key: itemKkey,
-              label: defItem["showLabel"] || defItem[wordbook.value_key]
-            },
-            itemData
-          );
-        }
-      } else if (defFalg) {
-        if (html_type == "SEARCH") {
-          // bugfix:14178
-          this.hanldeSetFieldsValue(
-            {
-              [itemData.val_key]: undefined
-            },
-            itemData
-          );
-        }
-      }
-    },
-
-    // 请求下拉框的数据
-    async handleRequestedOptions(
-      itemData = {},
-      keyword = undefined,
-      defFalg = false,
-      otherConfig = {}
-    ) {
-      console.log('handleRequestedOptions---1');
-      const closeLoading = () => {
-        this.fetching = false;
-        this.searchPageConfig.isFetching = false;
-      };
-      try {
-        const { wordbook = {}, val_key, html_type, free_entry } = itemData;
-        let { queryParamsType, queryParams = [] } = wordbook;
-        if (Object.keys(wordbook || {}).length === 0) {
-          return;
-        }
-        if (keyword && typeof keyword === "string") keyword = keyword.replace(/^\s+|\s+$/, "");
-        // LEVEL_SEARCH_CASCADE SEARCH_CASCADE
-        const isCascade = html_type.includes("SEARCH_CASCADE");
-        const NOWORDBOOK = wordbook.type != "WORDBOOK";
-        const ISDICTIONARY = wordbook.type === "DICTIONARY";
-        // 请求参数
-        let params = this.getSearchDefParams(keyword, itemData, otherConfig);
-
-        let formData = this.getFormValue();
-
-        let queryArr = [
-          "SEARCH",
-          "SEARCH_MORE",
-          "SEARCH_CASCADE",
-          "LEVEL_SEARCH_CASCADE",
-          "LEVEL_SEARCH_CASCADE2"
-        ];
-        if (queryArr.includes(html_type) && queryParamsType == 1) {
-          let tempFormData = this.handleQueryParams(formData, queryParams);
-          Object.assign(params, tempFormData);
-        } else {
-          Object.assign(params, formData);
-        }
-        // 257 云his需求新增通用字典 后端欧阳 产品晶晶
-        const arr = ["SEARCH", "SEARCH_MORE"];
-        if (arr.includes(html_type) && ISDICTIONARY) {
-          Object.assign(params, {
-            dictType: JSON.stringify(wordbook.dictType)
-          });
-        }
-        this.cacheReqOptionsParams = JSON.stringify(params);
-        let reqUniqueKey;
-        let myUniqueKey = "theUniqueKey";
-        if (NOWORDBOOK) {
-          reqUniqueKey = await this.handleRequestedUniqueKey(wordbook.id);
-          myUniqueKey = reqUniqueKey || undefined;
-        }
-        // 多选检索框避免重复选中 "theUniqueKey" 这个值，每次请求返回来都不一样。
-        if (html_type == "SEARCH_MORE" && myUniqueKey == "theUniqueKey") {
-          myUniqueKey = undefined;
-        }
-        this.formType[val_key].wordbook &&
-          (this.formType[val_key].wordbook.myUniqueLabel = myUniqueKey);
-        this.fetching = true;
-        if (!html_type.includes("SEARCH_CASCADE")) {
-          this.cancelOptionsRequest && this.cancelOptionsRequest();
-        }
-        // this.optionsRequestSource = axios.CancelToken.source();
-        if (keyword && !defFalg) {
-          let key = typeof keyword === "string" ? keyword.trim() : keyword;
-          key && this.handleSearchTracher(itemData, { keyword: key });
-        }
-        Object.assign(params, { asyncCount: 1 });
-        let handleEditFormGetWordbookData = this.editFormApiConfig?.handleEditFormGetWordbookData
-        if (!handleEditFormGetWordbookData || typeof handleEditFormGetWordbookData !== 'function') {
-          handleEditFormGetWordbookData = this.getWordbookDataRequest
-        }
-        return handleEditFormGetWordbookData(params, { optionsRequestSource: this.optionsRequestSource }).then((data) => {
-          this.optionsRequestSource = null;
-          this.fetching = false;
-          if (otherConfig.page) {
-            this.handleSearchScrollTop(itemData);
-          }
-          closeLoading();
-          if (!data) return [];
-          this.searchAddObj[`${itemData.val_key}_${itemData.name}`] = true;
-          let { rows, fieldList, page, total } = data.map;
-          this.searchPageConfig = Object.assign(this.searchPageConfig, {
-            page,
-            total,
-            isRequest: true,
-            keyword
-          });
-          let rowData = [];
-          if (isCascade) {
-            wordbook.myUniqueLabel = myUniqueKey;
-            wordbook.myUniqueKey = myUniqueKey;
-            wordbook.isLoadData = html_type == "LEVEL_SEARCH_CASCADE";
-            if (wordbook.isLoadData) {
-              this.levelNum = defFalg ? 1 : this.levelNum;
-            }
-            rows = this.hanldeRemoveDuplicates(rows, {
-              key: wordbook.value_key
-            });
-            this.handleFormCascade(rows, wordbook);
-            rowData = rows;
-          } else {
-            // 去重
-            rowData = this.handleRowUnique(rows, itemData, {
-              myUniqueKey: myUniqueKey,
-              reqUniqueKey: reqUniqueKey
-            });
-
-            // 获取显示字段title
-            if (rowData.length > 0 && wordbook.render_key && wordbook.render_key.length > 1) {
-              rowData.unshift(
-                Object.assign(
-                  {},
-                  {
-                    showLabel: this.getTitleHeader(fieldList, wordbook.render_key),
-                    myUniqueKey: Math.random()
-                  }
-                )
-              );
-            }
-          }
-          const searchList = [
-            "SEARCH",
-            "SEARCH_CASCADE",
-            "SEARCH_MORE",
-            "LEVEL_SEARCH_CASCADE"
-          ];
-          if (searchList.includes(html_type)) {
-            if (html_type != "LEVEL_SEARCH_CASCADE") {
-              this.curOptions = rowData;
-            } else {
-              (defFalg || !this.loadDataPrimary_key) && (this.curOptions = rowData);
-            }
-          }
-          // 默认值处理
-          this.handleGetSearchDefVal(defFalg, rowData, itemData, {
-            myUniqueKey: myUniqueKey,
-            reqUniqueKey: reqUniqueKey,
-            keyword: keyword,
-            ...otherConfig
-          });
-
-          // 自由输入
-          if (!defFalg && html_type == "SEARCH" && keyword && free_entry == "1") {
-            this.handleFreeEntry({
-              rowData,
-              keyword,
-              wordbook,
-              fieldList,
-              myUniqueKey
-            });
-          }
-
-          return rowData;
-
-        }).catch(() => {
-          closeLoading();
-        })
-
-      } catch (error) {
-        closeLoading();
-        console.log(error);
-      }
-    },
-
-    getWordbookDataRequest(params, config) {
-      let { optionsRequestSource } = config;
-      optionsRequestSource = this.axios.CancelToken.source();
-      return new Promise((resolve, reject) => {
-        this.axios
-          .post(`/tableReader/getWordbookData`, this.$qs.stringify(params), {
-            cancelToken: optionsRequestSource.token
-          })
-          .then(({ data }) => {
-            optionsRequestSource = null;
-            if (data.result === "SUCCESS") return resolve(data);
-            resolve(null);
-          })
-          .catch(err => {
-            reject(err);
-          });
-      });
-    },
-
-    handleFreeEntry(option = {}) {
-      const { rowData, keyword, wordbook, fieldList, myUniqueKey } = option;
-      if (!keyword) return;
-      const curKey = +new Date();
-      const data = {
-        [myUniqueKey]: curKey,
-        myUniqueKey: curKey,
-        myUniqueLabel: myUniqueKey,
-        [wordbook.value_key]: keyword,
-        is_free_entry_input__add: true // 标识是自由输入
-      };
-      const hasRenderKey = wordbook.render_key && wordbook.render_key.length > 1;
-      if (rowData.length === 0) {
-        this.curOptions = [];
-        if (hasRenderKey) {
-          rowData.unshift({
-            showLabel: this.getTitleHeader(fieldList, wordbook.render_key),
-            myUniqueKey: Math.random()
-          });
-        }
-      }
-      hasRenderKey ? rowData.splice(1, 0, data) : rowData.unshift(data);
-      this.curOptions = rowData;
-    },
-
-    /* 解析下拉选择接口返回字段 */
-    formatField(value) {
-      let res = value;
-      try {
-        if (res && typeof res == "string" && res.startsWith("###")) {
-          res = res.slice(3);
-          res = JSON.parse(res);
-          res = res.change_text;
-        }
-        return res || "";
-      } catch (error) {
-        return "";
-      }
-    },
-
-    /* 解析下拉选择接口返回字段 直接改变原有的 */
-    formatFieldValue(value) {
-      try {
-        if (value && typeof value == "string" && value.startsWith("###")) {
-          value = value.slice(3);
-          value = JSON.parse(value);
-          value = value.value;
-        }
-        return value || "";
-      } catch (error) {
-        console.log(error);
-        return "";
-      }
-    },
-
-    // 下拉搜索框获取字段title
-    getTitleHeader(fieldList, renderKey) {
-      let titleHeader = "";
-      let renderKeyArr = [];
-      if (Array.isArray(renderKey)) {
-        renderKeyArr = [...renderKey];
-      } else {
-        renderKeyArr = [renderKey];
-      }
-      renderKeyArr.forEach(render => {
-        for (let i = 0; i < fieldList.length; i++) {
-          if (render === fieldList[i].columnName) {
-            titleHeader += `≌${fieldList[i].title}`;
-            break;
-          }
-        }
-      });
-      titleHeader = titleHeader.slice(1);
-      return titleHeader;
-    },
-
-    handleRequestedUniqueKey(id) {
-      // const { hanldegetUniqueKey } = this.$listeners; //
-      const { hanldegetUniqueKey } = this.mainForm || {};
-      const starTiem = +new Date();
-
-      const getUniqueKey = (resolve, reject) => {
-        setTimeout(() => {
-          const res = hanldegetUniqueKey(id);
-          if (res && res.status) {
-            resolve(res.value);
-          } else {
-            let curTime = +new Date();
-            if (curTime - starTiem > 5000) {
-              reject("获取UniqueKe 异常!!");
-              return;
-            }
-            getUniqueKey(resolve, reject);
-          }
-        }, 16);
-      };
-      return new Promise((resolve, reject) => {
-        getUniqueKey(resolve, reject);
-      });
-    },
-
-    dealDictionatySearch(val) {
-      this.curOptions = this.curOptions.filter(i => {
-        return i.showLabel.includes(val);
-      });
-    },
-
-    // 下拉框搜索输入关键字后
-    handleMultipleSearch(val, itemData) {
-      clearTimeout(this.timeout);
-      const { wordbook = {}, html_type } = itemData;
-      const ISDICTIONARY = wordbook.type === "DICTIONARY";
-      // 257 云his需求新增通用字典 后端欧阳 产品晶晶
-      const arr = ["SEARCH", "SEARCH_MORE"];
-      if (arr.includes(html_type) && ISDICTIONARY && val) {
-        this.dealDictionatySearch(val);
-        return;
-      }
-      this.searchPageConfig.keyword = val || undefined;
-      if (this.dropdownHide && !val) return;
-      this.timeout = setTimeout(() => {
-        console.log('handleRequestedOptions---2');
-        this.handleRequestedOptions(itemData, val);
-      }, 200);
-    },
-
-    multipleSelect(e, item) {
-      const valKey = item.wordbook.value_key;
-      const selectList = this.selectedOptions || [];
-      const isSelect = selectList.some(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
-      let selectItem = {};
-      if (!isSelect) {
-        const fdItem = this.curOptions.find(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
-        selectList.push({ ...fdItem });
-        selectItem = fdItem;
-      }
-      this.selectedOptions = [...selectList];
-      this.$emit("valueOnChange", [...selectList], item);
-      this.hanlderSendSelectLog(item, selectItem);
-      this.handlerInputBlur(item);
-    },
-
-    multipleDeselect(e, item) {
-      const valKey = item.wordbook.value_key;
-      const selectList = this.selectedOptions || [];
-      const fnIndex = selectList.findIndex(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
-      if (fnIndex != -1) {
-        selectList.splice(fnIndex, 1);
-      }
-      this.selectedOptions = [...selectList];
-      this.$emit("valueOnChange", [...selectList], item);
-    },
-
-    // 搜索框没数据新增
-    handlerAddOptions(data, item) {
-      this.curAddBtnItem = item;
-      this.$emit("handlerAddOptions", { data });
-    },
-
-    searchMoreOnChange(value, item) {
-      // 标识用户有修改该值。
-      this.formType[item.val_key].isOnchange = "00";
-      if (!value || value.length === 0) {
-        this.$emit("valueOnChange", [], item);
-      }
-
-      // 通讯事件
-      // this.mainForm.formfieldOnChange(this.item);
-    },
-
-    // 处理级联数据
-    handleFormCascade(list = [], v = {}, level = 1) {
-      list.forEach(item => {
-        item.myLabel = this.hanldeGetCascadelabel(v.render_key, item) || item[v["value_key"]];
-        item.myUniqueKey = item[v.myUniqueKey];
-        item.myUniqueLabel = v.myUniqueKey;
-        if (v.isLoadData) {
-          item.isLeaf = v.level_num ? this.levelNum >= v.level_num : false;
-        } else {
-          if (level >= v.level_num) {
-            delete item.children;
-          }
-          if (item.children && item.children.length) {
-            this.handleFormCascade(item.children, v, level + 1);
-          }
-        }
-      });
-    },
-
-    hanldeGetCascadelabel(v = [], k = {}) {
-      if (Array.isArray(v) && v.length) {
-        const l = [];
-        v.forEach(i => {
-          l.push(k[i]);
-        });
-        return l.join("_");
-      }
-      return "";
-    },
-
-    handleCascaderChange(option, item) {
-      // selectedOptions
-      this.Choose_to_complete = false;
-      this.cascaderInitLabel = false;
-      let [value, selectedOptions] = option;
-      selectedOptions = selectedOptions || [];
-
-      let isAllowClear = value.length === 0 && selectedOptions.length === 0;
-      if (item.allow_check_mid_level && item.is_allow_check_mid == 1 && !isAllowClear) {
-        if (item.allow_check_mid_level > (value?.length || 0)) {
-          this.noAllow_check_mid_level = true;
-          return;
-        }
-      }
-      this.noAllow_check_mid_level = false;
-
-      item.selectValue = value;
-      item.selectedOptions = null;
-      item.selectedOptions = selectedOptions;
-      // 缓存方便提交表单处理
-      this.selectedOptions = [...selectedOptions];
-      this.$emit("valueOnChange", [...selectedOptions], item);
-      this.formType[item.val_key].isOnchange = "00";
-      if (value.length == 0 && selectedOptions.length == 0) {
-        this.defaultValue[item.name] = "";
-        this.formType[item.val_key].default_val = "";
-        this.hideHotSearch = true;
-      }
-      this.Choose_to_complete = true;
-      // 通讯事件
-      // this.mainForm.formfieldOnChange(this.item);
-    },
-
-    handleCascaderFilter(inputValue, path) {
-      return path.some(
-        option => option.myLabel.toLowerCase().indexOf(inputValue.toLowerCase()) > -1
-      );
-    },
-
-    async handleCascadeLoadData(selectedOptions) {
-      this.levelNum = selectedOptions.length + 1;
-      const targetOption = selectedOptions[selectedOptions.length - 1];
-      this.loadDataPrimary_key = targetOption[this.item.wordbook.primary_key];
-      targetOption.loading = true;
-      try {
-        console.log('handleRequestedOptions---3');
-        const res = await this.handleRequestedOptions(this.item, "", false);
-        targetOption.loading = false;
-        targetOption.children = res && res.length ? [...res] : undefined;
-        this.curOptions = [...this.curOptions];
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    // 级联 end
-
-    handlerDropdownVisibleChange(e, data) {
-      const searchList = ["SEARCH_MORE", "SEARCH"];
-      if (e) {
-        e.preventDefault && e.preventDefault();
-        e.stopPropagation && e.stopPropagation();
-        this.handleCalculateOptionsMaxWidth();
-      }
-
-      let isRequest = true;
-
-      if (this.optionsMaxWidth === "100%") {
-        // 100% 是默认值，如果已经计算过了，不用再算
-        this.handleCalculateOptionsMaxWidth();
-      }
-      this.dropdownHide = !e;
-      if (Object.keys(data || {}).length > 0) {
-        const searchList = ["SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
-        if (searchList.includes(data.html_type)) {
-          isRequest = !(this.curOptions && this.curOptions.length);
-        }
-        if (e && ["SEARCH_MORE", "SEARCH"].includes(data.html_type)) {
-          this.handlerSearchOnFocus(data);
-        }
-        if (e && isRequest) {
-          console.log('handleRequestedOptions---4');
-          this.handleRequestedOptions(data);
-        }
-        if (!e && this.noAllow_check_mid_level && searchList.includes(data.html_type)) {
-          setTimeout(() => {
-            this.$set(data, "useFormValue", null);
-          }, 16);
-        }
-      }
-
-      if (!e) {
-        // 弹窗关闭才收集级联“常用”值，避免还没选完重复提交。
-        this.handleCascaderTracher();
-        setTimeout(() => {
-          this.searchPageConfig.keyword = undefined;
-        }, 300);
-      }
-    },
-
-    hanlderGetSearchLabel(config, v) {
-      const { wordbook } = config;
-      let showLabel = "";
-      // "自由输入"的直接 return v[wordbook.value_key]
-      if (!v.is_free_entry_input__add && wordbook.show_key && wordbook.show_key.length) {
-        wordbook.show_key.forEach(s => {
-          showLabel += ` ${this.formatField(v[s])}`;
-        });
-        return showLabel;
-      }
-      return v[wordbook.value_key];
-    },
-    hanlderSendSelectLog(item = {}, value) {
-      // 收集选中的数据 多个展示字段取第一个
-      const show_key = ((item.wordbook && item.wordbook.show_key) || [])[0];
-      const label = show_key ? value[show_key] : "";
-      label && this.handleSearchTracher(item, { select: label });
-    },
-    // 搜索框选中
-    handleSearchSelect(e, option, type, eventConfig) {
-      const setList = option?.bindEventSetting || [];
-      const isInit = "init" === eventConfig?.eventType;
-      const formData = this.getFormValue();
-      // 如果有绑定事件，先触发绑定的事件。
-      try {
-        if (Array.isArray(setList)) {
-          this.handlerInputBlur(option, null, "blur", eventConfig);
-        }
-      } catch (err) {
-        console.log(err);
-      }
-      // hasOwnProperty
-      const searchOption = this.curOptions;
-      // 当前选中的对象
-      let selectItem = searchOption.find(
-        ele => `${ele[option.wordbook.value_key]}>>>${ele["myUniqueKey"]}` === e
-      );
-      // 标识是自由输入的值
-      const is_free = selectItem?.is_free_entry_input__add || false;
-      // 自由输入的 数据是前端生成的要清空，避免”带出“事件赋值
-      if (is_free) {
-        selectItem = {};
-      }
-      const setting = option?.wordbook?.setting || {};
-      if (Object.keys(selectItem || {}).length > 0 && type === "select") {
-        this.hanlderSendSelectLog(option, selectItem);
-      }
-
-      if (selectItem && setting) {
-        Object.keys(selectItem).forEach(s => {
-          if (
-            selectItem[s] &&
-            typeof selectItem[s] == "string" &&
-            selectItem[s].startsWith("###")
-          ) {
-            selectItem[s] = selectItem[s].slice(3);
-            selectItem[s] = JSON.parse(selectItem[s]);
-            selectItem[s] = selectItem[s].value;
-          }
-        });
-      }
-    },
-
-    // SEARCH 检索框翻页
-    handleSearchChangePage(type = "next") {
-      let cType = type || "next";
-      let { page, keyword = undefined } = this.searchPageConfig;
-      page = cType === "next" ? page + 1 : page - 1;
-      console.log('handleRequestedOptions---5');
-      this.handleRequestedOptions(this.item, keyword, false, { page });
-    },
-
-    handleCalculateOptionsMaxWidth() {
-      if (!SELECT_LIST.includes(this.item?.html_type || undefined)) return;
-      this.$nextTick(() => {
-        const offsetWidth = this.$el.offsetWidth;
-        let res = offsetWidth,
-          maxwith;
-        try {
-          let item = this.$el.querySelector(".ant-select");
-          const itemRect = item.getBoundingClientRect();
-          let baseDom = this.mainForm.$el.querySelector(".big-table");
-          const baseRect = baseDom.getBoundingClientRect();
-          maxwith = baseRect.right - itemRect.left;
-
-          if (typeof offsetWidth === "number" && isFinite(maxwith)) {
-            if (maxwith > offsetWidth) {
-              res = maxwith;
-            } else {
-              res = offsetWidth;
-            }
-          }
-        } catch (error) {
-          res = offsetWidth;
-        }
-
-        res = parseInt(res, 10);
-        this.optionsMaxWidth = `${res}px`;
-      });
-    },
-
-    handlerSearchOnFocus(item) {
-      if (this.selectIsOpen) return;
-      let { queryParamsType, queryParams = [] } = item.wordbook || {};
-      // setTimeout(() => {
-      this.$nextTick(() => {
-        this.selsectVisible = true;
-        let formData = this.mainForm.handleGetAllFormValue();
-        let params = formData;
-        if (queryParamsType == 1) {
-          params = this.handleQueryParams(formData, queryParams);
-        }
-        // 弹窗列表选项事件推出
-        this.$emit("opentableSelect", true, this.item, params);
-      });
-      // }, 300);
-    },
-    handleQueryParams(formData, queryParams) {
-      let tempFormData = {};
-      if (queryParams.length) {
-        queryParams.forEach(v => {
-          if (v in formData) {
-            tempFormData[v] = formData[v];
-          }
-        });
-      }
-      return tempFormData;
-    },
-
-    confirmSelect({ value, selectRow = [], myUniqueKey }) {
-      const { item } = this;
-      if (this.item.html_type === "SEARCH_MORE") {
-        let selecteds = this.baseForm.getFieldValue(item.val_key) || [];
-        this.formType[item.val_key].isOnchange = "00";
-        let mergeValList = [...value, ...selecteds];
-        let mergeSelectList = [...selectRow, ...this.curMultipleSelected];
-
-        let valueList = this.hanldeRemoveDuplicates(mergeValList, {
-          key: "key"
-        });
-        let list = this.hanldeRemoveDuplicates(mergeSelectList, {
-          key: myUniqueKey
-        });
-
-        let copy = JSON.parse(JSON.stringify(list));
-
-        this.curOptions = [...copy];
-        this.$set(this.item, "useFormValue", valueList);
-        // this.baseForm.setFieldsValue({
-        //   [item.val_key]: valueList
-        // });
-
-        this.curMultipleSelected = [...copy];
-        this.$emit("valueOnChange", [...copy], this.item);
-      } else {
-        this.curOptions = [...selectRow];
-        this.$set(this.item, "useFormValue", value);
-        // this.baseForm.setFieldsValue({
-        //   [item.val_key]: value
-        // });
-        this.handleSearchSelect(value, this.item);
-      }
-    },
-
-    hanldeRemoveDuplicates(list = [], config = {}) {
-      if (!Array.isArray(list)) return [];
-      const { key } = config;
-      let obj = {};
-      if (!key) return list;
-
-      let resList = list.reduce((cur, next) => {
-        obj[next[key]] ? "" : (obj[next[key]] = true && cur.push(next));
-        return cur;
-      }, []);
-
-      return [...resList];
-    },
-
-    getFormValue() {
-      return this.handleGetAllFormValue();
-    },
-
-    // 取消请求 handleRequestedOptions
-    cancelOptionsRequest() {
-      if (this.optionsRequestSource && typeof this.optionsRequestSource.cancel === "function") {
-        // 取消请求
-        this.optionsRequestSource.cancel("请求已取消！");
-        this.optionsRequestSource = null;
-      }
-    },
-
-    async getHotSearchConfig() {
-      const { item, mainForm } = this;
-      if (!SELECT_LIST.includes(item.html_type) || item.is_recommend != "1") return;
-      let params = {
-        formId: mainForm.params_formId,
-        valKey: item.val_key,
-        htmlType: item.html_type
-      }
-      let handleEditFormCommonLatestAndHot = this.editFormApiConfig?.handleEditFormCommonLatestAndHot
-      if (!handleEditFormCommonLatestAndHot || typeof handleEditFormCommonLatestAndHot !== 'function') {
-        handleEditFormCommonLatestAndHot = this.commonLatestAndHotRequest
-      }
-      let data = await handleEditFormCommonLatestAndHot(params)
-      if (!data) return;
-      this.hotSearchConfig.isRequest = true;
-      let hotList = (data?.map?.hotList || []).filter(Boolean);
-      let latestList = (data?.map?.latestList || []).filter(Boolean);
-      let config = Object.assign(this.hotSearchConfig, { hotList, latestList });
-      this.$set(this, "hotSearchConfig", config);
-    },
-    commonLatestAndHotRequest(params) {
-      return new Promise((resolve, reject) => {
-        this.axios
-          .get(`/tableReader/commonLatestAndHot`, { params })
-          .then(({ data }) => {
-            if (data.result === "SUCCESS") return resolve(data);
-            resolve(null);
-          })
-          .catch(err => {
-            reject(err);
-          });
-      });
-    },
-
-    handleSelectHotKeyword(key) {
-      const input = this.$el.querySelector(".ant-select-search__field");
-      if (input) {
-        input.value = key;
-        var event = new InputEvent("input");
-        input.dispatchEvent(event);
-      } else {
-        // 最近搜索级联选中
-        // this.handlemMainFormFillItemVal(this.item, "", key.value);
-        this.open = false;
-        if (SELECT_LIST.includes(this.item.html_type)) {
-          if (!key.keyword) return;
-          this.handleSearchTracher(this.item, {
-            select: key.value,
-            keyword: key.keyword
-          });
-          // 级联选中“常用”值后失去焦点。
-          let input = this.$el.querySelector(".ant-cascader-input");
-          let cascader = this.$el.querySelector(".ant-cascader-picker");
-          cascader && cascader.blur();
-          if (input) {
-            input.blur();
-          }
-        }
-      }
-    },
-
-    hanldeClearLately() {
-      const { item, mainForm } = this;
-      let params = {
-        formId: mainForm.params_formId,
-        valKey: item.val_key,
-        htmlType: item.html_type
-      }
-      let handleEditFormDeleteLatestAndHot = this.editFormApiConfig?.handleEditFormDeleteLatestAndHot;
-      if (!handleEditFormDeleteLatestAndHot || typeof handleEditFormDeleteLatestAndHot !== 'function') {
-        handleEditFormDeleteLatestAndHot = this.deleteLatestAndHotRequest
-      }
-      handleEditFormDeleteLatestAndHot(params);
-    },
-    deleteLatestAndHotRequest(params) {
-      return new Promise((resolve, reject) => {
-        this.axios
-          .post(`/form/deleteLatestAndHot`, this.$qs.stringify(params))
-          .then(({ data }) => {
-            if (data.result == "SUCCESS") return resolve(data);
-            this.$message.warning(data.resultMsg || "删除失败");
-            resolve(null);
-          })
-          .catch(err => {
-            reject(err);
-          });
-      });
-    },
-    closeHotSearch() {
-      this.hideHotSearch = false;
-      this.searchShowHotList = false;
-    },
-    handleSearchTracher(item, obj = { keyword: "", select: "" }) {
-      if (!SELECT_LIST.includes(item?.html_type || undefined)) return;
-      const { mainForm } = this;
-      const { keyword = "", select = "" } = obj || {};
-      // 埋点
-      let key =
-        item.html_type === "SEARCH_MORE"
-          ? "表单搜索多选框"
-          : item.html_type === "SEARCH"
-            ? "表单搜索框"
-            : item.html_type === "SEARCH_CASCADE"
-              ? "表单级联搜索"
-              : "表单逐级级联";
-      let params = {
-        key,
-        params_formId: mainForm.params_formId,
-        val_key: item.val_key,
-        name: item.name,
-        keyword,
-        select
-      }
-      this.handleGetConfigApi(params, 'handleEditFormSearchTracher');
-      // try {
-      //   this.$_handleTracherLog(key, {
-      //     表单ID: mainForm.params_formId,
-      //     字段Key: item.val_key,
-      //     字段名称: item.name,
-      //     搜索关键字: keyword,
-      //     选中值: select
-      //   });
-      // } catch (error) {
-      //   console.log(error);
-      // }
-    },
-
-    hanldercheckOption(data) {
-      // let objKey = `${data.val_key}_${data.name}`;
-      return (
-        data.wordbook && data.wordbook.add_btn
-        // this.curOptions &&
-        // this.curOptions.length === 0 &&
-        // this.searchAddObj[objKey]
-      );
-    },
-
-    /**
-     * 检索框切换分页，滚动条置顶
-     */
-    handleSearchScrollTop(item) {
-      try {
-        let c = `.search-menu-${item.val_key}`;
-        let list = document.querySelectorAll(c);
-        list.forEach(v => {
-          let u = v.querySelector(".ant-select-dropdown-menu");
-          if (u) {
-            u.scrollTop = 0;
-          }
-        });
-      } catch (error) {
-        console.log(error, "handleSearchScrollTop");
-      }
-    },
-
-    handleCascaderTracher() {
-      if (!this.Choose_to_complete) return;
-      const CASCADELIST = ["LEVEL_SEARCH_CASCADE", "SEARCH_CASCADE"];
-      this.$nextTick(() => {
-        const { item, selectedOptions } = this;
-        if (!CASCADELIST.includes(item.html_type)) return;
-        if (Array.isArray(selectedOptions) && selectedOptions.length > 0) {
-          let val = this.handleGetAllFormValue()[item.val_key];
-          let keyword = "";
-          if (vexutils.isJSON(val)) {
-            keyword = JSON.parse(val)?.objStr || "";
-          }
-          if (!keyword) return;
-          this.handleSearchTracher(item, {
-            select: val,
-            keyword: keyword
-          });
-        }
-      });
-      this.Choose_to_complete = false;
-    },
-
-    handleSearchBlur() {
-      // 主动让 select 框失去焦点
-      try {
-        let k = `search-${this.item.val_key}`;
-        let t = this.$refs[k];
-        if (Array.isArray(t)) {
-          t = t[0];
-        }
-        this.searchShowHotList = false;
-        t?.blur();
-      } catch (error) {
-        console.log(error);
-      }
-    }
-  }
-};
+const SELECT_LIST = ["SEARCH_MORE", "SEARCH", "SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
+import vexutils from '@/utils/vexutils';
+export default {
+  components: {
+    VNodes: {
+      functional: true,
+      render: (h, ctx) => ctx.props.vnodes
+    }
+  },
+  data() {
+    return {
+      fetching: false,
+
+      timeout: null,
+
+      curOptions: [],
+      selectedOptions: [],
+
+      levelNum: 1, // 级联来加载 层级标识 从 1 开始。
+      cascaderInitLabel: true,
+      defList: [],
+      panelOpen: false,
+
+      searchAddObj: {},
+
+      searchPageConfig: {
+        // search 翻页配置
+        keyword: undefined,
+        isFetching: false,
+        isRequest: false, // 是否已请求
+        page: 1, // 当前页
+        total: 1 // 总页数
+      },
+
+      optionsMaxWidth: "100%",
+
+      cacheReqOptionsParams: "",
+
+      hotSearchConfig: {
+        hotList: [],
+        latestList: [],
+        isRequest: false,
+        isclose: true
+      },
+
+      searchShowHotList: false,
+      optionsRequestSource: null
+    };
+  },
+  computed: {
+    showHotSearchConfig() {
+      const { hotList = [], latestList = [] } = this?.hotSearchConfig || {};
+      let f = hotList.length || latestList.length;
+      return f && !this.searchPageConfig.keyword;
+    },
+    formType() {
+      const { formType } = this.mainForm || {};
+      return formType || {};
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      const {
+        validate = {},
+        html_type = undefined,
+        name,
+        default_val,
+        show_type = undefined,
+        guage_num = undefined
+      } = this.item;
+      let targetStr = this.defaultValue[name] || default_val;
+      targetStr = this.handleSysParams(targetStr);
+      if (html_type == "SEARCH") {
+        if (targetStr) {
+          this.$nextTick(() => {
+            console.log('handleRequestedOptions---6');
+            this.handleRequestedOptions(this.item, targetStr, true);
+          });
+        }
+      } else if (html_type == "SEARCH_MORE") {
+        this.hanldeInitSearchMoreVal(this.item);
+      }
+
+      this.cacheReqOptionsParams = "";
+      // this.getHotSearchConfig();
+    },
+
+    async hanldeInitSearchMoreVal(i, v) {
+      try {
+        const item = i;
+        let n;
+        if (v) {
+          n = v;
+        } else {
+          n = this.defaultValue[item.name] || item.default_val;
+        }
+        if (n) {
+          if (typeof n === "string") {
+            n = this.handleSysParams(n);
+          }
+          n = this.handleGetJsonStr(n) || {};
+          let NOWORDBOOK = item.wordbook.type != "WORDBOOK";
+          if (n && n.objs && n.objs.length) {
+            let curUniqueLabel;
+            if (NOWORDBOOK) {
+              curUniqueLabel = await this.handleRequestedUniqueKey(item.wordbook.id);
+            }
+
+            curUniqueLabel = curUniqueLabel || undefined;
+            let defList = [];
+            const defOptions = [];
+            // `${v[item.wordbook.value_key]}-${v['myUniqueKey']}`
+            let l = [],
+              objs = [];
+            let objStr =
+              typeof n.objStr === "string" ? [...new Set(n.objStr.split(","))].join(",") : n.objStr;
+            n.objs.forEach(f => {
+              let v = typeof f === "object" ? JSON.parse(JSON.stringify(f)) : f;
+              v.myUniqueKey = v[curUniqueLabel] || "";
+              v.myUniqueLabel = curUniqueLabel || "";
+              defList.push({
+                key: `${v[item.wordbook.value_key]}-${v[curUniqueLabel] || ""}`,
+                label: this.hanlderGetSearchLabel(item, v)
+              });
+              let k = `${v[item.wordbook.value_key]}-${v["myUniqueKey"]}`;
+              if (!l.includes(k)) {
+                defOptions.push({
+                  ...v
+                });
+                l.push(k);
+                objs.push({ ...f });
+              }
+            });
+            // 如果默认值有重复数据，过滤重复数据再提交
+            if (l.length !== (n?.objs?.length || undefined)) {
+              this.formType[item.val_key].filtration_val = JSON.stringify({
+                objStr,
+                objs
+              });
+            }
+            item.defOptions = defOptions;
+            // console.log(defOptions, "--defOptions");
+            if (defOptions && defOptions.length) {
+              this.curOptions = [...defOptions];
+              this.selectedOptions = [...(defOptions || [])];
+            }
+            defList = vexutils.uniqArrObj(defList, "key");
+            this.defList = defList;
+            this.$set(this.item, "useFormValue", defList);
+            this.$emit("valueOnChange", [...defOptions], this.item);
+            // console.log(this.defList, "---defList");
+          } else {
+            this.defaultValue[item.name] = [];
+          }
+        } else {
+          this.defaultValue[item.name] = [];
+        }
+      } catch (e) {
+        console.log(e);
+      }
+    },
+
+    /**
+     * 检索的默认参数
+     * @param keyword 检索关键字
+     * @param itemData 表单配置项
+     */
+    getSearchDefParams(keyword, itemData = {}, other = {}) {
+      const { wordbook, html_type, autograph } = itemData;
+      const isCascade = html_type.includes("SEARCH_CASCADE");
+      const fieldKeys = wordbook.fieldKeys || wordbook.search_key;
+      let conObj = wordbook.conObj;
+      // if (Array.isArray(conObj)) {
+      //   conObj.forEach(v => {
+      //     v.value = this.handleSysParams(v.value);
+      //   });
+      // }
+      // let SEARCH_CASCADE
+      const extraParams = {
+        primaryKey: wordbook.primary_key,
+        levelKey: wordbook.level_key
+      };
+      const pageSizeConfig = {
+        pageSize: isCascade ? 10000 : 20
+      };
+      // 请求参数
+      const params = {
+        wordbookId: wordbook.id,
+        autograph: autograph,
+        wordbookType: wordbook.type || "WORDBOOK",
+        preConObj: wordbook.preConObj ? JSON.stringify(wordbook.preConObj) : undefined,
+        conObj: conObj ? JSON.stringify(conObj) : undefined,
+        preSqlExpression: wordbook.preSqlExpression || undefined,
+        sqlExpression: wordbook.sqlExpression || undefined,
+        fieldKeys: fieldKeys ? JSON.stringify(fieldKeys) : undefined,
+        keyword: keyword || "",
+        // pageSize: isCascade ? 10000 : 20,
+        page: 1,
+        ...(isCascade ? extraParams : {}),
+        ...(isCascade ? pageSizeConfig : {}) // 不是“级联”类型的，后台读取列表配置的 “pageSize”
+      };
+      // 分页
+      if (other.page) {
+        params.page = other.page;
+        this.searchPageConfig.isFetching = true;
+      }
+      return params;
+    },
+
+    /**
+     * 级联参数处理
+     * @param params 默认参数
+     * @param itemData 表单配置项
+     * @param otherConfig 其他配置项
+     * @param defFalg 是否是默认请求
+     */
+    getCascadeParams(params, itemData, otherConfig, defFalg) {
+      const { wordbook, html_type } = itemData;
+      if (html_type.includes("LEVEL_SEARCH_CASCADE")) {
+        let pageObj = undefined;
+        if (Object.keys(otherConfig || {}).length > 0) {
+          let { loadDataPrimary_key, levelNum = 1, pageSetting } = otherConfig || {};
+          this.levelNum = levelNum;
+          this.loadDataPrimary_key = loadDataPrimary_key;
+          pageObj = pageSetting;
+        }
+        const { levelSetting = [] } = wordbook;
+        let curLevel = levelSetting[this.levelNum - 1];
+
+        if ((defFalg || !this.loadDataPrimary_key) && wordbook.conObjFirstLevel) {
+          params.conObj = wordbook.conObjFirstLevel
+            ? JSON.stringify(wordbook.conObjFirstLevel)
+            : undefined;
+          params.sqlExperssions = wordbook.sqlExpressionFirstLevel || undefined;
+        } else {
+          let conObjList = [];
+          if (this.loadDataPrimary_key) {
+            conObjList.push({
+              field_key: wordbook.level_key,
+              con: "EQ",
+              value: this.loadDataPrimary_key
+            });
+          }
+          if (curLevel && html_type === "LEVEL_SEARCH_CASCADE2") {
+            conObjList.push({
+              field_key: wordbook.grade_key,
+              con: "EQ",
+              value: curLevel.level
+            });
+          }
+          if (pageObj) {
+            Object.assign(params, pageObj);
+          }
+          params.conObj = JSON.stringify(conObjList);
+          params.sqlExperssions = "";
+        }
+      }
+
+      return params;
+    },
+
+    /**
+     * 检索请求去重，自定义处理
+     * @param rows list
+     * @param itemData 表单配置项
+     * @param uniqueConfig 唯一标识配置
+     */
+    handleRowUnique(rows, itemData, uniqueConfig = {}) {
+      const { myUniqueKey, reqUniqueKey } = uniqueConfig;
+      const { wordbook } = itemData;
+      return rows.reduce((acc, cur) => {
+        cur.setting = wordbook.setting;
+        cur.showLabel = "";
+        cur.myUniqueKey = cur[myUniqueKey] || "";
+        cur.myUniqueLabel = reqUniqueKey || "";
+        if (wordbook.render_key && wordbook.render_key.length > 0) {
+          wordbook.render_key.forEach(ren => {
+            cur.showLabel += `≌${this.formatField(cur[ren])}`;
+          });
+          cur.showLabel = cur.showLabel.slice(1);
+        } else {
+          cur.showLabel = cur[wordbook.value_key];
+        }
+        if (typeof cur === "object") {
+          Object.keys(cur || {}).forEach(t => (cur[t] = this.formatFieldValue(cur[t])));
+        }
+        return acc.some(v => {
+          return (
+            `${v[wordbook.value_key]}-${v[myUniqueKey]}` ==
+            `${cur[wordbook.value_key]}-${cur[myUniqueKey]}`
+          );
+        })
+          ? acc
+          : [...acc, cur];
+      }, []);
+    },
+
+    /**
+     * 检索默认值处理
+     * @param defFalg 是否默认值处理
+     * @param rowData 请求数据
+     * @param itemData 表单配置项
+     * @param uniqueConfig 唯一标识配置
+     */
+    handleGetSearchDefVal(defFalg, rowData, itemData, uniqueConfig = {}) {
+      const { is_plugin_set, keyword } = uniqueConfig;
+      const { wordbook, html_type, val_key, default_val, name } = itemData;
+      let defVal = this.defaultValue[name] || this.handleSysParams(default_val || "");
+      if (is_plugin_set) {
+        defVal = keyword;
+      }
+      if (defFalg && rowData.length) {
+        let defItem = rowData[0];
+        let itemKkey = `${defItem[wordbook.value_key]}>>>${defItem["myUniqueKey"]}`;
+        if (html_type == "SEARCH") {
+          const f = rowData.find(r => r[wordbook.value_key] == defVal);
+          if (f) {
+            defItem = f;
+            itemKkey = `${f[wordbook.value_key]}>>>${f["myUniqueKey"]}`;
+            this.handleSearchSelect(itemKkey, itemData, "", {
+              eventType: defFalg ? "init" : "trigger"
+            });
+          }
+          if (defVal != defItem[wordbook.value_key]) {
+            if (f) {
+              itemKkey = `${f[wordbook.value_key]}>>>${f["myUniqueKey"]}`;
+            } else {
+              itemKkey = defVal;
+            }
+          }
+          if (itemKkey) {
+            this.hanldeSetFieldsValue(
+              {
+                [itemData.val_key]: itemKkey
+              },
+              itemData
+            );
+          } else {
+            this.$set(itemData, "useFormValue", undefined);
+          }
+        } else if (html_type == "SEARCH_MORE") {
+          itemKkey.replace(">>>", "-");
+          this.hanldeSetFieldsValue(
+            {
+              [itemData.val_key]: [
+                {
+                  key: itemKkey,
+                  label: defItem["showLabel"] || defItem[wordbook.value_key]
+                }
+              ]
+            },
+            itemData
+          );
+          this.multipleSelect(
+            {
+              key: itemKkey,
+              label: defItem["showLabel"] || defItem[wordbook.value_key]
+            },
+            itemData
+          );
+        }
+      } else if (defFalg) {
+        if (html_type == "SEARCH") {
+          // bugfix:14178
+          this.hanldeSetFieldsValue(
+            {
+              [itemData.val_key]: undefined
+            },
+            itemData
+          );
+        }
+      }
+    },
+
+    // 请求下拉框的数据
+    async handleRequestedOptions(
+      itemData = {},
+      keyword = undefined,
+      defFalg = false,
+      otherConfig = {}
+    ) {
+      console.log('handleRequestedOptions---1');
+      const closeLoading = () => {
+        this.fetching = false;
+        this.searchPageConfig.isFetching = false;
+      };
+      try {
+        const { wordbook = {}, val_key, html_type, free_entry } = itemData;
+        let { queryParamsType, queryParams = [] } = wordbook;
+        if (Object.keys(wordbook || {}).length === 0) {
+          return;
+        }
+        if (keyword && typeof keyword === "string") keyword = keyword.replace(/^\s+|\s+$/, "");
+        // LEVEL_SEARCH_CASCADE SEARCH_CASCADE
+        const isCascade = html_type.includes("SEARCH_CASCADE");
+        const NOWORDBOOK = wordbook.type != "WORDBOOK";
+        const ISDICTIONARY = wordbook.type === "DICTIONARY";
+        // 请求参数
+        let params = this.getSearchDefParams(keyword, itemData, otherConfig);
+
+        let formData = this.getFormValue();
+
+        let queryArr = [
+          "SEARCH",
+          "SEARCH_MORE",
+          "SEARCH_CASCADE",
+          "LEVEL_SEARCH_CASCADE",
+          "LEVEL_SEARCH_CASCADE2"
+        ];
+        if (queryArr.includes(html_type) && queryParamsType == 1) {
+          let tempFormData = this.handleQueryParams(formData, queryParams);
+          Object.assign(params, tempFormData);
+        } else {
+          Object.assign(params, formData);
+        }
+        // 257 云his需求新增通用字典 后端欧阳 产品晶晶
+        const arr = ["SEARCH", "SEARCH_MORE"];
+        if (arr.includes(html_type) && ISDICTIONARY) {
+          Object.assign(params, {
+            dictType: JSON.stringify(wordbook.dictType)
+          });
+        }
+        this.cacheReqOptionsParams = JSON.stringify(params);
+        let reqUniqueKey;
+        let myUniqueKey = "theUniqueKey";
+        if (NOWORDBOOK) {
+          reqUniqueKey = await this.handleRequestedUniqueKey(wordbook.id);
+          myUniqueKey = reqUniqueKey || undefined;
+        }
+        // 多选检索框避免重复选中 "theUniqueKey" 这个值，每次请求返回来都不一样。
+        if (html_type == "SEARCH_MORE" && myUniqueKey == "theUniqueKey") {
+          myUniqueKey = undefined;
+        }
+        this.formType[val_key].wordbook &&
+          (this.formType[val_key].wordbook.myUniqueLabel = myUniqueKey);
+        this.fetching = true;
+        if (!html_type.includes("SEARCH_CASCADE")) {
+          this.cancelOptionsRequest && this.cancelOptionsRequest();
+        }
+        // this.optionsRequestSource = axios.CancelToken.source();
+        if (keyword && !defFalg) {
+          let key = typeof keyword === "string" ? keyword.trim() : keyword;
+          key && this.handleSearchTracher(itemData, { keyword: key });
+        }
+        Object.assign(params, { asyncCount: 1 });
+        let handleEditFormGetWordbookData = this.editFormApiConfig?.handleEditFormGetWordbookData
+        if (!handleEditFormGetWordbookData || typeof handleEditFormGetWordbookData !== 'function') {
+          handleEditFormGetWordbookData = this.getWordbookDataRequest
+        }
+        return handleEditFormGetWordbookData(params, { optionsRequestSource: this.optionsRequestSource }).then((data) => {
+          this.optionsRequestSource = null;
+          this.fetching = false;
+          if (otherConfig.page) {
+            this.handleSearchScrollTop(itemData);
+          }
+          closeLoading();
+          if (!data) return [];
+          this.searchAddObj[`${itemData.val_key}_${itemData.name}`] = true;
+          let { rows, fieldList, page, total } = data.map;
+          this.searchPageConfig = Object.assign(this.searchPageConfig, {
+            page,
+            total,
+            isRequest: true,
+            keyword
+          });
+          let rowData = [];
+          if (isCascade) {
+            wordbook.myUniqueLabel = myUniqueKey;
+            wordbook.myUniqueKey = myUniqueKey;
+            wordbook.isLoadData = html_type == "LEVEL_SEARCH_CASCADE";
+            if (wordbook.isLoadData) {
+              this.levelNum = defFalg ? 1 : this.levelNum;
+            }
+            rows = this.hanldeRemoveDuplicates(rows, {
+              key: wordbook.value_key
+            });
+            this.handleFormCascade(rows, wordbook);
+            rowData = rows;
+          } else {
+            // 去重
+            rowData = this.handleRowUnique(rows, itemData, {
+              myUniqueKey: myUniqueKey,
+              reqUniqueKey: reqUniqueKey
+            });
+
+            // 获取显示字段title
+            if (rowData.length > 0 && wordbook.render_key && wordbook.render_key.length > 1) {
+              rowData.unshift(
+                Object.assign(
+                  {},
+                  {
+                    showLabel: this.getTitleHeader(fieldList, wordbook.render_key),
+                    myUniqueKey: Math.random()
+                  }
+                )
+              );
+            }
+          }
+          const searchList = [
+            "SEARCH",
+            "SEARCH_CASCADE",
+            "SEARCH_MORE",
+            "LEVEL_SEARCH_CASCADE"
+          ];
+          if (searchList.includes(html_type)) {
+            if (html_type != "LEVEL_SEARCH_CASCADE") {
+              this.curOptions = rowData;
+            } else {
+              (defFalg || !this.loadDataPrimary_key) && (this.curOptions = rowData);
+            }
+          }
+          // 默认值处理
+          this.handleGetSearchDefVal(defFalg, rowData, itemData, {
+            myUniqueKey: myUniqueKey,
+            reqUniqueKey: reqUniqueKey,
+            keyword: keyword,
+            ...otherConfig
+          });
+
+          // 自由输入
+          if (!defFalg && html_type == "SEARCH" && keyword && free_entry == "1") {
+            this.handleFreeEntry({
+              rowData,
+              keyword,
+              wordbook,
+              fieldList,
+              myUniqueKey
+            });
+          }
+
+          return rowData;
+
+        }).catch(() => {
+          closeLoading();
+        })
+
+      } catch (error) {
+        closeLoading();
+        console.log(error);
+      }
+    },
+
+    getWordbookDataRequest(params, config) {
+      let { optionsRequestSource } = config;
+      optionsRequestSource = this.axios.CancelToken.source();
+      return new Promise((resolve, reject) => {
+        this.axios
+          .post(`/tableReader/getWordbookData`, this.$qs.stringify(params), {
+            cancelToken: optionsRequestSource.token
+          })
+          .then(({ data }) => {
+            optionsRequestSource = null;
+            if (data.result === "SUCCESS") return resolve(data);
+            resolve(null);
+          })
+          .catch(err => {
+            reject(err);
+          });
+      });
+    },
+
+    handleFreeEntry(option = {}) {
+      const { rowData, keyword, wordbook, fieldList, myUniqueKey } = option;
+      if (!keyword) return;
+      const curKey = +new Date();
+      const data = {
+        [myUniqueKey]: curKey,
+        myUniqueKey: curKey,
+        myUniqueLabel: myUniqueKey,
+        [wordbook.value_key]: keyword,
+        is_free_entry_input__add: true // 标识是自由输入
+      };
+      const hasRenderKey = wordbook.render_key && wordbook.render_key.length > 1;
+      if (rowData.length === 0) {
+        this.curOptions = [];
+        if (hasRenderKey) {
+          rowData.unshift({
+            showLabel: this.getTitleHeader(fieldList, wordbook.render_key),
+            myUniqueKey: Math.random()
+          });
+        }
+      }
+      hasRenderKey ? rowData.splice(1, 0, data) : rowData.unshift(data);
+      this.curOptions = rowData;
+    },
+
+    /* 解析下拉选择接口返回字段 */
+    formatField(value) {
+      let res = value;
+      try {
+        if (res && typeof res == "string" && res.startsWith("###")) {
+          res = res.slice(3);
+          res = JSON.parse(res);
+          res = res.change_text;
+        }
+        return res || "";
+      } catch (error) {
+        return "";
+      }
+    },
+
+    /* 解析下拉选择接口返回字段 直接改变原有的 */
+    formatFieldValue(value) {
+      try {
+        if (value && typeof value == "string" && value.startsWith("###")) {
+          value = value.slice(3);
+          value = JSON.parse(value);
+          value = value.value;
+        }
+        return value || "";
+      } catch (error) {
+        console.log(error);
+        return "";
+      }
+    },
+
+    // 下拉搜索框获取字段title
+    getTitleHeader(fieldList, renderKey) {
+      let titleHeader = "";
+      let renderKeyArr = [];
+      if (Array.isArray(renderKey)) {
+        renderKeyArr = [...renderKey];
+      } else {
+        renderKeyArr = [renderKey];
+      }
+      renderKeyArr.forEach(render => {
+        for (let i = 0; i < fieldList.length; i++) {
+          if (render === fieldList[i].columnName) {
+            titleHeader += `≌${fieldList[i].title}`;
+            break;
+          }
+        }
+      });
+      titleHeader = titleHeader.slice(1);
+      return titleHeader;
+    },
+
+    handleRequestedUniqueKey(id) {
+      // const { hanldegetUniqueKey } = this.$listeners; //
+      const { hanldegetUniqueKey } = this.mainForm || {};
+      const starTiem = +new Date();
+
+      const getUniqueKey = (resolve, reject) => {
+        setTimeout(() => {
+          const res = hanldegetUniqueKey(id);
+          if (res && res.status) {
+            resolve(res.value);
+          } else {
+            let curTime = +new Date();
+            if (curTime - starTiem > 5000) {
+              reject("获取UniqueKe 异常!!");
+              return;
+            }
+            getUniqueKey(resolve, reject);
+          }
+        }, 16);
+      };
+      return new Promise((resolve, reject) => {
+        getUniqueKey(resolve, reject);
+      });
+    },
+
+    dealDictionatySearch(val) {
+      this.curOptions = this.curOptions.filter(i => {
+        return i.showLabel.includes(val);
+      });
+    },
+
+    // 下拉框搜索输入关键字后
+    handleMultipleSearch(val, itemData) {
+      clearTimeout(this.timeout);
+      const { wordbook = {}, html_type } = itemData;
+      const ISDICTIONARY = wordbook.type === "DICTIONARY";
+      // 257 云his需求新增通用字典 后端欧阳 产品晶晶
+      const arr = ["SEARCH", "SEARCH_MORE"];
+      if (arr.includes(html_type) && ISDICTIONARY && val) {
+        this.dealDictionatySearch(val);
+        return;
+      }
+      this.searchPageConfig.keyword = val || undefined;
+      if (this.dropdownHide && !val) return;
+      this.timeout = setTimeout(() => {
+        console.log('handleRequestedOptions---2');
+        this.handleRequestedOptions(itemData, val);
+      }, 200);
+    },
+
+    multipleSelect(e, item) {
+      const valKey = item.wordbook.value_key;
+      const selectList = this.selectedOptions || [];
+      const isSelect = selectList.some(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
+      let selectItem = {};
+      if (!isSelect) {
+        const fdItem = this.curOptions.find(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
+        selectList.push({ ...fdItem });
+        selectItem = fdItem;
+      }
+      this.selectedOptions = [...selectList];
+      this.$emit("valueOnChange", [...selectList], item);
+      this.hanlderSendSelectLog(item, selectItem);
+      this.handlerInputBlur(item);
+    },
+
+    multipleDeselect(e, item) {
+      const valKey = item.wordbook.value_key;
+      const selectList = this.selectedOptions || [];
+      const fnIndex = selectList.findIndex(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
+      if (fnIndex != -1) {
+        selectList.splice(fnIndex, 1);
+      }
+      this.selectedOptions = [...selectList];
+      this.$emit("valueOnChange", [...selectList], item);
+    },
+
+    // 搜索框没数据新增
+    handlerAddOptions(data, item) {
+      this.curAddBtnItem = item;
+      this.$emit("handlerAddOptions", { data });
+    },
+
+    searchMoreOnChange(value, item) {
+      // 标识用户有修改该值。
+      this.formType[item.val_key].isOnchange = "00";
+      if (!value || value.length === 0) {
+        this.$emit("valueOnChange", [], item);
+      }
+
+      // 通讯事件
+      // this.mainForm.formfieldOnChange(this.item);
+    },
+
+    // 处理级联数据
+    handleFormCascade(list = [], v = {}, level = 1) {
+      list.forEach(item => {
+        item.myLabel = this.hanldeGetCascadelabel(v.render_key, item) || item[v["value_key"]];
+        item.myUniqueKey = item[v.myUniqueKey];
+        item.myUniqueLabel = v.myUniqueKey;
+        if (v.isLoadData) {
+          item.isLeaf = v.level_num ? this.levelNum >= v.level_num : false;
+        } else {
+          if (level >= v.level_num) {
+            delete item.children;
+          }
+          if (item.children && item.children.length) {
+            this.handleFormCascade(item.children, v, level + 1);
+          }
+        }
+      });
+    },
+
+    hanldeGetCascadelabel(v = [], k = {}) {
+      if (Array.isArray(v) && v.length) {
+        const l = [];
+        v.forEach(i => {
+          l.push(k[i]);
+        });
+        return l.join("_");
+      }
+      return "";
+    },
+
+    handleCascaderChange(option, item) {
+      // selectedOptions
+      this.Choose_to_complete = false;
+      this.cascaderInitLabel = false;
+      let [value, selectedOptions] = option;
+      selectedOptions = selectedOptions || [];
+
+      let isAllowClear = value.length === 0 && selectedOptions.length === 0;
+      if (item.allow_check_mid_level && item.is_allow_check_mid == 1 && !isAllowClear) {
+        if (item.allow_check_mid_level > (value?.length || 0)) {
+          this.noAllow_check_mid_level = true;
+          return;
+        }
+      }
+      this.noAllow_check_mid_level = false;
+
+      item.selectValue = value;
+      item.selectedOptions = null;
+      item.selectedOptions = selectedOptions;
+      // 缓存方便提交表单处理
+      this.selectedOptions = [...selectedOptions];
+      this.$emit("valueOnChange", [...selectedOptions], item);
+      this.formType[item.val_key].isOnchange = "00";
+      if (value.length == 0 && selectedOptions.length == 0) {
+        this.defaultValue[item.name] = "";
+        this.formType[item.val_key].default_val = "";
+        this.hideHotSearch = true;
+      }
+      this.Choose_to_complete = true;
+      // 通讯事件
+      // this.mainForm.formfieldOnChange(this.item);
+    },
+
+    handleCascaderFilter(inputValue, path) {
+      return path.some(
+        option => option.myLabel.toLowerCase().indexOf(inputValue.toLowerCase()) > -1
+      );
+    },
+
+    async handleCascadeLoadData(selectedOptions) {
+      this.levelNum = selectedOptions.length + 1;
+      const targetOption = selectedOptions[selectedOptions.length - 1];
+      this.loadDataPrimary_key = targetOption[this.item.wordbook.primary_key];
+      targetOption.loading = true;
+      try {
+        console.log('handleRequestedOptions---3');
+        const res = await this.handleRequestedOptions(this.item, "", false);
+        targetOption.loading = false;
+        targetOption.children = res && res.length ? [...res] : undefined;
+        this.curOptions = [...this.curOptions];
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 级联 end
+
+    handlerDropdownVisibleChange(e, data) {
+      const searchList = ["SEARCH_MORE", "SEARCH"];
+      if (e) {
+        e.preventDefault && e.preventDefault();
+        e.stopPropagation && e.stopPropagation();
+        this.handleCalculateOptionsMaxWidth();
+      }
+
+      let isRequest = true;
+
+      if (this.optionsMaxWidth === "100%") {
+        // 100% 是默认值，如果已经计算过了，不用再算
+        this.handleCalculateOptionsMaxWidth();
+      }
+      this.dropdownHide = !e;
+      if (Object.keys(data || {}).length > 0) {
+        const searchList = ["SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
+        if (searchList.includes(data.html_type)) {
+          isRequest = !(this.curOptions && this.curOptions.length);
+        }
+        if (e && ["SEARCH_MORE", "SEARCH"].includes(data.html_type)) {
+          this.handlerSearchOnFocus(data);
+        }
+        if (e && isRequest) {
+          console.log('handleRequestedOptions---4');
+          this.handleRequestedOptions(data);
+        }
+        if (!e && this.noAllow_check_mid_level && searchList.includes(data.html_type)) {
+          setTimeout(() => {
+            this.$set(data, "useFormValue", null);
+          }, 16);
+        }
+      }
+
+      if (!e) {
+        // 弹窗关闭才收集级联“常用”值，避免还没选完重复提交。
+        this.handleCascaderTracher();
+        setTimeout(() => {
+          this.searchPageConfig.keyword = undefined;
+        }, 300);
+      }
+    },
+
+    hanlderGetSearchLabel(config, v) {
+      const { wordbook } = config;
+      let showLabel = "";
+      // "自由输入"的直接 return v[wordbook.value_key]
+      if (!v.is_free_entry_input__add && wordbook.show_key && wordbook.show_key.length) {
+        wordbook.show_key.forEach(s => {
+          showLabel += ` ${this.formatField(v[s])}`;
+        });
+        return showLabel;
+      }
+      return v[wordbook.value_key];
+    },
+    hanlderSendSelectLog(item = {}, value) {
+      // 收集选中的数据 多个展示字段取第一个
+      const show_key = ((item.wordbook && item.wordbook.show_key) || [])[0];
+      const label = show_key ? value[show_key] : "";
+      label && this.handleSearchTracher(item, { select: label });
+    },
+    // 搜索框选中
+    handleSearchSelect(e, option, type, eventConfig) {
+      const setList = option?.bindEventSetting || [];
+      const isInit = "init" === eventConfig?.eventType;
+      const formData = this.getFormValue();
+      // 如果有绑定事件，先触发绑定的事件。
+      try {
+        if (Array.isArray(setList)) {
+          this.handlerInputBlur(option, null, "blur", eventConfig);
+        }
+      } catch (err) {
+        console.log(err);
+      }
+      // hasOwnProperty
+      const searchOption = this.curOptions;
+      // 当前选中的对象
+      let selectItem = searchOption.find(
+        ele => `${ele[option.wordbook.value_key]}>>>${ele["myUniqueKey"]}` === e
+      );
+      // 标识是自由输入的值
+      const is_free = selectItem?.is_free_entry_input__add || false;
+      // 自由输入的 数据是前端生成的要清空，避免”带出“事件赋值
+      if (is_free) {
+        selectItem = {};
+      }
+      const setting = option?.wordbook?.setting || {};
+      if (Object.keys(selectItem || {}).length > 0 && type === "select") {
+        this.hanlderSendSelectLog(option, selectItem);
+      }
+
+      if (selectItem && setting) {
+        Object.keys(selectItem).forEach(s => {
+          if (
+            selectItem[s] &&
+            typeof selectItem[s] == "string" &&
+            selectItem[s].startsWith("###")
+          ) {
+            selectItem[s] = selectItem[s].slice(3);
+            selectItem[s] = JSON.parse(selectItem[s]);
+            selectItem[s] = selectItem[s].value;
+          }
+        });
+      }
+    },
+
+    // SEARCH 检索框翻页
+    handleSearchChangePage(type = "next") {
+      let cType = type || "next";
+      let { page, keyword = undefined } = this.searchPageConfig;
+      page = cType === "next" ? page + 1 : page - 1;
+      console.log('handleRequestedOptions---5');
+      this.handleRequestedOptions(this.item, keyword, false, { page });
+    },
+
+    handleCalculateOptionsMaxWidth() {
+      if (!SELECT_LIST.includes(this.item?.html_type || undefined)) return;
+      this.$nextTick(() => {
+        const offsetWidth = this.$el.offsetWidth;
+        let res = offsetWidth,
+          maxwith;
+        try {
+          let item = this.$el.querySelector(".ant-select");
+          const itemRect = item.getBoundingClientRect();
+          let baseDom = this.mainForm.$el.querySelector(".big-table");
+          const baseRect = baseDom.getBoundingClientRect();
+          maxwith = baseRect.right - itemRect.left;
+
+          if (typeof offsetWidth === "number" && isFinite(maxwith)) {
+            if (maxwith > offsetWidth) {
+              res = maxwith;
+            } else {
+              res = offsetWidth;
+            }
+          }
+        } catch (error) {
+          res = offsetWidth;
+        }
+
+        res = parseInt(res, 10);
+        this.optionsMaxWidth = `${res}px`;
+      });
+    },
+
+    handlerSearchOnFocus(item) {
+      if (this.selectIsOpen) return;
+      let { queryParamsType, queryParams = [] } = item.wordbook || {};
+      // setTimeout(() => {
+      this.$nextTick(() => {
+        this.selsectVisible = true;
+        let formData = this.mainForm.handleGetAllFormValue();
+        let params = formData;
+        if (queryParamsType == 1) {
+          params = this.handleQueryParams(formData, queryParams);
+        }
+        // 弹窗列表选项事件推出
+        this.$emit("opentableSelect", true, this.item, params);
+      });
+      // }, 300);
+    },
+    handleQueryParams(formData, queryParams) {
+      let tempFormData = {};
+      if (queryParams.length) {
+        queryParams.forEach(v => {
+          if (v in formData) {
+            tempFormData[v] = formData[v];
+          }
+        });
+      }
+      return tempFormData;
+    },
+
+    confirmSelect({ value, selectRow = [], myUniqueKey }) {
+      const { item } = this;
+      if (this.item.html_type === "SEARCH_MORE") {
+        let selecteds = this.baseForm.getFieldValue(item.val_key) || [];
+        this.formType[item.val_key].isOnchange = "00";
+        let mergeValList = [...value, ...selecteds];
+        let mergeSelectList = [...selectRow, ...this.curMultipleSelected];
+
+        let valueList = this.hanldeRemoveDuplicates(mergeValList, {
+          key: "key"
+        });
+        let list = this.hanldeRemoveDuplicates(mergeSelectList, {
+          key: myUniqueKey
+        });
+
+        let copy = JSON.parse(JSON.stringify(list));
+
+        this.curOptions = [...copy];
+        this.$set(this.item, "useFormValue", valueList);
+        // this.baseForm.setFieldsValue({
+        //   [item.val_key]: valueList
+        // });
+
+        this.curMultipleSelected = [...copy];
+        this.$emit("valueOnChange", [...copy], this.item);
+      } else {
+        this.curOptions = [...selectRow];
+        this.$set(this.item, "useFormValue", value);
+        // this.baseForm.setFieldsValue({
+        //   [item.val_key]: value
+        // });
+        this.handleSearchSelect(value, this.item);
+      }
+    },
+
+    hanldeRemoveDuplicates(list = [], config = {}) {
+      if (!Array.isArray(list)) return [];
+      const { key } = config;
+      let obj = {};
+      if (!key) return list;
+
+      let resList = list.reduce((cur, next) => {
+        obj[next[key]] ? "" : (obj[next[key]] = true && cur.push(next));
+        return cur;
+      }, []);
+
+      return [...resList];
+    },
+
+    getFormValue() {
+      return this.handleGetAllFormValue();
+    },
+
+    // 取消请求 handleRequestedOptions
+    cancelOptionsRequest() {
+      if (this.optionsRequestSource && typeof this.optionsRequestSource.cancel === "function") {
+        // 取消请求
+        this.optionsRequestSource.cancel("请求已取消！");
+        this.optionsRequestSource = null;
+      }
+    },
+
+    async getHotSearchConfig() {
+      const { item, mainForm } = this;
+      if (!SELECT_LIST.includes(item.html_type) || item.is_recommend != "1") return;
+      let params = {
+        formId: mainForm.params_formId,
+        valKey: item.val_key,
+        htmlType: item.html_type
+      }
+      let handleEditFormCommonLatestAndHot = this.editFormApiConfig?.handleEditFormCommonLatestAndHot
+      if (!handleEditFormCommonLatestAndHot || typeof handleEditFormCommonLatestAndHot !== 'function') {
+        handleEditFormCommonLatestAndHot = this.commonLatestAndHotRequest
+      }
+      let data = await handleEditFormCommonLatestAndHot(params)
+      if (!data) return;
+      this.hotSearchConfig.isRequest = true;
+      let hotList = (data?.map?.hotList || []).filter(Boolean);
+      let latestList = (data?.map?.latestList || []).filter(Boolean);
+      let config = Object.assign(this.hotSearchConfig, { hotList, latestList });
+      this.$set(this, "hotSearchConfig", config);
+    },
+    commonLatestAndHotRequest(params) {
+      return new Promise((resolve, reject) => {
+        this.axios
+          .get(`/tableReader/commonLatestAndHot`, { params })
+          .then(({ data }) => {
+            if (data.result === "SUCCESS") return resolve(data);
+            resolve(null);
+          })
+          .catch(err => {
+            reject(err);
+          });
+      });
+    },
+
+    handleSelectHotKeyword(key) {
+      const input = this.$el.querySelector(".ant-select-search__field");
+      if (input) {
+        input.value = key;
+        var event = new InputEvent("input");
+        input.dispatchEvent(event);
+      } else {
+        // 最近搜索级联选中
+        // this.handlemMainFormFillItemVal(this.item, "", key.value);
+        this.open = false;
+        if (SELECT_LIST.includes(this.item.html_type)) {
+          if (!key.keyword) return;
+          this.handleSearchTracher(this.item, {
+            select: key.value,
+            keyword: key.keyword
+          });
+          // 级联选中“常用”值后失去焦点。
+          let input = this.$el.querySelector(".ant-cascader-input");
+          let cascader = this.$el.querySelector(".ant-cascader-picker");
+          cascader && cascader.blur();
+          if (input) {
+            input.blur();
+          }
+        }
+      }
+    },
+
+    hanldeClearLately() {
+      const { item, mainForm } = this;
+      let params = {
+        formId: mainForm.params_formId,
+        valKey: item.val_key,
+        htmlType: item.html_type
+      }
+      let handleEditFormDeleteLatestAndHot = this.editFormApiConfig?.handleEditFormDeleteLatestAndHot;
+      if (!handleEditFormDeleteLatestAndHot || typeof handleEditFormDeleteLatestAndHot !== 'function') {
+        handleEditFormDeleteLatestAndHot = this.deleteLatestAndHotRequest
+      }
+      handleEditFormDeleteLatestAndHot(params);
+    },
+    deleteLatestAndHotRequest(params) {
+      return new Promise((resolve, reject) => {
+        this.axios
+          .post(`/form/deleteLatestAndHot`, this.$qs.stringify(params))
+          .then(({ data }) => {
+            if (data.result == "SUCCESS") return resolve(data);
+            this.$message.warning(data.resultMsg || "删除失败");
+            resolve(null);
+          })
+          .catch(err => {
+            reject(err);
+          });
+      });
+    },
+    closeHotSearch() {
+      this.hideHotSearch = false;
+      this.searchShowHotList = false;
+    },
+    handleSearchTracher(item, obj = { keyword: "", select: "" }) {
+      if (!SELECT_LIST.includes(item?.html_type || undefined)) return;
+      const { mainForm } = this;
+      const { keyword = "", select = "" } = obj || {};
+      // 埋点
+      let key =
+        item.html_type === "SEARCH_MORE"
+          ? "表单搜索多选框"
+          : item.html_type === "SEARCH"
+            ? "表单搜索框"
+            : item.html_type === "SEARCH_CASCADE"
+              ? "表单级联搜索"
+              : "表单逐级级联";
+      let params = {
+        key,
+        params_formId: mainForm.params_formId,
+        val_key: item.val_key,
+        name: item.name,
+        keyword,
+        select
+      }
+      this.handleGetConfigApi(params, 'handleEditFormSearchTracher');
+      // try {
+      //   this.$_handleTracherLog(key, {
+      //     表单ID: mainForm.params_formId,
+      //     字段Key: item.val_key,
+      //     字段名称: item.name,
+      //     搜索关键字: keyword,
+      //     选中值: select
+      //   });
+      // } catch (error) {
+      //   console.log(error);
+      // }
+    },
+
+    hanldercheckOption(data) {
+      // let objKey = `${data.val_key}_${data.name}`;
+      return (
+        data.wordbook && data.wordbook.add_btn
+        // this.curOptions &&
+        // this.curOptions.length === 0 &&
+        // this.searchAddObj[objKey]
+      );
+    },
+
+    /**
+     * 检索框切换分页，滚动条置顶
+     */
+    handleSearchScrollTop(item) {
+      try {
+        let c = `.search-menu-${item.val_key}`;
+        let list = document.querySelectorAll(c);
+        list.forEach(v => {
+          let u = v.querySelector(".ant-select-dropdown-menu");
+          if (u) {
+            u.scrollTop = 0;
+          }
+        });
+      } catch (error) {
+        console.log(error, "handleSearchScrollTop");
+      }
+    },
+
+    handleCascaderTracher() {
+      if (!this.Choose_to_complete) return;
+      const CASCADELIST = ["LEVEL_SEARCH_CASCADE", "SEARCH_CASCADE"];
+      this.$nextTick(() => {
+        const { item, selectedOptions } = this;
+        if (!CASCADELIST.includes(item.html_type)) return;
+        if (Array.isArray(selectedOptions) && selectedOptions.length > 0) {
+          let val = this.handleGetAllFormValue()[item.val_key];
+          let keyword = "";
+          if (vexutils.isJSON(val)) {
+            keyword = JSON.parse(val)?.objStr || "";
+          }
+          if (!keyword) return;
+          this.handleSearchTracher(item, {
+            select: val,
+            keyword: keyword
+          });
+        }
+      });
+      this.Choose_to_complete = false;
+    },
+
+    handleSearchBlur() {
+      // 主动让 select 框失去焦点
+      try {
+        let k = `search-${this.item.val_key}`;
+        let t = this.$refs[k];
+        if (Array.isArray(t)) {
+          t = t[0];
+        }
+        this.searchShowHotList = false;
+        t?.blur();
+      } catch (error) {
+        console.log(error);
+      }
+    }
+  }
+};