cnhis-design-vue 2.1.56 → 2.1.58

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

@@ -1,1228 +1,1242 @@
-import vexutils from '@/utils/vexutils';
-const SELECT_LIST = ["SEARCH_MORE", "SEARCH", "SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
-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
-    };
-  },
-  computed: {
-    showHotSearchConfig() {
-      const { hotList = [], latestList = [] } = this?.hotSearchConfig || {};
-      let f = hotList.length || latestList.length;
-      return f && !this.searchPageConfig.keyword;
-    },
-    // 获取html_type=SEARCH_MORE的空内容显示状态
-    showSearchEmpty() {
-      const item = this.item || {};
-      if (item.free_entry != "1") return false;
-      const len = this.curOptions.length;
-      // handleFreeEntry 会根据item.wordbook.render_key 添加自定义数据，所以要排除自定义项
-      const i = this.curOptions.slice(0, 2).findIndex(item => item.is_free_entry_input__add);
-      return i < 0 ? false : len < i + 2;
-    },
-    selectIsOpen() {
-      const { html_type, show_type } = this.item;
-      if (["SEARCH_MORE", "SEARCH"].includes(html_type)) {
-        return !["pop", "dialog"].includes(show_type);
-      }
-      return true;
-    },
-    isnoPages() {
-      const { searchPageConfig } = this;
-      return searchPageConfig.page <= 1 && !searchPageConfig.hasNextPage;
-    }
-  },
-  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(() => {
-            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;
-            if (defOptions && defOptions.length) {
-              this.curOptions = [...defOptions];
-              this.selectedOptions = [...(defOptions || [])];
-            }
-            defList = vexutils.uniqArrObj(defList, "key");
-            this.row[item.val_key] = defList;
-            this.$set(this.item, "useFormValue", defList);
-            this.$emit("valueOnChange", [...defOptions], this.item, this.row);
-          } 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 = {}
-    ) {
-      const closeLoading = () => {
-        this.fetching = false;
-        this.searchPageConfig.isFetching = false;
-      };
-      try {
-        const { wordbook = {}, val_key, html_type, free_entry, show_type } = 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 = this.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 });
-        return this.axios
-          .post(`/tableReader/getWordbookData`, this.$qs.stringify(params), {
-            cancelToken: this.optionsRequestSource.token
-          })
-          .then(({ data }) => {
-            if (otherConfig.page) {
-              this.handleSearchScrollTop(itemData);
-            }
-            this.optionsRequestSource = null;
-            this.fetching = false;
-            if (data.result === "SUCCESS") {
-              this.searchAddObj[`${itemData.val_key}_${itemData.name}`] = true;
-              let { rows, fieldList, page, total, hasNextPage } = data.map;
-              itemData._hasNextPage = hasNextPage;
-              this.searchPageConfig = Object.assign(this.searchPageConfig, {
-                page,
-                hasNextPage,
-                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
-                });
-
-                // 樹狀的不在這裏處理
-                if (html_type == "SEARCH" && show_type == "tree") {
-                  Object.assign(wordbook, {
-                    myUniqueLabel: myUniqueKey,
-                    myUniqueKey: myUniqueKey
-                  });
-                  return rowData;
-                }
-
-                // 获取显示字段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;
-            }
-            return [];
-          })
-          .catch(err => {
-            console.log(err);
-          })
-          .finally(() => {
-            closeLoading();
-          });
-      } catch (error) {
-        closeLoading();
-        console.log(error);
-      }
-    },
-
-    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 || {};
-      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(() => {
-        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.row);
-      this.hanlderSendSelectLog(item, selectItem);
-      this.handleTableBlur();
-    },
-
-    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, this.row);
-    },
-
-    // 搜索框没数据新增
-    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.row);
-      }
-
-      // 通讯事件
-      // 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 => {
-          let res = this.formatField(k[i]);
-          l.push(res);
-        });
-        if (l.length == 0) {
-          return "";
-        }
-        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.row);
-      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 {
-        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) {
-        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) {
-          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();
-
-      // 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;
-      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(".base-form");
-          let baseDom = this.formTable.$el;
-          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.row;
-        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, this.row);
-      } 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];
-    },
-
-    // 获取转化后的row值
-    getFormValue() {
-      let tempRow = JSON.parse(JSON.stringify(this.row));
-      tempRow = this.handleFormTableValue(tempRow, tempRow?._rowIndex_, true);
-      for (let key in tempRow) {
-        if (key.startsWith("_") && key.endsWith("_")) {
-          delete tempRow[key];
-        }
-      }
-      return tempRow;
-    },
-
-    // 取消请求 handleRequestedOptions
-    cancelOptionsRequest() {
-      if (this.optionsRequestSource && typeof this.optionsRequestSource.cancel === "function") {
-        // 取消请求
-        this.optionsRequestSource.cancel("请求已取消！");
-        this.optionsRequestSource = null;
-      }
-    },
-
-    getHotSearchConfig() {
-      const { item, params_formId } = this;
-      if (!SELECT_LIST.includes(item.html_type) || item.is_recommend != "1") return;
-      this.axios
-        .get("form/commonLatestAndHot", {
-          params: {
-            formId: params_formId,
-            valKey: item.val_key,
-            htmlType: item.html_type
-          }
-        })
-        .then(({ data }) => {
-          if (data.result == "SUCCESS") {
-            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);
-          }
-        })
-        .catch(err => {
-          console.log(err, "getHotSearchConfig");
-        });
-    },
-
-    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, params_formId } = this;
-      this.axios
-        .post(
-          "form/deleteLatestAndHot",
-          this.$qs.stringify({
-            formId: params_formId,
-            valKey: item.val_key,
-            htmlType: item.html_type
-          })
-        )
-        .then(({ data }) => {
-          if (data.result == "SUCCESS") {
-            // this.hotSearchConfig.latestList = [];
-            // this.hotSearchConfig.hotList = [];
-            // 点击清除成功，刷新“常用值”数据
-            // this.getHotSearchConfig();
-          } else {
-            this.$message.warning(data.resultMsg || this.$t("1.7.1.10"));
-          }
-        });
-    },
-    closeHotSearch() {
-      this.hideHotSearch = false;
-      this.searchShowHotList = false;
-    },
-    handleSearchTracher(item, obj = { keyword: "", select: "" }) {
-      if (!SELECT_LIST.includes(item?.html_type || undefined)) return;
-      const { params_formId } = this;
-      const { keyword = "", select = "" } = obj || {};
-      try {
-        // 埋点
-        let key =
-          item.html_type === "SEARCH_MORE"
-            ? "表单搜索多选框"
-            : item.html_type === "SEARCH"
-            ? "表单搜索框"
-            : item.html_type === "SEARCH_CASCADE"
-            ? "表单级联搜索"
-            : "表单逐级级联";
-        this.$_handleTracherLog(key, {
-          表单ID: 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.row[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);
-      }
-    }
-  }
-};
+import vexutils from '@/utils/vexutils';
+const SELECT_LIST = ["SEARCH_MORE", "SEARCH", "SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
+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 // 总页数
+      },
+
+      fieldListConfig: [],
+
+      optionsMaxWidth: "100%",
+
+      cacheReqOptionsParams: "",
+
+      hotSearchConfig: {
+        hotList: [],
+        latestList: [],
+        isRequest: false,
+        isclose: true
+      },
+
+      searchShowHotList: false
+    };
+  },
+  computed: {
+    showHotSearchConfig() {
+      const { hotList = [], latestList = [] } = this?.hotSearchConfig || {};
+      let f = hotList.length || latestList.length;
+      return f && !this.searchPageConfig.keyword;
+    },
+    // 获取html_type=SEARCH_MORE的空内容显示状态
+    showSearchEmpty() {
+      const item = this.item || {};
+      if (item.free_entry != "1") return false;
+      const len = this.curOptions.length;
+      // handleFreeEntry 会根据item.wordbook.render_key 添加自定义数据，所以要排除自定义项
+      const i = this.curOptions.slice(0, 2).findIndex(item => item.is_free_entry_input__add);
+      return i < 0 ? false : len < i + 2;
+    },
+    selectIsOpen() {
+      const { html_type, show_type } = this.item;
+      if (["SEARCH_MORE", "SEARCH"].includes(html_type)) {
+        return !["pop", "dialog"].includes(show_type);
+      }
+      return true;
+    },
+    isnoPages() {
+      const { searchPageConfig } = this;
+      return searchPageConfig.page <= 1 && !searchPageConfig.hasNextPage;
+    },
+    freeAddItem() {
+      return this.curOptions.find(v => v.is_free_entry_input__add);
+    },
+    optionRows() {
+      return this.curOptions.filter((v, i) => !(i === 0 && this.item.wordbook.render_key && this.item.wordbook.render_key.length > 1) && !v.is_free_entry_input__add);
+    }
+  },
+  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(() => {
+            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;
+            if (defOptions && defOptions.length) {
+              this.curOptions = [...defOptions];
+              this.selectedOptions = [...(defOptions || [])];
+            }
+            defList = vexutils.uniqArrObj(defList, "key");
+            this.row[item.val_key] = defList;
+            this.$set(this.item, "useFormValue", defList);
+            this.$emit("valueOnChange", [...defOptions], this.item, this.row);
+          } 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 || "";
+        cur.copyRowObj = {
+          // 全部备份一下
+          ...cur
+        };
+        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 = {}
+    ) {
+      const closeLoading = () => {
+        this.fetching = false;
+        this.searchPageConfig.isFetching = false;
+      };
+      try {
+        const { wordbook = {}, val_key, html_type, free_entry, show_type } = 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 = this.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 });
+        return this.axios
+          .post(`/tableReader/getWordbookData`, this.$qs.stringify(params), {
+            cancelToken: this.optionsRequestSource.token
+          })
+          .then(({ data }) => {
+            if (otherConfig.page) {
+              this.handleSearchScrollTop(itemData);
+            }
+            this.optionsRequestSource = null;
+            this.fetching = false;
+            if (data.result === "SUCCESS") {
+              this.searchAddObj[`${itemData.val_key}_${itemData.name}`] = true;
+              let { rows, fieldList, page, total, hasNextPage } = data.map;
+              this.fieldListConfig = fieldList;
+              itemData._hasNextPage = hasNextPage;
+              this.searchPageConfig = Object.assign(this.searchPageConfig, {
+                page,
+                hasNextPage,
+                isRequest: true,
+                keyword,
+                asyncCount: params?.asyncCount
+              });
+              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
+                });
+
+                // 樹狀的不在這裏處理
+                if (html_type == "SEARCH" && show_type == "tree") {
+                  Object.assign(wordbook, {
+                    myUniqueLabel: myUniqueKey,
+                    myUniqueKey: myUniqueKey
+                  });
+                  return rowData;
+                }
+
+                // 获取显示字段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;
+            }
+            return [];
+          })
+          .catch(err => {
+            console.log(err);
+          })
+          .finally(() => {
+            closeLoading();
+          });
+      } catch (error) {
+        closeLoading();
+        console.log(error);
+      }
+    },
+
+    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 || {};
+      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(() => {
+        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.row);
+      this.hanlderSendSelectLog(item, selectItem);
+      this.handleTableBlur();
+    },
+
+    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, this.row);
+    },
+
+    // 搜索框没数据新增
+    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.row);
+      }
+
+      // 通讯事件
+      // 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 => {
+          let res = this.formatField(k[i]);
+          l.push(res);
+        });
+        if (l.length == 0) {
+          return "";
+        }
+        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.row);
+      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 {
+        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) {
+        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) {
+          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();
+
+      // 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;
+      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(".base-form");
+          let baseDom = this.formTable.$el;
+          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.row;
+        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, this.row);
+      } 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];
+    },
+
+    // 获取转化后的row值
+    getFormValue() {
+      let tempRow = JSON.parse(JSON.stringify(this.row));
+      tempRow = this.handleFormTableValue(tempRow, tempRow?._rowIndex_, true);
+      for (let key in tempRow) {
+        if (key.startsWith("_") && key.endsWith("_")) {
+          delete tempRow[key];
+        }
+      }
+      return tempRow;
+    },
+
+    // 取消请求 handleRequestedOptions
+    cancelOptionsRequest() {
+      if (this.optionsRequestSource && typeof this.optionsRequestSource.cancel === "function") {
+        // 取消请求
+        this.optionsRequestSource.cancel("请求已取消！");
+        this.optionsRequestSource = null;
+      }
+    },
+
+    getHotSearchConfig() {
+      const { item, params_formId } = this;
+      if (!SELECT_LIST.includes(item.html_type) || item.is_recommend != "1") return;
+      this.axios
+        .get("form/commonLatestAndHot", {
+          params: {
+            formId: params_formId,
+            valKey: item.val_key,
+            htmlType: item.html_type
+          }
+        })
+        .then(({ data }) => {
+          if (data.result == "SUCCESS") {
+            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);
+          }
+        })
+        .catch(err => {
+          console.log(err, "getHotSearchConfig");
+        });
+    },
+
+    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, params_formId } = this;
+      this.axios
+        .post(
+          "form/deleteLatestAndHot",
+          this.$qs.stringify({
+            formId: params_formId,
+            valKey: item.val_key,
+            htmlType: item.html_type
+          })
+        )
+        .then(({ data }) => {
+          if (data.result == "SUCCESS") {
+            // this.hotSearchConfig.latestList = [];
+            // this.hotSearchConfig.hotList = [];
+            // 点击清除成功，刷新“常用值”数据
+            // this.getHotSearchConfig();
+          } else {
+            this.$message.warning(data.resultMsg || this.$t("1.7.1.10"));
+          }
+        });
+    },
+    closeHotSearch() {
+      this.hideHotSearch = false;
+      this.searchShowHotList = false;
+    },
+    handleSearchTracher(item, obj = { keyword: "", select: "" }) {
+      if (!SELECT_LIST.includes(item?.html_type || undefined)) return;
+      const { params_formId } = this;
+      const { keyword = "", select = "" } = obj || {};
+      try {
+        // 埋点
+        let key =
+          item.html_type === "SEARCH_MORE"
+            ? "表单搜索多选框"
+            : item.html_type === "SEARCH"
+            ? "表单搜索框"
+            : item.html_type === "SEARCH_CASCADE"
+            ? "表单级联搜索"
+            : "表单逐级级联";
+        this.$_handleTracherLog(key, {
+          表单ID: 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.row[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);
+      }
+    }
+  }
+};