cnhis-design-vue 2.1.56 → 2.1.57

package/packages/table-filter/src/index.vue

@@ -1,584 +1,584 @@
-<template>
-  <div class="filter-container">
-    <div class="quick-search-wrap" :class="{ 'quick-search-wrap-fold': quickSearchObj.isFold }" :style="searchPosition">
-      <!-- :class="{ 'quick-search-wrap-fold': quickSearchObj.isFold }" -->
-      <div v-if="quickSearchObj.isFold" class="quick-search-wrap-mask" :style="maskPosition" @click.prevent.stop="foldQuickSearch(false)"></div>
-      <div class="quick-search-div" :style="searchPosition" v-show="quickSearchObj.isFold">
-        <div class="quick-search-title">
-          <span>高级筛选</span>
-          <a-icon type="close" @click="foldQuickSearch(false)" />
-        </div>
-        <div class="quick-search-container">
-          <QuickSearch
-            v-on="$listeners"
-            ref="quicksearchTable"
-            source="editTable"
-            :show="quickSearchObj.isFold"
-            :lastQuickSearchData="lastQuickSearchData"
-            :quickSearchConfig="quickSearchConfig"
-            :searchFieldList="searchFieldListFormat"
-            :relationTableList="relationTableList"
-            :tableId="searchTableId"
-            :quickSearchListObj="quickSearchListObj"
-            :originConditionList="originConditionList"
-            :isOrgAdmin="isOrgAdmin"
-            @onSave="onSave"
-            @filterCountChange="filterCountChange"
-            @clearQuickSearchConfig="clearQuickSearchConfig"
-            :filterApiConfig="filterApiConfig"
-          />
-        </div>
-        <div class="quick-search-footer">
-          <div>
-            <a-button type="primary" @click="openSaveToCalss">
-              保存到分类
-              <!-- {{ $t("1.1.1.5.6") }} -->
-            </a-button>
-            <a-button type="primary" @click="onSaveSearch" style="margin-left: 8px">
-              查 询
-              <!-- {{ $t("1.2.2.11") }} -->
-            </a-button>
-          </div>
-          <div class="clear-container" v-if="filterCount">
-            <a @click="clearData">清空筛选条件{{ filterCount ? `(${filterCount})` : '' }}</a>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div>
-      <div class="table-top">
-        <BaseSearch
-          v-bind="$attrs"
-          v-on="$listeners"
-          v-model="downLoadParams.keyword"
-          ref="baseSearch"
-          @btnOnClick="btnOnClick"
-          @changeSearch="changeSearch"
-          @onSave="onSave"
-          @reloadList="reloadList"
-          @handlerSetting="showDrawer"
-          @handlerChangeView="handlerChangeView"
-          @getClassification="getClassification"
-          @importUpdate="importUpdate"
-          @foldQuickSearch="foldQuickSearch"
-          @getQuickSearchListObj="getQuickSearchListObj"
-          @handleReset="resetFilter"
-          :onSearch="onSearch"
-          :onRelatedSearch="onRelatedSearch"
-          :rowBtnList="buttonListFormat"
-          :paramsData="paramsData"
-          :searchFieldList="searchFieldListFormat"
-          :showSettings="showSettings"
-          :viewList="viewList"
-          :relatedBaseInfo="relatedBaseInfo"
-          width="200px"
-          @tabClick="tabClick"
-          :tabConditionNumObj="tabConditionNumObj"
-          :conditionMap="conditionMap"
-          @setConditionMap="setConditionMap"
-          :filterBaseConfig="filterBaseConfig"
-          :filterApiConfig="filterApiConfig"
-        >
-        </BaseSearch>
-      </div>
-      <Classification
-        v-bind="$attrs"
-        ref="classification"
-        @changeSearch="changeSearch"
-        @setClassifyModal="setClassifyModal"
-        @setClassificationIndex="setClassificationIndex"
-        @setConditionList="setConditionList"
-        v-if="(classificationIndex === 1 || classificationIndex === 3) && isShowTableTool && isShowSetting('hideCondition') && Object.keys(conditionMap).length > 0"
-        :localObj="localObj"
-        :tableName="tableName"
-        :tableId="'xxxxxxxxxxxx'"
-        :curClassificationIndex="classificationIndex"
-        :curConditionList="conditionList"
-        :conditionSid="conditionSid"
-        :conditionType="conditionType"
-        :hideConditionChangeBtn="hideConditionChangeBtn"
-        :hideConditionChangeSetting="hideConditionChangeSetting"
-        :hideClearConditionChange="hideClearConditionChange"
-        :countCondition="countCondition"
-        :countTabCondition="countTabCondition"
-        @setTabConditionNumObj="setTabConditionNumObj"
-        :keyword="downLoadParams.keyword"
-        :fieldKeys="fieldKeys"
-        :tabConditionId="tabConditionSid"
-        :conditionMap="conditionMap"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import { Button, Icon } from 'ant-design-vue';
-import BaseSearch from './base-search-com/BaseSearch-com';
-import QuickSearch from './quick-search/QuickSearch';
-import Classification from './classification/Classification-com';
-import create from '@/core/create';
-export default create({
-  name: 'table-filter',
-  data() {
-    return {
-      quickSearchObj: {
-        title: '展开筛选',
-        type: 'caret-down',
-        isFold: false
-      }, // 高级筛选
-
-      lastQuickSearchData: [], // 最后一次高级筛选的数据 缓存
-      quickSearchListObj: {}, // 高级筛选 父类list
-
-      filterCount: 0, // 已输入的筛选条件的条数
-
-      paramsData: {}, // 可删除？
-      relatedBaseInfo: {},
-      templateList: [],
-      showSettings: {},
-      tabConditionNumObj: {},
-
-      quickSearchConfig: [],
-      originConditionList: [],
-
-      isInit: false,
-
-      maskPosition: {},
-      searchPosition: {},
-
-      conditionList: [],
-      localObj: {},
-      tableName: '',
-      classificationIndex: 1,
-      hideConditionChangeBtn: 0,
-      hideConditionChangeSetting: 0,
-      hideClearConditionChange: 0,
-      countCondition: 0,
-      tabConditionSid: '',
-      conditionSid: [],
-      conditionType: 'keyword',
-      countTabCondition: 0,
-      isShowTableTool: true
-    };
-  },
-  props: {
-    filterBaseConfig: {
-      type: Object,
-      default: () => ({})
-    },
-
-    filterApiConfig: {
-      type: Object,
-      default: () => ({})
-    },
-
-    downLoadParams: {
-      type: Object,
-      default: () => ({})
-    },
-
-    conditionMap: {
-      type: Object,
-      default: () => ({})
-    },
-
-    // 跨表查询
-    relationTableList: {
-      type: Array,
-      default: () => []
-    },
-
-    // 检索分类list
-    searchFieldList: {
-      type: Array,
-      default: () => [],
-      validator: function(list) {
-        return list.every(v => 'columnName' in v);
-      }
-      // {
-      // columnName: 'name', 字段名
-      // filterExplicit: 0, 检索外显配置 1 检索外显 0 否
-      // isShowSearch: 1, 字段是否开启检索 1 开始 0 否
-      // fieldType: 'TEXT', 字段类型，目前：DATE TEXT NUMBER JSONB
-      // settingObj: 字段的其他配置
-      // {
-      // attr: LABEL EVALUATE AGE PERCENTAGE 特殊类型处理
-      // showSetting: [{label:'label',value:'value'}], // 自定义多选
-      // }
-      // }
-    },
-
-    // buttonlist
-    buttonList: {
-      type: Array,
-      default: () => [],
-      validator: function(list) {
-        return list.every(v => 'name' in v);
-      }
-    },
-
-    // buttonlist
-    viewList: {
-      type: Array,
-      default: () => []
-    },
-
-    tableId: {
-      type: String,
-      default: ''
-    }
-  },
-  computed: {
-    searchTableId() {
-      return this.tableId;
-    },
-
-    isOrgAdmin() {
-      return true;
-    },
-
-    searchFieldListFormat() {
-      const { searchFieldList } = this;
-      if (Array.isArray(searchFieldList)) {
-        searchFieldList.map(v => {
-          return Object.assign({ filterExplicit: 0, isShowSearch: 1, fieldType: 'TEXT', settingObj: {} }, v);
-        });
-      }
-      return searchFieldList;
-    },
-
-    buttonListFormat() {
-      const { buttonList } = this;
-      if (Array.isArray(buttonList)) {
-        buttonList.map(v => {
-          return Object.assign({ type: 'EDIT', sid: v.id, toggle: 'tile', isShow: 1 }, v);
-        });
-      }
-      return buttonList;
-    },
-
-    fieldKeys() {
-      let fieldKeys = [];
-      this.searchFieldList.forEach(item => {
-        if (item.isSearch && item.isSearch == 1 && !fieldKeys.includes(item.columnName)) {
-          fieldKeys.push(item.columnName);
-        }
-      });
-      return;
-    }
-  },
-  watch: {},
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {
-    this.init();
-  },
-  beforeUpdate() {},
-  updated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  activated() {},
-  methods: {
-    init() {
-      this.$nextTick(() => {
-        this.getElPosition();
-        this.getClassification()
-        this.isInit = true;
-      });
-    },
-
-    getElPosition() {
-      let pObj = this.$el.getBoundingClientRect();
-      let winWidth = document.documentElement.clientWidth;
-      const { top, left, right } = pObj;
-
-      let maskPosition = { top: `${top}px`, left: `${left}px`, right: `${winWidth - right}px`, bottom: '0px', position: 'fixed' };
-
-      let searchPosition = { top: `${top}px`, left: `${left}px`, right: `${winWidth - right}px`, position: 'fixed' };
-
-      this.$set(this, 'maskPosition', maskPosition);
-
-      this.$set(this, 'searchPosition', searchPosition);
-    },
-
-    /**
-     * 高级检索打开关闭
-     */
-    foldQuickSearch(val) {
-      this.quickSearchObj.isFold = val;
-    },
-
-    getQuickSearchListObj(list) {
-      this.quickSearchListObj = list;
-    },
-
-    /**
-     * 快速搜索保存
-     */
-    onSave(conObj, isOutFilter = false) {
-      if (isOutFilter) {
-        this.$emit('outOnSearch', conObj);
-      } else {
-        this.$emit('advancedOnSearch', conObj);
-      }
-    },
-
-    /**
-     * 高级检索输入的条数
-     */
-    filterCountChange(count) {
-      this.filterCount = count;
-    },
-
-    // updateTableCondiTionQuicksearch() {
-    //   console.log(arguments,'updateTableCondiTionQuicksearch')
-    //   this.$refs.baseSearch?.clearData();
-    //   this.$refs.baseSearch?.updateTableCondiTion();
-    // },
-
-    /**
-     * 清空高级检索
-     */
-    clearQuickSearchConfig() {
-      this.quickSearchConfig = [];
-      this.$emit('advancedOnclear');
-    },
-
-    /**
-     * 筛选分类 Classification
-     */
-    setConditionList(val, originConditionList) {
-      this.conditionList = val;
-      this.originConditionList = originConditionList;
-    },
-
-    /**
-     * 输入关键字搜索按钮触发
-     */
-    onSearch(val, e) {
-      this.$emit('keywordOnSearch', val, e);
-    },
-
-    /**
-     * 输入关键字搜索按钮触发
-     */
-    openSaveToCalss() {
-      this.$refs.quicksearchTable?.openSaveToCalss();
-    },
-
-    /**
-     * 输入关键字搜索按钮触发
-     */
-    onSaveSearch() {
-      this.lastQuickSearchData = this.$refs.quicksearchTable?.onSave() || [];
-      this.foldQuickSearch();
-    },
-
-    /**
-     * 点击按钮
-     */
-    btnOnClick(btn, j) {
-      this.$emit('buttonOnClick', btn, j);
-    },
-
-    /**
-     * 刷新列表
-     */
-    reloadList() {},
-
-    /**
-     * 点击设置
-     */
-    showDrawer() {},
-
-    /**
-     * 切换视图
-     */
-    handlerChangeView() {},
-
-    /**
-     * 获取检索分类？
-     */
-    getClassification(options) {
-       this.$refs["classification"]?.tableCondiTionPromise(options);
-    },
-
-    /**
-     * 量表导入成功
-     */
-    importUpdate() {},
-
-    /**
-     * 重置检索条件
-     */
-    resetFilter() {
-      this.qqConObj = [];
-      this.outFilterConOBj = [];
-      this.clearData();
-      this.onSave([]);
-      this.$emit('resetFilter');
-    },
-
-    clearData() {
-      this.$refs.quicksearchTable?.clearData();
-      this.$refs.baseSearch?.initOutSearchFieldList();
-    },
-
-    /**
-     * 页签搜索
-     */
-    tabClick() {},
-    /**
-     * 页签搜索
-     */
-    onRelatedSearch() {},
-    /**
-     * 页签搜索
-     */
-    changeSearch() {},
-
-    /**
-     * 设置检索分类
-     */
-    setConditionMap(map) {
-      this.conditionMap = map;
-    },
-
-    setClassifyModal() {},
-
-    setClassificationIndex() {},
-
-    isShowSetting(v) {
-      // TODO:
-      return true;
-      // if (v == "hideSettingBtn") {
-      //   return this.isOrgAdmin || this.showSettings[v] == 0;
-      // } else {
-      //   if (this.showRelatedTreeBtn) {
-      //     return this.relatedBaseInfo[v] == 0;
-      //   }
-      //   return this.showSettings[v] == 0;
-      // }
-    },
-
-    setTabConditionNumObj(){},
-
-  },
-  components: {
-    [Icon.name]: Icon,
-    [Button.name]: Button,
-    BaseSearch,
-    QuickSearch,
-    Classification
-  }
-});
-</script>
-
-<style lang="less" scoped>
-.filter-container {
-  position: relative;
-  // 高级检索的弹窗
-  .quick-search-wrap {
-    // position: absolute;
-    width: 100%;
-    background: #f7f7f7;
-
-    &.quick-search-wrap-fold {
-      position: absolute;
-      top: 0;
-      left: 0;
-      // width: 100%;
-      // height: 100%;
-      z-index: 10;
-      .fold-search-btn {
-        top: -24px;
-      }
-    }
-    .quick-search-wrap-mask {
-      position: absolute;
-      top: 0;
-      left: 0;
-      // width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.4);
-      z-index: 99;
-      cursor: pointer;
-    }
-    > .quick-search-div {
-      position: absolute;
-      left: 0;
-      top: 0;
-      display: flex;
-      flex-direction: column;
-      // width: 100%;
-      max-height: 75%;
-      background: #fff;
-      overflow: hidden;
-      z-index: 999;
-      border-bottom-left-radius: 4px;
-      border-bottom-right-radius: 4px;
-    }
-    .quick-search-container {
-      flex: 1;
-      overflow-y: auto;
-      padding: 12px 12px 0;
-    }
-    .quick-search-title {
-      display: inline-flex;
-      justify-content: space-between;
-      align-items: center;
-      height: 50px;
-      line-height: 50px;
-      padding: 0 12px;
-      font-size: 16px;
-      border-bottom: 1px solid #d5d5d5;
-    }
-    .quick-search-footer {
-      border-top: 1px solid #d5d5d5;
-      padding-left: 12px;
-      height: 50px;
-      line-height: 50px;
-      min-height: 50px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .clear-container {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 13px;
-        height: 20px;
-        font-size: 14px;
-        font-weight: 400;
-        color: #000000;
-        line-height: 20px;
-        span {
-          color: #e54949;
-        }
-      }
-    }
-    .fold-search-btn {
-      position: absolute;
-      left: 50%;
-      top: -34px;
-      transform: translateX(-50%);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: rgba(33, 33, 33, 0.6);
-      background-color: #fff;
-      box-shadow: 0px 0px 3px 3px rgb(220 220 220);
-      background-color: #fff;
-      border-bottom-left-radius: 10px;
-      border-bottom-right-radius: 10px;
-      padding: 4px 22px;
-      cursor: pointer;
-      z-index: 21;
-      i {
-        margin-left: 6px;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="filter-container">
+    <div class="quick-search-wrap" :class="{ 'quick-search-wrap-fold': quickSearchObj.isFold }" :style="searchPosition">
+      <!-- :class="{ 'quick-search-wrap-fold': quickSearchObj.isFold }" -->
+      <div v-if="quickSearchObj.isFold" class="quick-search-wrap-mask" :style="maskPosition" @click.prevent.stop="foldQuickSearch(false)"></div>
+      <div class="quick-search-div" :style="searchPosition" v-show="quickSearchObj.isFold">
+        <div class="quick-search-title">
+          <span>高级筛选</span>
+          <a-icon type="close" @click="foldQuickSearch(false)" />
+        </div>
+        <div class="quick-search-container">
+          <QuickSearch
+            v-on="$listeners"
+            ref="quicksearchTable"
+            source="editTable"
+            :show="quickSearchObj.isFold"
+            :lastQuickSearchData="lastQuickSearchData"
+            :quickSearchConfig="quickSearchConfig"
+            :searchFieldList="searchFieldListFormat"
+            :relationTableList="relationTableList"
+            :tableId="searchTableId"
+            :quickSearchListObj="quickSearchListObj"
+            :originConditionList="originConditionList"
+            :isOrgAdmin="isOrgAdmin"
+            @onSave="onSave"
+            @filterCountChange="filterCountChange"
+            @clearQuickSearchConfig="clearQuickSearchConfig"
+            :filterApiConfig="filterApiConfig"
+          />
+        </div>
+        <div class="quick-search-footer">
+          <div>
+            <a-button type="primary" @click="openSaveToCalss">
+              保存到分类
+              <!-- {{ $t("1.1.1.5.6") }} -->
+            </a-button>
+            <a-button type="primary" @click="onSaveSearch" style="margin-left: 8px">
+              查 询
+              <!-- {{ $t("1.2.2.11") }} -->
+            </a-button>
+          </div>
+          <div class="clear-container" v-if="filterCount">
+            <a @click="clearData">清空筛选条件{{ filterCount ? `(${filterCount})` : '' }}</a>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div>
+      <div class="table-top">
+        <BaseSearch
+          v-bind="$attrs"
+          v-on="$listeners"
+          v-model="downLoadParams.keyword"
+          ref="baseSearch"
+          @btnOnClick="btnOnClick"
+          @changeSearch="changeSearch"
+          @onSave="onSave"
+          @reloadList="reloadList"
+          @handlerSetting="showDrawer"
+          @handlerChangeView="handlerChangeView"
+          @getClassification="getClassification"
+          @importUpdate="importUpdate"
+          @foldQuickSearch="foldQuickSearch"
+          @getQuickSearchListObj="getQuickSearchListObj"
+          @handleReset="resetFilter"
+          :onSearch="onSearch"
+          :onRelatedSearch="onRelatedSearch"
+          :rowBtnList="buttonListFormat"
+          :paramsData="paramsData"
+          :searchFieldList="searchFieldListFormat"
+          :showSettings="showSettings"
+          :viewList="viewList"
+          :relatedBaseInfo="relatedBaseInfo"
+          width="200px"
+          @tabClick="tabClick"
+          :tabConditionNumObj="tabConditionNumObj"
+          :conditionMap="conditionMap"
+          @setConditionMap="setConditionMap"
+          :filterBaseConfig="filterBaseConfig"
+          :filterApiConfig="filterApiConfig"
+        >
+        </BaseSearch>
+      </div>
+      <Classification
+        v-bind="$attrs"
+        ref="classification"
+        @changeSearch="changeSearch"
+        @setClassifyModal="setClassifyModal"
+        @setClassificationIndex="setClassificationIndex"
+        @setConditionList="setConditionList"
+        v-if="(classificationIndex === 1 || classificationIndex === 3) && isShowTableTool && isShowSetting('hideCondition') && Object.keys(conditionMap).length > 0"
+        :localObj="localObj"
+        :tableName="tableName"
+        :tableId="'xxxxxxxxxxxx'"
+        :curClassificationIndex="classificationIndex"
+        :curConditionList="conditionList"
+        :conditionSid="conditionSid"
+        :conditionType="conditionType"
+        :hideConditionChangeBtn="hideConditionChangeBtn"
+        :hideConditionChangeSetting="hideConditionChangeSetting"
+        :hideClearConditionChange="hideClearConditionChange"
+        :countCondition="countCondition"
+        :countTabCondition="countTabCondition"
+        @setTabConditionNumObj="setTabConditionNumObj"
+        :keyword="downLoadParams.keyword"
+        :fieldKeys="fieldKeys"
+        :tabConditionId="tabConditionSid"
+        :conditionMap="conditionMap"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import { Button, Icon } from 'ant-design-vue';
+import BaseSearch from './base-search-com/BaseSearch-com';
+import QuickSearch from './quick-search/QuickSearch';
+import Classification from './classification/Classification-com';
+import create from '@/core/create';
+export default create({
+  name: 'table-filter',
+  data() {
+    return {
+      quickSearchObj: {
+        title: '展开筛选',
+        type: 'caret-down',
+        isFold: false
+      }, // 高级筛选
+
+      lastQuickSearchData: [], // 最后一次高级筛选的数据 缓存
+      quickSearchListObj: {}, // 高级筛选 父类list
+
+      filterCount: 0, // 已输入的筛选条件的条数
+
+      paramsData: {}, // 可删除？
+      relatedBaseInfo: {},
+      templateList: [],
+      showSettings: {},
+      tabConditionNumObj: {},
+
+      quickSearchConfig: [],
+      originConditionList: [],
+
+      isInit: false,
+
+      maskPosition: {},
+      searchPosition: {},
+
+      conditionList: [],
+      localObj: {},
+      tableName: '',
+      classificationIndex: 1,
+      hideConditionChangeBtn: 0,
+      hideConditionChangeSetting: 0,
+      hideClearConditionChange: 0,
+      countCondition: 0,
+      tabConditionSid: '',
+      conditionSid: [],
+      conditionType: 'keyword',
+      countTabCondition: 0,
+      isShowTableTool: true
+    };
+  },
+  props: {
+    filterBaseConfig: {
+      type: Object,
+      default: () => ({})
+    },
+
+    filterApiConfig: {
+      type: Object,
+      default: () => ({})
+    },
+
+    downLoadParams: {
+      type: Object,
+      default: () => ({})
+    },
+
+    conditionMap: {
+      type: Object,
+      default: () => ({})
+    },
+
+    // 跨表查询
+    relationTableList: {
+      type: Array,
+      default: () => []
+    },
+
+    // 检索分类list
+    searchFieldList: {
+      type: Array,
+      default: () => [],
+      validator: function(list) {
+        return list.every(v => 'columnName' in v);
+      }
+      // {
+      // columnName: 'name', 字段名
+      // filterExplicit: 0, 检索外显配置 1 检索外显 0 否
+      // isShowSearch: 1, 字段是否开启检索 1 开始 0 否
+      // fieldType: 'TEXT', 字段类型，目前：DATE TEXT NUMBER JSONB
+      // settingObj: 字段的其他配置
+      // {
+      // attr: LABEL EVALUATE AGE PERCENTAGE 特殊类型处理
+      // showSetting: [{label:'label',value:'value'}], // 自定义多选
+      // }
+      // }
+    },
+
+    // buttonlist
+    buttonList: {
+      type: Array,
+      default: () => [],
+      validator: function(list) {
+        return list.every(v => 'name' in v);
+      }
+    },
+
+    // buttonlist
+    viewList: {
+      type: Array,
+      default: () => []
+    },
+
+    tableId: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    searchTableId() {
+      return this.tableId;
+    },
+
+    isOrgAdmin() {
+      return true;
+    },
+
+    searchFieldListFormat() {
+      const { searchFieldList } = this;
+      if (Array.isArray(searchFieldList)) {
+        searchFieldList.map(v => {
+          return Object.assign({ filterExplicit: 0, isShowSearch: 1, fieldType: 'TEXT', settingObj: {} }, v);
+        });
+      }
+      return searchFieldList;
+    },
+
+    buttonListFormat() {
+      const { buttonList } = this;
+      if (Array.isArray(buttonList)) {
+        buttonList.map(v => {
+          return Object.assign({ type: 'EDIT', sid: v.id, toggle: 'tile', isShow: 1 }, v);
+        });
+      }
+      return buttonList;
+    },
+
+    fieldKeys() {
+      let fieldKeys = [];
+      this.searchFieldList.forEach(item => {
+        if (item.isSearch && item.isSearch == 1 && !fieldKeys.includes(item.columnName)) {
+          fieldKeys.push(item.columnName);
+        }
+      });
+      return;
+    }
+  },
+  watch: {},
+  beforeCreate() {},
+  created() {},
+  beforeMount() {},
+  mounted() {
+    this.init();
+  },
+  beforeUpdate() {},
+  updated() {},
+  beforeDestroy() {},
+  destroyed() {},
+  activated() {},
+  methods: {
+    init() {
+      this.$nextTick(() => {
+        this.getElPosition();
+        this.getClassification()
+        this.isInit = true;
+      });
+    },
+
+    getElPosition() {
+      let pObj = this.$el.getBoundingClientRect();
+      let winWidth = document.documentElement.clientWidth;
+      const { top, left, right } = pObj;
+
+      let maskPosition = { top: `${top}px`, left: `${left}px`, right: `${winWidth - right}px`, bottom: '0px', position: 'fixed' };
+
+      let searchPosition = { top: `${top}px`, left: `${left}px`, right: `${winWidth - right}px`, position: 'fixed' };
+
+      this.$set(this, 'maskPosition', maskPosition);
+
+      this.$set(this, 'searchPosition', searchPosition);
+    },
+
+    /**
+     * 高级检索打开关闭
+     */
+    foldQuickSearch(val) {
+      this.quickSearchObj.isFold = val;
+    },
+
+    getQuickSearchListObj(list) {
+      this.quickSearchListObj = list;
+    },
+
+    /**
+     * 快速搜索保存
+     */
+    onSave(conObj, isOutFilter = false) {
+      if (isOutFilter) {
+        this.$emit('outOnSearch', conObj);
+      } else {
+        this.$emit('advancedOnSearch', conObj);
+      }
+    },
+
+    /**
+     * 高级检索输入的条数
+     */
+    filterCountChange(count) {
+      this.filterCount = count;
+    },
+
+    // updateTableCondiTionQuicksearch() {
+    //   console.log(arguments,'updateTableCondiTionQuicksearch')
+    //   this.$refs.baseSearch?.clearData();
+    //   this.$refs.baseSearch?.updateTableCondiTion();
+    // },
+
+    /**
+     * 清空高级检索
+     */
+    clearQuickSearchConfig() {
+      this.quickSearchConfig = [];
+      this.$emit('advancedOnclear');
+    },
+
+    /**
+     * 筛选分类 Classification
+     */
+    setConditionList(val, originConditionList) {
+      this.conditionList = val;
+      this.originConditionList = originConditionList;
+    },
+
+    /**
+     * 输入关键字搜索按钮触发
+     */
+    onSearch(val, e) {
+      this.$emit('keywordOnSearch', val, e);
+    },
+
+    /**
+     * 输入关键字搜索按钮触发
+     */
+    openSaveToCalss() {
+      this.$refs.quicksearchTable?.openSaveToCalss();
+    },
+
+    /**
+     * 输入关键字搜索按钮触发
+     */
+    onSaveSearch() {
+      this.lastQuickSearchData = this.$refs.quicksearchTable?.onSave() || [];
+      this.foldQuickSearch();
+    },
+
+    /**
+     * 点击按钮
+     */
+    btnOnClick(btn, j) {
+      this.$emit('buttonOnClick', btn, j);
+    },
+
+    /**
+     * 刷新列表
+     */
+    reloadList() {},
+
+    /**
+     * 点击设置
+     */
+    showDrawer() {},
+
+    /**
+     * 切换视图
+     */
+    handlerChangeView() {},
+
+    /**
+     * 获取检索分类？
+     */
+    getClassification(options) {
+       this.$refs["classification"]?.tableCondiTionPromise(options);
+    },
+
+    /**
+     * 量表导入成功
+     */
+    importUpdate() {},
+
+    /**
+     * 重置检索条件
+     */
+    resetFilter() {
+      this.qqConObj = [];
+      this.outFilterConOBj = [];
+      this.clearData();
+      this.onSave([]);
+      this.$emit('resetFilter');
+    },
+
+    clearData() {
+      this.$refs.quicksearchTable?.clearData();
+      this.$refs.baseSearch?.initOutSearchFieldList();
+    },
+
+    /**
+     * 页签搜索
+     */
+    tabClick() {},
+    /**
+     * 页签搜索
+     */
+    onRelatedSearch() {},
+    /**
+     * 页签搜索
+     */
+    changeSearch() {},
+
+    /**
+     * 设置检索分类
+     */
+    setConditionMap(map) {
+      this.conditionMap = map;
+    },
+
+    setClassifyModal() {},
+
+    setClassificationIndex() {},
+
+    isShowSetting(v) {
+      // TODO:
+      return true;
+      // if (v == "hideSettingBtn") {
+      //   return this.isOrgAdmin || this.showSettings[v] == 0;
+      // } else {
+      //   if (this.showRelatedTreeBtn) {
+      //     return this.relatedBaseInfo[v] == 0;
+      //   }
+      //   return this.showSettings[v] == 0;
+      // }
+    },
+
+    setTabConditionNumObj(){},
+
+  },
+  components: {
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    BaseSearch,
+    QuickSearch,
+    Classification
+  }
+});
+</script>
+
+<style lang="less" scoped>
+.filter-container {
+  position: relative;
+  // 高级检索的弹窗
+  .quick-search-wrap {
+    // position: absolute;
+    width: 100%;
+    background: #f7f7f7;
+
+    &.quick-search-wrap-fold {
+      position: absolute;
+      top: 0;
+      left: 0;
+      // width: 100%;
+      // height: 100%;
+      z-index: 10;
+      .fold-search-btn {
+        top: -24px;
+      }
+    }
+    .quick-search-wrap-mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      // width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.4);
+      z-index: 99;
+      cursor: pointer;
+    }
+    > .quick-search-div {
+      position: absolute;
+      left: 0;
+      top: 0;
+      display: flex;
+      flex-direction: column;
+      // width: 100%;
+      max-height: 75%;
+      background: #fff;
+      overflow: hidden;
+      z-index: 999;
+      border-bottom-left-radius: 4px;
+      border-bottom-right-radius: 4px;
+    }
+    .quick-search-container {
+      flex: 1;
+      overflow-y: auto;
+      padding: 12px 12px 0;
+    }
+    .quick-search-title {
+      display: inline-flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 50px;
+      line-height: 50px;
+      padding: 0 12px;
+      font-size: 16px;
+      border-bottom: 1px solid #d5d5d5;
+    }
+    .quick-search-footer {
+      border-top: 1px solid #d5d5d5;
+      padding-left: 12px;
+      height: 50px;
+      line-height: 50px;
+      min-height: 50px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .clear-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 13px;
+        height: 20px;
+        font-size: 14px;
+        font-weight: 400;
+        color: #000000;
+        line-height: 20px;
+        span {
+          color: #e54949;
+        }
+      }
+    }
+    .fold-search-btn {
+      position: absolute;
+      left: 50%;
+      top: -34px;
+      transform: translateX(-50%);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: rgba(33, 33, 33, 0.6);
+      background-color: #fff;
+      box-shadow: 0px 0px 3px 3px rgb(220 220 220);
+      background-color: #fff;
+      border-bottom-left-radius: 10px;
+      border-bottom-right-radius: 10px;
+      padding: 4px 22px;
+      cursor: pointer;
+      z-index: 21;
+      i {
+        margin-left: 6px;
+      }
+    }
+  }
+}
+</style>