cnhis-design-vue 0.2.63-beta → 0.3.1-beta

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

@@ -1,1228 +0,0 @@
-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);
-      }
-    }
-  }
-};