cnhis-design-vue 2.1.18 → 2.1.21

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

@@ -1,1824 +1,1825 @@
-<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,
-      birthdayFilter: ["BIG", "LESS", "BIGEQ", "LESSEQ", "IN_THE_PAST_DI", "IN_THE_FUTURE_DI"]
-    };
-  },
-  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);
-              let conList = this.searchChildList;
-              if (matchItem) {
-                // 关系 选项
-                conList = matchItem.conList;
-              }
-              if (action?.settingObj?.attr === "BIRTHDAY") {
-                conList = conList.filter(v => !this.birthdayFilter.includes(v.name)) || [];
-              }
-
-              action.searchChildList = conList;
-            }
-            // 通过 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>
+<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,
+      birthdayFilter: ["BIG", "LESS", "BIGEQ", "LESSEQ", "IN_THE_PAST_DI", "IN_THE_FUTURE_DI"]
+    };
+  },
+  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);
+              let conList = this.searchChildList;
+              if (matchItem) {
+                // 关系 选项
+                conList = matchItem.conList;
+              }
+              if (action?.settingObj?.attr === "BIRTHDAY") {
+                conList = conList.filter(v => !this.birthdayFilter.includes(v.name)) || [];
+              }
+
+              action.searchChildList = conList;
+            }
+            // 通过 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;
+            let compare_val = isInitSet? item.compare_field || a.value : a.value;
+            this.$set(item, 'compare_field', compare_val);
+            setTimeout(() => {
+              // 里面递归调用 selectChild ，异步等待，第一个方法执行完成
+              this.compare_fieldOnChange(compare_val, 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>