cnhis-design-vue 2.2.3 → 2.2.5

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

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