cnhis-design-vue 0.3.2-beta → 0.3.5-beta

package/packages/big-table/src/components/edit-form/hooks/useSearch.ts

@@ -0,0 +1,910 @@
+import { reactive, ref, inject, onMounted, nextTick, computed } from 'vue'
+import axios from 'axios'
+import qs from 'qs'
+import vexutils from '@/utils/vexutils';
+import { handleSysParams, handleGetJsonStr } from '../utils'
+import { hanldeSetFieldsValue } from './useItemDefault'
+import type { SelectOption } from 'naive-ui'
+
+const SELECT_LIST = ["SEARCH_MORE", "SEARCH", "SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
+
+interface Option {
+  rowData?: any
+  keyword?: string
+  wordbook?: any
+  fieldList?: any
+  myUniqueKey?: any
+}
+
+export const useSearch = (props: any, emit: any, handlerInputBlur: Function) => {
+  const editFormState: any = inject('state')
+  const userInfo: any = inject('userInfo')
+  const paramsObj = { defaultValue: props.defaultValue, userInfo: userInfo.value, dbParams: props.dbParams }
+  const itemRef: any = ref(null)
+
+  const selectIsOpen = computed(() => {
+    const { html_type, show_type } = props.item;
+    if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
+      return !['pop', 'dialog'].includes(show_type);
+    }
+    return true;
+  })
+
+  const state = reactive({
+    fetching: false,
+    timeout: null as any,
+    curOptions: [] as any[],
+    selectedOptions: [] as any[],
+    levelNum: 1, // 级联来加载 层级标识 从 1 开始。
+    cascaderInitLabel: true,
+    defList: [] as any[],
+    panelOpen: false,
+    searchAddObj: {},
+    searchPageConfig: {
+      // search 翻页配置
+      keyword: undefined as (string | undefined),
+      isFetching: false,
+      isRequest: false, // 是否已请求
+      page: 1, // 当前页
+      total: 1 // 总页数
+    },
+    optionsMaxWidth: "100%",
+    cacheReqOptionsParams: "",
+    hotSearchConfig: {
+      hotList: [],
+      latestList: [],
+      isRequest: false,
+      isclose: true
+    },
+    searchShowHotList: false.valueOf,
+    optionsRequestSource: {} as any,
+    loadDataPrimary_key: null as any,
+    dropdownHide: false,
+    noAllow_check_mid_level: false,
+    Choose_to_complete: false
+  })
+
+  const setCurOptions = (options: any[]) => {
+    return options.map((v: any, i: number) => {
+      return {
+        ...v,
+        value: `${v[props.item.wordbook.value_key]}>>>${v['myUniqueKey']}`,
+        label: hanlderGetSearchLabel(props.item, v),
+        disabled: i === 0 && props.item.wordbook.render_key && props.item.wordbook.render_key.length > 1,
+        index: i
+      }
+    })
+  }
+  /**
+     * 检索的默认参数
+     * @param keyword 检索关键字
+     * @param itemData 表单配置项
+     */
+  const getSearchDefParams = (keyword: string, itemData: any = {}, other: any = {}) => {
+    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;
+      state.searchPageConfig.isFetching = true;
+    }
+    return params;
+  }
+  const handleQueryParams = (formData: any, queryParams: any) => {
+    let tempFormData = {};
+    if (queryParams.length) {
+      queryParams.forEach((v: any) => {
+        if (v in formData) {
+          tempFormData[v] = formData[v];
+        }
+      });
+    }
+    return tempFormData;
+  }
+  const handleRequestedUniqueKey = (id: string) => {
+    const starTiem = +new Date();
+
+    const getUniqueKey = (resolve: Function, reject: Function) => {
+      setTimeout(() => {
+        const res = props.cacheUniqueKey?.[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);
+    });
+  }
+  // 取消请求 handleRequestedOptions
+  const cancelOptionsRequest = () => {
+    if (state.optionsRequestSource && typeof state.optionsRequestSource.cancel === "function") {
+      // 取消请求
+      state.optionsRequestSource.cancel("请求已取消！");
+      state.optionsRequestSource = null;
+    }
+  }
+  /**
+     * 检索框切换分页，滚动条置顶
+     */
+  const handleSearchScrollTop = (item: any) => {
+    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");
+    }
+  }
+  const hanldeRemoveDuplicates = (list = [], config: any = {}) => {
+    if (!Array.isArray(list)) return [];
+    const { key } = config;
+    let obj: any = {};
+    if (!key) return list;
+
+    let resList = list.reduce((cur, next) => {
+      obj[next[key]] ? "" : (obj[next[key]] = true && cur.push(next));
+      return cur;
+    }, []);
+
+    return [...resList];
+  }
+  const hanldeGetCascadelabel = (v = [], k = {}) => {
+    if (Array.isArray(v) && v.length) {
+      const l: string[] = [];
+      v.forEach(i => {
+        l.push(k[i]);
+      });
+      return l.join("_");
+    }
+    return "";
+  }
+  // 处理级联数据
+  const handleFormCascade = (list = [], v: any = {}, level = 1) => {
+    list.forEach((item: any) => {
+      item.myLabel = 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 ? state.levelNum >= v.level_num : false;
+      } else {
+        if (level >= v.level_num) {
+          delete item.children;
+        }
+        if (item.children && item.children.length) {
+          handleFormCascade(item.children, v, level + 1);
+        }
+      }
+    });
+  }
+  const handleCalculateOptionsMaxWidth = () => {
+    if (!SELECT_LIST.includes(props.item?.html_type || undefined)) return;
+    nextTick(() => {
+      const $el = itemRef.value.$el
+      const offsetWidth = $el.offsetWidth;
+      let res = offsetWidth,
+        maxwith;
+      try {
+        let item = $el.querySelector(".ant-select");
+        const itemRect = item.getBoundingClientRect();
+        let baseDom = props.form.$el.querySelector(".base-form");
+        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);
+      state.optionsMaxWidth = `${res}px`;
+    });
+  }
+  const handlerSearchOnFocus = (item: any) => {
+    if (selectIsOpen.value) return;
+    let { queryParamsType, queryParams = [] } = item.wordbook || {};
+    // setTimeout(() => {
+    nextTick(() => {
+      // this.selsectVisible = true;
+      let formData = editFormState.editForm;
+      let params = formData;
+      if (queryParamsType == 1) {
+        params = handleQueryParams(formData, queryParams);
+      }
+      // 弹窗列表选项事件推出
+      emit("opentableSelect", true, props.item, params);
+    });
+    // }, 300);
+  }
+  const handleCascaderTracher = () =>{
+    if (!state.Choose_to_complete) return;
+    const CASCADELIST = ["LEVEL_SEARCH_CASCADE", "SEARCH_CASCADE"];
+    nextTick(() => {
+      if (!CASCADELIST.includes(props.item.html_type)) return;
+      if (Array.isArray(state.selectedOptions) && state.selectedOptions.length > 0) {
+        let val = editFormState.editForm[props.item.val_key];
+        let keyword = "";
+        if (vexutils.isJSON(val)) {
+          keyword = JSON.parse(val)?.objStr || "";
+        }
+        if (!keyword) return;
+        // this.handleSearchTracher(item, {
+        //   select: val,
+        //   keyword: keyword
+        // });
+      }
+    });
+    state.Choose_to_complete = false;
+  }
+  const handlerDropdownVisibleChange = (show: boolean, data : any) => {
+    const searchList = ["SEARCH_MORE", "SEARCH"];
+    if (show) {
+      handleCalculateOptionsMaxWidth();
+    }
+
+    let isRequest = true;
+
+    if (state.optionsMaxWidth === "100%") {
+      // 100% 是默认值，如果已经计算过了，不用再算
+      handleCalculateOptionsMaxWidth();
+    }
+    state.dropdownHide = !show;
+    if (Object.keys(data || {}).length > 0) {
+      const searchList = ["SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
+      if (searchList.includes(data.html_type)) {
+        isRequest = !(state.curOptions && state.curOptions.length);
+      }
+      if (show && ["SEARCH_MORE", "SEARCH"].includes(data.html_type)) {
+        handlerSearchOnFocus(data);
+      }
+      if (show && isRequest) {
+        handleRequestedOptions(data);
+      }
+      if (!show && state.noAllow_check_mid_level && searchList.includes(data.html_type)) {
+        setTimeout(() => {
+          data['useFormValue'] = null
+        }, 16);
+      }
+    }
+
+    if (!show) {
+      // 弹窗关闭才收集级联“常用”值，避免还没选完重复提交。
+      handleCascaderTracher();
+      setTimeout(() => {
+        state.searchPageConfig.keyword = undefined;
+      }, 300);
+    }
+  }
+  /* 解析下拉选择接口返回字段 */
+  const formatField = (value: string | any) => {
+    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 "";
+    }
+  }
+  /* 解析下拉选择接口返回字段 直接改变原有的 */
+  const formatFieldValue = (value: string | any) => {
+    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 "";
+    }
+  }
+  /**
+     * 检索请求去重，自定义处理
+     * @param rows list
+     * @param itemData 表单配置项
+     * @param uniqueConfig 唯一标识配置
+     */
+  const handleRowUnique = (rows: any[], itemData: any, uniqueConfig: any = {}) => {
+    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: string) => {
+          cur.showLabel += `≌${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] = formatFieldValue(cur[t])));
+      }
+      return acc.some((v: any) => {
+        return (
+          `${v[wordbook.value_key]}-${v[myUniqueKey]}` ==
+          `${cur[wordbook.value_key]}-${cur[myUniqueKey]}`
+        );
+      })
+        ? acc
+        : [...acc, cur];
+    }, []);
+  }
+  // 下拉搜索框获取字段title
+  const getTitleHeader = (fieldList: any[], renderKey: any) => {
+    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;
+  }
+  // 搜索框选中
+  const handleSearchSelect = (value: string, option: any, type: string, eventConfig: any) => {
+    const setList = option?.bindEventSetting || [];
+    const isInit = "init" === eventConfig?.eventType;
+    const formData = editFormState.editForm;
+    // 如果有绑定事件，先触发绑定的事件。
+    try {
+      if (Array.isArray(setList)) {
+        handlerInputBlur(option, null, "blur", eventConfig);
+      }
+    } catch (err) {
+      console.log(err);
+    }
+    // hasOwnProperty
+    const searchOption = state.curOptions;
+    // 当前选中的对象
+    let selectItem: any = searchOption.find(
+      ele => `${ele[option.wordbook.value_key]}>>>${ele["myUniqueKey"]}` === value
+    );
+    // 标识是自由输入的值
+    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;
+        }
+      });
+    }
+  }
+  const multipleSelect = (e: any, item: any) => {
+    const valKey = item.wordbook.value_key;
+    const selectList: any[] = state.selectedOptions || [];
+    const isSelect = selectList.some(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
+    let selectItem = {};
+    if (!isSelect) {
+      const fdItem = state.curOptions.find(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key) || {};
+      selectList.push({ ...fdItem });
+      selectItem = fdItem;
+    }
+    state.selectedOptions = [...selectList];
+    emit("valueOnChange", [...selectList], item);
+    // this.hanlderSendSelectLog(item, selectItem);
+    handlerInputBlur(item, null, 'blur');
+  }
+  const multipleDeselect = (e: any, item: any) => {
+    const valKey = item.wordbook.value_key;
+    const selectList = state.selectedOptions || [];
+    const fnIndex = selectList.findIndex(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
+    if (fnIndex != -1) {
+      selectList.splice(fnIndex, 1);
+    }
+    state.selectedOptions = [...selectList];
+    emit("valueOnChange", [...selectList], item);
+  }
+  const searchMoreOnChange = (value: any, item: any) => {
+    // 此处是否需要添加ant 中的select事件和deselect事件
+    // if (value?.length) {
+    //   multipleSelect(value[value.length - 1], props.item) // 或者执行multipleDeselect()
+    // }
+    // 标识用户有修改该值。
+    editFormState.formType[item.val_key].isOnchange = "00";
+    if (!value || value.length === 0) {
+      emit("valueOnChange", [], item);
+    }
+
+    // 通讯事件
+    // this.mainForm.formfieldOnChange(this.item);
+  }
+  /**
+     * 检索默认值处理
+     * @param defFalg 是否默认值处理
+     * @param rowData 请求数据
+     * @param itemData 表单配置项
+     * @param uniqueConfig 唯一标识配置
+     */
+  const handleGetSearchDefVal = (defFalg: boolean, rowData: any[], itemData: any, uniqueConfig: any = {}) => {
+    const { is_plugin_set, keyword } = uniqueConfig;
+    const { wordbook, html_type, val_key, default_val, name } = itemData;
+    let defVal = props.defaultValue[name] || handleSysParams(default_val || "", paramsObj);
+    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"]}`;
+          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) {
+          hanldeSetFieldsValue(
+            {
+              [itemData.val_key]: itemKkey
+            },
+            itemData,
+            props
+          );
+        } else {
+          itemData['useFormValue'] = undefined
+        }
+      } else if (html_type == "SEARCH_MORE") {
+        itemKkey.replace(">>>", "-");
+        hanldeSetFieldsValue(
+          {
+            [itemData.val_key]: [
+              {
+                key: itemKkey,
+                label: defItem["showLabel"] || defItem[wordbook.value_key]
+              }
+            ]
+          },
+          itemData,
+          props
+        );
+        multipleSelect(
+          {
+            key: itemKkey,
+            label: defItem["showLabel"] || defItem[wordbook.value_key]
+          },
+          itemData
+        );
+      }
+    } else if (defFalg) {
+      if (html_type == "SEARCH") {
+        // bugfix:14178
+        hanldeSetFieldsValue(
+          {
+            [itemData.val_key]: undefined
+          },
+          itemData,
+          props
+        );
+      }
+    }
+  }
+  const handleFreeEntry = (option: 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) {
+      state.curOptions = [];
+      if (hasRenderKey) {
+        rowData.unshift({
+          showLabel: getTitleHeader(fieldList, wordbook.render_key),
+          myUniqueKey: Math.random()
+        });
+      }
+    }
+    hasRenderKey ? rowData.splice(1, 0, data) : rowData.unshift(data);
+    state.curOptions = setCurOptions(rowData);
+  }
+  // 请求下拉框的数据
+  const handleRequestedOptions = async (
+    itemData: any = {},
+    keyword: string = '',
+    defFalg = false,
+    otherConfig: any = {}
+  ) => {
+    const closeLoading = () => {
+      state.fetching = false;
+      state.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 = getSearchDefParams(keyword, itemData, otherConfig);
+
+      let formData = editFormState.editForm;
+
+      let queryArr = [
+        "SEARCH",
+        "SEARCH_MORE",
+        "SEARCH_CASCADE",
+        "LEVEL_SEARCH_CASCADE",
+        "LEVEL_SEARCH_CASCADE2"
+      ];
+      if (queryArr.includes(html_type) && queryParamsType == 1) {
+        let tempFormData = 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)
+        });
+      }
+      state.cacheReqOptionsParams = JSON.stringify(params);
+      let reqUniqueKey: any;
+      let myUniqueKey: string | undefined = "theUniqueKey";
+      if (NOWORDBOOK) {
+        reqUniqueKey = await handleRequestedUniqueKey(wordbook.id);
+        myUniqueKey = reqUniqueKey || undefined;
+      }
+      // 多选检索框避免重复选中 "theUniqueKey" 这个值，每次请求返回来都不一样。
+      if (html_type == "SEARCH_MORE" && myUniqueKey == "theUniqueKey") {
+        myUniqueKey = undefined;
+      }
+      editFormState.formType[val_key].wordbook &&
+        (editFormState.formType[val_key].wordbook.myUniqueLabel = myUniqueKey);
+      state.fetching = true;
+      if (!html_type.includes("SEARCH_CASCADE")) {
+        cancelOptionsRequest();
+      }
+      state.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 });
+      return axios
+        .post(`/tableReader/getWordbookData`, qs.stringify(params), {
+          cancelToken: state.optionsRequestSource.token
+        })
+        .then(({ data }) => {
+          if (otherConfig.page) {
+            handleSearchScrollTop(itemData);
+          }
+          state.optionsRequestSource = null;
+          state.fetching = false;
+          if (data.result === "SUCCESS") {
+            state.searchAddObj[`${itemData.val_key}_${itemData.name}`] = true;
+            let { rows, fieldList, page, total } = data.map;
+            state.searchPageConfig = Object.assign(state.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) {
+                state.levelNum = defFalg ? 1 : state.levelNum;
+              }
+              rows = hanldeRemoveDuplicates(rows, {
+                key: wordbook.value_key
+              });
+              handleFormCascade(rows, wordbook);
+              rowData = rows;
+            } else {
+              // 去重
+              rowData = 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: 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") {
+                state.curOptions = setCurOptions(rowData);
+              } else {
+                (defFalg || !state.loadDataPrimary_key) && (state.curOptions = setCurOptions(rowData));
+              }
+            }
+            // 默认值处理
+            handleGetSearchDefVal(defFalg, rowData, itemData, {
+              myUniqueKey: myUniqueKey,
+              reqUniqueKey: reqUniqueKey,
+              keyword: keyword,
+              ...otherConfig
+            });
+
+            // 自由输入
+            if (!defFalg && html_type == "SEARCH" && keyword && free_entry == "1") {
+              handleFreeEntry({
+                rowData,
+                keyword,
+                wordbook,
+                fieldList,
+                myUniqueKey
+              });
+            }
+
+            return rowData;
+          }
+          return [];
+        })
+        .catch(err => {
+          console.log(err);
+        })
+        .finally(() => {
+          closeLoading();
+        });
+    } catch (error) {
+      closeLoading();
+      console.log(error);
+    }
+  }
+  const hanlderGetSearchLabel = (config: any, v: any) => {
+    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: string) => {
+        showLabel += ` ${formatField(v[s])}`;
+      });
+      return showLabel;
+    }
+    return v[wordbook.value_key];
+  }
+  const dealDictionatySearch = (val: string) => {
+    state.curOptions = state.curOptions.filter(i => {
+      return i.showLabel.includes(val);
+    });
+  }
+  // 下拉框搜索输入关键字后
+  const handleMultipleSearch = (val: string, itemData: any) => {
+    clearTimeout(state.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) {
+      dealDictionatySearch(val);
+      return;
+    }
+    state.searchPageConfig.keyword = val || undefined;
+    if (state.dropdownHide && !val) return;
+    state.timeout = setTimeout(() => {
+      handleRequestedOptions(itemData, val);
+    }, 200);
+  }
+  const hanldeInitSearchMoreVal = async (i: any, v?: any) => {
+    try {
+      const item = i;
+      let n;
+      if (v) {
+        n = v;
+      } else {
+        n = props.defaultValue[item.name] || item.default_val;
+      }
+      if (n) {
+        if (typeof n === "string") {
+          n = handleSysParams(n, paramsObj);
+        }
+        n = handleGetJsonStr(n) || {};
+        let NOWORDBOOK = item.wordbook.type != "WORDBOOK";
+        if (n && n.objs && n.objs.length) {
+          let curUniqueLabel: any;
+          if (NOWORDBOOK) {
+            curUniqueLabel = await handleRequestedUniqueKey(item.wordbook.id);
+          }
+
+          curUniqueLabel = curUniqueLabel || undefined;
+          let defList: any[] = [];
+          const defOptions: any[] = [];
+          // `${v[item.wordbook.value_key]}-${v['myUniqueKey']}`
+          let l: string[] = [],
+            objs: any[] = [];
+          let objStr =
+            typeof n.objStr === "string" ? [...new Set(n.objStr.split(","))].join(",") : n.objStr;
+          n.objs.forEach((f: any) => {
+            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: 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)) {
+            editFormState.formType[item.val_key].filtration_val = JSON.stringify({
+              objStr,
+              objs
+            });
+          }
+          item.defOptions = defOptions;
+          // console.log(defOptions, "--defOptions");
+          if (defOptions && defOptions.length) {
+            state.curOptions = setCurOptions([...defOptions]);
+            state.selectedOptions = [...(defOptions || [])];
+          }
+          defList = vexutils.uniqArrObj(defList, "key");
+          state.defList = defList;
+          item['useFormValue'] = defList
+          emit("valueOnChange", [...defOptions], props.item);
+          // console.log(this.defList, "---defList");
+        } else {
+          props.defaultValue[item.name] = [];
+        }
+      } else {
+        props.defaultValue[item.name] = [];
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  }
+  const init = () => {
+    const {
+      validate = {},
+      html_type = undefined,
+      name,
+      default_val,
+      show_type = undefined,
+      guage_num = undefined
+    } = props.item;
+    let targetStr = props.defaultValue[name] || default_val;
+    targetStr = handleSysParams(targetStr, paramsObj);
+    if (html_type == "SEARCH") {
+      if (targetStr) {
+        nextTick(() => {
+          handleRequestedOptions(props.item, targetStr, true);
+        });
+      }
+    } else if (html_type == "SEARCH_MORE") {
+      hanldeInitSearchMoreVal(props.item);
+    }
+
+    state.cacheReqOptionsParams = "";
+    // this.getHotSearchConfig();
+  }
+
+  onMounted(() => {
+    init()
+  })
+
+  return {
+    state,
+    selectIsOpen,
+    handleMultipleSearch,
+    handlerDropdownVisibleChange,
+    handleSearchSelect,
+    searchMoreOnChange
+  }
+}