cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/table-filter/src/components/search-condition/SearchCondition.vue

@@ -1,1819 +0,0 @@
-<template>
-  <div :class="['SearchCondition-page', is_search_professional ? '_c_com-search-professional' : '']">
-    <div class="inner-content">
-      <div class="item-name" v-if="showItemName">
-        <span class="label">筛选分类名称：</span>
-        <!-- 1.1.6.6请输入分类名称 -->
-        <a-input v-model="className" :placeholder="'请输入分类名称'" style="width: 250px" :maxLength="10" />
-      </div>
-      <div class="parent-names" v-if="showItemName">
-        <!-- 1.9.362父类名称 -->
-        <span class="label">{{ '父类名称' }}：</span>
-        <div
-          class="edit-tag"
-          v-for="(item, index) in parentNames"
-          :key="index"
-          @dblclick="e => editParentName(e, item)"
-          @click="handleParentNameSelect(item, index)"
-          :class="{ 'edit-tag-select': item.selected && item.disabled }"
-        >
-          <a-input style="width: 100px" :value="item" :disabled="item.disabled" @blur="() => (item.disabled = true)" v-model="item.value" :maxLength="10" />
-          <a-icon slot="suffix" type="close" @click="handleParentNamesRemove(index, item)" />
-        </div>
-        <template v-if="!parentNamesHasAdd">
-          <a-button v-show="!showAdd" icon="plus" type="dashed" @click="handleParentNamesAdd">
-            <!-- 1.9.363添加父类 -->
-            {{ '添加父类' }}
-          </a-button>
-          <a-input class="edit-tag" v-model.trim="addVal" v-show="showAdd" style="width: 100px" @blur="hanldeBlur" :maxLength="10" />
-        </template>
-      </div>
-      <div class="item-name" v-if="classify === 'custom' && !homeManage && !hideAddBtn">
-        <span class="label" v-if="!isOnlyCondition"> 过滤条件： </span>
-        <span @click="addAction" style="cursor: pointer">
-          <a-icon type="plus-circle" class="blue" theme="filled" />
-          <span>{{ isOnlyCondition ? '添加操作' : '添加' }}</span>
-        </span>
-      </div>
-      <!-- 首页管理过滤条件支持选择分类 -->
-      <div class="item-name" v-if="homeManage">
-        <span class="label">选择筛选分类：</span>
-        <a-select v-model="classify" style="width: 250px">
-          <a-select-option :value="item.sid" v-for="item in classifyList" :key="item.sid">
-            {{ item.name }}
-          </a-select-option>
-          <a-select-option value="custom"> 自定义 </a-select-option>
-        </a-select>
-      </div>
-      <div class="item-name" v-if="classify === 'custom' && homeManage">
-        <span class="label"> 过滤条件： </span>
-        <span @click="addAction" style="cursor: pointer">
-          <a-icon type="plus-circle" class="blue" theme="filled" />
-          <span>添加</span>
-        </span>
-      </div>
-      <ul class="item-list" v-if="classify === 'custom'" :class="{ 'list-onlyCondition': isOnlyCondition }">
-        <li v-for="(item, index) in actionList" :key="index">
-          <span class="index-span">{{ index + 1 }}&nbsp;&nbsp;&nbsp;</span>
-          <!-- 选择 field_key -->
-          <a-select
-            class="form-item select-front-item"
-            placeholder="请选择"
-            allowClear
-            v-model="item.field_key"
-            :disabled="item.isIllegalField"
-            showSearch
-            :filterOption="filterOption"
-            @select="changeColumnName($event, item)"
-            @change="(...arg) => fieldselectONchange(item, 'changeColumnName', ...arg)"
-            :dropdownMatchSelectWidth="false"
-          >
-            <a-select-option v-for="sea in item.searchList" :key="isBI ? sea.fieldId : sea.sid" :value="isBI ? sea.fieldId : sea.columnName" :title="sea.title || sea.columnName">{{
-              handleName(sea)
-            }}</a-select-option>
-          </a-select>
-          <!-- 选择 关系 -->
-          <!-- 1.1.6.7请选择 -->
-          <!-- 1.1.6.11暂无数据 -->
-          <a-select
-            v-model="item.con"
-            showSearch
-            :dropdownMatchSelectWidth="false"
-            :filterOption="filterOption"
-            :placeholder="'请选择'"
-            class="form-item select-front-item"
-            allowClear
-            @select="selectChild($event, item)"
-            @change="(...arg) => fieldselectONchange(item, 'selectChild', ...arg)"
-            :disabled="item.isIllegalField"
-            :notFoundContent="fetching ? undefined : '暂无数据'"
-          >
-            <a-select-option v-for="child in item.searchChildList" :key="child.name" :value="child.name" :title="child.desc">{{ child.desc }}</a-select-option>
-          </a-select>
-
-          <!-- 下拉框展示本列表相同数据类型 -->
-          <a-select
-            class="form-item"
-            @select="compare_fieldOnChange($event, item)"
-            v-show="visibleCompareField(item)"
-            v-model="item.compare_field"
-            showSearch
-            :filterOption="filterOption"
-            style="width: 120px"
-          >
-            <a-select-option v-for="date in item.selectList" :key="date.value" :value="date.value" :title="date.name">{{ date.name }}</a-select-option>
-          </a-select>
-
-          <div class="in-block def_item_input" :class="[item.showSelect ? 'show-small-select' : '']" v-show="visibleDefaultField(item)">
-            <!-- 展示 -->
-            <span v-show="item.showInput" class="val-input-wrap">
-              <!-- 增加 showInput 插槽 支持自定义showInput 内容 -->
-              <slot name="showInput" :item="item">
-                <a-input-number :disabled="item.isIllegalField" v-if="showPercent(item)" class="CL-input" style="width: 200px" v-model="item.value" :min="0" :max="100" />
-                <a-input v-else v-model="item.value" :disabled="item.isIllegalField" class="form-item" />
-              </slot>
-            </span>
-            <a-select
-              class="val-select-wrap"
-              v-if="item.showSearch"
-              v-model="item.wordValue"
-              :disabled="item.isIllegalField"
-              mode="multiple"
-              :tokenSeparators="['|#|']"
-              style="width: 160px"
-              :filter-option="false"
-              @dropdownVisibleChange="dropdownVisibleChange($event, item)"
-              @search="e => handleSearch(e, item)"
-              @select="handleSelect($event, item)"
-              @deselect="handleDeSelect($event, item)"
-            >
-              <a-select-option v-for="sea in item.wordbookData" :key="item.sid + sea.myName" :value="sea.myName">
-                {{ sea.showKeys || sea.myName }}
-              </a-select-option>
-            </a-select>
-
-            <a-select v-show="item.showSelect" class="val-small-select-wrap" v-model="item.unit" showSearch :filterOption="filterOption" :disabled="item.isIllegalField" style="width: 66px">
-              <a-select-option v-for="date in item.dateList" :key="date.value" :value="date.value" :title="date.name">{{ date.name }}</a-select-option>
-            </a-select>
-
-            <div class="date-item val-date-wrap" v-if="item.showDate">
-              <a-date-picker
-                :disabledDate="disabledStartDate || item.isIllegalField"
-                format="YYYY-MM-DD"
-                v-model="item.start_val"
-                :placeholder="'请选择'"
-                @openChange="handleStartOpenChange($event, item)"
-                style="width: 120px"
-              />
-              <a-date-picker
-                :disabledDate="disabledEndDate || item.isIllegalField"
-                format="YYYY-MM-DD"
-                :placeholder="'请选择'"
-                v-model="item.end_val"
-                :open="item.endOpen"
-                @openChange="handleEndOpenChange($event, item)"
-                style="width: 120px"
-              />
-            </div>
-            <!-- 生日 -->
-            <div class="date-item birthday-item val-birthday-wrap" v-if="item.showBirthdayDate">
-              <div>
-                <a-range-picker v-model="item.limit_date" :disabledDate="disabledDate || item.isIllegalField" @change="changeRange($event, item)" format="MM-DD" style="width: 180px" />
-                <div class="age-wrap">
-                  <!-- 1.2.5.34年龄 -->
-                  <p>{{ '年龄' }}</p>
-                  <a-input :disabled="item.isIllegalField" style="width: 60px; margin-right: 10px" v-model="item.start_val" />
-                  <a-input :disabled="item.isIllegalField" style="width: 60px; margin-right: 10px" v-model="item.end_val" />
-                  <a-select :disabled="item.isIllegalField" v-model="item.unit" showSearch :filterOption="filterOption" defaultValue="YEAR" style="width: 60px">
-                    <a-select-option v-for="v in item.units" :key="v.con" :value="v.con">{{ v.title }}</a-select-option>
-                  </a-select>
-                </div>
-              </div>
-            </div>
-            <!-- 跨表 -->
-
-            <div class="relation-item" v-show="item.showRelation">
-              <a-select :disabled="item.isIllegalField" v-model="item.wordValue" showSearch :filterOption="filterOption" @select="handlerSelectRelation($event, item)" class="relation-width">
-                <a-select-option v-for="word in item.relationData" :key="word.id" :value="word.tableId">{{ word.tableName }}</a-select-option>
-              </a-select>
-              <!-- 关联值 -->
-              <a-input class="relation-width" disabled v-model="item.relationField" />
-              <span class="relation-width blue relation-btn" @click="openRelationFilter(item, index)">
-                <!-- 1.1.1.1.6点击设置过滤条件 -->
-                {{ '点击设置过滤条件' }}</span
-              >
-            </div>
-
-            <!-- 年龄 -->
-            <!-- TODO：样式 -->
-            <div v-if="item.showRangeAge" class="range-container val-range-wrap">
-              <rangeAge
-                :disabled="item.isIllegalField"
-                :format="item.format"
-                :defaultValue="{
-                  start_val: item.start_val,
-                  end_val: item.end_val
-                }"
-                @change="ageRangeOnChange($event, item)"
-              ></rangeAge>
-            </div>
-            <div v-if="item.showAgeCom" class="range-container val-age-wrap">
-              <age-com :disabled="item.isIllegalField" :format="item.format" @change="agecomOnChange($event, item)" :value="item.ageValue"></age-com>
-            </div>
-          </div>
-          <!--  -->
-          <span class="item-error" v-if="item.field_key && !searchListKey.includes(item.field_key)">检测到该筛选字段是非法无效的,请移除！</span>
-          <!-- 1.1.1.3.3删除 -->
-          <a-tooltip :title="'删除'" destroyTooltipOnHide>
-            <svg-icon v-if="!isSee" v-show="noShowListDelIcon" @click="softDel(index)" class-name="svg-icon-btn is-danger form-action" icon-class="xitongtubiaoliebiaocaozuoanniushanchushixin" />
-          </a-tooltip>
-        </li>
-      </ul>
-      <div v-if="classify === 'custom' && !isOnlyCondition">
-        <div style="margin-bottom: 6px" v-show="!is_search_professional">
-          <!-- 筛选器逻辑编辑，不设置默认为AND1.2.4.9 -->
-          {{ '筛选器逻辑编辑，不设置默认为AND' }} <br />
-          例子 (1 AND 2) OR 3
-        </div>
-        <div>
-          <!-- 没啥用撑布局而已 -->
-          <span v-if="is_search_professional" style="visibility: hidden;" class="index-span">{{ 1 }}&nbsp;&nbsp;&nbsp;</span>
-
-          <a-input
-            class="teavalue-wrap"
-            v-model="teaValue"
-            type="textarea"
-            :placeholder="is_search_professional ? '筛选条件表达式，不设置默认为AND，例子(1 AND 2) OR 3' : ''"
-            :rows="is_search_professional ? 1 : 3"
-          />
-        </div>
-      </div>
-    </div>
-    <SearchFilter
-      v-bind="$attrs"
-      :visible="relationVisible"
-      openType="relationTable"
-      @saveAdd="relationSave"
-      @cancelSaveAdd="relationCancel"
-      :actionList_prop="relationAction"
-      :searchFieldList="relationSearchFieldList"
-    />
-  </div>
-</template>
-
-<script>
-import moment from 'moment';
-import 'moment/locale/zh-cn';
-moment.locale('zh-cn');
-import rangeAge from '~/table-filter/src/components/range-age/index';
-import ageCom from '~/table-filter/src/components/age-com/index';
-import { Icon, Input, Button, InputNumber, Tooltip, Select, DatePicker, message } from 'ant-design-vue';
-import utils from '@/utils/utils-map';
-import FIELDTYPELIST from './fieldTypeList';
-import svgIcon from '@/component/svg/index.vue';
-import create from '@/core/create';
-import { filterApiFn } from '~/table-filter/src/mixins/mixins';
-export default create({
-  name: 'search-condition',
-  mixins: [filterApiFn],
-  props: {
-    isSee: Boolean,
-    visible: Boolean,
-    actionList_prop: Object,
-    searchFieldList: {
-      type: Array,
-      default: () => []
-    },
-    showItemName: {
-      default: true
-    },
-    saveEmpty: {
-      default: false
-    },
-    // 首页管理
-    homeManage: {
-      default: false
-    },
-    tableId: {
-      default: ''
-    },
-    isPersonalizedHome: {
-      default: false
-    },
-    conditionList: {
-      type: Array
-    },
-    source: {
-      type: String
-    },
-    isBI: {
-      default: false
-    },
-    // 自定义格式化 actionList 里的数据 (可搭配 slot插槽:showInput使用 )
-    formatActionData: {
-      type: Function,
-      default: v => v
-    },
-    isOnlyCondition: Boolean,
-    isCnHis: {
-      // 2021/5/25 257针对云his做修改 只过滤搜索为禁用的条件 fjj需求
-      type: Boolean,
-      default: false
-    },
-    isAdmin: {
-      type: Boolean,
-      default: false
-    },
-
-    // 是否展示 CompareField
-    showCompareField: {
-      type: Boolean,
-      default: false
-    },
-
-    hideAddBtn: {
-      type: Boolean,
-      default: false
-    },
-    openType: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      checkedItem: null,
-      actionList: [],
-      searchList: [],
-      searchChildList: [],
-      relationTableList: [], // 跨表
-      isRelationList: [], // 跨表字段
-      fieldTypeList: FIELDTYPELIST,
-      dateList: [
-        { name: '天', value: 'DAY' },
-        { name: '周', value: 'WEEK' },
-        { name: '月', value: 'MONTH' },
-        { name: '季度', value: 'QUARTER' },
-        { name: '年', value: 'YEAR' }
-      ],
-      dateTimeList: { name: '小时', value: 'HOUR' },
-      relationSelect: [
-        { desc: '存在跨表', name: 'QUOTE_IN' },
-        { desc: '不存在跨表', name: 'QUOTE_NOTIN' }
-      ],
-      rangeAgeOptions: [
-        { desc: '等于', name: 'IN' },
-        { desc: '大于', name: 'BIG' },
-        { desc: '大于等于', name: 'BIGEQ' },
-        { desc: '小于', name: 'LESS' },
-        { desc: '小于等于', name: 'LESSEQ' }
-      ],
-      start_val: null,
-      end_val: null,
-      className: '',
-      teaValue: '',
-      classifyId: '',
-      // 跨表过滤
-      relationVisible: false,
-      relationAction: {},
-      relationSearchFieldList: [],
-      clcikRelationIndex: undefined,
-      fetching: false,
-      birthdayUnits: [
-        { title: '天', units: 1, con: 'DAY' },
-        { title: '周', units: 2, con: 'WEEK' },
-        { title: '月', units: 1, con: 'MONTH' },
-        { title: '岁', units: 1, con: 'YEAR' }
-      ],
-      limit_date: '',
-      parentNames: [],
-      // searchSelect
-      searchItem: {},
-      curWordbookData: undefined,
-      curAutograph: '',
-      classify: 'custom',
-      classifyList: [],
-      addVal: '',
-      showAdd: false
-    };
-  },
-  computed: {
-    parentNamesHasAdd() {
-      return this.parentNames.some(v => v.isAdd);
-    },
-    showPercent() {
-      return function(item) {
-        return item.settingObj?.attr === 'PERCENTAGE' || false;
-      };
-    },
-
-    searchListKey() {
-      let res = [];
-      this.searchList.forEach(v => {
-        v.fieldId && res.push(v.fieldId);
-        v.columnName && res.push(v.columnName);
-      });
-      return res;
-    },
-    // TODO:
-    isOrgAdmin() {
-      return this.isAdmin;
-    },
-    handleName() {
-      return function(item, key = 'title') {
-        let useKey = key;
-        if (this.isBI) {
-          useKey = 'remark';
-        }
-        return item.alias || item[useKey];
-      };
-    },
-
-    is_search_professional() {
-      return this.source == 'search-professional';
-    },
-
-    // 筛选分类“专业模式” 只有一条筛选数据，不可以删除。
-    noShowListDelIcon() {
-      let len = this?.actionList?.length || 0;
-      return !(len === 1 && this.source == 'search-professional');
-    }
-  },
-  // created() {
-  //   this.init();
-  // },
-  beforeCreate() {
-    this.$options.components.SearchFilter = require('../search-filter/SearchFilter.vue').default;
-  },
-  components: {
-    rangeAge,
-    ageCom,
-    [Icon.name]: Icon,
-    [Input.name]: Input,
-    [InputNumber.name]: InputNumber,
-    [Button.name]: Button,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Tooltip.name]: Tooltip,
-    [DatePicker.name]: DatePicker,
-    [DatePicker.RangePicker.name]: DatePicker.RangePicker,
-    svgIcon
-  },
-  watch: {
-    searchFieldList: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && val.length > 0) {
-          // 专业模式，刷新字段，不刷新设置的条件
-          if (this.is_search_professional && this.initConditionsed) {
-            return;
-          }
-          this.handleInitConditions();
-        }
-      }
-    }
-  },
-  methods: {
-    handleInitConditions() {
-      if (this.homeManage) {
-        this.getClassifyList();
-        this.classify = this.actionList_prop.displayCategory || 'custom';
-        if (this.actionList_prop.displayCategory) {
-          this.actionList_prop.conObj = [];
-          this.actionList_prop.preSqlExpression = '';
-        }
-      }
-      let { relationTableList = [] } = this.$attrs;
-      this.relationTableList = this.openType === 'relationTable' ? [] : relationTableList;
-      this.init();
-      this.backShow(this.actionList_prop);
-      this.showItemName && this.getParentNames();
-      this.initConditionsed = true;
-    },
-    async getClassifyList() {
-      let params = { tableId: this.tableId };
-      let res = await this.handleGetConfigApi(params, 'requestGetTableCondiTionList');
-      if (res.status) {
-        this.$emit('setConditionMap', res.data);
-        this.classifyList = res?.data?.conditionList || [];
-      }
-    },
-    getParentNames() {
-      let parentNames = [];
-      let displayCategoryList = this?.$attrs?.displayCategoryList || [];
-      displayCategoryList.forEach(item => {
-        if (item !== '未分类') {
-          parentNames.push({
-            disabled: true,
-            selected: item === this.actionList_prop.displayCategory,
-            value: item
-          });
-        }
-      });
-      this.parentNames = parentNames;
-    },
-    init(config = {}) {
-      let mySearchFieldList = JSON.parse(JSON.stringify(this.searchFieldList)).filter(i => i.columnName !== 'operatorColumn' && i.isMerge != 1);
-      if (mySearchFieldList && mySearchFieldList.length > 0) {
-        if (this.isPersonalizedHome) {
-          this.searchList = mySearchFieldList;
-        } else {
-          let searchList = mySearchFieldList
-            .map(item => {
-              let { settingObj = {} } = item;
-              let notParticipatingSearch = false;
-              if ('notParticipatingSearch' in settingObj) {
-                notParticipatingSearch = settingObj.notParticipatingSearch != 1;
-              } else {
-                notParticipatingSearch = true;
-              }
-              const flag = this.isCnHis ? true : item.isSearch == 1 || item.isShowSearch == 1;
-              if (flag && notParticipatingSearch) {
-                return item;
-              }
-              return null;
-            })
-            .filter(Boolean);
-          this.searchList = searchList;
-        }
-
-        if (this.searchList.length === 0) {
-          return;
-        }
-
-        this.fieldTypeList.some(item => {
-          if (this.searchList[0].fieldType == item.name) {
-            this.$set(this, 'searchChildList', item.conList);
-            return true;
-          }
-        });
-        this.isRelationList = this.relationTableList.map(item => item.primaryField);
-        this.actionList = [];
-        this.className = '';
-        this.teaValue = '';
-
-        let isInitNoAdd = 'initNoAdd' == config?.type || '';
-
-        if (isInitNoAdd) return;
-
-        this.addAction();
-      }
-    },
-    // 回显
-    backShow(val) {
-      if (!val || !Object.keys(val || {}).length) return;
-      let obj = val;
-      // 自定义菜单中 过滤 条件回显
-      if (this.source === 'customMenuForm' && val.setting && utils.isJSON(val.setting)) {
-        obj = JSON.parse(val.setting) || {};
-      }
-      if (!Object.keys(obj || {}).length) return;
-      let relationFieldList = [];
-      // this.className = obj.from == "edit" ? obj.name : "";
-      this.className = obj.name;
-      this.classifyId = obj.from == 'edit' ? obj.sid : '';
-      this.teaValue = obj.sqlExpression;
-      if (obj.conObj && !utils.isArray(obj.conObj)) {
-        obj.conObj = JSON.parse(obj.conObj);
-      }
-      if (!obj.conObj || !obj.conObj.length) return;
-      this.actionList = obj.conObj.map(item => {
-        let curSet = this.searchList.find(v => (this.isBI ? v.fieldId : v.columnName) == item.field_key);
-        if (curSet) {
-          item.settingObj = curSet.settingObj;
-        }
-        if (item.con == 'CONVERT') {
-          item.wordValue = item.value;
-        } else if (item.con == 'QUOTE' || item.con == 'QUOTE_NOT') {
-          item.wordValue = item.value.split('|#|');
-        } else if (this.isRelationList.includes(item.field_key)) {
-          item.wordValue = item.tableId;
-          let curItem = this.relationTableList.find(v => v.tableId === item.tableId);
-          if (curItem) {
-            item.relationField = curItem.relationField;
-            relationFieldList = JSON.parse(JSON.stringify(curItem.fieldList.fieldList) || []);
-          }
-        }
-        let start_val = '';
-        let end_val = '';
-        let limit_date = [];
-        let ageValue = {};
-        if (item?.settingObj?.attr === 'PERCENTAGE') {
-          if (item.value) {
-            item.value = Number(item.value) * 100;
-          }
-        } else if (item && item.settingObj && item.settingObj.attr == 'BIRTHDAY') {
-          start_val = item.start_val ? item.start_val : '';
-          end_val = item.end_val ? item.end_val : '';
-          if (item.limit_date) {
-            let limitString = item.limit_date;
-            if (Array.isArray(item.limit_date)) {
-              let res = [];
-              if (item.limit_date.length > 0) {
-                item.limit_date.forEach(v => {
-                  v._d && res.push(utils.formatTime('MOUTH', v._d));
-                });
-              }
-              if (res.length > 0) {
-                item.curlimit_date = res.join('~');
-              }
-            } else if (utils.isString(limitString)) {
-              let temp = [];
-              item.curlimit_date = limitString;
-              if (utils.isString(limitString)) {
-                let res = limitString.split('~');
-                if (res.length > 0) {
-                  for (let i = 0; i < res.length; i++) {
-                    temp.push(moment(res[i], 'MM-DD'));
-                  }
-                  limit_date = temp;
-                }
-              }
-            }
-          }
-        } else if (item && item.settingObj && item.settingObj.attr == 'AGE') {
-          this.$set(item, 'AGEAttr', true);
-          start_val = item.start_val;
-          end_val = item.end_val;
-          ageValue = this.diffTime(item.value);
-          // searchChildList
-          // 大于（BIG），小于 LESS，大于等于BIGEQ，小于等于LESSEQ，等于（IN）
-        } else {
-          start_val = item.start_val ? moment(item.start_val, 'YYYY-MM-DD') : '';
-          end_val = item.end_val ? moment(item.end_val, 'YYYY-MM-DD') : '';
-          item.curlimit_date = '';
-        }
-
-        item.fieldType = item.fieldType || curSet?.fieldType;
-
-        // 是否是自定义输入
-        if (item.is_compare_field && this.showCompareField) {
-          this.handleSetSelectList(item);
-        }
-        return {
-          field_key: item.field_key,
-          fieldId: item.field_key,
-          fieldType: item.fieldType, // 字段类型
-          con: item.con,
-          unit: item.unit,
-          start_val: start_val,
-          end_val: end_val,
-          limit_date: limit_date,
-          curlimit_date: item.curlimit_date ? item.curlimit_date : '',
-          searchList: this.searchList,
-          searchChildList: this.searchChildList,
-          dateList: this.dateList,
-          wordValue: item.wordValue,
-          word: item.wordValue,
-          value: utils.isString(item.value) ? item.value : JSON.stringify(item.value),
-          relationData: this.isRelationList.includes(item.field_key) ? [...this.relationTableList] : [],
-          relationField: item.valueField || '',
-          relationFieldList: relationFieldList || [],
-          quote_con: item.quote_con || {},
-          ageValue: ageValue || {},
-
-          converFun: item.converFun || undefined,
-          parameterConversionId: item.parameterConversionId || undefined,
-          relationOrgId: item.relationOrgId || undefined,
-          preConObj: item.preConObj || undefined,
-          preSqlExpression: item.preSqlExpression || undefined,
-          isIllegalField: this.isSee || (item.field_key && !this.searchListKey.includes(item.field_key)), // 非法字段
-          wordbookValueList: item.wordbookValueList || [],
-          wordbookData: [],
-
-          is_compare_field: item.is_compare_field || false,
-          selectList: item.selectList || [],
-          customInput: false, // 自定义输入
-          compare_field: item.compare_field // 选择的值
-        };
-      });
-      this.actionList.forEach(item => {
-        this.formatData(item.field_key, item);
-        this.selectChild(item.con, item, true, { is_compare_field: item.is_compare_field });
-      });
-    },
-    // 保存列表搜索分类
-    saveAdd() {
-      // 首页配置支持筛选分类
-      if (this.homeManage && this.classify !== 'custom') {
-        let classify = this.classifyList.find(item => item.sid === this.classify);
-        let setting = {
-          displayCategory: classify.sid,
-          name: classify.name,
-          sqlExpression: classify.sqlExpression,
-          conObj: classify.conObj
-        };
-        let params = {
-          id: classify.sid,
-          tableId: this.tableId,
-          setting: JSON.stringify(setting)
-        };
-        this.$emit('saveAdd', params);
-        return;
-      }
-      if (this.homeManage && this.classify == 'custom') {
-        this.actionList_prop.displayCategory = '';
-        this.actionList_prop.name = '';
-      }
-      if (!this.className && this.showItemName) {
-        // 1.1.7.3请输入搜索分类名称
-        this.$message.warn(`请输入搜索分类名称!`, 2);
-        return;
-      }
-      if (this.actionList && this.actionList.length > 0) {
-        let conObj = this.getConditions();
-
-        if (!conObj) {
-          return;
-        }
-
-        if (this.isOnlyCondition) {
-          this.$emit('saveAdd', conObj);
-          return;
-        }
-        let displayCategory = this.parentNames.filter(item => item.selected)[0]?.value;
-        let setting = {
-          displayCategory,
-          name: this.className, // 自定义名称
-          sqlExpression: this.teaValue, // 文本域
-          conObj
-        };
-        let params = {
-          id: this.classifyId,
-          tableId: this.tableId,
-          setting: JSON.stringify(setting)
-        };
-        if (conObj.some(v => !v.con)) {
-          return this.$message.warn('请完善筛选条件');
-        }
-        this.$emit('saveAdd', params);
-        const { isInSearch } = this?.$attrs || {};
-        // isInSearch =  true,等待接口 /tableList/saveTableCondiTion 请求完成 再关闭弹窗。
-        if (!isInSearch) {
-          this.cancelSaveAdd(false);
-        }
-      } else {
-        if (!this.saveEmpty) {
-          // 1.1.6.18请设置搜索条件
-          return this.$message.warn(`请设置搜索条件`, 2);
-        }
-        this.$emit('saveAdd', {
-          setting: '{}'
-        });
-        this.cancelSaveAdd();
-      }
-    },
-    getSqlExpression() {
-      return this.teaValue;
-    },
-    getConditions() {
-      let condition = [];
-      for (let i = 0; i < this.actionList.length; i++) {
-        let item = this.actionList[i];
-        if (item.field_key && !this.searchListKey.includes(item.field_key)) {
-          this.$message.error('检测到该筛选字段含有非法无效的,请移除！');
-          return;
-        }
-        let attrType = item?.settingObj?.attr || '';
-        let value = '';
-        if (item.con == 'CONVERT') {
-          value = item.wordValue.map(word => {
-            return JSON.parse(word);
-          });
-        } else if (item.con == 'QUOTE' || item.con == 'QUOTE_NOT') {
-          value = item.wordValue.join('|#|');
-        } else {
-          value = item.value;
-        }
-        let start_val = '';
-        let end_val = '';
-        let limit_date = [];
-        if (item.settingObj && item.settingObj.attr == 'PERCENTAGE') {
-          value = Number(value) / 100;
-        } else if (item.settingObj && item.settingObj.attr == 'BIRTHDAY') {
-          if (item.start_val) {
-            let res = utils.validateBirthday(item.start_val, item.title, item.unit);
-            if (!res) return;
-          }
-          if (item.end_val) {
-            let res = utils.validateBirthday(item.end_val, item.title, item.unit);
-            if (!res) return;
-          }
-          if (+item.start_val > +item.end_val) {
-            // 1.9.47请输入有效范围
-            this.$message.warning(`${item.title}请输入有效范围`, 2);
-            return;
-          }
-          start_val = item.start_val ? item.start_val : '';
-          end_val = item.end_val ? item.end_val : '';
-
-          limit_date = item.curlimit_date ? item.curlimit_date : '';
-        } else if (attrType == 'AGE') {
-          start_val = item.start_val;
-          end_val = item.end_val;
-          value = item.value;
-        } else {
-          start_val = item.start_val ? item.start_val.format('YYYY-MM-DD') : '';
-          end_val = item.end_val ? item.end_val.format('YYYY-MM-DD') : '';
-        }
-
-        let is_custom = this.showCompareField ? item.compare_field == '_custom__input_' : false;
-
-        let temp = {
-          field_key: item.field_key, // 一级value
-          fieldId: item.field_key, // BI需要拿fieldId
-          fieldType: item.fieldType, // 字段类型
-          con: item.con, // 二级选择项value
-          value: value, // input输入值
-          start_val: start_val, // 开始时间
-          end_val: end_val, // 结束时间
-          unit: item.unit, // 选择时间单位
-          limit_date: limit_date,
-          tableId: (item.showRelation && item.wordValue) || undefined, // 关联表格ID
-          valueField: item.relationField || undefined, // 关联字段
-          quote_con: Object.keys(item.quote_con || {}).length ? item.quote_con : null, // 关联表格过滤项
-          converFun: item.converFun || undefined,
-          parameterConversionId: item.parameterConversionId || undefined,
-          relationOrgId: item.relationOrgId || undefined,
-          preConObj: item.preConObj || undefined,
-          preSqlExpression: item.preSqlExpression || undefined,
-          wordbookValueList: item.wordbookValueList,
-          is_compare_field: is_custom ? false : item.is_compare_field, // 自定义输入的设为false
-          compare_field: is_custom ? undefined : item.compare_field
-        };
-        condition.push(temp);
-      }
-      return [...condition];
-    },
-    // 第二层弹框添加分类按钮
-    addAction(config = {}) {
-      if (this.searchList.length === 0) {
-        return message.warning('暂无字段可设置！');
-      }
-
-      // noDefault 不需要设置默认选中第一条数据
-      // is_search_professional 专业模式 不需要默认选中第一条
-      let noDefault = config?.noDefault || this.is_search_professional || false;
-
-      let searchListDefaultItem = this.searchList[0];
-      let searchListDefault = '',
-        setting = {},
-        settingObj = {};
-
-      if (searchListDefaultItem) {
-        searchListDefault = this.isBI ? searchListDefaultItem.fieldId : searchListDefaultItem.columnName;
-        setting = searchListDefaultItem.setting;
-        settingObj = searchListDefaultItem.settingObj;
-      }
-
-      if (noDefault) {
-        searchListDefaultItem = {};
-        searchListDefault = undefined;
-      }
-
-      this.actionList.push({
-        field_key: searchListDefault,
-        fieldId: searchListDefaultItem.fieldId,
-        fieldType: searchListDefaultItem.fieldType, // 字段类型
-        con: undefined,
-        searchList: this.searchList,
-        searchChildList: this.searchChildList,
-        dateList: this.dateList,
-        wordbookData: [],
-        relationData: [...this.relationTableList],
-        relationField: '',
-        relationFieldList: [],
-        quote_con: {},
-        title: '',
-        unit: 'YEAR',
-        setting: setting,
-        settingObj: settingObj,
-        wordbookValueList: [],
-        isIllegalField: this.isSee,
-
-        is_compare_field: false,
-        selectList: [],
-        customInput: false, // 自定义输入
-        compare_field: '' // 选择的值
-      });
-
-      if (noDefault) {
-        return;
-      }
-
-      let actionInex = this.actionList.length - 1;
-      this.changeColumnName(this.actionList[actionInex].field_key, this.actionList[actionInex]);
-    },
-    // 软删除
-    softDel(index) {
-      if (this.isSee) return;
-      this.actionList.splice(index, 1);
-    },
-    cancelSaveAdd() {
-      this.$emit('cancelSaveAdd');
-      this.actionList = [];
-      this.addVisible = false;
-      this.showAdd = false;
-      this.addVal = '';
-      this.className = '';
-      this.classifyId = '';
-      this.teaValue = '';
-    },
-    // 第一个下拉框（1）根据不同类型，分别展示input select date
-    changeColumnName(value, action) {
-      action.con = undefined;
-      let f = action.searchList.find(v => v.columnName == value);
-      action.fieldType = f?.fieldType || undefined;
-      this.$set(action, 'wordValue', []);
-      this.$set(action, 'wordbookData', []);
-      this.formatData(value, action);
-      this.handleHideItem(action);
-      this.handleHideCompareField(action);
-      this.$set(action, 'isIllegalField', value && !this.searchListKey.includes(value));
-    },
-    // 数据处理
-    formatData(value, action) {
-      action.searchList.some(sea => {
-        if ((this.isBI ? sea.fieldId : sea.columnName) == value) {
-          action.fieldType = sea.fieldType;
-
-          action.settingObj = sea.settingObj;
-          let attrType = sea?.settingObj?.attr || '';
-          let format = sea?.settingObj?.format || '';
-          action.title = sea.title || '';
-          if (sea.setting) {
-            utils.isPlainObject(sea.setting) ? '' : (sea.setting = JSON.parse(sea.setting));
-            if (!utils.isEmpty(sea.setting.wordbook)) {
-              // 1.1.4.26引用
-              // 1.2.5.52不引用
-              action.searchChildList = [
-                { desc: '引用', name: 'QUOTE' },
-                { desc: '不引用', name: 'QUOTE_NOT' }
-              ];
-              let obj = {};
-              if (sea.setting.wordbook.params) {
-                sea.setting.wordbook.params.forEach(item => {
-                  obj[item.p_name] = item.p_value;
-                });
-              }
-              this.$set(action, 'settingWordbook', {
-                params: obj,
-                id: sea.setting.wordbook.id
-              });
-              // this.getWordbookData(sea.setting.wordbook.id, obj).then(list => {
-              //   this.$set(action, "wordbookData", list);
-              // });
-              return true;
-            } else if (sea.setting.showSetting && sea.setting.showSetting.length > 0) {
-              // 1.1.4.27下拉选项
-              action.searchChildList = [{ desc: '下拉选项', name: 'CONVERT' }];
-              this.$set(action, 'wordValue', []);
-              let showSetting = sea.setting.showSetting;
-
-              // 字典推荐值
-              let dictionItem = this.handleDictionDef(sea);
-              if (dictionItem) {
-                let { defaultValueTitle } = sea?.dictionarieObj || {};
-                let hasDef = showSetting.find(item => item.change_text === defaultValueTitle);
-                !hasDef && showSetting.unshift(dictionItem);
-              }
-              let wordbookData = showSetting.map((set, index) => {
-                // 回显逻辑
-                if (action.word) {
-                  utils.isString(action.word) ? (action.word = JSON.parse(action.word)) : '';
-                  let words = action.word.map(w => JSON.stringify(w));
-                  let filter = JSON.stringify(set.filter);
-                  if (words.includes(filter)) {
-                    action.wordValue.push(filter);
-                  }
-                }
-                return {
-                  name: set.change_text,
-                  showKeys: set.change_text,
-                  value: JSON.stringify(set.filter),
-                  myName: JSON.stringify(set.filter),
-                  id: (index + 9).toString(36) + index,
-                  sid: (index + 9).toString(36) + index
-                };
-              });
-              action.wordbookData = wordbookData;
-              return true;
-            } else {
-              let matchItem = this.fieldTypeList.find(item => sea.fieldType.toUpperCase() == item.name);
-              if (matchItem) {
-                // 关系 选项
-                action.searchChildList = matchItem.conList;
-              } else {
-                action.searchChildList = this.searchChildList;
-              }
-            }
-            // 通过 attr 判断类型，searchChildList
-            if (attrType == 'AGE') {
-              action.searchChildList = this.rangeAgeOptions;
-              action.format = format.toUpperCase();
-              // action.ageValue = this.diffTime(action.value);
-            }
-          } else {
-            this.fieldTypeList.some(item => {
-              if (sea.fieldType == item.name) {
-                action.searchChildList = item.conList.filter(con => con.name != 'QUOTE' && con.name != 'CONVERT' && con.name != 'QUOTE_NOT');
-                return true;
-              }
-            });
-          }
-          // 跨表字段
-          if (this.isRelationList.includes(value) && !action.searchChildList.some(v => v.name == 'QUOTE_IN')) {
-            action.searchChildList.push(...this.relationSelect);
-          }
-          return true;
-        }
-      });
-      this.formatActionData(action);
-    },
-    // 字典推荐值 item处理
-    handleDictionDef(el) {
-      let { defaultValue, defaultValueTitle } = el?.dictionarieObj || {};
-      let dictionItem = null;
-      if (defaultValue && defaultValueTitle) {
-        dictionItem = {
-          change_text: defaultValueTitle,
-          filter: [
-            {
-              con: 'EQ',
-              field_key: el.columnName,
-              value: defaultValue
-            }
-          ]
-        };
-      }
-      return dictionItem;
-    },
-    getWordbookData(o, obj) {
-      let { id, filterKeys, wordbookType } = o;
-      let resFieldKeys = filterKeys && Array.isArray(filterKeys) ? JSON.stringify(filterKeys) : filterKeys;
-      let url = `/tableReader/getWordbookData`;
-      let params = {
-        wordbookId: id,
-        fieldKeys: resFieldKeys,
-        wordbookType: wordbookType || 'WORDBOOK',
-        ...obj
-      };
-      return this.handleGetConfigApi(params, 'requestGetWordbookData', { fields: o }).then(res => {
-        return res;
-      });
-    },
-    handleWordbookData(item, data) {
-      let { settingObj = {} } = item;
-      let { showKeys = [], defaultValue, defaultValueTitle } = settingObj.wordbook || {};
-      let defaultItem = null;
-      if (defaultValue && defaultValueTitle) {
-        defaultItem = {
-          myName: defaultValue,
-          showKeys: defaultValueTitle
-        };
-      }
-      if (data && data.result) {
-        // 数组赋值并添加唯一name
-        let wordbookData = data.map.rows.map(row => {
-          let showKeysStr = [];
-          showKeys.forEach(ren => {
-            showKeysStr.push(row[ren]);
-          });
-          return Object.assign(row, {
-            myName: String(row[item.settingObj.wordbook.field_key]),
-            showKeys: showKeysStr.join('')
-          });
-        });
-        // 数组对象去重
-        let obj = {};
-        wordbookData = wordbookData.reduce((cur, next) => {
-          obj[next.myName] ? '' : (obj[next.myName] = true && cur.push(next));
-          return cur;
-        }, []);
-        if (defaultItem) {
-          wordbookData.unshift(defaultItem);
-        }
-        this.$set(item, 'wordbookData', wordbookData);
-      }
-    },
-    dropdownVisibleChange(open, item) {
-      if (open) {
-        let obj = {};
-        if (item.settingObj?.wordbook?.params) {
-          item.settingObj.wordbook.params.forEach(item => {
-            obj[item.p_name] = item.p_value;
-          });
-        }
-        if (item.settingObj?.wordbook) {
-          obj.autograph = item.settingObj.wordbook.autograph;
-        }
-        this.curWordbookData = item.settingObj.wordbook;
-        this.curAutograph = item.settingObj.wordbook && item.settingObj.wordbook.autograph;
-        this.searchItem = item;
-        if (item.settingObj.showSetting && item.settingObj.showSetting.length) {
-          return;
-        }
-        this.getWordbookData(item.settingObj.wordbook, obj).then(({ data }) => {
-          this.handleWordbookData(item, data);
-        });
-      }
-    },
-    /**
-     * 输入自动联想
-     */
-    handleSearch(value, item) {
-      let params = {
-        keyword: value,
-        autograph: this.curAutograph
-      };
-      let obj = {};
-      if (item.settingObj?.wordbook?.params) {
-        item.settingObj.wordbook.params.forEach(item => {
-          obj[item.p_name] = item.p_value;
-        });
-      }
-      Object.assign(params, obj);
-
-      this.getWordbookData(this.curWordbookData, params).then(({ data }) => {
-        this.handleWordbookData(this.searchItem, data);
-      });
-    },
-    handleSelect(value, item) {
-      let { wordbookData = [], wordbookValueList = [] } = item;
-      if (!wordbookData.length) return;
-      let matchItem = wordbookData.find(v => v.myName === value);
-      let hasItem = wordbookValueList.some(v => v.myName === value);
-      if (hasItem) return;
-      wordbookValueList.push(matchItem);
-    },
-    handleDeSelect(value, item) {
-      let { wordbookValueList = [] } = item;
-      let matchIndex = wordbookValueList.findIndex(v => v.myName === value);
-      if (matchIndex < 0) return;
-      wordbookValueList.splice(matchIndex, 1);
-    },
-
-    selectChild(value, item, isInitSet, config = {}) {
-      let attr = item?.settingObj?.attr || '';
-      let arr = [
-        'TODAY',
-        'THIS_WEEK',
-        'THIS_MONTH',
-        'THIS_SEASON',
-        'THIS_YEAR',
-        'NULL',
-        'NOT_NULL',
-        'TOMORROW',
-        'YESTERDAY',
-        'NEXT_WEEK',
-        'UP_WEEK',
-        'NEXT_MONTH',
-        'UP_MONTH',
-        'NEXT_SEASON',
-        'UP_SEASON',
-        'NEXT_YEAR',
-        'UP_YEAR'
-      ];
-      let ageList = ['BIG', 'BIGEQ', 'LESS', 'LESSEQ'];
-      // 自定义输入关系的“key”
-      const customTypes = ['EQ', 'IN', 'NEQ'];
-      const numbercustoms = ['EQ', 'NEQ', 'BIG', 'LESS', 'BIGEQ', 'LESSEQ'];
-
-      item.showRangeAge = false; // 年龄范围
-      item.showAgeCom = false; // 年龄范围
-      let inRelation = ['QUOTE_IN', 'QUOTE_NOTIN'];
-      if (arr.includes(value)) {
-        item.showInput = false;
-        item.showSelect = false;
-        item.showDate = false;
-        item.showSearch = false;
-        item.showRelation = false;
-        this.initBirthdayParams(item);
-      } else if (['IN_THE_PAST', 'IN_THE_FUTURE', 'N_', 'L_', 'IN_THE_PAST_DI', 'IN_THE_FUTURE_DI'].includes(value)) {
-        // 以前、以后、过去内、未来内
-        // L_ N_ IN_THE_PAST IN_THE_FUTURE 添加小时
-        // 过去第 未来第
-        // IN_THE_PAST_DI IN_THE_FUTURE_DI
-        item.showSelect = true;
-        item.showInput = true;
-        item.showDate = false;
-        item.showSearch = false;
-        item.showRelation = false;
-        if (value == 'IN_THE_PAST_DI' || value == 'IN_THE_FUTURE_DI') {
-          this.$set(item, 'dateList', this.dateList);
-        } else {
-          let dateList = this.dateList.concat(this.dateTimeList);
-          this.$set(item, 'dateList', dateList);
-        }
-        if (!isInitSet) {
-          this.$set(item, 'unit', 'DAY');
-        }
-        this.initBirthdayParams(item);
-      } else if (value == 'IN') {
-        // field_key: "birthday"
-        if (attr == 'BIRTHDAY') {
-          item.showBirthdayDate = true;
-          item.showDate = false;
-          item.units = this.birthdayUnits.filter(i => i.units === 1);
-        } else if (attr == 'AGE') {
-          item.showRangeAge = true;
-        } else {
-          item.showDate = true;
-          this.initBirthdayParams(item);
-        }
-        item.showSelect = false;
-        item.showInput = false;
-        item.showSearch = false;
-        item.showRelation = false;
-      } else if (value == 'CONVERT' || value == 'QUOTE' || value == 'QUOTE_NOT') {
-        item.showDate = false;
-        item.showSelect = false;
-        item.showInput = false;
-        item.showSearch = true;
-        item.showRelation = false;
-        this.initBirthdayParams(item);
-        let showSetting = false;
-        if (item.settingObj?.showSetting?.length) {
-          showSetting = true;
-        }
-        // 这里wordbookValueList替换wordbookData 还是有点问题 需要根据具体场景再修改
-        if (!showSetting && item.wordbookValueList?.length) {
-          this.$set(item, 'wordbookData', item.wordbookValueList);
-        }
-      } else if (inRelation.includes(value)) {
-        // 跨表查询
-        item.showRelation = true;
-        item.showInput = false;
-        item.showSelect = false;
-        item.showDate = false;
-        item.showSearch = false;
-        this.initBirthdayParams(item);
-      } else if (attr == 'AGE') {
-        if (ageList.includes(value)) {
-          item.showAgeCom = true;
-        }
-      } else {
-        item.showSelect = false;
-        item.showDate = false;
-        if (item.settingObj && item.settingObj.attr == 'BIRTHDAY') {
-          item.showInput = false;
-        } else {
-          item.showInput = true;
-        }
-        item.showSearch = false;
-        item.showRelation = false;
-        this.initBirthdayParams(item);
-      }
-
-      if (!this.showCompareField) return;
-
-      let s_type = config?.type;
-      if (s_type === '_custom__input_') return;
-
-      if (customTypes.includes(value) || (['NUMBER', 'DATE', 'DATETIME', 'TIME'].includes(item.fieldType) && numbercustoms.includes(value))) {
-        this.$set(item, 'is_compare_field', true);
-        this.$set(item, 'customInput', false);
-        this.handleSetSelectList(item);
-        if (Array.isArray(item.selectList)) {
-          // 默认选中第一
-          if (item.selectList.length > 1) {
-            let [a] = item.selectList;
-            this.$set(item, 'compare_field', a.value);
-            setTimeout(() => {
-              // 里面递归调用 selectChild ，异步等待，第一个方法执行完成
-              this.compare_fieldOnChange(a.value, item);
-            }, 100);
-          } else {
-            let selectList = item?.selectList || [];
-            let len = selectList?.length || 0;
-            let onlyCustomInput = len === 1 ? selectList[0].value === '_custom__input_' : false;
-            // selectList 只有一个选项并且 是 _custom__input_ ，隐藏 select ，展示 customInput
-            if (onlyCustomInput) {
-              this.$set(item, 'customInput', true);
-              item.compare_field = '_custom__input_';
-              return;
-            }
-          }
-        }
-
-        if (isInitSet) {
-          // 如果是 is_compare_field 字段  并有值compare_field
-          if (config.is_compare_field && item.compare_field) {
-            this.$set(item, 'is_compare_field', true);
-          } else if (item.start_val || item.end_val || item.value || item.wordValue || item.showSelect) {
-            // 自定义输入回填
-            this.$set(item, 'customInput', true);
-            item.compare_field = '_custom__input_';
-            return;
-          }
-        }
-        this.handleHideItem(item, false);
-      } else {
-        item.customInput = true;
-        item.is_compare_field = false;
-        item['compare_field'] && (item['compare_field'] = undefined);
-      }
-    },
-    handleHideItem(item, reset = true) {
-      item.showRangeAge = false; // 年龄范围
-      item.showAgeCom = false; // 年龄范围
-      item.showInput = false;
-      item.showSelect = false;
-      item.showDate = false;
-      item.showSearch = false;
-      item.showRelation = false;
-
-      // item.value = "";
-      // this.$set(item, 'value', '');
-      reset && this.$set(item, 'value', '');
-    },
-    disabledStartDate(start_val) {
-      const end_val = this.end_val;
-      if (!start_val || !end_val) {
-        return false;
-      }
-      return start_val.valueOf() > end_val.valueOf();
-    },
-    disabledEndDate(end_val) {
-      const start_val = this.start_val;
-      if (!end_val || !start_val) {
-        return false;
-      }
-      return start_val.valueOf() >= end_val.valueOf();
-    },
-    handleStartOpenChange(open, item) {
-      if (!open) {
-        this.$set(item, 'endOpen', true);
-      }
-    },
-    handleEndOpenChange(open, item) {
-      this.$set(item, 'endOpen', open);
-    },
-    // 日期选择范围
-    disabledDate(current) {
-      return (current && current < moment().startOf('year')) || current > moment().endOf('year');
-    },
-    changeRange(value, item) {
-      let res = [];
-      if (value.length > 0) {
-        value.forEach(item => {
-          item._d && res.push(utils.formatTime('MOUTH', item._d));
-        });
-      }
-      if (res.length > 0) {
-        item.curlimit_date = res.join('~');
-      }
-    },
-    // 选择关联表
-    handlerSelectRelation(e, item) {
-      let curItem = this.relationTableList.find(v => v.tableId === e);
-      curItem && (item.relationField = curItem.relationField);
-      item.relationFieldList = JSON.parse(JSON.stringify(curItem?.fieldList?.fieldList || []));
-      item.converFun = curItem.converFun || undefined;
-      item.parameterConversionId = curItem.parameterConversionId || undefined;
-      item.relationOrgId = curItem.relationOrgId || undefined;
-      item.preConObj = curItem.preConObj || undefined;
-      item.preSqlExpression = curItem.preSqlExpression || undefined;
-    },
-    openRelationFilter(data, i) {
-      this.clcikRelationIndex = i;
-      this.relationAction = data.quote_con;
-      this.relationSearchFieldList = data.relationFieldList;
-      this.relationVisible = true;
-      // sqlExpression
-    },
-    relationCancel() {
-      this.relationVisible = false;
-      this.relationAction = {};
-      this.relationSearchFieldList = [];
-    },
-    relationSave(data) {
-      let { setting = '' } = data;
-      let settingObj = JSON.parse(setting);
-      this.actionList[this.clcikRelationIndex].quote_con = {
-        conObj: settingObj.conObj,
-        sqlExpression: settingObj.sqlExpression
-      };
-      this.relationCancel();
-    },
-    initBirthdayParams(item) {
-      item.showBirthdayDate = false;
-      item.unit = item.unit || 'YEAR';
-      item.units = this.birthdayUnits.filter(i => i.units === 1);
-    },
-    handleParentNamesAdd(e) {
-      const nextInput = e?.target?.nextElementSibling;
-      setTimeout(() => {
-        nextInput && nextInput.focus();
-      });
-      this.showAdd = true;
-    },
-    hanldeBlur() {
-      this.showAdd = false;
-      if (!this.addVal) return;
-      this.parentNames.forEach(v => (v.selected = false));
-      this.parentNames.push({
-        disabled: true,
-        value: this.addVal,
-        selected: true,
-        isAdd: true
-      });
-      this.addVal = '';
-    },
-    editParentName(e, item) {
-      item.disabled = false;
-      setTimeout(() => {
-        e.target.focus();
-      }, 0);
-    },
-    handleParentNameSelect(item, index) {
-      if (!item.disabled) return;
-      this.parentNames.forEach((pItem, pIndex) => {
-        if (pIndex !== index) {
-          pItem.selected = false;
-        }
-      });
-      item.selected = !item.selected;
-    },
-    handleParentNamesRemove(index, item) {
-      // this.parentNames.splice(index, 1);
-      this.handleParent(index, item);
-    },
-    handleParent(index, item) {
-      let { conditionList } = this;
-      if (!conditionList || !conditionList.length) {
-        this.parentNames.splice(index, 1);
-        return;
-      }
-      let hasItem = conditionList.filter(v => v.displayCategory === item.value);
-      if (!hasItem || !hasItem.length) {
-        this.parentNames.splice(index, 1);
-        return;
-      }
-      this.$message.error('该分类下有已有数据，请删除该分类下的筛选集后重试！');
-    },
-    getParentSelectedStyle(item) {
-      if (item.selected && item.disabled) {
-        return {
-          backgroundColor: '#2D7AFF',
-          color: '#fff'
-        };
-      }
-      return null;
-    },
-
-    // 年龄组件变化
-    ageRangeOnChange(obj, item) {
-      let s = obj.star_val;
-      let e = obj.end_val;
-      this.$set(item, 'start_val', isNaN(s) ? undefined : s);
-      this.$set(item, 'end_val', isNaN(e) ? undefined : e);
-    },
-
-    agecomOnChange(obj, item) {
-      this.$set(item, 'value', isNaN(obj.days) ? undefined : obj.days);
-    },
-
-    diffTime(days) {
-      let d = +days;
-      if (isNaN(d)) return {};
-      if (typeof d == 'number') {
-        let next = 0;
-        let year = Math.floor(d / 365);
-        next = d % 365;
-        let month = Math.floor(next / 30);
-        next = next % 30;
-        let day = next;
-
-        return { year, month, day, d };
-      }
-      return {};
-    },
-
-    filterOption(...arg) {
-      return utils.filterOption(...arg);
-    },
-
-    /**
-     * 选中字段
-     */
-    handleSetSelectList(item) {
-      let list = this.searchList
-        .filter(v => v.fieldType == item.fieldType && (this.isBI ? v.fieldId : v.columnName) != item.field_key)
-        .map(v => {
-          return {
-            value: this.isBI ? v.fieldId : v.columnName,
-            name: v.alias || v.title
-          };
-        });
-
-      list.unshift({
-        value: '_custom__input_',
-        name: '自定义输入'
-      });
-
-      this.$set(item, 'selectList', list);
-    },
-
-    /**
-     * 切换字段选项
-     */
-    compare_fieldOnChange(e, item) {
-      if (e === '_custom__input_') {
-        item.customInput = true;
-        this.selectChild(item.con, item, false, { type: '_custom__input_' });
-      } else {
-        item.customInput = false;
-        this.$set(item, 'value', '');
-      }
-    },
-
-    checkCustomInput(item) {
-      /**
-       * 判断可选的 是否 只有 “_custom__input_”
-       */
-      let selectList = item?.selectList || [];
-      let len = selectList?.length || 0;
-      let onlyCustomInput = len === 1 ? selectList[0].value === '_custom__input_' : false;
-      return onlyCustomInput;
-    },
-
-    visibleCompareField(item) {
-      if (!this.showCompareField) return false;
-      let onlyCustomInput = this.checkCustomInput(item);
-      /**
-       * 展示 compare_field 条件
-       * 1. 是is_compare_field 字段 并且有字段可选
-       */
-      return item.is_compare_field && !onlyCustomInput;
-    },
-
-    visibleDefaultField(item) {
-      /**
-       * 展示默认字段的条件
-       * 1. 非 is_compare_field 字段
-       * 2. 是 is_compare_field 字段，选中 自定义输入 is_compare_field
-       * 3. 是 is_compare_field 字段 ，没有可选的 onlyCustomInput
-       */
-      if (!this.showCompareField) return true;
-      let onlyCustomInput = this.checkCustomInput(item);
-      return item.customInput || !item.is_compare_field || onlyCustomInput;
-    },
-
-    handleHideCompareField(item) {
-      if (!this.showCompareField) return;
-      item.customInput = false;
-      item.is_compare_field = false;
-      item.compare_field = undefined;
-    },
-
-    checkActionList() {
-      let f = this.actionList.every(v => !v.field_key);
-      return f;
-    },
-
-    /**
-     * select 变化
-     */
-    fieldselectONchange(item, eventName, value, vnode) {
-      // 清空操作
-      if (value === undefined) {
-        eventName === 'changeColumnName' && this.handleResetColumnName(item);
-        eventName === 'selectChild' && this.handleResetSelectChild(item);
-      }
-    },
-
-    handleResetColumnName(item) {
-      item.con = undefined;
-      this.$set(item, 'wordValue', []);
-      this.$set(item, 'wordbookData', []);
-      this.handleHideItem(item);
-    },
-
-    handleResetSelectChild(item) {
-      this.$set(item, 'wordValue', []);
-      this.$set(item, 'wordbookData', []);
-      this.$set(item, 'value', undefined);
-      this.$set(item, 'showSelect', undefined);
-      this.$set(item, 'start_val', null);
-      this.$set(item, 'end_val', null);
-      this.handleHideItem(item);
-    }
-  }
-});
-</script>
-
-<style lang="less" scoped>
-.inner-content {
-  color: #000;
-  & > p > span {
-    cursor: pointer;
-  }
-  .item-name {
-    display: flex;
-    height: 32px;
-    line-height: 32px;
-    margin-bottom: 10px;
-    .label {
-      width: 120px;
-      text-align: right;
-    }
-  }
-  .parent-names {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    line-height: 32px;
-    .label {
-      display: inline-block;
-      height: 32px;
-      line-height: 32px;
-      margin-bottom: 10px;
-      width: 120px;
-      text-align: right;
-    }
-    /deep/ .ant-btn-dashed {
-      border-color: #a6a6a6;
-      color: #a6a6a6;
-    }
-
-    .edit-tag {
-      position: relative;
-      margin-right: 10px;
-      margin-bottom: 10px;
-      /deep/ .anticon-close {
-        position: absolute;
-        right: 5px;
-        line-height: 36px;
-        color: #2d7aff;
-      }
-      /deep/ .ant-input-disabled {
-        color: #2d7aff;
-        background-color: rgba(45, 122, 255, 0.1);
-        opacity: 1;
-        border-color: #2d7aff;
-        cursor: pointer;
-      }
-      /deep/.ant-input-group-addon,
-      /deep/.ant-input:not(:hover),
-      /deep/.ant-input-number:not(:hover) {
-        border-color: #2d7aff !important;
-      }
-      &.edit-tag-select {
-        /deep/ .ant-input-disabled {
-          color: #fff;
-          background-color: #2d7aff;
-        }
-        /deep/ .anticon-close {
-          color: #fff;
-        }
-      }
-    }
-    /deep/ .ant-btn {
-      margin-bottom: 10px;
-    }
-  }
-  .item-list {
-    padding-top: 12px;
-    margin-top: 16px;
-    margin-bottom: 6px;
-    border-top: 1px solid #e6e6e6;
-    &.list-onlyCondition {
-      padding-top: 0;
-      border-top: 0px;
-    }
-    li {
-      margin-bottom: 10px;
-    }
-    .form-item {
-      width: 120px;
-      margin-right: 10px;
-    }
-    .form-action {
-      font-size: 16px;
-      float: right;
-      margin-top: 6px;
-      cursor: pointer;
-    }
-    .date-item {
-      display: inline-block;
-    }
-    .birthday-item {
-      > div {
-        display: inline-block;
-        margin-top: 5px;
-        p {
-          display: inline-block;
-          margin: 0 10px 0 15px;
-        }
-        > span {
-          margin-top: 5px;
-        }
-      }
-      .age-wrap {
-        display: inline-block;
-      }
-    }
-    .relation-item {
-      display: inline-block;
-      .relation-width {
-        width: 150px;
-        margin-right: 10px;
-      }
-      .relation-btn {
-        cursor: pointer;
-      }
-    }
-    .range-container {
-      display: inline-block;
-      width: 442px;
-      /* line-height: 1.5; */
-      vertical-align: bottom;
-    }
-    .item-error {
-      color: red;
-      display: inline-block;
-    }
-  }
-  .index-span {
-    width: 30px;
-    display: inline-block;
-  }
-}
-.blue {
-  color: #2d7aff;
-  margin-right: 8px;
-}
-.red {
-  color: #e02020;
-}
-
-.in-block {
-  display: inline-block;
-}
-</style>
-
-<style lang="less">
-// 专业模式下的样式修改
-._c_com-search-professional {
-  .inner-content {
-    .item-list {
-      > li {
-        position: relative;
-        .def_item_input {
-          position: absolute;
-          width: 100%;
-        }
-        .show-small-select {
-          .val-small-select-wrap {
-            width: 66px !important;
-          }
-          .val-input-wrap {
-            width: 34% !important;
-          }
-        }
-      }
-    }
-
-    .item-error {
-      display: block;
-      padding-left: 29px;
-    }
-    .form-action {
-      position: absolute;
-      right: 0px;
-      top: 0;
-    }
-  }
-
-  .select-front-item {
-    width: 23% !important;
-  }
-  .val-input-wrap {
-    width: 42%;
-    display: inline-block;
-    .ant-input {
-      width: 100% !important;
-    }
-  }
-  .val-select-wrap,
-  .val-age-wrap,
-  .val-date-wrap {
-    width: 42% !important;
-
-    .ant-calendar-picker {
-      width: 50% !important;
-    }
-  }
-
-  .val-range-wrap {
-    width: 42% !important;
-    .ant-input-group {
-      .age-com {
-        // 年龄组件 单位
-        .age-com-suffix {
-          padding: 0 1px;
-        }
-        .ant-input-number {
-          // 修改宽度
-          width: 100%;
-          // 隐藏数字操作项
-          .ant-input-number-handler-wrap {
-            display: none;
-          }
-          // 修改inputpadding
-          .ant-input-number-input-wrap {
-            input {
-              padding: 0 2px;
-            }
-          }
-        }
-      }
-    }
-  }
-  .teavalue-wrap {
-    width: calc(88% + 20px);
-  }
-}
-</style>