cnhis-design-vue 2.1.24 → 2.1.25

package/packages/table-filter/src/base-search-com/BaseSearch.vue

@@ -1,2468 +1,2468 @@
-<template>
-  <div class="base-search">
-    <div class="base-container">
-      <div class="bease-left" ref="baseLeft" v-resize="onResize">
-        <!-- 行内编辑对应生成的（保存、取消）按钮 -->
-        <template v-if="visibleInlineOperateBtn">
-          <div class="btn-custom-wrap">
-            <a-button
-              v-preventReClick="preventReTime"
-              :style="{ display: isInlineOperating ? 'inline-block' : 'none' }"
-              @click="inlineEditClick"
-              class="btn-custom-class"
-              style="margin: 8px 8px 8px 0"
-              type="primary"
-            >
-              保存
-            </a-button>
-            <a-button
-              v-preventReClick="preventReTime"
-              :style="{ display: isInlineOperating ? 'inline-block' : 'none' }"
-              @click="inlineEditCancel"
-              class="btn-custom-class"
-              style="margin: 8px 8px 8px 0"
-            >
-              取消
-            </a-button>
-          </div>
-        </template>
-        <ul v-if="!visibleInlineOperateBtn && !isRowEditing">
-          <div ref="btnRow" class="btn-row" v-if="isShowSettingBtn">
-            <a-button class="btn-setting" v-show="currentTempId != '0' && isShowSetting('hideSettingBtn')" icon="setting" @click="handlerSetting">
-              设置
-              <!-- {{ $t("1.1.5.3") }} -->
-            </a-button>
-            <a-dropdown overlayClassName="viewList-dropdown" v-if="showViewList">
-              <a-button class="viewList-button">
-                <svg-icon :icon-class="'anniuqiehuanmoshi'" style="font-size: 22px"></svg-icon>
-              </a-button>
-              <a-menu slot="overlay">
-                <a-menu-item v-for="(item, index) in viewList" :value="item.id" :key="index" @click="handlerSelectTemp(item.id)" :class="{ 'menu-active': currentTempId === item.id }">
-                  <span>{{ item.name }}</span>
-                  <!-- <a-icon v-if="currentTempId === item.id" type="check" /> -->
-                </a-menu-item>
-              </a-menu>
-            </a-dropdown>
-          </div>
-          <slot name="classification"></slot>
-          <li v-if="showQuickSearch" ref="quickSearchLi">
-            <a-button class="search-default" type="default" @click="foldQuickSearch">
-              <svg-icon icon-class="xitongtubiaoBIxitongshaixuan" style="color: #2d7aff; margin-right: 6px"></svg-icon>
-              筛选 {{ qqConObjCount ? `(${qqConObjCount})` : '' }}
-            </a-button>
-          </li>
-          <!-- start--筛选外显--start -->
-          <template v-for="item in outSearchFieldList">
-            <outQuickSearch :key="item.id + item.random_key" :item="item" :filterApiConfig="filterApiConfigOutSearch" @outFilterChange="outFilterChange"></outQuickSearch>
-          </template>
-          <!-- end--筛选外显--end -->
-
-          <!-- start--筛选外显 跨表--start -->
-          <template v-for="relationItem in outRelationQuickSearch">
-            <template v-for="item in relationItem.fieldList">
-              <outQuickSearch :key="item.id" :item="item" :filterApiConfig="filterApiConfigOutSearch" @outFilterChange="outFilterChange"></outQuickSearch>
-            </template>
-          </template>
-          <!-- end--筛选外显 跨表--end -->
-
-          <li v-if="isShowSetting('hideSearch') && !showRelatedTreeBtn" ref="inputSearchLi" class="baseSearch-input-search">
-            <template v-if="outSearchFieldList && outSearchFieldList.length">
-              <a-input
-                :style="{ width: (searchInputWidth || inputSearchW) + 'px', margin: '0 8px 8px 0' }"
-                allowClear
-                :placeholder="searchPlaceHolder"
-                :value="currentValue"
-                @input="$emit('input', $event.target.value)"
-                @pressEnter="outFilterChange"
-                class="input-search-com"
-              >
-                <template slot="prefix" v-if="showPlaceholderPrefix">
-                  <a-tooltip :title="searchPlaceHolder" overlayClassName="basesearch-placeholder-tooltip">
-                    <a-icon type="info-circle" class="search-placeholder-icon" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </template>
-            <a-input-search
-              v-else
-              class="my-input-search input-search-com"
-              :style="{ width: (searchInputWidth || inputSearchW) + 'px' }"
-              @search="onSearch"
-              allowClear
-              :placeholder="searchPlaceHolder"
-              :value="currentValue"
-              @input="$emit('input', $event.target.value)"
-            >
-              <template slot="prefix" v-if="showPlaceholderPrefix">
-                <a-tooltip :title="searchPlaceHolder" overlayClassName="basesearch-placeholder-tooltip">
-                  <a-icon type="info-circle" class="search-placeholder-icon" />
-                </a-tooltip>
-              </template>
-              <a-button slot="enterButton" type="primary">
-                <svg-icon icon-class="xitongtubiaosousuo"></svg-icon>
-              </a-button>
-            </a-input-search>
-          </li>
-          <li v-if="outSearchFieldList && outSearchFieldList.length">
-            <a-button type="primary" @click="outFilterChange" style="margin: 0 8px 8px 0">
-              <a-icon type="search" style="margin-right: 6px" />
-              查询
-            </a-button>
-          </li>
-          <li v-if="showResetFilterBtn">
-            <a-button @click="handleReset" style="margin: 0 8px 8px 0">
-              <svg-icon icon-class="xitongtubiaoliebiaocaozuoanniushanchu" style="margin-right: 6px"></svg-icon>
-              重置
-            </a-button>
-          </li>
-
-          <!-- 平铺列表 tree -->
-          <template v-if="showRelatedTreeBtn">
-            <li v-if="showRelatedSearch" :class="[isRelatedSearchFold ? 'related-search-input' : 'related-search-input-expand']">
-              <a-input-search
-                ref="relatedSearchInput"
-                class="my-input-search my-input-search-related"
-                placeholder="请输入关键字搜索"
-                @search="onRelatedSearch"
-                allowClear
-                :value="currentValue"
-                @input="$emit('input', $event.target.value)"
-              >
-                <a-button slot="enterButton" type="primary">
-                  <a-icon type="search" />
-                  <!-- <svg-icon icon-class="xitongtubiaosousuo"></svg-icon> -->
-                </a-button>
-              </a-input-search>
-            </li>
-            <template v-if="rowTileBtnListTree && rowTileBtnListTree.length === 1">
-              <a-button type="primary" style="margin-right: 8px; margin-bottom: 8px" @click="handleAddType(rowTileBtnListTree[0])">
-                {{ rowTileBtnListTree[0].alias || rowTileBtnListTree[0].name }}
-              </a-button>
-            </template>
-            <a-dropdown v-if="rowTileBtnListTree.length > 1 && !isInlineOperating">
-              <a-menu slot="overlay">
-                <template v-for="b in rowTileBtnListTree">
-                  <a-menu-item :key="b.sid" class="dropdown-btn" v-if="b.type == 'ADD'" @click="handleAddType(b)">
-                    {{ b.alias || b.name }}
-                    <a-icon v-if="b.icon" :type="btnObj[b.icon]" />
-                    <template v-else>
-                      <svg-icon
-                        v-if="b.iconSetting"
-                        :iconClass="JSON.parse(b.iconSetting).icon"
-                        :style="{
-                          marginRight: '8px'
-                        }"
-                      />
-                    </template>
-                  </a-menu-item>
-                </template>
-              </a-menu>
-              <a-button type="primary" ghost style="margin-left: 8px; margin-bottom: 8px">
-                <!-- 1.1.8.1.6更多 -->
-                {{ '更多' }} ...
-              </a-button>
-            </a-dropdown>
-          </template>
-          <template v-if="!nobutton && !showRelatedTreeBtn">
-            <template v-if="isButtonFolding">
-              <li class="allBtn" v-if="allBtn && allBtn.length" ref="allBtnLi">
-                <a-dropdown v-show="!isInlineOperating">
-                  <a-menu slot="overlay">
-                    <template v-for="(b, j) in allBtn">
-                      <a-menu-item :key="b.sid" class="dropdown-btn" v-if="b.type == 'ADD'" @click="showDrawer(b, j)">
-                        {{ b.alias || b.name }}
-                        <getBtnIcon :data="b" :btnObj="btnObj" />
-                      </a-menu-item>
-                      <a-menu-item
-                        :key="b.sid"
-                        v-else-if="showButtonTop == 1 && b.type != 'LINK' && currentTempId == '0'"
-                        class="dropdown-btn"
-                        @click="clickBtn(clickRowData, b, clickRowData.my_index, undefined, j)"
-                      >
-                        {{ b.showStyle === 'only_icon' ? '' : b.alias || b.name }}
-                        <getBtnIcon :data="b" :btnObj="btnObj" />
-                      </a-menu-item>
-                    </template>
-                  </a-menu>
-                  <a-button class="ml12 dropdown-button"
-                    >{{ '更多' }}
-                    <a-icon type="down" />
-                  </a-button>
-                </a-dropdown>
-              </li>
-            </template>
-            <template v-else>
-              <!-- start--按钮分组--start -->
-              <template v-if="isShowGroupBtn">
-                <template v-for="(key, i) in groupBtnObj">
-                  <li :key="i" v-if="key.list && key.list.length > 1" ref="rowTileBtnItem" :data-key="i" data-source="groupBtn">
-                    <ButtonGroup v-show="!key.isHide" :title="i" :list="key.list" :currentTempId="currentTempId" @showDrawer="showDrawer" @clickGroupBtn="clickGroupBtn"></ButtonGroup>
-                  </li>
-                </template>
-              </template>
-              <!-- end--按钮分组--end -->
-
-              <!-- 平铺按钮列表 -->
-              <template v-for="(item, j) in rowTileBtnList">
-                <!-- v-if="item.type == 'ADD'" -->
-                <li ref="rowTileBtnItem" class="rowTileBtn-item 123" :key="item.sid" v-if="showLi(item)" :data-key="item.sid" data-source="rowTile">
-                  <template v-if="item.type == 'ADD' || item.type == 'BATCH'">
-                    <a-button
-                      v-preventReClick="preventReTime"
-                      v-show="visibleBtn(item) && !item.isHide"
-                      @click.prevent.stop="showDrawer(item, j)"
-                      class="btn-custom-class"
-                      style="margin: 0 8px 8px 0"
-                      :style="$utils.getBtnStyle(item)"
-                      :type="item.showStyle == 'none_bg' || item.showStyle === 'only_icon' ? 'link' : 'primary'"
-                      :ghost="item.showStyle == 'white_bg'"
-                    >
-                      <getBtnIcon :data="item" :btnObj="btnObj" />
-                      <template v-if="item.showStyle !== 'only_icon'">
-                        {{ item.alias || item.name }}
-                      </template>
-                    </a-button>
-                    <a-upload v-if="item.isImportGuage" method="post" :show-upload-list="false" :action="`${axios.defaults.baseURL}/guage/importGuage`" @change="handleUploadChange">
-                      <!-- 上传配置文件 -->
-                      <a-button
-                        class="btn-custom-class"
-                        style="margin: 0 8px 8px 0"
-                        :style="$utils.getBtnStyle(item)"
-                        :type="item.showStyle == 'none_bg' || item.showStyle === 'only_icon' ? 'link' : 'primary'"
-                        :ghost="item.showStyle == 'white_bg'"
-                      >
-                        <a-icon type="upload" />
-                        <template v-if="item.showStyle !== 'only_icon'">
-                          {{ item.alias || item.name }}
-                        </template>
-                      </a-button>
-                    </a-upload>
-                  </template>
-                  <template v-else-if="isShowRowTileBtnItem(item)">
-                    <a-button
-                      v-preventReClick="preventReTime"
-                      v-show="visibleBtn(item) && !item.isHide"
-                      @click.prevent.stop="clickBtn(clickRowData, item, clickRowData.my_index, undefined, j)"
-                      class="btn-custom-class"
-                      style="margin: 0 8px 8px 0"
-                      :style="$utils.getBtnStyle(item)"
-                      :type="item.showStyle == 'none_bg' ? 'link' : 'primary'"
-                      :ghost="item.showStyle == 'white_bg'"
-                    >
-                      <getBtnIcon :data="item" :btnObj="btnObj" />
-                      <template v-if="item.showStyle !== 'only_icon'">
-                        {{ item.alias || item.name }}
-                      </template>
-                    </a-button>
-                  </template>
-                </li>
-              </template>
-              <!-- 打印列表-->
-              <template v-for="(item, j) in rowPrintBtnList">
-                <li ref="rowTileBtnItem" class="rowTileBtn-item rowPrintBtn-btn" :key="item.sid" v-if="showLi(item)" :data-key="item.sid" data-source="rowTile">
-                  <template v-if="item.isVisible && !item.isHide">
-                    <PrintBtn
-                      v-bind="$attrs"
-                      :printConfig="printConfig"
-                      :baseUrl="printConfig.printBaseUrl"
-                      :strategy="item.strategy"
-                      :btnText="item.name"
-                      :versionType="item.__printConfig && item.__printConfig.versionType"
-                      :port="item.__printConfig && item.__printConfig.port"
-                      :authorizationKey="item.__printConfig && item.__printConfig.authorizationKey"
-                      :templateNumber="item.__printConfig && item.__printConfig.number"
-                      :hisParams="item.__printConfig && item.__printConfig.hisParams"
-                      :params="getPrintBtnParams(item)"
-                      :prevFn="() => printBtnPrevFn(clickRowData, item, 2, j)"
-                      @success="receivePrintSuccess"
-                      @error="receivePrintError"
-                    ></PrintBtn>
-                  </template>
-                </li>
-              </template>
-              <!-- 折叠按钮列表 -->
-              <li class="rowFoldBtn" v-if="showRowFoldBtnList(rowFoldBtnList, 'rowFoldBtnList')">
-                <a-dropdown overlayClassName="baseSearch-fold-dropdown" v-show="!isInlineOperating">
-                  <a-menu slot="overlay">
-                    <template v-for="(b, j) in rowFoldBtnList">
-                      <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" v-if="showLiAdd(b)" @click="showDrawer(b, j)">
-                        {{ b.alias || b.name }}
-                        <getBtnIcon :data="b" :btnObj="btnObj" />
-                      </a-menu-item>
-                      <template v-else-if="showLiFold(b)">
-                        <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" @click="clickBtn(clickRowData, b, clickRowData.my_index, undefined, j)">
-                          {{ b.alias || b.name }}
-                          <getBtnIcon :data="b" :btnObj="btnObj" />
-                        </a-menu-item>
-                      </template>
-                    </template>
-                  </a-menu>
-                  <a-button class="dropdown-button" style="margin: 0 8px 8px 0"
-                    >{{ '更多' }}
-                    <a-icon type="down" />
-                  </a-button>
-                </a-dropdown>
-              </li>
-              <!-- 自适应折叠 -->
-              <template v-if="showRowFoldBtnList(rowFoldHideBtnList)">
-                <a-dropdown overlayClassName="rowFoldHideBtnList-dropdown" v-show="!isInlineOperating">
-                  <a-menu slot="overlay">
-                    <template v-for="(value, key) in rowFoldHideBtnListObj">
-                      <a-menu-item-group :key="key" v-if="showRowFoldBtnList(value.list)">
-                        <template slot="title"></template>
-                        <template v-for="(b, j) in value.list">
-                          <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" v-if="b.type == 'ADD'" @click="showDrawer(b, j)">
-                            {{ b.alias || b.name }}
-                            <getBtnIcon :data="b" :btnObj="btnObj" />
-                          </a-menu-item>
-                          <template v-else-if="b.type != 'LINK' && currentTempId == '0'">
-                            <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" @click="clickBtn(clickRowData, b, clickRowData.my_index, undefined, j)">
-                              {{ b.alias || b.name }}
-                              <getBtnIcon :data="b" :btnObj="btnObj" />
-                            </a-menu-item>
-                          </template>
-                        </template>
-                      </a-menu-item-group>
-                    </template>
-                  </a-menu>
-                  <a-button class="dropdown-button" style="margin: 0 8px 8px 0"
-                    >{{ '更多' }}
-                    <a-icon type="down" />
-                  </a-button>
-                </a-dropdown>
-              </template>
-            </template>
-          </template>
-        </ul>
-      </div>
-    </div>
-    <div class="base-tabs" v-if="showBaseTabs">
-      <div v-for="(item, index) in tabConditionList" :key="index" :class="tabIndex === index ? 'base-tabs-item base-tabs-item-active' : 'base-tabs-item'" @click="tabClick(index)"
-        >{{ item.name }} {{ countTabCondition == 1 && (item.digital || item.digital === 0) ? '(' + (item.digital || 0) + ')' : '' }}</div
-      >
-    </div>
-    <!-- palceholder 文字宽度计算 -->
-    <span class="baseSearchPlaceholderSpan" ref="baseSearchPlaceholderSpan">
-      {{ searchPlaceHolder }}
-    </span>
-  </div>
-</template>
-
-<script>
-/**
- * 完成搜索组合组件 BaseSearch
- * 使用方式：在需要的vue页中引入注册为子组件后直接使用
- * 提供函数：
- * 1、输入关键字搜索触发函数onSearch;
- * 2、左侧下拉选中搜索触发函数changeSearch;
- * 3、右侧快速弹框保存搜索函数onSave（obj）;
- * 完整例子：<BaseSearch :onSearch='onSearch' @changeSearch='changeSearch' @onSave='onSave'/>
- */
-import moment from 'moment';
-import 'moment/locale/zh-cn';
-
-import _ from 'lodash';
-import vexutils from '@/utils/vexutils';
-import { Button, Icon, Dropdown, Select, Upload, DatePicker, Input, Menu } from 'ant-design-vue';
-import resize from 'vue-resize-directive';
-
-import { GROUP_TITLE_KEY } from '../const';
-
-import PrintBtn from '~/button/src/ButtonPrint/index';
-// import stepRule from "@/components/table/mixins/stepRule";
-
-import outQuickSearch from '../components/out-quick-search/out-quick-search';
-import utils from '@/utils/utils-map';
-import { durationMixin, $utils, filterApiFn, outQuickSearchFn } from '../mixins/mixins';
-import tableSearchCon from '../mixins/tableSearchCon';
-import svgIcon from '@/component/svg/index.vue';
-import 'text-security/text-security.css';
-import create from '@/core/create';
-import preventReClick from '@/directive/preventReClick';
-/** 获取按钮 icon */
-import getBtnIcon from '../components/button-icon/getBtnIcon.js';
-import ButtonGroup from '../components/button-group/ButtonGroup.vue';
-
-const EVALUATEList = [
-  {
-    label: '一星',
-    value: '1',
-    isSelect: false
-  },
-  {
-    label: '二星',
-    value: '2',
-    isSelect: false
-  },
-  {
-    label: '三星',
-    value: '3',
-    isSelect: false
-  },
-  {
-    label: '四星',
-    value: '4',
-    isSelect: false
-  },
-  {
-    label: '五星',
-    value: '5',
-    isSelect: false
-  }
-];
-
-const BTNOBJ = {
-  // 按钮icon 映射
-  copy: 'copy',
-  pencil: 'edit',
-  delete: 'delete',
-  add: 'plus-circle',
-  download: 'download',
-  label: 'tag',
-  queding: 'check',
-  del: 'close'
-};
-
-export default create({
-  name: 'base-search',
-  mixins: [durationMixin, $utils, filterApiFn, tableSearchCon, outQuickSearchFn],
-  directives: { resize, preventReClick },
-  props: {
-    width: {
-      default: '400px'
-    },
-    searchInputWidth: {
-      // 设置检索框的宽度
-      type: Number,
-      default: 0
-    },
-    onSearch: Function,
-    rowBtnList: {
-      type: Array,
-      default: () => []
-    },
-    paramsData: Object,
-    // downLoad: Function,
-    showButtonTop: [String, Number],
-    showSettings: {
-      type: Object,
-      default: () => ({})
-    },
-    clickRowData: Object,
-    value: String,
-    searchFieldList: {
-      // 搜索的数据
-      type: Array,
-      default: () => []
-    },
-    searchFieldLimit: {
-      // 搜索的数据的限制条件
-      type: Object,
-      default: () => ({})
-    },
-    viewList: {
-      type: Array,
-      default: () => []
-    },
-    TypeOfDisplay: {
-      type: String,
-      default: ''
-    },
-    tableAllCheck: {
-      type: Boolean
-    },
-    classificationIndex: Number,
-    editTableSource: {
-      default: ''
-    },
-    showRelatedTreeBtn: Boolean,
-    relatedBaseInfo: Object,
-    onRelatedSearch: Function,
-    showResetFilterBtn: {
-      type: Boolean,
-      default: false
-    },
-    qqConObjCount: {
-      type: Number,
-      default: 0
-    },
-    conditionType: { type: String },
-    countCondition: { type: [Number, String] },
-    countTabCondition: { type: Number },
-    tabConditionNumObj: {
-      type: Object,
-      default: () => {}
-    },
-    isRelatedSearchFold: {
-      type: Boolean,
-      default: true
-    },
-    tableId: { type: String },
-    conditionMap: {
-      type: Object,
-      default: () => {}
-    },
-    getFilterData: Function,
-    oldtableData: Array,
-    isNestTableClick: Boolean,
-
-    isAdmin: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     * 导入量表配置
-     */
-    importGuageConfig: {
-      type: Object,
-      default: () => ({
-        action: ''
-      })
-    },
-
-    /**
-     * 打印配置
-     */
-    printConfig: {
-      type: Object,
-      default: () => ({
-        printBaseUrl: '/print/assembly',
-        postStepRule: () => Promise.resolve({})
-      })
-    },
-
-    gettersConfig: {
-      type: Object,
-      default: () => ({
-        getIsTile: '',
-        selectRowObj: [],
-        isInlineOperating: false,
-        printNumberCache: {}
-      })
-    },
-
-    /**
-     * 是否展示行编辑的按钮
-     */
-    visibleInlineOperateBtn: {
-      type: Boolean,
-      default: false
-    },
-
-    tabConditionList: {
-      type: Array,
-      default: () => []
-    },
-
-    lastOutSearchFieldList: {
-      type: Array,
-      default: () => []
-    },
-    lastOutRelationQuickSearch: {
-      type: Array,
-      default: () => []
-    },
-    relationTableList: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * 筛选外显
-     */
-    filterApiConfigOutSearch: {
-      type: Object,
-      default: () => ({})
-    },
-    useFieldList: Array,
-    editTableUid: [String, Number],
-
-    preventReTime: {
-      type: Number,
-      default: 1000
-    }
-  },
-  components: {
-    [Button.name]: Button,
-    [Icon.name]: Icon,
-    [Dropdown.name]: Dropdown,
-    [Select.name]: Select,
-    [Upload.name]: Upload,
-    [DatePicker.name]: DatePicker,
-    [DatePicker.RangePicker.name]: DatePicker.RangePicker,
-    [Input.name]: Input,
-    [Input.Search.name]: Input.Search,
-    [Menu.name]: Menu,
-    [Menu.Item.name]: Menu.Item,
-    [Menu.ItemGroup.name]: Menu.ItemGroup,
-    getBtnIcon,
-    PrintBtn,
-    outQuickSearch,
-    ButtonGroup,
-    svgIcon
-  },
-  inject: {
-    editTableWrapper: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  computed: {
-    isOrgAdmin() {
-      return this.isAdmin;
-    },
-    currentValue() {
-      return this.value;
-    },
-    allBtn() {
-      const { rowTileBtnList, rowFoldBtnList } = this;
-      let allBtn = [];
-      allBtn.push(...rowTileBtnList, ...rowFoldBtnList);
-      return allBtn;
-    },
-    isButtonFolding() {
-      // 首页配置
-      const { editTableWrapper } = this;
-      return editTableWrapper?.options?.isButtonFolding || false;
-    },
-    isShowSettingBtn() {
-      const { $attrs, viewList, noSetting } = this;
-      if (this.showRelatedTreeBtn) return;
-      return $attrs.isTree != 1 && viewList.length > 0 && !noSetting;
-    },
-    showDownCurSelectData() {
-      return this.selectRowObj.filter(item => !(GROUP_TITLE_KEY in (item || {})))?.length;
-    },
-    showRowFoldBtnList() {
-      return function(list, key) {
-        if (key === 'rowFoldBtnList' && !this.isShowSetting('buttonAdaption')) return false;
-        if (!list || !list.length) return false;
-
-        let hasGroupBtnList = list.filter(item => item.buttonGroup);
-        if (hasGroupBtnList.length) {
-          let showGroup = hasGroupBtnList.some(item => item.isShowFoldGroupBtn);
-          if (showGroup) return true;
-        }
-
-        // 只有一个按钮 分组按钮 非自适应
-        if (list.length === 1 && list[0].buttonGroup && list[0].isButtonGroup && !list[0].isShowFoldGroupBtn) return false;
-
-        let visibleList = list.filter(item => item.isVisible && !item.buttonGroup);
-        if (!visibleList || !visibleList.length) return false;
-        let hasAdd = visibleList.some(item => item.type === 'ADD');
-        if (hasAdd) {
-          return true;
-        } else {
-          if (this.currentTempId != 0) return false;
-          let notLinkArr = visibleList.filter(item => item.type !== 'LINK');
-          if (!notLinkArr || !notLinkArr.length) return false;
-        }
-        return true;
-      };
-    },
-    initPageResize() {
-      let { showSettings, TypeOfDisplay, classificationIndex } = this;
-      return {
-        showSettings,
-        TypeOfDisplay,
-        classificationIndex
-      };
-    },
-    isShowRowTileBtnItem() {
-      return function(item) {
-        return this.showButtonTop == 1 && item.type != 'LINK' && this.currentTempId == '0';
-      };
-    },
-    showRelatedSearchFold() {
-      if (
-        !this.isShowSettingBtn &&
-        !this.isShowSetting('hideQuickSearch') &&
-        this.outSearchFieldList.length == 0 &&
-        this.outRelationQuickSearch.length == 0 &&
-        !this.showResetFilterBtn &&
-        !this.$slots.classification
-      ) {
-        return false;
-      } else {
-        return this.isRelatedSearchFold;
-      }
-    },
-    handlePickerShowTime() {
-      return function(item) {
-        if (!item.showTime) return false;
-        return {
-          defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')]
-        };
-      };
-    },
-    isShowGroupBtn() {
-      if (!this.groupBtnObj || !Object.keys(this.groupBtnObj).length) return false;
-      return true;
-    },
-    showLi() {
-      return function(item) {
-        if (item.buttonGroup) {
-          return item.isShow == '1' && item.buttonGroup && !item.isButtonGroup;
-        }
-        return item.isShow == '1';
-      };
-    },
-    showLiAdd() {
-      return function(b) {
-        if (b.buttonGroup) {
-          return b.type == 'ADD' && b.buttonGroup && !b.isButtonGroup;
-        }
-        return b.type == 'ADD';
-      };
-    },
-    showLiFold() {
-      return function(b) {
-        if (b.buttonGroup) {
-          return b.type != 'LINK' && this.currentTempId == '0' && b.buttonGroup && !b.isButtonGroup;
-        }
-        return b.type != 'LINK' && this.currentTempId == '0';
-      };
-    },
-
-    getIsTile() {
-      return this?.gettersConfig?.getIsTile || '';
-    },
-    selectRowObj() {
-      return this?.gettersConfig?.selectRowObj || [];
-    },
-    isInlineOperating() {
-      return this?.gettersConfig?.isInlineOperating || false;
-    },
-    printNumberCache() {
-      return this?.gettersConfig?.printNumberCache || false;
-    },
-
-    // 全部行编辑
-    isBatchEditing() {
-      return this?.gettersConfig?.isBatchEditing || false;
-    },
-    curBatchBtnData() {
-      return this?.gettersConfig?.curBatchBtnData || {};
-    },
-    isRowEditing() {
-      return this?.gettersConfig?.isRowEditing || false;
-    },
-    // 是否有高级筛选外显
-    showOutSearch() {
-      return this.outSearchFieldList?.length || this.outRelationQuickSearch?.length;
-    },
-    showViewList() {
-      if (this.editTableSource === 'relatedComponent') {
-        return this.relatedBaseInfo.showType != 'TREE';
-      }
-      return !this.optionsValue('hideViewList');
-    },
-    optionsValue() {
-      return function(key) {
-        return this.$attrs.tableOptions?.[key];
-      };
-    },
-    searchPlaceHolder() {
-      if (!this.useFieldList?.length || this.showRelatedTreeBtn) return '请输入关键字搜索';
-      let str = '';
-      let strList = this.useFieldList
-        ?.map(item => {
-          if (item.isSearch != 1) return '';
-          return item.formTitle || item.alias || item.title;
-        })
-        .filter(Boolean);
-      if (!strList?.length) return '';
-      str = '输入' + strList.join('/');
-      return str || '请输入关键字搜索';
-    },
-    showRelatedSearch() {
-      return this.showRelatedTreeBtn && this.isShowSetting('hideSearch');
-    },
-    showQuickSearch() {
-      let showQuick = this.isShowSetting('hideQuickSearch');
-      // 平铺列表, 左侧不为tree, 而是table
-      if (this.editTableSource == 'relatedComponent' && this.relatedBaseInfo?.showType != 'TREE') return showQuick;
-      return showQuick && this.isRelatedSearchFold;
-    },
-    showBaseTabs() {
-      return this.conditionType === 'keyword' && this.tabConditionList?.length && !this.visibleInlineOperateBtn && !this.isRowEditing;
-    }
-  },
-  data() {
-    return {
-      modalVisible: false,
-      currentTempId: '0',
-      viewCongfigList: [],
-      isTile: false,
-      conditionList: [],
-      displayCategoryList: [],
-      settingId: '',
-      searchDefName: '',
-      rowTileBtnList: [],
-      rowFoldBtnList: [],
-      rowPrintBtnList: [],
-      rowFoldHideBtnList: [], // 按钮自适应折叠list
-      rowFoldHideBtnListObj: {}, // 按钮自适应折叠分类
-      batchRelationBtnIds: [], // 批量操作按钮，关联的对应操作按钮id集
-      relationBtnBatchBtnIds: [], // 有关联对应操作按钮的批量操作按钮id集
-
-      nobutton: false, // 不展示按钮设置 false 展示，true 不展示
-      noSetting: false, // 不展示按钮设置 false 展示，true 不展示
-      isChangeWindow: false,
-      modalWidth: '700px',
-      modalHeight: '60vh',
-      label_max_count: 8,
-      baseLeftWidth: 0,
-      btnRowWidth: 0,
-      classificationWidth: 0,
-      inputSearchWidth: 0,
-      quickSearchWidth: 0,
-      downloadDropdownWidth: 0,
-      diffWidth: 0,
-      resizeFlag: false,
-      rowTileBtnListTree: [],
-      outSearchFieldList: [],
-      tabIndex: -1,
-      // tabConditionList: [],
-
-      /* 打印相关 */
-      printBtnPrevFnWatch: {},
-      printPrevFinish: false,
-      printBtnPrevFnWatchTimeoutTimer: null,
-      printBtn: {},
-      groupBtnObj: {},
-      btnObj: BTNOBJ,
-      printBtnStrategys: [], // 打印按钮组策略list
-      outRelationQuickSearch: [], // 关联表 筛选外显
-      inputSearchW: 200,
-      showPlaceholderPrefix: false
-    };
-  },
-  created() {
-    if (this.getIsTile !== undefined) {
-      this.isTile = this.getIsTile;
-    }
-  },
-  destroyed() {},
-  methods: {
-    tabClick(index) {
-      if (this.tabIndex === index) return false;
-      this.tabIndex = index;
-      if (index !== -1) this.$emit('tabClick', this.tabConditionList[index]);
-    },
-    pageResize(obj) {
-      if (this.resizeFlag || this.visibleInlineOperateBtn || this.isRowEditing) return;
-      let baseLeft = this.$refs['baseLeft'];
-      if (!baseLeft) return;
-      this.resizeFlag = true;
-      this.baseLeftWidth = baseLeft.clientWidth;
-      this.classificationWidth = this.classificationIndex === 2 ? 160 : 0;
-      this.btnRowWidth = this.$refs['btnRow']?.clientWidth || 0;
-      this.inputSearchWidth = this.$refs['inputSearchLi']?.clientWidth || 0;
-      this.quickSearchWidth = this.$refs['quickSearchLi']?.clientWidth || 0;
-      // this.downloadDropdownWidth = this.$refs["downloadDropdownLi"]?.clientWidth || 0;
-      let defaultTotal = this.btnRowWidth + this.classificationWidth + this.inputSearchWidth + this.quickSearchWidth;
-
-      let diffWidth = this.baseLeftWidth - defaultTotal;
-      // 平铺列表占2行
-      if (this.editTableSource === 'relatedComponent') {
-        diffWidth += this.baseLeftWidth;
-      }
-      this.diffWidth = diffWidth;
-      if (!obj.type) return;
-      if (obj.type === 'resize') {
-        this.handleTileBtnWidth();
-      }
-    },
-    onResize() {
-      if (this.isButtonFolding || this.isShowSetting('buttonAdaption') || this.relatedIsTree == 1 || this.visibleInlineOperateBtn || this.isRowEditing) return;
-      utils.debounce(this.pageResize({ type: 'resize' }), 300);
-    },
-    async saveListIsTile() {
-      let url = `/tableList/saveListIsTile`;
-      let params = {
-        isTile: this.isTile ? '1' : '0'
-      };
-      let res = await this.handleGetConfigApi(params, 'requestSaveListIsTile');
-      if (res) {
-        this.$emit('setIsTile', this.isTile);
-        this.$message.success(this.$t('1.9.23'));
-      }
-    },
-    getTableCondiTionListRequest(first) {
-      this.getTableCondiTionList(first).then(checked => {
-        this.reloadList(checked);
-      });
-    },
-    getTableCondiTionList(first, conditionMap = {}) {
-      let tableId = this.tableId;
-      if (!tableId) return new Promise(resolve => resolve(false));
-      let conditionMapTemp = Object.keys(conditionMap).length > 0 ? conditionMap : this.conditionMap;
-
-      return new Promise((resolve, reject) => {
-        if (Object.keys(conditionMapTemp).length > 0) {
-          this.conditionList = conditionMapTemp.conditionList || [];
-          this.displayCategoryList = conditionMapTemp.displayCategoryList || [];
-          let obj = {
-            conditionList: this.conditionList,
-            displayCategoryList: this.displayCategoryList
-          };
-          this.$emit('getQuickSearchListObj', obj);
-          this.settingId = conditionMapTemp.settingId;
-          const checked = this.conditionList.find(item => item.isDefault) || {
-            name: '全部数据' || this.$t('1.1.5.1'),
-            sid: 'all_data'
-          };
-          this.searchDefName = checked.name;
-          // if (this.conditionType === "keyword") {
-          this.tabConditionList = conditionMapTemp.tabConditionList || []; // 获取页签tab
-          if (this.tabIndex === -1) {
-            this.tabIndex = conditionMapTemp.tabConditionList && conditionMapTemp.tabConditionList.findIndex(item => item.isDefault); // 查询默认选中的标签
-          }
-          // }
-          if (this.$attrs.tableOptions?.filterCondition?.displayCategory && first) {
-            resolve({
-              name: this.$attrs.tableOptions?.filterCondition?.name,
-              sid: this.$attrs.tableOptions?.filterCondition?.displayCategory
-            });
-          }
-          resolve(checked);
-        } else {
-          resolve({});
-        }
-      });
-
-      // }
-      // });
-    },
-    async getTableCondiTionListNew(tableId) {
-      if (!tableId) return new Promise(resolve => resolve(false));
-      let params = { tableId };
-      let url = `/tableList/getTableCondiTionList`;
-      return this.axios
-        .get(url, { params })
-        .then(({ data }) => {
-          if (data && data.result == 'SUCCESS') {
-            // 设置分类数据，用于优化组件内的多次请求分类
-            this.$emit('setConditionMap', data.map);
-            return data.map;
-          }
-        })
-        .catch(err => {
-          console.log(err);
-        });
-    },
-    foldQuickSearch() {
-      this.$emit('foldQuickSearch', true);
-    },
-    openModal() {
-      this.modalVisible = true;
-    },
-    closeModal() {
-      this.resetChangeWindow();
-      this.modalVisible = false;
-    },
-    resetChangeWindow() {
-      this.modalWidth = '700px';
-      this.modalHeight = '60vh';
-      this.isChangeWindow = false;
-    },
-    changeModalWindow() {
-      this.isChangeWindow = !this.isChangeWindow;
-      let docHeight = document.body.clientHeight;
-      this.modalWidth = this.modalWidth === '700px' ? `100%` : '700px';
-      this.modalHeight = this.modalHeight === '60vh' ? `${docHeight - 108}px` : '60vh';
-
-      if (this.modalWidth === '700px') {
-        this.label_max_count = 8;
-      } else {
-        this.$nextTick(() => {
-          let ele = document.querySelector('.quickSearch_label-container');
-          ele && (this.label_max_count = parseInt((ele.clientWidth - 20) / 112) * 2);
-        });
-      }
-    },
-    openSaveToCalss() {
-      this.$refs.quicksearch?.openSaveToCalss();
-    },
-    onSaveSearch() {
-      this.$refs.quicksearch?.onSave();
-    },
-    onSave(obj, isOutFilter = false, config = {}) {
-      if (!this.validConObj(obj, this.searchFieldList, this.searchFieldLimit)) return false;
-      let copy = [];
-      if (this.outSearchFieldList.length) {
-        copy = _.cloneDeep(this.outSearchFieldList, true);
-      }
-      let copyRelation = [];
-      if (this.outRelationQuickSearch.length) {
-        copyRelation = _.cloneDeep(this.outRelationQuickSearch, true);
-      }
-      this.$emit('onSave', obj, isOutFilter, copy, copyRelation, config);
-      this.modalVisible = false;
-    },
-    // 外部调用
-    editTableGetConObj() {
-      if (!this.showOutSearch) return;
-      let conObj = this.getConObjParams() || [];
-      if (!this.validConObj(conObj, this.searchFieldList, this.searchFieldLimit)) return false;
-      return conObj;
-    },
-    clearData() {
-      this.$refs.quicksearch?.clearData();
-    },
-    /**
-     * type 1-预览 2-打印
-     */
-    handlePrint(clickBtn, btn, type, j) {
-      btn.printType = type;
-      this.clickBtn(clickBtn, btn, clickBtn.my_index, true, j);
-    },
-    showDrawer(btn, j) {
-      let hasSelectRows = this.paramsData.form.selectRows && this.paramsData.form.selectRows.length > 0;
-      let isMultiSelect = hasSelectRows || this.tableAllCheck;
-
-      if ((btn.name.includes('批量') && btn.type == 'ADD') || btn.type == 'BATCH') {
-        // const { settingObj = {} } = btn || {};
-        let settingObj = {};
-        let settingList = btn.setting || '{}';
-        if (utils.isJSON(settingList)) {
-          let btnSetting = JSON.parse(settingList);
-          if (Array.isArray(btnSetting)) {
-            settingObj = btnSetting[0] || {};
-          } else {
-            settingObj = btnSetting;
-          }
-        }
-        let trigger_type = settingObj?.trigger_type;
-
-        // 全部行编辑
-        if (trigger_type == 'EDIT_ROW' || settingObj?.editAllRow == 1) {
-          this.handleBtnEvent(btn, j);
-          return;
-        }
-
-        if (trigger_type == 'SCAN' && btn.type == 'ADD') {
-          this.handleBtnEvent(btn, j);
-          return;
-        }
-
-        if (isMultiSelect) {
-          if (settingObj.isTips && settingObj.isTips == 0) {
-            this.handleBtnEvent(btn, j);
-            return;
-          }
-          // 批量操作增加确认
-          let params = { ...this.paramsData };
-          params.table = {};
-          if (settingObj.tipsMsg) {
-            if (settingObj.tipsMsg.includes('form.selectRows')) {
-              settingObj.tipsMsg = utils.handleMultiTips(settingObj.tipsMsg, [...params.form.selectRows]);
-            } else {
-              settingObj.tipsMsg = utils.handleSysParams(settingObj.tipsMsg, {
-                ...params
-              });
-            }
-          }
-          const h = this.$createElement;
-          this.$confirm({
-            title: h(
-              'div',
-              {
-                directives: [
-                  {
-                    name: 'drag-move',
-                    value: {
-                      target: 'ant-modal-confirm-body'
-                    }
-                  }
-                ],
-                domProps: {
-                  innerHTML: settingObj.tipsMsg || `是否确认${btn.name}`
-                }
-              }
-              // settingObj.tipsMsg || `是否确认${btn.name}`
-            ),
-            okText: '确定',
-            cancelText: '取消',
-            onOk: () => {
-              this.handleBtnEvent(btn, j);
-            },
-            onCancel() {
-              console.log('Cancel');
-            },
-            class: 'test'
-          });
-        } else {
-          if (!btn.canHandleUniline) {
-            // 1.9.295
-            this.$message.warning(`请勾选需要${btn.name}的数据`);
-            return;
-          }
-          this.clickBtn(
-            this.clickRowData,
-            // 找到对应的单行操作按钮
-            this.getUnilineBtn(btn),
-            this.clickRowData.my_index,
-            true,
-            j
-          );
-        }
-      } else {
-        if (btn.type == 'ADD' || btn.type == 'BATCH') {
-          this.handleBtnEvent(btn, j);
-          return;
-        }
-        this.clickBtn(this.clickRowData, btn, this.clickRowData.my_index, j);
-      }
-    },
-    getUnilineBtn(BatchBtn) {
-      let unilineBtnId = this.batchRelationBtnIds[this.relationBtnBatchBtnIds.indexOf(BatchBtn.id)];
-      let unilineBtnObj = null;
-      this.allBtn.forEach(i => {
-        if (i.id == unilineBtnId) {
-          unilineBtnObj = i;
-        }
-      });
-      return unilineBtnObj;
-    },
-    handleBtnEvent(btn, j) {
-      let indexList = [];
-      this.$emit('clearTeamTitleName');
-      if (this.paramsData.form.selectRows && this.paramsData.form.selectRows.length > 0) {
-        indexList = this.paramsData.form.selectRows.map(item => {
-          if (btn.type == 'BATCH') {
-            delete item.SHOW_BUTTON_IDS;
-            delete item.operatorColumn;
-          }
-          return item.my_index;
-        });
-      }
-      let setData = JSON.parse(btn.setting);
-      let settingList = JSON.parse(btn.setting);
-      /** 按钮对象需求：add类型的 setting 可能是 Array/Object*/
-      if (btn.type === 'ADD' || btn.type == 'BATCH') {
-        if (Array.isArray(settingList)) {
-          setData = settingList[0] || {};
-        } else {
-          setData = settingList;
-        }
-        this.paramsData.table = {};
-      }
-      if (setData.trigger_type == 'ABOUT_ITEM') {
-        this.$message.error('按钮事件配置有误');
-        return;
-      }
-      let params = setData.params || [];
-      if (setData.trigger_type == 'QR_CODE') {
-        params.forEach(item => {
-          item.p_value = item.p_value?.replace(/\$\{([^}]+)\}/g, (_v, $1) => {
-            return $1 || _v;
-          });
-        });
-      }
-      let paramsData = utils.setParamsValue(params, this.paramsData);
-      Object.assign(btn, {
-        _index_: j
-      });
-      let btnData = {
-        btnData: Object.assign(setData, {
-          paramsData: paramsData,
-          btnName: btn.name,
-          _params_data: this.paramsData,
-          _type_: btn.type
-        }),
-        indexList: indexList,
-        btnConfig: JSON.parse(JSON.stringify(btn)),
-        _params_data: this.paramsData,
-        _type_: btn.type
-      };
-      this.$emit('btnEvent', btnData);
-    },
-
-    // 筛选分类相关的
-    async updateTableCondiTion() {
-      await this.getTableCondiTionListNew(this.tableId);
-      this.getTableCondiTionListRequest();
-    },
-    async CondiTionListInit() {
-      await this.getTableCondiTionListNew(this.tableId);
-      this.getTableCondiTionListRequest();
-    },
-    async saveGetTableCondiTionList(options) {
-      await this.getTableCondiTionListNew(this.tableId);
-      this.getTableCondiTionList();
-      this.$emit('getClassification', options);
-    },
-    changeSearch(key, item) {
-      if (key == 'all') {
-        this.searchDefName = '全部数据' || this.$t('1.1.5.1');
-      } else {
-        this.searchDefName = item.name;
-      }
-      this.$refs.quicksearch.clearData();
-      this.$emit('changeSearch', key, item);
-    },
-    changeSearchTile(val) {
-      this.isTile = val;
-      this.saveListIsTile();
-    },
-    openSetting() {
-      this.$refs.search.handleMenuClick('setting');
-    },
-    reloadList(item) {
-      this.$refs.quicksearch?.clearData();
-      this.$emit('reloadList', item);
-    },
-    clickBtn(data, item, index, skip, j) {
-      this.$emit('clearTeamTitleName');
-      if ((item.name.includes('批量') && item.type == 'ADD' && !skip) || (item.type == 'BATCH' && !skip)) {
-        this.showDrawer(item, j);
-        return;
-      }
-      if (Object.keys(data || {}).length === 0 && !this.isPrintBtn(item)) {
-        // 请点击要操作的数据1.9.140
-        this.$message.info('请点击要操作的数据' || this.$t('1.9.140'));
-        return;
-      }
-      Object.assign(item, {
-        _index_: j
-      });
-      this.$emit('clickBtn', data, item, index);
-    },
-    clickGroupBtn(btn, j) {
-      this.clickBtn(this.clickRowData, btn, this.clickRowData.my_index, undefined, j);
-    },
-    handlerSetting() {
-      this.$emit('handlerSetting');
-    },
-    // 请求视图列表
-    handlerReqAllConfigView() {
-      let params = {
-        type: 'PC',
-        typeTable: 'TABLE_LIST',
-        tableId: this.tableId,
-        page: 1,
-        rows: 20
-      };
-      this.axios
-        .get('/tableListConfigView/getTableListConfigViewAll', {
-          params: params
-        })
-        .then(({ data }) => {
-          if (data.rows) {
-            let viewCongfigList = data.rows || [];
-            if (viewCongfigList.length > 0) {
-              // 查找默认值
-              let curItem = viewCongfigList.find(v => v.mark == 1);
-              this.currentTempId = curItem ? curItem.id : '0';
-              this.$emit('handlerChangeView', this.currentTempId);
-            } else {
-              this.currentTempId = '0';
-              this.$emit('handlerChangeView', this.currentTempId);
-            }
-
-            this.$set(this, 'viewCongfigList', viewCongfigList);
-          }
-        });
-    },
-    handlerSelectTemp(e) {
-      if (this.currentTempId === e) return;
-      this.currentTempId = e;
-      const tab = e == 0 ? 'bigTable' : null;
-      this.$emit('handlerChangeView', e, tab);
-      let f = this.viewList.findIndex(v => v.id == e);
-      this.resetCheckStatus();
-      this.$nextTick(() => {
-        this.formatRowBtnList();
-      });
-    },
-    isShowSetting(v) {
-      if (v == 'hideSettingBtn') {
-        return this.isOrgAdmin || this.showSettings[v] == 0;
-      } else {
-        if (this.showRelatedTreeBtn) {
-          return this.relatedBaseInfo[v] == 0;
-        }
-        return this.showSettings[v] == 0;
-      }
-    },
-    setBatchRelationBtnIds(list) {
-      let showButtonTop = !!this.showButtonTop;
-      if (!showButtonTop) return false;
-
-      list.forEach(item => {
-        let relationBtnId = JSON.parse(item.setting).relationBtnId;
-        if (item.type === 'BATCH' && relationBtnId) {
-          this.relationBtnBatchBtnIds.push(item.id);
-          this.batchRelationBtnIds.push(relationBtnId);
-        }
-      });
-    },
-    setBtnStatus(btn) {
-      const btnObj = utils.getRowOperatorIdSetting({}, btn);
-      const { settingObj = {} } = btnObj || {};
-      let isAllSelect = this.tableAllCheck;
-      let isMultiSelect = !!this.paramsData.form.selectIds;
-      let isBatchBtn = btn.type === 'BATCH';
-      let isAddBtn = btn.type === 'ADD';
-      let isSQLSAVEBtn = settingObj.trigger_type === 'SQLSAVE';
-      let isLineBtn = btn.type === 'EDIT' || btn.type === 'DELETE';
-      let isImportGuage = settingObj.trigger_type === 'GUAGE' && settingObj.guage_type == 'importGuage';
-
-      let isEditRow = settingObj.trigger_type === 'EDIT_ROW';
-      let editAllRow = settingObj.editAllRow == 1;
-
-      // 批量&&行编辑&&全部行编辑 直接展示
-      if (isBatchBtn && isEditRow && editAllRow) {
-        btn.isVisible = true;
-        return;
-      }
-
-      // 默认情况下 只展示新增&下载
-      if (!this.showDownCurSelectData) {
-        btn.isVisible = isAddBtn ? true : false;
-        if (!isImportGuage) return;
-      }
-
-      // btn.settingObj.guage_type == "importGuage";
-      // 全选状态下，只有入口类型的批量按钮展示（因当前版本仅支持入口类型的全选批量操作
-      if (isBatchBtn && isAllSelect) {
-        btn.isVisible = isSQLSAVEBtn;
-        return;
-      }
-
-      // 批量操作按钮，如果有绑定对应单行操作按钮，则批量按钮开启单行操作
-      let relationBtnId = JSON.parse(btn.setting).relationBtnId;
-      if (isBatchBtn && relationBtnId) {
-        btn.canHandleUniline = true;
-      }
-
-      // 批量按钮关联的对应按钮
-      if (this.showDownCurSelectData > 1 && isLineBtn) {
-        btn.isVisible = false;
-      } else {
-        if (isBatchBtn && btn.chooseTwoData == 1) {
-          btn.isVisible = !this.batchRelationBtnIds.includes(btn.id) && this.showDownCurSelectData > 1;
-        } else {
-          btn.isVisible = !this.batchRelationBtnIds.includes(btn.id);
-        }
-      }
-
-      // 未绑定了行级按钮的批量按钮，默认隐藏, 勾选展示
-      if (isBatchBtn && !relationBtnId && this.showDownCurSelectData > 1) {
-        btn.isVisible = isMultiSelect;
-      }
-      // 量表导入按钮
-      if (isImportGuage) {
-        btn.isImportGuage = true;
-        btn.isVisible = false;
-      }
-    },
-    // 处理分组按钮
-    handleButtonGroup(buttonList) {
-      let useBttonList = buttonList
-        .map(v => {
-          v.isButtonGroup = false;
-          // 有分组名  非隐藏
-          if (!v.buttonGroup || !v.isVisible || v.isShow != 1) return null;
-          if (v.type === 'ADD' || v.type == 'BATCH') return v;
-          if (this.showButtonTop != 1) return null;
-          return v;
-        })
-        .filter(Boolean);
-      if (!useBttonList.length) return;
-      let groupRes = vexutils.groupBy(useBttonList, 'buttonGroup');
-      if (!groupRes || !Object.keys(groupRes).length) return;
-      let resObj = {};
-      Object.keys(groupRes).forEach(item => {
-        let list = groupRes[item];
-        // 超过一个才展示
-        if (item && list?.length > 1) {
-          resObj[item] = {
-            key: item,
-            isHide: false,
-            list: list,
-            clientWidth: 0,
-            isVisible: true
-          };
-          list.forEach(v => (v.isButtonGroup = true));
-        }
-      });
-      this.groupBtnObj = resObj;
-    },
-    async formatRowBtnList() {
-      let rowFoldBtnList = [];
-      let rowTileBtnList = [];
-      let rowPrintBtnList = [];
-      this.rowFoldBtnList = [];
-      this.rowTileBtnList = [];
-      this.rowPrintBtnList = [];
-      this.rowFoldHideBtnList = [];
-      this.batchRelationBtnIds = [];
-      this.relationBtnBatchBtnIds = [];
-      this.groupBtnObj = {};
-      let useButton = [];
-      // let tempBtnList = this.rowBtnList;
-      // // 按钮置顶时 过滤掉行级按钮中 仅图标
-      // if (this.showButtonTop == 1) {
-      //   tempBtnList = tempBtnList.filter(v => {
-      //     if (["EDIT", "DELETE"].includes(v.type)) {
-      //       if (v.showStyle != "only_icon") return v;
-      //     } else {
-      //       return v;
-      //     }
-      //   });
-      // }
-      if (!this.rowBtnList?.length) return;
-      this.setBatchRelationBtnIds(this.rowBtnList);
-      let rowBtnList = this.rowBtnList;
-
-      // 子列表只留下行级按钮
-      // if (this.isNestTableClick) {
-      //   rowBtnList = this.rowBtnList.filter(item => item.type != 'ADD' && item.type != 'BATCH');
-      // }
-
-      rowBtnList.forEach(btn => {
-        if (!(btn.isShow == '1' && btn.type != 'LINK')) return;
-        btn.isHide = false;
-        btn.isButtonGroup = false;
-        let cloneBtn = _.cloneDeep(btn);
-        this.setBtnStatus(cloneBtn);
-        // 按钮自适应 即使折叠也平铺显示出来
-        if (this.isShowSetting('buttonAdaption')) {
-          if (btn.toggle == 'fold') {
-            if (btn.type != 'ADD' && btn.type != 'BATCH' && this.showButtonTop == 0) return;
-            if (!this.isPrintBtn(btn)) {
-              rowFoldBtnList.push(cloneBtn);
-            }
-          } else {
-            rowTileBtnList.push(cloneBtn);
-          }
-        } else {
-          rowTileBtnList.push(cloneBtn);
-        }
-        useButton.push(cloneBtn);
-      });
-      if (this.isShowSetting('buttonAdaption')) {
-        this.rowFoldBtnList = rowFoldBtnList;
-      }
-
-      this.rowTileBtnList = rowTileBtnList.filter(i => {
-        if (this.isPrintBtn(i)) {
-          rowPrintBtnList.push(i);
-        } else {
-          return i;
-        }
-      });
-
-      let printNumberList = (await this.getPrintNumber(rowPrintBtnList)) || [];
-      rowPrintBtnList = this.setPrintNumberToBtnList(printNumberList, rowPrintBtnList);
-      // this.rowPrintBtnList = rowPrintBtnList;
-      // 添加批量打印策略：strategy: MULTI(循环多条, 默认值, 为空时使用该策略)  ONCE(聚合一条)
-      this.rowPrintBtnList = rowPrintBtnList.map(item => {
-        const obj = this.printBtnStrategys.find(v => v.id === item.settingObj[0].trigger_id);
-        item.strategy = obj?.setting ? JSON.parse(obj.setting).strategy : 'MULTI';
-        return item;
-      });
-
-      this.hideInlineOperationBtn();
-
-      // 分组按钮
-      this.handleButtonGroup(useButton);
-
-      if (this.isShowSetting('buttonAdaption')) return;
-      this.$nextTick(() => {
-        this.handleTileBtnWidth();
-        this.dealOutFilterHideBtn();
-      });
-    },
-    hideInlineOperationBtn() {
-      if (this.TypeOfDisplay === 'table') return;
-
-      this.rowFoldBtnList = this.rowFoldBtnList.filter(item => {
-        return item.settingObj[0].trigger_type !== 'EDIT_ROW';
-      });
-      this.rowTileBtnList = this.rowTileBtnList.filter(item => {
-        return item.settingObj[0].trigger_type !== 'EDIT_ROW';
-      });
-    },
-    isPrintBtn(btn) {
-      const copySettingObj = btn.settingObj;
-      let settingObj = {};
-      if (Array.isArray(copySettingObj)) {
-        settingObj = copySettingObj[0];
-      } else {
-        settingObj = copySettingObj;
-      }
-      if (!settingObj) return false;
-      return settingObj.trigger_type === 'PRINT';
-    },
-    handleTileBtnWidth() {
-      if (this.outSearchFieldList.length > 0) return; // 存在外显按钮的时候 不触发这个函数
-      let rowTileBtnRef = this.$refs.rowTileBtnItem;
-      if (!rowTileBtnRef || !rowTileBtnRef.length) return;
-      let rowTileBtnList = JSON.parse(JSON.stringify(this.rowTileBtnList));
-      let groupBtnObj = JSON.parse(JSON.stringify(this.groupBtnObj));
-      let btnTotalWidth = 90;
-      let hasHideBtn = false;
-      let rowFoldHideBtnWidth = 90;
-      let diffWidth = this.diffWidth;
-      rowTileBtnRef.forEach((e, index) => {
-        let dataKey = e.getAttribute('data-key');
-        let dateSource = e.getAttribute('data-source');
-        let clientWidth = e.clientWidth;
-        let item;
-        if (dateSource == 'groupBtn') {
-          item = groupBtnObj[dataKey];
-        } else {
-          item = rowTileBtnList.find(v => v.sid === dataKey);
-        }
-        if (!item) return;
-        if (clientWidth) {
-          item.clientWidth = clientWidth;
-        }
-        if (item.clientWidth) {
-          clientWidth = item.clientWidth;
-        }
-        if (diffWidth <= 0) {
-          this.$set(item, 'isHide', true);
-        } else if (diffWidth > 0 && item.isVisible) {
-          btnTotalWidth += clientWidth;
-          if (btnTotalWidth > diffWidth) {
-            this.$set(item, 'isHide', true);
-            if (!hasHideBtn) {
-              hasHideBtn = true;
-              diffWidth -= rowFoldHideBtnWidth;
-              btnTotalWidth -= rowFoldHideBtnWidth;
-            }
-          } else {
-            this.$set(item, 'isHide', false);
-          }
-        }
-      });
-      let hideBtn = rowTileBtnList.filter(item => item.isVisible && item.isHide);
-      this.groupBtnObj = groupBtnObj;
-      this.rowTileBtnList = rowTileBtnList;
-      let rowFoldHideBtnListObj = {
-        ADD: { name: '新增按钮', list: [] },
-        INLINE: { name: '行级按钮', list: [] },
-        BATCH: { name: '批量按钮', list: [] }
-      };
-
-      hideBtn.forEach(item => {
-        item.isShowFoldGroupBtn = false;
-        if (item.type === 'ADD') {
-          rowFoldHideBtnListObj.ADD.list.push(item);
-        } else if (item.type == 'BATCH') {
-          rowFoldHideBtnListObj.BATCH.list.push(item);
-        } else {
-          rowFoldHideBtnListObj.INLINE.list.push(item);
-        }
-      });
-
-      let hideGroupBtnObj = {};
-      // 按钮自适应 隐藏的分组 需要在折叠中平铺展示
-      for (let key in groupBtnObj) {
-        if (groupBtnObj[key].isHide) {
-          let list = groupBtnObj[key].list;
-          hideGroupBtnObj[key] = {
-            name: key,
-            list
-          };
-          list.forEach(item => {
-            let matchItem = hideBtn.find(v => v.sid === item.sid);
-            if (!matchItem) {
-              item.isShowFoldGroupBtn = true;
-              hideBtn.push(item);
-            } else {
-              matchItem.isShowFoldGroupBtn = true;
-            }
-          });
-        }
-      }
-      if (Object.keys(hideGroupBtnObj).length) {
-        Object.assign(rowFoldHideBtnListObj, hideGroupBtnObj);
-      }
-
-      this.rowFoldHideBtnListObj = rowFoldHideBtnListObj;
-      this.rowFoldHideBtnList = hideBtn;
-      this.resizeFlag = false;
-    },
-    resetCheckStatus() {
-      this.$emit('pubResetCheckStatus');
-    },
-    handleReset() {
-      this.$emit('handleReset', { targetType: 'outQuickSearchReset' });
-    },
-    handleUploadChange(info) {
-      const { file, fileList } = info;
-      if (file.status !== 'uploading') {
-        console.log(file, fileList);
-      }
-      if (file.status === 'done') {
-        if (file.response?.result == 'SUCCESS') {
-          this.$message.success(`${file.name} 导入成功`);
-          this.$emit('importUpdate');
-        } else {
-          this.$message.error(`${file.name} 导入失败`);
-        }
-      } else if (file.status === 'error') {
-        this.$message.error(`${file.name} 导入失败`);
-      }
-    },
-    handleOtherConfigInit() {
-      setTimeout(() => {
-        let tableOptions = this.$attrs?.tableOptions || this.tableOptions || {};
-        const { nobutton = false, TypeOfDisplay = '', noSetting = false } = tableOptions?.config || {};
-        this.nobutton = nobutton || false;
-        if (TypeOfDisplay === 'table') {
-          this.currentTempId = '0';
-        }
-        if (noSetting) {
-          // this.showSettings["hideSettingBtn"] = 1;
-          this.noSetting = true;
-        }
-      }, 16);
-    },
-
-    handleTopBtnTracher(btn, j) {
-      try {
-        // 埋点
-        this.$_handleTracherLog('列表按钮', {
-          列表ID: this.tableId || '',
-          列表名称: this.tableName || this.$attrs?.tableName || '',
-          按钮名称: btn.name,
-          按钮ID: btn.id,
-          按钮类型: btn.type,
-          按钮顺序位置: j,
-          显示位置: btn.toggle
-        });
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    handleAddType(btn) {
-      const btnObj = utils.getRowOperatorIdSetting({}, btn);
-      let setData = JSON.parse(btnObj.setting);
-      const { editTableWrapper } = this;
-      const tableParams = JSON.parse(JSON.stringify(this.paramsData));
-
-      if (editTableWrapper.options && utils.isPlainObject(editTableWrapper.options.extendParams)) {
-        // 有额外的参数
-        editTableWrapper.options?.extendParams && Object.assign(tableParams.form, editTableWrapper.options.extendParams);
-      }
-      const paramsData = Object.assign(tableParams, {
-        table: btn
-      });
-      const params = utils.setParamsValue(setData.params, paramsData);
-      Object.assign(setData, { params, _params_data: paramsData });
-      this.$emit('btnEventTree', setData);
-    },
-    getRowTileBtnList(btnList) {
-      this.rowTileBtnListTree = [];
-      this.rowTileBtnListTree = btnList.filter(btn => btn.isShow == '1' && btn.type == 'ADD');
-    },
-    relatedSearchInputBlur() {
-      let searchInput = this.$refs.relatedSearchInput;
-      if (!searchInput) return;
-      if (!searchInput.$el?.children) return;
-      if (!searchInput.$el.children[0]?.children) return;
-      if (!searchInput.$el.children[0].children[0]) return;
-      if (!searchInput.$el.children[0].children[0]?.children) return;
-      let inputDom = searchInput.$el.children[0].children[0].children[0];
-      if (!inputDom) return;
-      inputDom.blur();
-    },
-    handleRequestedLabel(v) {
-      let params = { type: v, pageSize: 10000 };
-      return this.axios.get('/label/list', { params: params });
-    },
-    initOutSearchFieldList(config = {}) {
-      this.outSearchFieldList = [];
-      this.outRelationQuickSearch = [];
-      let mySearchFieldList = JSON.parse(JSON.stringify(this.searchFieldList)).filter(i => ((i.random_key = this.getFiledRandom_key(i)), i.isShowSearch == 1 && i.filterExplicit == 1));
-      this.outSearchFieldList = mySearchFieldList;
-      // 跨表
-      let outRelationQuickSearch = this.relationTableList.map(item => {
-        return {
-          fieldList: item.fieldList.fieldList.filter(item => item.isShowSearch == 1 && item.filterExplicit == 1) || [],
-          tableName: item.tableName,
-          primaryField: item.primaryField,
-          parameterConversionId: item.parameterConversionId,
-          tableId: item.tableId,
-          relationField: item.relationField,
-          converFun: item.converFun,
-          relationOrgId: item.relationOrgId,
-          preConObj: item.preConObj,
-          preSqlExpression: item.preSqlExpression
-        };
-      });
-      outRelationQuickSearch = outRelationQuickSearch.filter(item => item.fieldList.length);
-      this.$set(this, 'outRelationQuickSearch', outRelationQuickSearch);
-      this.dealOutFilterHideBtn();
-      this.handlerInitSearchItem(this.outSearchFieldList);
-      this.outRelationQuickSearch.forEach(item => {
-        this.handlerInitSearchItem(item.fieldList);
-      });
-      if (this.lastOutSearchFieldList.length > 0) {
-        this.outSearchFieldList = _.cloneDeep(this.lastOutSearchFieldList);
-      }
-      if (this.lastOutRelationQuickSearch.length) {
-        this.outRelationQuickSearch = this.$utils.clone(this.lastOutRelationQuickSearch, true);
-      }
-
-      // 如有配置默认值
-      if (this.outSearchFieldList.some(v => !!v.explicitDefaultVal)) {
-        this.$emit('outSearchInit');
-        if ('reset' != config?.type) {
-          this.outFilterChange({ type: 'outSearchInit' });
-        }
-      }
-    },
-    dealOutFilterHideBtn() {
-      if (!this.isShowSetting('buttonAdaption') && this.outSearchFieldList.length > 0) {
-        // 如果设置了按钮自适应 全部按钮放入折叠按钮
-        // 需要考虑按钮是否有分组 过滤掉分组
-        let rowTileBtnList = JSON.parse(JSON.stringify(this.rowTileBtnList));
-        let hideBtn = rowTileBtnList.filter(item => {
-          if (!item.isVisible) return false;
-          if (!item.buttonGroup) return true;
-          if (this.groupBtnObj && this.groupBtnObj[item.buttonGroup]) return false;
-          return true;
-        });
-        this.rowTileBtnList = rowTileBtnList.map(i => {
-          i['isHide'] = true;
-          return i;
-        });
-        let rowFoldHideBtnListObj = {
-          ADD: { name: '新增按钮', list: [] },
-          INLINE: { name: '行级按钮', list: [] },
-          BATCH: { name: '批量按钮', list: [] }
-        };
-        hideBtn.forEach(item => {
-          this.$set(item, 'isHide', true);
-          if (item.type === 'ADD') {
-            rowFoldHideBtnListObj.ADD.list.push(item);
-          } else if (item.type == 'BATCH') {
-            rowFoldHideBtnListObj.BATCH.list.push(item);
-          } else {
-            rowFoldHideBtnListObj.INLINE.list.push(item);
-          }
-        });
-        this.rowFoldHideBtnListObj = rowFoldHideBtnListObj;
-        this.rowFoldHideBtnList = hideBtn;
-      }
-    },
-    outFilterChange(config = {}) {
-      let conObj = this.getConObjParams() || [];
-      this.onSave(conObj, true, config);
-    },
-    visibleBtn(btn) {
-      if (!btn.isVisible) return false;
-      if (this.isInlineOperating) return false;
-
-      return true;
-    },
-    /* 打印相关 */
-    toSelectPrintObjs(value) {
-      let oldtableData = this.oldtableData;
-      let selectData = [];
-      if (value && value.length) {
-        value.forEach(v => {
-          let loopNode;
-          this.loop(oldtableData, v.my_index, item => {
-            loopNode = item;
-          });
-          selectData.push({
-            ...loopNode
-          });
-        });
-      }
-      selectData = selectData.map(item => {
-        return utils.paramsToPrintValue(item);
-      });
-
-      return selectData;
-    },
-    loop(data, theUniqueKey, callback) {
-      data.forEach((item, index, arr) => {
-        if (item.theUniqueKey === theUniqueKey) {
-          return callback(item, index, arr);
-        }
-        if (item.children) {
-          return this.loop(item.children, theUniqueKey, callback);
-        }
-      });
-    },
-    getPrintBtnParams(btn) {
-      const paramsData = JSON.parse(JSON.stringify(this.paramsData));
-      // const selectRows = this.toSelectPrintObjs(paramsData.form.selectRows);
-      const setData = JSON.parse(btn.setting);
-      let paramsArray = [];
-      paramsData.form.selectRows.forEach(i => {
-        const obj = {
-          table: i
-        };
-        // paramsArray.push(utils.setParamsValue(setData[0].params, Object.assign(paramsData, { obj })));
-        paramsArray.push(utils.setParamsValue(setData[0].params, Object.assign(paramsData, { obj, table: i })));
-      });
-
-      return paramsArray;
-    },
-    setPrintNumberToBtnList(printNumberList = [], btnList = []) {
-      let cloneList = _.cloneDeep(btnList);
-
-      printNumberList.forEach((item, index) => {
-        const i = cloneList.findIndex(v => v.settingObj[0].trigger_id == item.id);
-        if (i > -1) {
-          cloneList[i].__printConfig = {
-            number: item.number,
-            authorizationKey: item.authorizationKey,
-            port: item.port,
-            versionType: item.versionType,
-            hisParams: { reportid: item.number }
-          };
-        }
-        // cloneList[index].__printConfig = {
-        //   number: item.number,
-        //   authorizationKey: item.authorizationKey,
-        //   port: item.port,
-        //   versionType: item.versionType,
-        //   hisParams: { reportid: item.number }
-        // };
-      });
-
-      return cloneList;
-    },
-    async getPrintNumber(list) {
-      if (!list?.length) return;
-
-      let ids = list.map(item => item.settingObj[0].trigger_id).join(',');
-
-      let printNumberCacheKeys = Object.keys(this.printNumberCache);
-      let haveCache = printNumberCacheKeys.includes(ids);
-      if (haveCache) {
-        let printNumberList = this.printNumberCache[ids];
-        this.printBtnStrategys = printNumberList;
-        return Promise.resolve(printNumberList);
-      }
-
-      let res = await this.handleGetConfigApi({ ids }, 'requestGetByIds');
-
-      const { status, data } = res;
-      if (status) {
-        let resList = data?.list || [];
-        this.printBtnStrategys = resList;
-        list = resList.map(item => {
-          return {
-            number: item.number,
-            authorizationKey: data.authorizationKey,
-            versionType: data.versionType,
-            port: data.port,
-            id: item.id,
-            ...item
-          };
-        });
-        let len = list?.length || 0;
-        if (len > 0) {
-          this.setPrintNumberCache({
-            ids,
-            list
-          });
-        }
-
-        return list;
-      }
-      return list;
-    },
-    async receivePrintSuccessAboutPrint(res, info) {
-      const printBtn = this.printBtn;
-      const templateId = info.templateId;
-      const formatId = info.formatId;
-      const number = printBtn.__printConfig.number;
-
-      try {
-        const print = { formatId, number };
-        // 执行打印后置条件
-        const result = await this.printConfig.postStepRule(printBtn.settingObj, {
-          result: res,
-          print: print
-        });
-
-        if (result.method !== 'sync') return;
-        // 同步刷新列表
-        this.editTableWrapper?.$refs?.editTable?.getTableList('', false, true, true);
-      } catch (error) {
-        console.log('error', error);
-      }
-    },
-    async receivePrintSuccess(res, info) {
-      if (info.type === 'print') {
-        await this.receivePrintSuccessAboutPrint(res, info);
-      }
-      setTimeout(() => {
-        this.$message.success(res.message);
-      }, 3500);
-    },
-    receivePrintError(res) {
-      let errorMsg = res.message;
-      res.errinfo && (errorMsg += `：${res.errinfo}`);
-      this.$message.error(errorMsg);
-    },
-    resetAllPrintFnWatch() {
-      let keys = Object.keys(this.printBtnPrevFnWatch);
-      keys.forEach(key => {
-        if (!this.printBtnPrevFnWatch[key]) return false;
-        this.printBtnPrevFnWatch[key]();
-        this.printBtnPrevFnWatch[key] = null;
-        delete this.printBtnPrevFnWatch[key];
-      });
-    },
-    printBtnPrevFnWatchSetTimeout(reject) {
-      if (this.printBtnPrevFnWatchTimeoutTimer) {
-        clearTimeout(this.printBtnPrevFnWatchTimeoutTimer);
-        this.printBtnPrevFnWatchTimeoutTimer = null;
-      }
-
-      this.printBtnPrevFnWatchTimeoutTimer = setTimeout(() => {
-        this.resetAllPrintFnWatch();
-        reject();
-      }, 10000);
-    },
-    printBtnPrevFn(clickBtn, btn, type, j) {
-      return new Promise((resolve, reject) => {
-        /*
-          触发原按钮流程，在EditTable中触发原打印按钮节点时，修改[printPrevFinish]状态
-          触发watch，再执行Promise.resolve()
-        */
-        this.clickBtn(clickBtn, btn, clickBtn.my_index, true, j);
-        const timestamp = Date.now();
-
-        this.resetAllPrintFnWatch();
-        this.printPrevFinish = false;
-
-        this.printBtnPrevFnWatch[timestamp] = this.$watch('printPrevFinish', val => {
-          if (!this.printBtnPrevFnWatch[timestamp]) return false;
-          this.resetAllPrintFnWatch();
-          resolve();
-        });
-
-        this.printBtnPrevFnWatchSetTimeout(reject);
-      });
-    },
-    inlineEditClick() {
-      let { btnName, tipsMsg, isTips } = this.curBatchBtnData || {};
-      let _this = this;
-      // 保存是否需要提示
-      if (isTips != 1) {
-        this.setBatchSaveRowStatus(true);
-        return;
-      }
-      this.$confirm({
-        title: tipsMsg || `是否确认${btnName}`,
-        okText: '确定',
-        cancelText: '取消',
-        onOk: () => {
-          _this.setBatchSaveRowStatus(true);
-        },
-        onCancel() {}
-      });
-    },
-
-    /**
-     * 获取外显检索的默认值设置
-     */
-    handleGetOutSearchInitValue() {
-      if (this.outSearchFieldList.some(v => !!v.explicitDefaultVal)) {
-        let conObj = this.getConObjParams() || [];
-        return conObj;
-      }
-
-      return [];
-    },
-
-    getFiledRandom_key(el) {
-      // 初始化
-      const showSetting = el?.settingObj?.showSetting || [];
-      let f = !this.$utils.isEmpty(el?.settingObj?.wordbook);
-      if (!showSetting?.length && f) {
-        return Math.random().toString();
-      }
-      return '11';
-    },
-
-    inlineEditCancel() {
-      this.setBatchCancelRowStatus(true);
-    },
-
-    setBatchSaveRowStatus(f) {
-      this.$emit('setBatchSaveRowStatus', f);
-    },
-
-    setBatchCancelRowStatus(f) {
-      this.$emit('setBatchCancelRowStatus', f);
-    },
-
-    setPrintNumberCache(obj) {
-      this.$emit('setPrintNumberCache', obj);
-    }
-
-    /*  */
-  },
-  watch: {
-    // 平铺列表 watch 触发 导致请求发很多次
-    // 注释掉tableId 之后有问题请使用另外的方法解决, 不要再使用watch触发
-    // tableId: {
-    //   immediate: true,
-    //   deep: true,
-    //   handler(val) {
-    // val && this.getTableCondiTionListRequest(true);
-    // }
-    // },
-    viewList: {
-      deep: true,
-      immediate: true,
-      handler() {
-        if (this.viewList.length > 0) {
-          let curItem;
-          let hasListType = true;
-          this.viewList.forEach(v => {
-            if (v.mark == 1) {
-              curItem = v.id;
-            }
-            if (v.id == '0') {
-              hasListType = false;
-            }
-          });
-          hasListType &&
-            this.viewList.push({
-              id: '0',
-              name: '列表模式' || this.$t('1.1.5.4')
-            });
-          // 查找默认值
-          // let curItem = this.viewList.find(v => v.mark == 1);
-          this.currentTempId = curItem || '0';
-
-          // 按钮打卡视图列表
-          let tableViewId = this.optionsValue('tableViewId');
-          let onlyOpenView = this.optionsValue('hideViewList') && tableViewId;
-          if (onlyOpenView) {
-            this.currentTempId = tableViewId;
-          }
-          // this.handlerSelectTemp(this.currentTempId);
-          this.$emit('handlerChangeView', this.currentTempId);
-        } else {
-          this.currentTempId = '0';
-          // this.handlerSelectTemp(this.currentTempId);
-          this.editTableSource != 'relatedComponent' && this.$emit('handlerChangeView', this.currentTempId);
-        }
-      }
-    },
-    getIsTile: {
-      immediate: true,
-      handler(val) {
-        if (val === undefined) return;
-        this.isTile = val;
-      }
-    },
-    rowBtnList: {
-      immediate: true,
-      deep: true,
-      handler() {
-        this.formatRowBtnList();
-        this.handleOtherConfigInit();
-      }
-    },
-    initPageResize: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (!val || !Object.keys(val).length) return;
-        if (this.isButtonFolding || this.isShowSetting('buttonAdaption')) return;
-        let { classificationIndex } = val;
-        if (classificationIndex < 0) return;
-        this.pageResize({});
-      }
-    },
-    relatedBaseInfo: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (!val || !Object.keys(val).length) return;
-        let { buttonList } = val;
-        if (!buttonList || !buttonList.length) return;
-        this.getRowTileBtnList(buttonList);
-      }
-    },
-    searchFieldList: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && val.length > 0) {
-          this.initOutSearchFieldList();
-        }
-      }
-    },
-    tabConditionNumObj: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (this.conditionType === 'keyword' && val && Object.keys(val).length > 0) {
-          this.tabConditionList.length > 0 &&
-            this.tabConditionList.forEach(item => {
-              if (val[item.sid] !== undefined) this.$set(item, 'digital', val[item.sid]);
-            });
-        }
-      }
-    },
-    searchPlaceHolder: {
-      immediate: true,
-      handler(val) {
-        if (!val || this.showRelatedTreeBtn) return;
-        this.$nextTick(() => {
-          this.showPlaceholderPrefix = false;
-          let dom = this.$refs.baseSearchPlaceholderSpan;
-          if (!dom) return;
-          // input 框有padding 32px  ...显示需要多预留一些宽度12px
-          let w = dom.offsetWidth + 45;
-          // 非筛选外显input 有enterButton 预留宽度
-          if (!this.showOutSearch) {
-            w += 45;
-          }
-          let maxW = 300;
-          this.inputSearchW = w > maxW ? maxW : w < 200 ? 200 : w;
-          if (w > maxW) {
-            this.showPlaceholderPrefix = true;
-          }
-          this.onResize();
-        });
-      }
-    }
-  }
-});
-</script>
-
-<style lang="less" scoped>
-.base-search {
-  flex: 1;
-  .base-container {
-    display: flex;
-    justify-content: space-between;
-    text-align: left;
-    background: #fff;
-  }
-  .bease-left {
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    flex: 1;
-    .btn-custom-wrap {
-      width: 100%;
-      display: flex;
-      justify-content: flex-end;
-      align-items: flex-start;
-    }
-  }
-  .base-tabs {
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid #d5d5d5;
-    margin-bottom: 8px;
-    .base-tabs-item {
-      padding: 7px 16px;
-      font-size: 14px;
-      color: #212121;
-      font-weight: 400;
-      cursor: pointer;
-      border-bottom: 1px solid transparent;
-    }
-    .base-tabs-item-active {
-      color: #2d7aff;
-      border-bottom: 1px solid #2d7aff;
-    }
-  }
-  ul {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    margin-top: 8px;
-    li {
-      display: inline-block;
-      /deep/ .search-default {
-        height: 32px;
-        line-height: 32px;
-        margin-bottom: 8px;
-        margin-right: 8px;
-        border-color: #d5d5d5;
-        color: #212121;
-        .ant-btn {
-          border-color: #d5d5d5;
-          color: #212121;
-        }
-      }
-      /deep/ .out-filter-input {
-        width: 200px;
-        margin: 0 8px 8px 0;
-        .ant-input-wrapper {
-          .ant-input-group-addon {
-            border: 1px solid #d9d9d9 !important;
-            border-left: 0 !important;
-          }
-        }
-      }
-      .my-input-search {
-        vertical-align: middle;
-        position: relative;
-        top: -1px;
-        margin-bottom: 8px;
-        margin-right: 8px;
-        height: 32px;
-        /deep/ .ant-input {
-          margin-top: 1px;
-          border-right: 0 !important;
-          &:hover {
-            & + .ant-input-suffix {
-              .ant-input-search-icon {
-                color: #579aff;
-              }
-            }
-          }
-        }
-        /deep/ .ant-input-group-addon {
-          padding: 0;
-          border: 0 !important;
-          vertical-align: bottom;
-          .ant-btn {
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
-          }
-        }
-        .svg-icon {
-          margin-right: 0;
-          font-size: 16px;
-        }
-      }
-      .mr8 {
-        margin-right: 8px;
-        margin-bottom: 8px;
-      }
-      .mr12 {
-        margin-right: 12px;
-        margin-bottom: 8px;
-      }
-      .ml12 {
-        margin-left: 12px;
-        margin-bottom: 8px;
-      }
-      &.related-search-input {
-        /deep/ .my-input-search {
-          width: 40px;
-          .ant-input-affix-wrapper {
-            width: 0px;
-            .ant-input {
-              width: 0;
-              outline: none;
-              box-shadow: none;
-              &:focus {
-                outline: none;
-              }
-            }
-            .ant-input:not(:last-child) {
-              padding: 0px;
-              border: 0px !important;
-            }
-            .ant-input-suffix {
-              i {
-                display: none;
-              }
-            }
-          }
-          .ant-input-group-addon {
-            .ant-btn {
-              border-top-left-radius: 4px;
-              border-bottom-left-radius: 4px;
-            }
-          }
-        }
-      }
-      &.related-search-input-expand {
-        transition: width 0.2s;
-        /deep/ .my-input-search {
-          width: 215px;
-          .ant-input-affix-wrapper {
-            .ant-input-suffix {
-              i {
-                display: inline-block;
-              }
-            }
-          }
-        }
-      }
-    }
-    .dropdown-button {
-      color: #212121;
-      border-color: #d5d5d5 !important;
-      margin-left: 8px;
-      margin-bottom: 8px;
-      /deep/ .svg-icon {
-        margin-right: 4px;
-      }
-      &.ant-dropdown-trigger {
-        i.anticon.anticon-down {
-          color: #969696;
-          font-size: 14px;
-        }
-      }
-    }
-    .baseSearch-input-search {
-      .input-search-com {
-        input {
-          padding: 4px 8px;
-        }
-        .search-placeholder-icon {
-          color: #b4b4b4;
-        }
-      }
-    }
-  }
-  /deep/ .num-picker {
-    position: relative;
-    display: flex;
-    &.num-picker-unit {
-      padding-right: 20px;
-    }
-    input {
-      text-align: left !important;
-    }
-    &:hover {
-      .clear-number-icon {
-        display: block;
-      }
-    }
-    /deep/ .ant-calendar-range-picker-input {
-      text-align: left;
-    }
-    .clear-number-icon {
-      position: absolute;
-      right: 5px;
-      top: 6px;
-      display: none;
-      cursor: pointer;
-      z-index: 1000;
-    }
-  }
-  .btn-row {
-    display: inline-flex;
-    line-height: 32px;
-    height: 32px;
-    // padding: 0 10px;
-    padding-right: 8px;
-    margin-bottom: 8px;
-    transform: translateZ(0);
-    .mgl-10 {
-      margin-left: 10px;
-    }
-    &.min-width {
-      min-width: 212px;
-    }
-    /deep/ .ant-select-selection__rendered {
-      color: #212121;
-      font-size: 14px;
-    }
-    /deep/ .ant-select-arrow {
-      i {
-        color: #969696;
-        font-size: 12px;
-      }
-    }
-    .btn-setting {
-      margin-right: 4px;
-    }
-    .viewList-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0 12px;
-    }
-  }
-  .search-tile {
-    max-width: 100%;
-    max-height: 74px;
-    overflow-x: auto;
-    /deep/ .ant-btn {
-      margin-right: 10px;
-      margin-bottom: 5px;
-    }
-  }
-
-  .psw-icon {
-    cursor: pointer;
-    &:active {
-      color: #5585f5;
-      // #2474ff
-    }
-    color: #969696;
-  }
-
-  ::-webkit-input-placeholder {
-    /* WebKit browsers */
-    font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  }
-
-  ::-moz-placeholder {
-    /* Mozilla Firefox 19+ */
-    font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  }
-
-  :-ms-input-placeholder {
-    /* Internet Explorer 10+ */
-    font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  }
-  .baseSearchPlaceholderSpan {
-    visibility: hidden;
-    position: absolute;
-    z-index: -1;
-  }
-}
-</style>
-<style lang="less">
-.rowFoldHideBtnList-dropdown {
-  .ant-dropdown-menu {
-    overflow-y: auto;
-    max-height: 99vh;
-  }
-  .ant-dropdown-menu-item-group {
-    .ant-dropdown-menu-item-group-title {
-      display: none;
-    }
-    border-bottom: 1px solid #d5d5d5;
-    &:last-child {
-      border-color: transparent;
-    }
-  }
-}
-.viewList-dropdown {
-  min-width: 120px;
-  .ant-dropdown-menu-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: #2e2e2e;
-    margin: 1px 0;
-    &:hover {
-      background: #f2f2f2;
-    }
-    > span {
-      display: inline;
-      width: 85%;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-  }
-  .ant-dropdown-menu-item.menu-active {
-    color: #2d7aff;
-  }
-}
-</style>
+<template>
+  <div class="base-search">
+    <div class="base-container">
+      <div class="bease-left" ref="baseLeft" v-resize="onResize">
+        <!-- 行内编辑对应生成的（保存、取消）按钮 -->
+        <template v-if="visibleInlineOperateBtn">
+          <div class="btn-custom-wrap">
+            <a-button
+              v-preventReClick="preventReTime"
+              :style="{ display: isInlineOperating ? 'inline-block' : 'none' }"
+              @click="inlineEditClick"
+              class="btn-custom-class"
+              style="margin: 8px 8px 8px 0"
+              type="primary"
+            >
+              保存
+            </a-button>
+            <a-button
+              v-preventReClick="preventReTime"
+              :style="{ display: isInlineOperating ? 'inline-block' : 'none' }"
+              @click="inlineEditCancel"
+              class="btn-custom-class"
+              style="margin: 8px 8px 8px 0"
+            >
+              取消
+            </a-button>
+          </div>
+        </template>
+        <ul v-if="!visibleInlineOperateBtn && !isRowEditing">
+          <div ref="btnRow" class="btn-row" v-if="isShowSettingBtn">
+            <a-button class="btn-setting" v-show="currentTempId != '0' && isShowSetting('hideSettingBtn')" icon="setting" @click="handlerSetting">
+              设置
+              <!-- {{ $t("1.1.5.3") }} -->
+            </a-button>
+            <a-dropdown overlayClassName="viewList-dropdown" v-if="showViewList">
+              <a-button class="viewList-button">
+                <svg-icon :icon-class="'anniuqiehuanmoshi'" style="font-size: 22px"></svg-icon>
+              </a-button>
+              <a-menu slot="overlay">
+                <a-menu-item v-for="(item, index) in viewList" :value="item.id" :key="index" @click="handlerSelectTemp(item.id)" :class="{ 'menu-active': currentTempId === item.id }">
+                  <span>{{ item.name }}</span>
+                  <!-- <a-icon v-if="currentTempId === item.id" type="check" /> -->
+                </a-menu-item>
+              </a-menu>
+            </a-dropdown>
+          </div>
+          <slot name="classification"></slot>
+          <li v-if="showQuickSearch" ref="quickSearchLi">
+            <a-button class="search-default" type="default" @click="foldQuickSearch">
+              <svg-icon icon-class="xitongtubiaoBIxitongshaixuan" style="color: #2d7aff; margin-right: 6px"></svg-icon>
+              筛选 {{ qqConObjCount ? `(${qqConObjCount})` : '' }}
+            </a-button>
+          </li>
+          <!-- start--筛选外显--start -->
+          <template v-for="item in outSearchFieldList">
+            <outQuickSearch :key="item.id + item.random_key" :item="item" :filterApiConfig="filterApiConfigOutSearch" @outFilterChange="outFilterChange"></outQuickSearch>
+          </template>
+          <!-- end--筛选外显--end -->
+
+          <!-- start--筛选外显 跨表--start -->
+          <template v-for="relationItem in outRelationQuickSearch">
+            <template v-for="item in relationItem.fieldList">
+              <outQuickSearch :key="item.id" :item="item" :filterApiConfig="filterApiConfigOutSearch" @outFilterChange="outFilterChange"></outQuickSearch>
+            </template>
+          </template>
+          <!-- end--筛选外显 跨表--end -->
+
+          <li v-if="isShowSetting('hideSearch') && !showRelatedTreeBtn" ref="inputSearchLi" class="baseSearch-input-search">
+            <template v-if="outSearchFieldList && outSearchFieldList.length">
+              <a-input
+                :style="{ width: (searchInputWidth || inputSearchW) + 'px', margin: '0 8px 8px 0' }"
+                allowClear
+                :placeholder="searchPlaceHolder"
+                :value="currentValue"
+                @input="$emit('input', $event.target.value)"
+                @pressEnter="outFilterChange"
+                class="input-search-com"
+              >
+                <template slot="prefix" v-if="showPlaceholderPrefix">
+                  <a-tooltip :title="searchPlaceHolder" overlayClassName="basesearch-placeholder-tooltip">
+                    <a-icon type="info-circle" class="search-placeholder-icon" />
+                  </a-tooltip>
+                </template>
+              </a-input>
+            </template>
+            <a-input-search
+              v-else
+              class="my-input-search input-search-com"
+              :style="{ width: (searchInputWidth || inputSearchW) + 'px' }"
+              @search="onSearch"
+              allowClear
+              :placeholder="searchPlaceHolder"
+              :value="currentValue"
+              @input="$emit('input', $event.target.value)"
+            >
+              <template slot="prefix" v-if="showPlaceholderPrefix">
+                <a-tooltip :title="searchPlaceHolder" overlayClassName="basesearch-placeholder-tooltip">
+                  <a-icon type="info-circle" class="search-placeholder-icon" />
+                </a-tooltip>
+              </template>
+              <a-button slot="enterButton" type="primary">
+                <svg-icon icon-class="xitongtubiaosousuo"></svg-icon>
+              </a-button>
+            </a-input-search>
+          </li>
+          <li v-if="outSearchFieldList && outSearchFieldList.length">
+            <a-button type="primary" @click="outFilterChange" style="margin: 0 8px 8px 0">
+              <a-icon type="search" style="margin-right: 6px" />
+              查询
+            </a-button>
+          </li>
+          <li v-if="showResetFilterBtn">
+            <a-button @click="handleReset" style="margin: 0 8px 8px 0">
+              <svg-icon icon-class="xitongtubiaoliebiaocaozuoanniushanchu" style="margin-right: 6px"></svg-icon>
+              重置
+            </a-button>
+          </li>
+
+          <!-- 平铺列表 tree -->
+          <template v-if="showRelatedTreeBtn">
+            <li v-if="showRelatedSearch" :class="[isRelatedSearchFold ? 'related-search-input' : 'related-search-input-expand']">
+              <a-input-search
+                ref="relatedSearchInput"
+                class="my-input-search my-input-search-related"
+                placeholder="请输入关键字搜索"
+                @search="onRelatedSearch"
+                allowClear
+                :value="currentValue"
+                @input="$emit('input', $event.target.value)"
+              >
+                <a-button slot="enterButton" type="primary">
+                  <a-icon type="search" />
+                  <!-- <svg-icon icon-class="xitongtubiaosousuo"></svg-icon> -->
+                </a-button>
+              </a-input-search>
+            </li>
+            <template v-if="rowTileBtnListTree && rowTileBtnListTree.length === 1">
+              <a-button type="primary" style="margin-right: 8px; margin-bottom: 8px" @click="handleAddType(rowTileBtnListTree[0])">
+                {{ rowTileBtnListTree[0].alias || rowTileBtnListTree[0].name }}
+              </a-button>
+            </template>
+            <a-dropdown v-if="rowTileBtnListTree.length > 1 && !isInlineOperating">
+              <a-menu slot="overlay">
+                <template v-for="b in rowTileBtnListTree">
+                  <a-menu-item :key="b.sid" class="dropdown-btn" v-if="b.type == 'ADD'" @click="handleAddType(b)">
+                    {{ b.alias || b.name }}
+                    <a-icon v-if="b.icon" :type="btnObj[b.icon]" />
+                    <template v-else>
+                      <svg-icon
+                        v-if="b.iconSetting"
+                        :iconClass="JSON.parse(b.iconSetting).icon"
+                        :style="{
+                          marginRight: '8px'
+                        }"
+                      />
+                    </template>
+                  </a-menu-item>
+                </template>
+              </a-menu>
+              <a-button type="primary" ghost style="margin-left: 8px; margin-bottom: 8px">
+                <!-- 1.1.8.1.6更多 -->
+                {{ '更多' }} ...
+              </a-button>
+            </a-dropdown>
+          </template>
+          <template v-if="!nobutton && !showRelatedTreeBtn">
+            <template v-if="isButtonFolding">
+              <li class="allBtn" v-if="allBtn && allBtn.length" ref="allBtnLi">
+                <a-dropdown v-show="!isInlineOperating">
+                  <a-menu slot="overlay">
+                    <template v-for="(b, j) in allBtn">
+                      <a-menu-item :key="b.sid" class="dropdown-btn" v-if="b.type == 'ADD'" @click="showDrawer(b, j)">
+                        {{ b.alias || b.name }}
+                        <getBtnIcon :data="b" :btnObj="btnObj" />
+                      </a-menu-item>
+                      <a-menu-item
+                        :key="b.sid"
+                        v-else-if="showButtonTop == 1 && b.type != 'LINK' && currentTempId == '0'"
+                        class="dropdown-btn"
+                        @click="clickBtn(clickRowData, b, clickRowData.my_index, undefined, j)"
+                      >
+                        {{ b.showStyle === 'only_icon' ? '' : b.alias || b.name }}
+                        <getBtnIcon :data="b" :btnObj="btnObj" />
+                      </a-menu-item>
+                    </template>
+                  </a-menu>
+                  <a-button class="ml12 dropdown-button"
+                    >{{ '更多' }}
+                    <a-icon type="down" />
+                  </a-button>
+                </a-dropdown>
+              </li>
+            </template>
+            <template v-else>
+              <!-- start--按钮分组--start -->
+              <template v-if="isShowGroupBtn">
+                <template v-for="(key, i) in groupBtnObj">
+                  <li :key="i" v-if="key.list && key.list.length > 1" ref="rowTileBtnItem" :data-key="i" data-source="groupBtn">
+                    <ButtonGroup v-show="!key.isHide" :title="i" :list="key.list" :currentTempId="currentTempId" @showDrawer="showDrawer" @clickGroupBtn="clickGroupBtn"></ButtonGroup>
+                  </li>
+                </template>
+              </template>
+              <!-- end--按钮分组--end -->
+
+              <!-- 平铺按钮列表 -->
+              <template v-for="(item, j) in rowTileBtnList">
+                <!-- v-if="item.type == 'ADD'" -->
+                <li ref="rowTileBtnItem" class="rowTileBtn-item 123" :key="item.sid" v-if="showLi(item)" :data-key="item.sid" data-source="rowTile">
+                  <template v-if="item.type == 'ADD' || item.type == 'BATCH'">
+                    <a-button
+                      v-preventReClick="preventReTime"
+                      v-show="visibleBtn(item) && !item.isHide"
+                      @click.prevent.stop="showDrawer(item, j)"
+                      class="btn-custom-class"
+                      style="margin: 0 8px 8px 0"
+                      :style="$utils.getBtnStyle(item)"
+                      :type="item.showStyle == 'none_bg' || item.showStyle === 'only_icon' ? 'link' : 'primary'"
+                      :ghost="item.showStyle == 'white_bg'"
+                    >
+                      <getBtnIcon :data="item" :btnObj="btnObj" />
+                      <template v-if="item.showStyle !== 'only_icon'">
+                        {{ item.alias || item.name }}
+                      </template>
+                    </a-button>
+                    <a-upload v-if="item.isImportGuage" method="post" :show-upload-list="false" :action="`${axios.defaults.baseURL}/guage/importGuage`" @change="handleUploadChange">
+                      <!-- 上传配置文件 -->
+                      <a-button
+                        class="btn-custom-class"
+                        style="margin: 0 8px 8px 0"
+                        :style="$utils.getBtnStyle(item)"
+                        :type="item.showStyle == 'none_bg' || item.showStyle === 'only_icon' ? 'link' : 'primary'"
+                        :ghost="item.showStyle == 'white_bg'"
+                      >
+                        <a-icon type="upload" />
+                        <template v-if="item.showStyle !== 'only_icon'">
+                          {{ item.alias || item.name }}
+                        </template>
+                      </a-button>
+                    </a-upload>
+                  </template>
+                  <template v-else-if="isShowRowTileBtnItem(item)">
+                    <a-button
+                      v-preventReClick="preventReTime"
+                      v-show="visibleBtn(item) && !item.isHide"
+                      @click.prevent.stop="clickBtn(clickRowData, item, clickRowData.my_index, undefined, j)"
+                      class="btn-custom-class"
+                      style="margin: 0 8px 8px 0"
+                      :style="$utils.getBtnStyle(item)"
+                      :type="item.showStyle == 'none_bg' ? 'link' : 'primary'"
+                      :ghost="item.showStyle == 'white_bg'"
+                    >
+                      <getBtnIcon :data="item" :btnObj="btnObj" />
+                      <template v-if="item.showStyle !== 'only_icon'">
+                        {{ item.alias || item.name }}
+                      </template>
+                    </a-button>
+                  </template>
+                </li>
+              </template>
+              <!-- 打印列表-->
+              <template v-for="(item, j) in rowPrintBtnList">
+                <li ref="rowTileBtnItem" class="rowTileBtn-item rowPrintBtn-btn" :key="item.sid" v-if="showLi(item)" :data-key="item.sid" data-source="rowTile">
+                  <template v-if="item.isVisible && !item.isHide">
+                    <PrintBtn
+                      v-bind="$attrs"
+                      :printConfig="printConfig"
+                      :baseUrl="printConfig.printBaseUrl"
+                      :strategy="item.strategy"
+                      :btnText="item.name"
+                      :versionType="item.__printConfig && item.__printConfig.versionType"
+                      :port="item.__printConfig && item.__printConfig.port"
+                      :authorizationKey="item.__printConfig && item.__printConfig.authorizationKey"
+                      :templateNumber="item.__printConfig && item.__printConfig.number"
+                      :hisParams="item.__printConfig && item.__printConfig.hisParams"
+                      :params="getPrintBtnParams(item)"
+                      :prevFn="() => printBtnPrevFn(clickRowData, item, 2, j)"
+                      @success="receivePrintSuccess"
+                      @error="receivePrintError"
+                    ></PrintBtn>
+                  </template>
+                </li>
+              </template>
+              <!-- 折叠按钮列表 -->
+              <li class="rowFoldBtn" v-if="showRowFoldBtnList(rowFoldBtnList, 'rowFoldBtnList')">
+                <a-dropdown overlayClassName="baseSearch-fold-dropdown" v-show="!isInlineOperating">
+                  <a-menu slot="overlay">
+                    <template v-for="(b, j) in rowFoldBtnList">
+                      <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" v-if="showLiAdd(b)" @click="showDrawer(b, j)">
+                        {{ b.alias || b.name }}
+                        <getBtnIcon :data="b" :btnObj="btnObj" />
+                      </a-menu-item>
+                      <template v-else-if="showLiFold(b)">
+                        <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" @click="clickBtn(clickRowData, b, clickRowData.my_index, undefined, j)">
+                          {{ b.alias || b.name }}
+                          <getBtnIcon :data="b" :btnObj="btnObj" />
+                        </a-menu-item>
+                      </template>
+                    </template>
+                  </a-menu>
+                  <a-button class="dropdown-button" style="margin: 0 8px 8px 0"
+                    >{{ '更多' }}
+                    <a-icon type="down" />
+                  </a-button>
+                </a-dropdown>
+              </li>
+              <!-- 自适应折叠 -->
+              <template v-if="showRowFoldBtnList(rowFoldHideBtnList)">
+                <a-dropdown overlayClassName="rowFoldHideBtnList-dropdown" v-show="!isInlineOperating">
+                  <a-menu slot="overlay">
+                    <template v-for="(value, key) in rowFoldHideBtnListObj">
+                      <a-menu-item-group :key="key" v-if="showRowFoldBtnList(value.list)">
+                        <template slot="title"></template>
+                        <template v-for="(b, j) in value.list">
+                          <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" v-if="b.type == 'ADD'" @click="showDrawer(b, j)">
+                            {{ b.alias || b.name }}
+                            <getBtnIcon :data="b" :btnObj="btnObj" />
+                          </a-menu-item>
+                          <template v-else-if="b.type != 'LINK' && currentTempId == '0'">
+                            <a-menu-item v-show="visibleBtn(b)" :key="b.sid" class="dropdown-btn" @click="clickBtn(clickRowData, b, clickRowData.my_index, undefined, j)">
+                              {{ b.alias || b.name }}
+                              <getBtnIcon :data="b" :btnObj="btnObj" />
+                            </a-menu-item>
+                          </template>
+                        </template>
+                      </a-menu-item-group>
+                    </template>
+                  </a-menu>
+                  <a-button class="dropdown-button" style="margin: 0 8px 8px 0"
+                    >{{ '更多' }}
+                    <a-icon type="down" />
+                  </a-button>
+                </a-dropdown>
+              </template>
+            </template>
+          </template>
+        </ul>
+      </div>
+    </div>
+    <div class="base-tabs" v-if="showBaseTabs">
+      <div v-for="(item, index) in tabConditionList" :key="index" :class="tabIndex === index ? 'base-tabs-item base-tabs-item-active' : 'base-tabs-item'" @click="tabClick(index)"
+        >{{ item.name }} {{ countTabCondition == 1 && (item.digital || item.digital === 0) ? '(' + (item.digital || 0) + ')' : '' }}</div
+      >
+    </div>
+    <!-- palceholder 文字宽度计算 -->
+    <span class="baseSearchPlaceholderSpan" ref="baseSearchPlaceholderSpan">
+      {{ searchPlaceHolder }}
+    </span>
+  </div>
+</template>
+
+<script>
+/**
+ * 完成搜索组合组件 BaseSearch
+ * 使用方式：在需要的vue页中引入注册为子组件后直接使用
+ * 提供函数：
+ * 1、输入关键字搜索触发函数onSearch;
+ * 2、左侧下拉选中搜索触发函数changeSearch;
+ * 3、右侧快速弹框保存搜索函数onSave（obj）;
+ * 完整例子：<BaseSearch :onSearch='onSearch' @changeSearch='changeSearch' @onSave='onSave'/>
+ */
+import moment from 'moment';
+import 'moment/locale/zh-cn';
+
+import _ from 'lodash';
+import vexutils from '@/utils/vexutils';
+import { Button, Icon, Dropdown, Select, Upload, DatePicker, Input, Menu } from 'ant-design-vue';
+import resize from 'vue-resize-directive';
+
+import { GROUP_TITLE_KEY } from '../const';
+
+import PrintBtn from '~/button/src/ButtonPrint/index';
+// import stepRule from "@/components/table/mixins/stepRule";
+
+import outQuickSearch from '../components/out-quick-search/out-quick-search';
+import utils from '@/utils/utils-map';
+import { durationMixin, $utils, filterApiFn, outQuickSearchFn } from '../mixins/mixins';
+import tableSearchCon from '../mixins/tableSearchCon';
+import svgIcon from '@/component/svg/index.vue';
+import 'text-security/text-security.css';
+import create from '@/core/create';
+import preventReClick from '@/directive/preventReClick';
+/** 获取按钮 icon */
+import getBtnIcon from '../components/button-icon/getBtnIcon.js';
+import ButtonGroup from '../components/button-group/ButtonGroup.vue';
+
+const EVALUATEList = [
+  {
+    label: '一星',
+    value: '1',
+    isSelect: false
+  },
+  {
+    label: '二星',
+    value: '2',
+    isSelect: false
+  },
+  {
+    label: '三星',
+    value: '3',
+    isSelect: false
+  },
+  {
+    label: '四星',
+    value: '4',
+    isSelect: false
+  },
+  {
+    label: '五星',
+    value: '5',
+    isSelect: false
+  }
+];
+
+const BTNOBJ = {
+  // 按钮icon 映射
+  copy: 'copy',
+  pencil: 'edit',
+  delete: 'delete',
+  add: 'plus-circle',
+  download: 'download',
+  label: 'tag',
+  queding: 'check',
+  del: 'close'
+};
+
+export default create({
+  name: 'base-search',
+  mixins: [durationMixin, $utils, filterApiFn, tableSearchCon, outQuickSearchFn],
+  directives: { resize, preventReClick },
+  props: {
+    width: {
+      default: '400px'
+    },
+    searchInputWidth: {
+      // 设置检索框的宽度
+      type: Number,
+      default: 0
+    },
+    onSearch: Function,
+    rowBtnList: {
+      type: Array,
+      default: () => []
+    },
+    paramsData: Object,
+    // downLoad: Function,
+    showButtonTop: [String, Number],
+    showSettings: {
+      type: Object,
+      default: () => ({})
+    },
+    clickRowData: Object,
+    value: String,
+    searchFieldList: {
+      // 搜索的数据
+      type: Array,
+      default: () => []
+    },
+    searchFieldLimit: {
+      // 搜索的数据的限制条件
+      type: Object,
+      default: () => ({})
+    },
+    viewList: {
+      type: Array,
+      default: () => []
+    },
+    TypeOfDisplay: {
+      type: String,
+      default: ''
+    },
+    tableAllCheck: {
+      type: Boolean
+    },
+    classificationIndex: Number,
+    editTableSource: {
+      default: ''
+    },
+    showRelatedTreeBtn: Boolean,
+    relatedBaseInfo: Object,
+    onRelatedSearch: Function,
+    showResetFilterBtn: {
+      type: Boolean,
+      default: false
+    },
+    qqConObjCount: {
+      type: Number,
+      default: 0
+    },
+    conditionType: { type: String },
+    countCondition: { type: [Number, String] },
+    countTabCondition: { type: Number },
+    tabConditionNumObj: {
+      type: Object,
+      default: () => {}
+    },
+    isRelatedSearchFold: {
+      type: Boolean,
+      default: true
+    },
+    tableId: { type: String },
+    conditionMap: {
+      type: Object,
+      default: () => {}
+    },
+    getFilterData: Function,
+    oldtableData: Array,
+    isNestTableClick: Boolean,
+
+    isAdmin: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * 导入量表配置
+     */
+    importGuageConfig: {
+      type: Object,
+      default: () => ({
+        action: ''
+      })
+    },
+
+    /**
+     * 打印配置
+     */
+    printConfig: {
+      type: Object,
+      default: () => ({
+        printBaseUrl: '/print/assembly',
+        postStepRule: () => Promise.resolve({})
+      })
+    },
+
+    gettersConfig: {
+      type: Object,
+      default: () => ({
+        getIsTile: '',
+        selectRowObj: [],
+        isInlineOperating: false,
+        printNumberCache: {}
+      })
+    },
+
+    /**
+     * 是否展示行编辑的按钮
+     */
+    visibleInlineOperateBtn: {
+      type: Boolean,
+      default: false
+    },
+
+    tabConditionList: {
+      type: Array,
+      default: () => []
+    },
+
+    lastOutSearchFieldList: {
+      type: Array,
+      default: () => []
+    },
+    lastOutRelationQuickSearch: {
+      type: Array,
+      default: () => []
+    },
+    relationTableList: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * 筛选外显
+     */
+    filterApiConfigOutSearch: {
+      type: Object,
+      default: () => ({})
+    },
+    useFieldList: Array,
+    editTableUid: [String, Number],
+
+    preventReTime: {
+      type: Number,
+      default: 1000
+    }
+  },
+  components: {
+    [Button.name]: Button,
+    [Icon.name]: Icon,
+    [Dropdown.name]: Dropdown,
+    [Select.name]: Select,
+    [Upload.name]: Upload,
+    [DatePicker.name]: DatePicker,
+    [DatePicker.RangePicker.name]: DatePicker.RangePicker,
+    [Input.name]: Input,
+    [Input.Search.name]: Input.Search,
+    [Menu.name]: Menu,
+    [Menu.Item.name]: Menu.Item,
+    [Menu.ItemGroup.name]: Menu.ItemGroup,
+    getBtnIcon,
+    PrintBtn,
+    outQuickSearch,
+    ButtonGroup,
+    svgIcon
+  },
+  inject: {
+    editTableWrapper: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  computed: {
+    isOrgAdmin() {
+      return this.isAdmin;
+    },
+    currentValue() {
+      return this.value;
+    },
+    allBtn() {
+      const { rowTileBtnList, rowFoldBtnList } = this;
+      let allBtn = [];
+      allBtn.push(...rowTileBtnList, ...rowFoldBtnList);
+      return allBtn;
+    },
+    isButtonFolding() {
+      // 首页配置
+      const { editTableWrapper } = this;
+      return editTableWrapper?.options?.isButtonFolding || false;
+    },
+    isShowSettingBtn() {
+      const { $attrs, viewList, noSetting } = this;
+      if (this.showRelatedTreeBtn) return;
+      return $attrs.isTree != 1 && viewList.length > 0 && !noSetting;
+    },
+    showDownCurSelectData() {
+      return this.selectRowObj.filter(item => !(GROUP_TITLE_KEY in (item || {})))?.length;
+    },
+    showRowFoldBtnList() {
+      return function(list, key) {
+        if (key === 'rowFoldBtnList' && !this.isShowSetting('buttonAdaption')) return false;
+        if (!list || !list.length) return false;
+
+        let hasGroupBtnList = list.filter(item => item.buttonGroup);
+        if (hasGroupBtnList.length) {
+          let showGroup = hasGroupBtnList.some(item => item.isShowFoldGroupBtn);
+          if (showGroup) return true;
+        }
+
+        // 只有一个按钮 分组按钮 非自适应
+        if (list.length === 1 && list[0].buttonGroup && list[0].isButtonGroup && !list[0].isShowFoldGroupBtn) return false;
+
+        let visibleList = list.filter(item => item.isVisible && !item.buttonGroup);
+        if (!visibleList || !visibleList.length) return false;
+        let hasAdd = visibleList.some(item => item.type === 'ADD');
+        if (hasAdd) {
+          return true;
+        } else {
+          if (this.currentTempId != 0) return false;
+          let notLinkArr = visibleList.filter(item => item.type !== 'LINK');
+          if (!notLinkArr || !notLinkArr.length) return false;
+        }
+        return true;
+      };
+    },
+    initPageResize() {
+      let { showSettings, TypeOfDisplay, classificationIndex } = this;
+      return {
+        showSettings,
+        TypeOfDisplay,
+        classificationIndex
+      };
+    },
+    isShowRowTileBtnItem() {
+      return function(item) {
+        return this.showButtonTop == 1 && item.type != 'LINK' && this.currentTempId == '0';
+      };
+    },
+    showRelatedSearchFold() {
+      if (
+        !this.isShowSettingBtn &&
+        !this.isShowSetting('hideQuickSearch') &&
+        this.outSearchFieldList.length == 0 &&
+        this.outRelationQuickSearch.length == 0 &&
+        !this.showResetFilterBtn &&
+        !this.$slots.classification
+      ) {
+        return false;
+      } else {
+        return this.isRelatedSearchFold;
+      }
+    },
+    handlePickerShowTime() {
+      return function(item) {
+        if (!item.showTime) return false;
+        return {
+          defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')]
+        };
+      };
+    },
+    isShowGroupBtn() {
+      if (!this.groupBtnObj || !Object.keys(this.groupBtnObj).length) return false;
+      return true;
+    },
+    showLi() {
+      return function(item) {
+        if (item.buttonGroup) {
+          return item.isShow == '1' && item.buttonGroup && !item.isButtonGroup;
+        }
+        return item.isShow == '1';
+      };
+    },
+    showLiAdd() {
+      return function(b) {
+        if (b.buttonGroup) {
+          return b.type == 'ADD' && b.buttonGroup && !b.isButtonGroup;
+        }
+        return b.type == 'ADD';
+      };
+    },
+    showLiFold() {
+      return function(b) {
+        if (b.buttonGroup) {
+          return b.type != 'LINK' && this.currentTempId == '0' && b.buttonGroup && !b.isButtonGroup;
+        }
+        return b.type != 'LINK' && this.currentTempId == '0';
+      };
+    },
+
+    getIsTile() {
+      return this?.gettersConfig?.getIsTile || '';
+    },
+    selectRowObj() {
+      return this?.gettersConfig?.selectRowObj || [];
+    },
+    isInlineOperating() {
+      return this?.gettersConfig?.isInlineOperating || false;
+    },
+    printNumberCache() {
+      return this?.gettersConfig?.printNumberCache || false;
+    },
+
+    // 全部行编辑
+    isBatchEditing() {
+      return this?.gettersConfig?.isBatchEditing || false;
+    },
+    curBatchBtnData() {
+      return this?.gettersConfig?.curBatchBtnData || {};
+    },
+    isRowEditing() {
+      return this?.gettersConfig?.isRowEditing || false;
+    },
+    // 是否有高级筛选外显
+    showOutSearch() {
+      return this.outSearchFieldList?.length || this.outRelationQuickSearch?.length;
+    },
+    showViewList() {
+      if (this.editTableSource === 'relatedComponent') {
+        return this.relatedBaseInfo.showType != 'TREE';
+      }
+      return !this.optionsValue('hideViewList');
+    },
+    optionsValue() {
+      return function(key) {
+        return this.$attrs.tableOptions?.[key];
+      };
+    },
+    searchPlaceHolder() {
+      if (!this.useFieldList?.length || this.showRelatedTreeBtn) return '请输入关键字搜索';
+      let str = '';
+      let strList = this.useFieldList
+        ?.map(item => {
+          if (item.isSearch != 1) return '';
+          return item.formTitle || item.alias || item.title;
+        })
+        .filter(Boolean);
+      if (!strList?.length) return '';
+      str = '输入' + strList.join('/');
+      return str || '请输入关键字搜索';
+    },
+    showRelatedSearch() {
+      return this.showRelatedTreeBtn && this.isShowSetting('hideSearch');
+    },
+    showQuickSearch() {
+      let showQuick = this.isShowSetting('hideQuickSearch');
+      // 平铺列表, 左侧不为tree, 而是table
+      if (this.editTableSource == 'relatedComponent' && this.relatedBaseInfo?.showType != 'TREE') return showQuick;
+      return showQuick && this.isRelatedSearchFold;
+    },
+    showBaseTabs() {
+      return this.conditionType === 'keyword' && this.tabConditionList?.length && !this.visibleInlineOperateBtn && !this.isRowEditing;
+    }
+  },
+  data() {
+    return {
+      modalVisible: false,
+      currentTempId: '0',
+      viewCongfigList: [],
+      isTile: false,
+      conditionList: [],
+      displayCategoryList: [],
+      settingId: '',
+      searchDefName: '',
+      rowTileBtnList: [],
+      rowFoldBtnList: [],
+      rowPrintBtnList: [],
+      rowFoldHideBtnList: [], // 按钮自适应折叠list
+      rowFoldHideBtnListObj: {}, // 按钮自适应折叠分类
+      batchRelationBtnIds: [], // 批量操作按钮，关联的对应操作按钮id集
+      relationBtnBatchBtnIds: [], // 有关联对应操作按钮的批量操作按钮id集
+
+      nobutton: false, // 不展示按钮设置 false 展示，true 不展示
+      noSetting: false, // 不展示按钮设置 false 展示，true 不展示
+      isChangeWindow: false,
+      modalWidth: '700px',
+      modalHeight: '60vh',
+      label_max_count: 8,
+      baseLeftWidth: 0,
+      btnRowWidth: 0,
+      classificationWidth: 0,
+      inputSearchWidth: 0,
+      quickSearchWidth: 0,
+      downloadDropdownWidth: 0,
+      diffWidth: 0,
+      resizeFlag: false,
+      rowTileBtnListTree: [],
+      outSearchFieldList: [],
+      tabIndex: -1,
+      // tabConditionList: [],
+
+      /* 打印相关 */
+      printBtnPrevFnWatch: {},
+      printPrevFinish: false,
+      printBtnPrevFnWatchTimeoutTimer: null,
+      printBtn: {},
+      groupBtnObj: {},
+      btnObj: BTNOBJ,
+      printBtnStrategys: [], // 打印按钮组策略list
+      outRelationQuickSearch: [], // 关联表 筛选外显
+      inputSearchW: 200,
+      showPlaceholderPrefix: false
+    };
+  },
+  created() {
+    if (this.getIsTile !== undefined) {
+      this.isTile = this.getIsTile;
+    }
+  },
+  destroyed() {},
+  methods: {
+    tabClick(index) {
+      if (this.tabIndex === index) return false;
+      this.tabIndex = index;
+      if (index !== -1) this.$emit('tabClick', this.tabConditionList[index]);
+    },
+    pageResize(obj) {
+      if (this.resizeFlag || this.visibleInlineOperateBtn || this.isRowEditing) return;
+      let baseLeft = this.$refs['baseLeft'];
+      if (!baseLeft) return;
+      this.resizeFlag = true;
+      this.baseLeftWidth = baseLeft.clientWidth;
+      this.classificationWidth = this.classificationIndex === 2 ? 160 : 0;
+      this.btnRowWidth = this.$refs['btnRow']?.clientWidth || 0;
+      this.inputSearchWidth = this.$refs['inputSearchLi']?.clientWidth || 0;
+      this.quickSearchWidth = this.$refs['quickSearchLi']?.clientWidth || 0;
+      // this.downloadDropdownWidth = this.$refs["downloadDropdownLi"]?.clientWidth || 0;
+      let defaultTotal = this.btnRowWidth + this.classificationWidth + this.inputSearchWidth + this.quickSearchWidth;
+
+      let diffWidth = this.baseLeftWidth - defaultTotal;
+      // 平铺列表占2行
+      if (this.editTableSource === 'relatedComponent') {
+        diffWidth += this.baseLeftWidth;
+      }
+      this.diffWidth = diffWidth;
+      if (!obj.type) return;
+      if (obj.type === 'resize') {
+        this.handleTileBtnWidth();
+      }
+    },
+    onResize() {
+      if (this.isButtonFolding || this.isShowSetting('buttonAdaption') || this.relatedIsTree == 1 || this.visibleInlineOperateBtn || this.isRowEditing) return;
+      utils.debounce(this.pageResize({ type: 'resize' }), 300);
+    },
+    async saveListIsTile() {
+      let url = `/tableList/saveListIsTile`;
+      let params = {
+        isTile: this.isTile ? '1' : '0'
+      };
+      let res = await this.handleGetConfigApi(params, 'requestSaveListIsTile');
+      if (res) {
+        this.$emit('setIsTile', this.isTile);
+        this.$message.success(this.$t('1.9.23'));
+      }
+    },
+    getTableCondiTionListRequest(first) {
+      this.getTableCondiTionList(first).then(checked => {
+        this.reloadList(checked);
+      });
+    },
+    getTableCondiTionList(first, conditionMap = {}) {
+      let tableId = this.tableId;
+      if (!tableId) return new Promise(resolve => resolve(false));
+      let conditionMapTemp = Object.keys(conditionMap).length > 0 ? conditionMap : this.conditionMap;
+
+      return new Promise((resolve, reject) => {
+        if (Object.keys(conditionMapTemp).length > 0) {
+          this.conditionList = conditionMapTemp.conditionList || [];
+          this.displayCategoryList = conditionMapTemp.displayCategoryList || [];
+          let obj = {
+            conditionList: this.conditionList,
+            displayCategoryList: this.displayCategoryList
+          };
+          this.$emit('getQuickSearchListObj', obj);
+          this.settingId = conditionMapTemp.settingId;
+          const checked = this.conditionList.find(item => item.isDefault) || {
+            name: '全部数据' || this.$t('1.1.5.1'),
+            sid: 'all_data'
+          };
+          this.searchDefName = checked.name;
+          // if (this.conditionType === "keyword") {
+          this.tabConditionList = conditionMapTemp.tabConditionList || []; // 获取页签tab
+          if (this.tabIndex === -1) {
+            this.tabIndex = conditionMapTemp.tabConditionList && conditionMapTemp.tabConditionList.findIndex(item => item.isDefault); // 查询默认选中的标签
+          }
+          // }
+          if (this.$attrs.tableOptions?.filterCondition?.displayCategory && first) {
+            resolve({
+              name: this.$attrs.tableOptions?.filterCondition?.name,
+              sid: this.$attrs.tableOptions?.filterCondition?.displayCategory
+            });
+          }
+          resolve(checked);
+        } else {
+          resolve({});
+        }
+      });
+
+      // }
+      // });
+    },
+    async getTableCondiTionListNew(tableId) {
+      if (!tableId) return new Promise(resolve => resolve(false));
+      let params = { tableId };
+      let url = `/tableList/getTableCondiTionList`;
+      return this.axios
+        .get(url, { params })
+        .then(({ data }) => {
+          if (data && data.result == 'SUCCESS') {
+            // 设置分类数据，用于优化组件内的多次请求分类
+            this.$emit('setConditionMap', data.map);
+            return data.map;
+          }
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+    foldQuickSearch() {
+      this.$emit('foldQuickSearch', true);
+    },
+    openModal() {
+      this.modalVisible = true;
+    },
+    closeModal() {
+      this.resetChangeWindow();
+      this.modalVisible = false;
+    },
+    resetChangeWindow() {
+      this.modalWidth = '700px';
+      this.modalHeight = '60vh';
+      this.isChangeWindow = false;
+    },
+    changeModalWindow() {
+      this.isChangeWindow = !this.isChangeWindow;
+      let docHeight = document.body.clientHeight;
+      this.modalWidth = this.modalWidth === '700px' ? `100%` : '700px';
+      this.modalHeight = this.modalHeight === '60vh' ? `${docHeight - 108}px` : '60vh';
+
+      if (this.modalWidth === '700px') {
+        this.label_max_count = 8;
+      } else {
+        this.$nextTick(() => {
+          let ele = document.querySelector('.quickSearch_label-container');
+          ele && (this.label_max_count = parseInt((ele.clientWidth - 20) / 112) * 2);
+        });
+      }
+    },
+    openSaveToCalss() {
+      this.$refs.quicksearch?.openSaveToCalss();
+    },
+    onSaveSearch() {
+      this.$refs.quicksearch?.onSave();
+    },
+    onSave(obj, isOutFilter = false, config = {}) {
+      if (!this.validConObj(obj, this.searchFieldList, this.searchFieldLimit)) return false;
+      let copy = [];
+      if (this.outSearchFieldList.length) {
+        copy = _.cloneDeep(this.outSearchFieldList, true);
+      }
+      let copyRelation = [];
+      if (this.outRelationQuickSearch.length) {
+        copyRelation = _.cloneDeep(this.outRelationQuickSearch, true);
+      }
+      this.$emit('onSave', obj, isOutFilter, copy, copyRelation, config);
+      this.modalVisible = false;
+    },
+    // 外部调用
+    editTableGetConObj() {
+      if (!this.showOutSearch) return;
+      let conObj = this.getConObjParams() || [];
+      if (!this.validConObj(conObj, this.searchFieldList, this.searchFieldLimit)) return false;
+      return conObj;
+    },
+    clearData() {
+      this.$refs.quicksearch?.clearData();
+    },
+    /**
+     * type 1-预览 2-打印
+     */
+    handlePrint(clickBtn, btn, type, j) {
+      btn.printType = type;
+      this.clickBtn(clickBtn, btn, clickBtn.my_index, true, j);
+    },
+    showDrawer(btn, j) {
+      let hasSelectRows = this.paramsData.form.selectRows && this.paramsData.form.selectRows.length > 0;
+      let isMultiSelect = hasSelectRows || this.tableAllCheck;
+
+      if ((btn.name.includes('批量') && btn.type == 'ADD') || btn.type == 'BATCH') {
+        // const { settingObj = {} } = btn || {};
+        let settingObj = {};
+        let settingList = btn.setting || '{}';
+        if (utils.isJSON(settingList)) {
+          let btnSetting = JSON.parse(settingList);
+          if (Array.isArray(btnSetting)) {
+            settingObj = btnSetting[0] || {};
+          } else {
+            settingObj = btnSetting;
+          }
+        }
+        let trigger_type = settingObj?.trigger_type;
+
+        // 全部行编辑
+        if (trigger_type == 'EDIT_ROW' || settingObj?.editAllRow == 1) {
+          this.handleBtnEvent(btn, j);
+          return;
+        }
+
+        if (trigger_type == 'SCAN' && btn.type == 'ADD') {
+          this.handleBtnEvent(btn, j);
+          return;
+        }
+
+        if (isMultiSelect) {
+          if (settingObj.isTips && settingObj.isTips == 0) {
+            this.handleBtnEvent(btn, j);
+            return;
+          }
+          // 批量操作增加确认
+          let params = { ...this.paramsData };
+          params.table = {};
+          if (settingObj.tipsMsg) {
+            if (settingObj.tipsMsg.includes('form.selectRows')) {
+              settingObj.tipsMsg = utils.handleMultiTips(settingObj.tipsMsg, [...params.form.selectRows]);
+            } else {
+              settingObj.tipsMsg = utils.handleSysParams(settingObj.tipsMsg, {
+                ...params
+              });
+            }
+          }
+          const h = this.$createElement;
+          this.$confirm({
+            title: h(
+              'div',
+              {
+                directives: [
+                  {
+                    name: 'drag-move',
+                    value: {
+                      target: 'ant-modal-confirm-body'
+                    }
+                  }
+                ],
+                domProps: {
+                  innerHTML: settingObj.tipsMsg || `是否确认${btn.name}`
+                }
+              }
+              // settingObj.tipsMsg || `是否确认${btn.name}`
+            ),
+            okText: '确定',
+            cancelText: '取消',
+            onOk: () => {
+              this.handleBtnEvent(btn, j);
+            },
+            onCancel() {
+              console.log('Cancel');
+            },
+            class: 'test'
+          });
+        } else {
+          if (!btn.canHandleUniline) {
+            // 1.9.295
+            this.$message.warning(`请勾选需要${btn.name}的数据`);
+            return;
+          }
+          this.clickBtn(
+            this.clickRowData,
+            // 找到对应的单行操作按钮
+            this.getUnilineBtn(btn),
+            this.clickRowData.my_index,
+            true,
+            j
+          );
+        }
+      } else {
+        if (btn.type == 'ADD' || btn.type == 'BATCH') {
+          this.handleBtnEvent(btn, j);
+          return;
+        }
+        this.clickBtn(this.clickRowData, btn, this.clickRowData.my_index, j);
+      }
+    },
+    getUnilineBtn(BatchBtn) {
+      let unilineBtnId = this.batchRelationBtnIds[this.relationBtnBatchBtnIds.indexOf(BatchBtn.id)];
+      let unilineBtnObj = null;
+      this.allBtn.forEach(i => {
+        if (i.id == unilineBtnId) {
+          unilineBtnObj = i;
+        }
+      });
+      return unilineBtnObj;
+    },
+    handleBtnEvent(btn, j) {
+      let indexList = [];
+      this.$emit('clearTeamTitleName');
+      if (this.paramsData.form.selectRows && this.paramsData.form.selectRows.length > 0) {
+        indexList = this.paramsData.form.selectRows.map(item => {
+          if (btn.type == 'BATCH') {
+            delete item.SHOW_BUTTON_IDS;
+            delete item.operatorColumn;
+          }
+          return item.my_index;
+        });
+      }
+      let setData = JSON.parse(btn.setting);
+      let settingList = JSON.parse(btn.setting);
+      /** 按钮对象需求：add类型的 setting 可能是 Array/Object*/
+      if (btn.type === 'ADD' || btn.type == 'BATCH') {
+        if (Array.isArray(settingList)) {
+          setData = settingList[0] || {};
+        } else {
+          setData = settingList;
+        }
+        this.paramsData.table = {};
+      }
+      if (setData.trigger_type == 'ABOUT_ITEM') {
+        this.$message.error('按钮事件配置有误');
+        return;
+      }
+      let params = setData.params || [];
+      if (setData.trigger_type == 'QR_CODE') {
+        params.forEach(item => {
+          item.p_value = item.p_value?.replace(/\$\{([^}]+)\}/g, (_v, $1) => {
+            return $1 || _v;
+          });
+        });
+      }
+      let paramsData = utils.setParamsValue(params, this.paramsData);
+      Object.assign(btn, {
+        _index_: j
+      });
+      let btnData = {
+        btnData: Object.assign(setData, {
+          paramsData: paramsData,
+          btnName: btn.name,
+          _params_data: this.paramsData,
+          _type_: btn.type
+        }),
+        indexList: indexList,
+        btnConfig: JSON.parse(JSON.stringify(btn)),
+        _params_data: this.paramsData,
+        _type_: btn.type
+      };
+      this.$emit('btnEvent', btnData);
+    },
+
+    // 筛选分类相关的
+    async updateTableCondiTion() {
+      await this.getTableCondiTionListNew(this.tableId);
+      this.getTableCondiTionListRequest();
+    },
+    async CondiTionListInit() {
+      await this.getTableCondiTionListNew(this.tableId);
+      this.getTableCondiTionListRequest();
+    },
+    async saveGetTableCondiTionList(options) {
+      await this.getTableCondiTionListNew(this.tableId);
+      this.getTableCondiTionList();
+      this.$emit('getClassification', options);
+    },
+    changeSearch(key, item) {
+      if (key == 'all') {
+        this.searchDefName = '全部数据' || this.$t('1.1.5.1');
+      } else {
+        this.searchDefName = item.name;
+      }
+      this.$refs.quicksearch.clearData();
+      this.$emit('changeSearch', key, item);
+    },
+    changeSearchTile(val) {
+      this.isTile = val;
+      this.saveListIsTile();
+    },
+    openSetting() {
+      this.$refs.search.handleMenuClick('setting');
+    },
+    reloadList(item) {
+      this.$refs.quicksearch?.clearData();
+      this.$emit('reloadList', item);
+    },
+    clickBtn(data, item, index, skip, j) {
+      this.$emit('clearTeamTitleName');
+      if ((item.name.includes('批量') && item.type == 'ADD' && !skip) || (item.type == 'BATCH' && !skip)) {
+        this.showDrawer(item, j);
+        return;
+      }
+      if (Object.keys(data || {}).length === 0 && !this.isPrintBtn(item)) {
+        // 请点击要操作的数据1.9.140
+        this.$message.info('请点击要操作的数据' || this.$t('1.9.140'));
+        return;
+      }
+      Object.assign(item, {
+        _index_: j
+      });
+      this.$emit('clickBtn', data, item, index);
+    },
+    clickGroupBtn(btn, j) {
+      this.clickBtn(this.clickRowData, btn, this.clickRowData.my_index, undefined, j);
+    },
+    handlerSetting() {
+      this.$emit('handlerSetting');
+    },
+    // 请求视图列表
+    handlerReqAllConfigView() {
+      let params = {
+        type: 'PC',
+        typeTable: 'TABLE_LIST',
+        tableId: this.tableId,
+        page: 1,
+        rows: 20
+      };
+      this.axios
+        .get('/tableListConfigView/getTableListConfigViewAll', {
+          params: params
+        })
+        .then(({ data }) => {
+          if (data.rows) {
+            let viewCongfigList = data.rows || [];
+            if (viewCongfigList.length > 0) {
+              // 查找默认值
+              let curItem = viewCongfigList.find(v => v.mark == 1);
+              this.currentTempId = curItem ? curItem.id : '0';
+              this.$emit('handlerChangeView', this.currentTempId);
+            } else {
+              this.currentTempId = '0';
+              this.$emit('handlerChangeView', this.currentTempId);
+            }
+
+            this.$set(this, 'viewCongfigList', viewCongfigList);
+          }
+        });
+    },
+    handlerSelectTemp(e) {
+      if (this.currentTempId === e) return;
+      this.currentTempId = e;
+      const tab = e == 0 ? 'bigTable' : null;
+      this.$emit('handlerChangeView', e, tab);
+      let f = this.viewList.findIndex(v => v.id == e);
+      this.resetCheckStatus();
+      this.$nextTick(() => {
+        this.formatRowBtnList();
+      });
+    },
+    isShowSetting(v) {
+      if (v == 'hideSettingBtn') {
+        return this.isOrgAdmin || this.showSettings[v] == 0;
+      } else {
+        if (this.showRelatedTreeBtn) {
+          return this.relatedBaseInfo[v] == 0;
+        }
+        return this.showSettings[v] == 0;
+      }
+    },
+    setBatchRelationBtnIds(list) {
+      let showButtonTop = !!this.showButtonTop;
+      if (!showButtonTop) return false;
+
+      list.forEach(item => {
+        let relationBtnId = JSON.parse(item.setting).relationBtnId;
+        if (item.type === 'BATCH' && relationBtnId) {
+          this.relationBtnBatchBtnIds.push(item.id);
+          this.batchRelationBtnIds.push(relationBtnId);
+        }
+      });
+    },
+    setBtnStatus(btn) {
+      const btnObj = utils.getRowOperatorIdSetting({}, btn);
+      const { settingObj = {} } = btnObj || {};
+      let isAllSelect = this.tableAllCheck;
+      let isMultiSelect = !!this.paramsData.form.selectIds;
+      let isBatchBtn = btn.type === 'BATCH';
+      let isAddBtn = btn.type === 'ADD';
+      let isSQLSAVEBtn = settingObj.trigger_type === 'SQLSAVE';
+      let isLineBtn = btn.type === 'EDIT' || btn.type === 'DELETE';
+      let isImportGuage = settingObj.trigger_type === 'GUAGE' && settingObj.guage_type == 'importGuage';
+
+      let isEditRow = settingObj.trigger_type === 'EDIT_ROW';
+      let editAllRow = settingObj.editAllRow == 1;
+
+      // 批量&&行编辑&&全部行编辑 直接展示
+      if (isBatchBtn && isEditRow && editAllRow) {
+        btn.isVisible = true;
+        return;
+      }
+
+      // 默认情况下 只展示新增&下载
+      if (!this.showDownCurSelectData) {
+        btn.isVisible = isAddBtn ? true : false;
+        if (!isImportGuage) return;
+      }
+
+      // btn.settingObj.guage_type == "importGuage";
+      // 全选状态下，只有入口类型的批量按钮展示（因当前版本仅支持入口类型的全选批量操作
+      if (isBatchBtn && isAllSelect) {
+        btn.isVisible = isSQLSAVEBtn;
+        return;
+      }
+
+      // 批量操作按钮，如果有绑定对应单行操作按钮，则批量按钮开启单行操作
+      let relationBtnId = JSON.parse(btn.setting).relationBtnId;
+      if (isBatchBtn && relationBtnId) {
+        btn.canHandleUniline = true;
+      }
+
+      // 批量按钮关联的对应按钮
+      if (this.showDownCurSelectData > 1 && isLineBtn) {
+        btn.isVisible = false;
+      } else {
+        if (isBatchBtn && btn.chooseTwoData == 1) {
+          btn.isVisible = !this.batchRelationBtnIds.includes(btn.id) && this.showDownCurSelectData > 1;
+        } else {
+          btn.isVisible = !this.batchRelationBtnIds.includes(btn.id);
+        }
+      }
+
+      // 未绑定了行级按钮的批量按钮，默认隐藏, 勾选展示
+      if (isBatchBtn && !relationBtnId && this.showDownCurSelectData > 1) {
+        btn.isVisible = isMultiSelect;
+      }
+      // 量表导入按钮
+      if (isImportGuage) {
+        btn.isImportGuage = true;
+        btn.isVisible = false;
+      }
+    },
+    // 处理分组按钮
+    handleButtonGroup(buttonList) {
+      let useBttonList = buttonList
+        .map(v => {
+          v.isButtonGroup = false;
+          // 有分组名  非隐藏
+          if (!v.buttonGroup || !v.isVisible || v.isShow != 1) return null;
+          if (v.type === 'ADD' || v.type == 'BATCH') return v;
+          if (this.showButtonTop != 1) return null;
+          return v;
+        })
+        .filter(Boolean);
+      if (!useBttonList.length) return;
+      let groupRes = vexutils.groupBy(useBttonList, 'buttonGroup');
+      if (!groupRes || !Object.keys(groupRes).length) return;
+      let resObj = {};
+      Object.keys(groupRes).forEach(item => {
+        let list = groupRes[item];
+        // 超过一个才展示
+        if (item && list?.length > 1) {
+          resObj[item] = {
+            key: item,
+            isHide: false,
+            list: list,
+            clientWidth: 0,
+            isVisible: true
+          };
+          list.forEach(v => (v.isButtonGroup = true));
+        }
+      });
+      this.groupBtnObj = resObj;
+    },
+    async formatRowBtnList() {
+      let rowFoldBtnList = [];
+      let rowTileBtnList = [];
+      let rowPrintBtnList = [];
+      this.rowFoldBtnList = [];
+      this.rowTileBtnList = [];
+      this.rowPrintBtnList = [];
+      this.rowFoldHideBtnList = [];
+      this.batchRelationBtnIds = [];
+      this.relationBtnBatchBtnIds = [];
+      this.groupBtnObj = {};
+      let useButton = [];
+      // let tempBtnList = this.rowBtnList;
+      // // 按钮置顶时 过滤掉行级按钮中 仅图标
+      // if (this.showButtonTop == 1) {
+      //   tempBtnList = tempBtnList.filter(v => {
+      //     if (["EDIT", "DELETE"].includes(v.type)) {
+      //       if (v.showStyle != "only_icon") return v;
+      //     } else {
+      //       return v;
+      //     }
+      //   });
+      // }
+      if (!this.rowBtnList?.length) return;
+      this.setBatchRelationBtnIds(this.rowBtnList);
+      let rowBtnList = this.rowBtnList;
+
+      // 子列表只留下行级按钮
+      // if (this.isNestTableClick) {
+      //   rowBtnList = this.rowBtnList.filter(item => item.type != 'ADD' && item.type != 'BATCH');
+      // }
+
+      rowBtnList.forEach(btn => {
+        if (!(btn.isShow == '1' && btn.type != 'LINK')) return;
+        btn.isHide = false;
+        btn.isButtonGroup = false;
+        let cloneBtn = _.cloneDeep(btn);
+        this.setBtnStatus(cloneBtn);
+        // 按钮自适应 即使折叠也平铺显示出来
+        if (this.isShowSetting('buttonAdaption')) {
+          if (btn.toggle == 'fold') {
+            if (btn.type != 'ADD' && btn.type != 'BATCH' && this.showButtonTop == 0) return;
+            if (!this.isPrintBtn(btn)) {
+              rowFoldBtnList.push(cloneBtn);
+            }
+          } else {
+            rowTileBtnList.push(cloneBtn);
+          }
+        } else {
+          rowTileBtnList.push(cloneBtn);
+        }
+        useButton.push(cloneBtn);
+      });
+      if (this.isShowSetting('buttonAdaption')) {
+        this.rowFoldBtnList = rowFoldBtnList;
+      }
+
+      this.rowTileBtnList = rowTileBtnList.filter(i => {
+        if (this.isPrintBtn(i)) {
+          rowPrintBtnList.push(i);
+        } else {
+          return i;
+        }
+      });
+
+      let printNumberList = (await this.getPrintNumber(rowPrintBtnList)) || [];
+      rowPrintBtnList = this.setPrintNumberToBtnList(printNumberList, rowPrintBtnList);
+      // this.rowPrintBtnList = rowPrintBtnList;
+      // 添加批量打印策略：strategy: MULTI(循环多条, 默认值, 为空时使用该策略)  ONCE(聚合一条)
+      this.rowPrintBtnList = rowPrintBtnList.map(item => {
+        const obj = this.printBtnStrategys.find(v => v.id === item.settingObj[0].trigger_id);
+        item.strategy = obj?.setting ? JSON.parse(obj.setting).strategy : 'MULTI';
+        return item;
+      });
+
+      this.hideInlineOperationBtn();
+
+      // 分组按钮
+      this.handleButtonGroup(useButton);
+
+      if (this.isShowSetting('buttonAdaption')) return;
+      this.$nextTick(() => {
+        this.handleTileBtnWidth();
+        this.dealOutFilterHideBtn();
+      });
+    },
+    hideInlineOperationBtn() {
+      if (this.TypeOfDisplay === 'table') return;
+
+      this.rowFoldBtnList = this.rowFoldBtnList.filter(item => {
+        return item.settingObj[0].trigger_type !== 'EDIT_ROW';
+      });
+      this.rowTileBtnList = this.rowTileBtnList.filter(item => {
+        return item.settingObj[0].trigger_type !== 'EDIT_ROW';
+      });
+    },
+    isPrintBtn(btn) {
+      const copySettingObj = btn.settingObj;
+      let settingObj = {};
+      if (Array.isArray(copySettingObj)) {
+        settingObj = copySettingObj[0];
+      } else {
+        settingObj = copySettingObj;
+      }
+      if (!settingObj) return false;
+      return settingObj.trigger_type === 'PRINT';
+    },
+    handleTileBtnWidth() {
+      if (this.outSearchFieldList.length > 0) return; // 存在外显按钮的时候 不触发这个函数
+      let rowTileBtnRef = this.$refs.rowTileBtnItem;
+      if (!rowTileBtnRef || !rowTileBtnRef.length) return;
+      let rowTileBtnList = JSON.parse(JSON.stringify(this.rowTileBtnList));
+      let groupBtnObj = JSON.parse(JSON.stringify(this.groupBtnObj));
+      let btnTotalWidth = 90;
+      let hasHideBtn = false;
+      let rowFoldHideBtnWidth = 90;
+      let diffWidth = this.diffWidth;
+      rowTileBtnRef.forEach((e, index) => {
+        let dataKey = e.getAttribute('data-key');
+        let dateSource = e.getAttribute('data-source');
+        let clientWidth = e.clientWidth;
+        let item;
+        if (dateSource == 'groupBtn') {
+          item = groupBtnObj[dataKey];
+        } else {
+          item = rowTileBtnList.find(v => v.sid === dataKey);
+        }
+        if (!item) return;
+        if (clientWidth) {
+          item.clientWidth = clientWidth;
+        }
+        if (item.clientWidth) {
+          clientWidth = item.clientWidth;
+        }
+        if (diffWidth <= 0) {
+          this.$set(item, 'isHide', true);
+        } else if (diffWidth > 0 && item.isVisible) {
+          btnTotalWidth += clientWidth;
+          if (btnTotalWidth > diffWidth) {
+            this.$set(item, 'isHide', true);
+            if (!hasHideBtn) {
+              hasHideBtn = true;
+              diffWidth -= rowFoldHideBtnWidth;
+              btnTotalWidth -= rowFoldHideBtnWidth;
+            }
+          } else {
+            this.$set(item, 'isHide', false);
+          }
+        }
+      });
+      let hideBtn = rowTileBtnList.filter(item => item.isVisible && item.isHide);
+      this.groupBtnObj = groupBtnObj;
+      this.rowTileBtnList = rowTileBtnList;
+      let rowFoldHideBtnListObj = {
+        ADD: { name: '新增按钮', list: [] },
+        INLINE: { name: '行级按钮', list: [] },
+        BATCH: { name: '批量按钮', list: [] }
+      };
+
+      hideBtn.forEach(item => {
+        item.isShowFoldGroupBtn = false;
+        if (item.type === 'ADD') {
+          rowFoldHideBtnListObj.ADD.list.push(item);
+        } else if (item.type == 'BATCH') {
+          rowFoldHideBtnListObj.BATCH.list.push(item);
+        } else {
+          rowFoldHideBtnListObj.INLINE.list.push(item);
+        }
+      });
+
+      let hideGroupBtnObj = {};
+      // 按钮自适应 隐藏的分组 需要在折叠中平铺展示
+      for (let key in groupBtnObj) {
+        if (groupBtnObj[key].isHide) {
+          let list = groupBtnObj[key].list;
+          hideGroupBtnObj[key] = {
+            name: key,
+            list
+          };
+          list.forEach(item => {
+            let matchItem = hideBtn.find(v => v.sid === item.sid);
+            if (!matchItem) {
+              item.isShowFoldGroupBtn = true;
+              hideBtn.push(item);
+            } else {
+              matchItem.isShowFoldGroupBtn = true;
+            }
+          });
+        }
+      }
+      if (Object.keys(hideGroupBtnObj).length) {
+        Object.assign(rowFoldHideBtnListObj, hideGroupBtnObj);
+      }
+
+      this.rowFoldHideBtnListObj = rowFoldHideBtnListObj;
+      this.rowFoldHideBtnList = hideBtn;
+      this.resizeFlag = false;
+    },
+    resetCheckStatus() {
+      this.$emit('pubResetCheckStatus');
+    },
+    handleReset() {
+      this.$emit('handleReset', { targetType: 'outQuickSearchReset' });
+    },
+    handleUploadChange(info) {
+      const { file, fileList } = info;
+      if (file.status !== 'uploading') {
+        console.log(file, fileList);
+      }
+      if (file.status === 'done') {
+        if (file.response?.result == 'SUCCESS') {
+          this.$message.success(`${file.name} 导入成功`);
+          this.$emit('importUpdate');
+        } else {
+          this.$message.error(`${file.name} 导入失败`);
+        }
+      } else if (file.status === 'error') {
+        this.$message.error(`${file.name} 导入失败`);
+      }
+    },
+    handleOtherConfigInit() {
+      setTimeout(() => {
+        let tableOptions = this.$attrs?.tableOptions || this.tableOptions || {};
+        const { nobutton = false, TypeOfDisplay = '', noSetting = false } = tableOptions?.config || {};
+        this.nobutton = nobutton || false;
+        if (TypeOfDisplay === 'table') {
+          this.currentTempId = '0';
+        }
+        if (noSetting) {
+          // this.showSettings["hideSettingBtn"] = 1;
+          this.noSetting = true;
+        }
+      }, 16);
+    },
+
+    handleTopBtnTracher(btn, j) {
+      try {
+        // 埋点
+        this.$_handleTracherLog('列表按钮', {
+          列表ID: this.tableId || '',
+          列表名称: this.tableName || this.$attrs?.tableName || '',
+          按钮名称: btn.name,
+          按钮ID: btn.id,
+          按钮类型: btn.type,
+          按钮顺序位置: j,
+          显示位置: btn.toggle
+        });
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    handleAddType(btn) {
+      const btnObj = utils.getRowOperatorIdSetting({}, btn);
+      let setData = JSON.parse(btnObj.setting);
+      const { editTableWrapper } = this;
+      const tableParams = JSON.parse(JSON.stringify(this.paramsData));
+
+      if (editTableWrapper.options && utils.isPlainObject(editTableWrapper.options.extendParams)) {
+        // 有额外的参数
+        editTableWrapper.options?.extendParams && Object.assign(tableParams.form, editTableWrapper.options.extendParams);
+      }
+      const paramsData = Object.assign(tableParams, {
+        table: btn
+      });
+      const params = utils.setParamsValue(setData.params, paramsData);
+      Object.assign(setData, { params, _params_data: paramsData });
+      this.$emit('btnEventTree', setData);
+    },
+    getRowTileBtnList(btnList) {
+      this.rowTileBtnListTree = [];
+      this.rowTileBtnListTree = btnList.filter(btn => btn.isShow == '1' && btn.type == 'ADD');
+    },
+    relatedSearchInputBlur() {
+      let searchInput = this.$refs.relatedSearchInput;
+      if (!searchInput) return;
+      if (!searchInput.$el?.children) return;
+      if (!searchInput.$el.children[0]?.children) return;
+      if (!searchInput.$el.children[0].children[0]) return;
+      if (!searchInput.$el.children[0].children[0]?.children) return;
+      let inputDom = searchInput.$el.children[0].children[0].children[0];
+      if (!inputDom) return;
+      inputDom.blur();
+    },
+    handleRequestedLabel(v) {
+      let params = { type: v, pageSize: 10000 };
+      return this.axios.get('/label/list', { params: params });
+    },
+    initOutSearchFieldList(config = {}) {
+      this.outSearchFieldList = [];
+      this.outRelationQuickSearch = [];
+      let mySearchFieldList = JSON.parse(JSON.stringify(this.searchFieldList)).filter(i => ((i.random_key = this.getFiledRandom_key(i)), i.isShowSearch == 1 && i.filterExplicit == 1));
+      this.outSearchFieldList = mySearchFieldList;
+      // 跨表
+      let outRelationQuickSearch = this.relationTableList.map(item => {
+        return {
+          fieldList: item.fieldList.fieldList.filter(item => item.isShowSearch == 1 && item.filterExplicit == 1) || [],
+          tableName: item.tableName,
+          primaryField: item.primaryField,
+          parameterConversionId: item.parameterConversionId,
+          tableId: item.tableId,
+          relationField: item.relationField,
+          converFun: item.converFun,
+          relationOrgId: item.relationOrgId,
+          preConObj: item.preConObj,
+          preSqlExpression: item.preSqlExpression
+        };
+      });
+      outRelationQuickSearch = outRelationQuickSearch.filter(item => item.fieldList.length);
+      this.$set(this, 'outRelationQuickSearch', outRelationQuickSearch);
+      this.dealOutFilterHideBtn();
+      this.handlerInitSearchItem(this.outSearchFieldList);
+      this.outRelationQuickSearch.forEach(item => {
+        this.handlerInitSearchItem(item.fieldList);
+      });
+      if (this.lastOutSearchFieldList.length > 0) {
+        this.outSearchFieldList = _.cloneDeep(this.lastOutSearchFieldList);
+      }
+      if (this.lastOutRelationQuickSearch.length) {
+        this.outRelationQuickSearch = this.$utils.clone(this.lastOutRelationQuickSearch, true);
+      }
+
+      // 如有配置默认值
+      if (this.outSearchFieldList.some(v => !!v.explicitDefaultVal)) {
+        this.$emit('outSearchInit');
+        if ('reset' != config?.type) {
+          this.outFilterChange({ type: 'outSearchInit' });
+        }
+      }
+    },
+    dealOutFilterHideBtn() {
+      if (!this.isShowSetting('buttonAdaption') && this.outSearchFieldList.length > 0) {
+        // 如果设置了按钮自适应 全部按钮放入折叠按钮
+        // 需要考虑按钮是否有分组 过滤掉分组
+        let rowTileBtnList = JSON.parse(JSON.stringify(this.rowTileBtnList));
+        let hideBtn = rowTileBtnList.filter(item => {
+          if (!item.isVisible) return false;
+          if (!item.buttonGroup) return true;
+          if (this.groupBtnObj && this.groupBtnObj[item.buttonGroup]) return false;
+          return true;
+        });
+        this.rowTileBtnList = rowTileBtnList.map(i => {
+          i['isHide'] = true;
+          return i;
+        });
+        let rowFoldHideBtnListObj = {
+          ADD: { name: '新增按钮', list: [] },
+          INLINE: { name: '行级按钮', list: [] },
+          BATCH: { name: '批量按钮', list: [] }
+        };
+        hideBtn.forEach(item => {
+          this.$set(item, 'isHide', true);
+          if (item.type === 'ADD') {
+            rowFoldHideBtnListObj.ADD.list.push(item);
+          } else if (item.type == 'BATCH') {
+            rowFoldHideBtnListObj.BATCH.list.push(item);
+          } else {
+            rowFoldHideBtnListObj.INLINE.list.push(item);
+          }
+        });
+        this.rowFoldHideBtnListObj = rowFoldHideBtnListObj;
+        this.rowFoldHideBtnList = hideBtn;
+      }
+    },
+    outFilterChange(config = {}) {
+      let conObj = this.getConObjParams() || [];
+      this.onSave(conObj, true, config);
+    },
+    visibleBtn(btn) {
+      if (!btn.isVisible) return false;
+      if (this.isInlineOperating) return false;
+
+      return true;
+    },
+    /* 打印相关 */
+    toSelectPrintObjs(value) {
+      let oldtableData = this.oldtableData;
+      let selectData = [];
+      if (value && value.length) {
+        value.forEach(v => {
+          let loopNode;
+          this.loop(oldtableData, v.my_index, item => {
+            loopNode = item;
+          });
+          selectData.push({
+            ...loopNode
+          });
+        });
+      }
+      selectData = selectData.map(item => {
+        return utils.paramsToPrintValue(item);
+      });
+
+      return selectData;
+    },
+    loop(data, theUniqueKey, callback) {
+      data.forEach((item, index, arr) => {
+        if (item.theUniqueKey === theUniqueKey) {
+          return callback(item, index, arr);
+        }
+        if (item.children) {
+          return this.loop(item.children, theUniqueKey, callback);
+        }
+      });
+    },
+    getPrintBtnParams(btn) {
+      const paramsData = JSON.parse(JSON.stringify(this.paramsData));
+      // const selectRows = this.toSelectPrintObjs(paramsData.form.selectRows);
+      const setData = JSON.parse(btn.setting);
+      let paramsArray = [];
+      paramsData.form.selectRows.forEach(i => {
+        const obj = {
+          table: i
+        };
+        // paramsArray.push(utils.setParamsValue(setData[0].params, Object.assign(paramsData, { obj })));
+        paramsArray.push(utils.setParamsValue(setData[0].params, Object.assign(paramsData, { obj, table: i })));
+      });
+
+      return paramsArray;
+    },
+    setPrintNumberToBtnList(printNumberList = [], btnList = []) {
+      let cloneList = _.cloneDeep(btnList);
+
+      printNumberList.forEach((item, index) => {
+        const i = cloneList.findIndex(v => v.settingObj[0].trigger_id == item.id);
+        if (i > -1) {
+          cloneList[i].__printConfig = {
+            number: item.number,
+            authorizationKey: item.authorizationKey,
+            port: item.port,
+            versionType: item.versionType,
+            hisParams: { reportid: item.number }
+          };
+        }
+        // cloneList[index].__printConfig = {
+        //   number: item.number,
+        //   authorizationKey: item.authorizationKey,
+        //   port: item.port,
+        //   versionType: item.versionType,
+        //   hisParams: { reportid: item.number }
+        // };
+      });
+
+      return cloneList;
+    },
+    async getPrintNumber(list) {
+      if (!list?.length) return;
+
+      let ids = list.map(item => item.settingObj[0].trigger_id).join(',');
+
+      let printNumberCacheKeys = Object.keys(this.printNumberCache);
+      let haveCache = printNumberCacheKeys.includes(ids);
+      if (haveCache) {
+        let printNumberList = this.printNumberCache[ids];
+        this.printBtnStrategys = printNumberList;
+        return Promise.resolve(printNumberList);
+      }
+
+      let res = await this.handleGetConfigApi({ ids }, 'requestGetByIds');
+
+      const { status, data } = res;
+      if (status) {
+        let resList = data?.list || [];
+        this.printBtnStrategys = resList;
+        list = resList.map(item => {
+          return {
+            number: item.number,
+            authorizationKey: data.authorizationKey,
+            versionType: data.versionType,
+            port: data.port,
+            id: item.id,
+            ...item
+          };
+        });
+        let len = list?.length || 0;
+        if (len > 0) {
+          this.setPrintNumberCache({
+            ids,
+            list
+          });
+        }
+
+        return list;
+      }
+      return list;
+    },
+    async receivePrintSuccessAboutPrint(res, info) {
+      const printBtn = this.printBtn;
+      const templateId = info.templateId;
+      const formatId = info.formatId;
+      const number = printBtn.__printConfig.number;
+
+      try {
+        const print = { formatId, number };
+        // 执行打印后置条件
+        const result = await this.printConfig.postStepRule(printBtn.settingObj, {
+          result: res,
+          print: print
+        });
+
+        if (result.method !== 'sync') return;
+        // 同步刷新列表
+        this.editTableWrapper?.$refs?.editTable?.getTableList('', false, true, true);
+      } catch (error) {
+        console.log('error', error);
+      }
+    },
+    async receivePrintSuccess(res, info) {
+      if (info.type === 'print') {
+        await this.receivePrintSuccessAboutPrint(res, info);
+      }
+      setTimeout(() => {
+        this.$message.success(res.message);
+      }, 3500);
+    },
+    receivePrintError(res) {
+      let errorMsg = res.message;
+      res.errinfo && (errorMsg += `：${res.errinfo}`);
+      this.$message.error(errorMsg);
+    },
+    resetAllPrintFnWatch() {
+      let keys = Object.keys(this.printBtnPrevFnWatch);
+      keys.forEach(key => {
+        if (!this.printBtnPrevFnWatch[key]) return false;
+        this.printBtnPrevFnWatch[key]();
+        this.printBtnPrevFnWatch[key] = null;
+        delete this.printBtnPrevFnWatch[key];
+      });
+    },
+    printBtnPrevFnWatchSetTimeout(reject) {
+      if (this.printBtnPrevFnWatchTimeoutTimer) {
+        clearTimeout(this.printBtnPrevFnWatchTimeoutTimer);
+        this.printBtnPrevFnWatchTimeoutTimer = null;
+      }
+
+      this.printBtnPrevFnWatchTimeoutTimer = setTimeout(() => {
+        this.resetAllPrintFnWatch();
+        reject();
+      }, 10000);
+    },
+    printBtnPrevFn(clickBtn, btn, type, j) {
+      return new Promise((resolve, reject) => {
+        /*
+          触发原按钮流程，在EditTable中触发原打印按钮节点时，修改[printPrevFinish]状态
+          触发watch，再执行Promise.resolve()
+        */
+        this.clickBtn(clickBtn, btn, clickBtn.my_index, true, j);
+        const timestamp = Date.now();
+
+        this.resetAllPrintFnWatch();
+        this.printPrevFinish = false;
+
+        this.printBtnPrevFnWatch[timestamp] = this.$watch('printPrevFinish', val => {
+          if (!this.printBtnPrevFnWatch[timestamp]) return false;
+          this.resetAllPrintFnWatch();
+          resolve();
+        });
+
+        this.printBtnPrevFnWatchSetTimeout(reject);
+      });
+    },
+    inlineEditClick() {
+      let { btnName, tipsMsg, isTips } = this.curBatchBtnData || {};
+      let _this = this;
+      // 保存是否需要提示
+      if (isTips != 1) {
+        this.setBatchSaveRowStatus(true);
+        return;
+      }
+      this.$confirm({
+        title: tipsMsg || `是否确认${btnName}`,
+        okText: '确定',
+        cancelText: '取消',
+        onOk: () => {
+          _this.setBatchSaveRowStatus(true);
+        },
+        onCancel() {}
+      });
+    },
+
+    /**
+     * 获取外显检索的默认值设置
+     */
+    handleGetOutSearchInitValue() {
+      if (this.outSearchFieldList.some(v => !!v.explicitDefaultVal)) {
+        let conObj = this.getConObjParams() || [];
+        return conObj;
+      }
+
+      return [];
+    },
+
+    getFiledRandom_key(el) {
+      // 初始化
+      const showSetting = el?.settingObj?.showSetting || [];
+      let f = !this.$utils.isEmpty(el?.settingObj?.wordbook);
+      if (!showSetting?.length && f) {
+        return Math.random().toString();
+      }
+      return '11';
+    },
+
+    inlineEditCancel() {
+      this.setBatchCancelRowStatus(true);
+    },
+
+    setBatchSaveRowStatus(f) {
+      this.$emit('setBatchSaveRowStatus', f);
+    },
+
+    setBatchCancelRowStatus(f) {
+      this.$emit('setBatchCancelRowStatus', f);
+    },
+
+    setPrintNumberCache(obj) {
+      this.$emit('setPrintNumberCache', obj);
+    }
+
+    /*  */
+  },
+  watch: {
+    // 平铺列表 watch 触发 导致请求发很多次
+    // 注释掉tableId 之后有问题请使用另外的方法解决, 不要再使用watch触发
+    // tableId: {
+    //   immediate: true,
+    //   deep: true,
+    //   handler(val) {
+    // val && this.getTableCondiTionListRequest(true);
+    // }
+    // },
+    viewList: {
+      deep: true,
+      immediate: true,
+      handler() {
+        if (this.viewList.length > 0) {
+          let curItem;
+          let hasListType = true;
+          this.viewList.forEach(v => {
+            if (v.mark == 1) {
+              curItem = v.id;
+            }
+            if (v.id == '0') {
+              hasListType = false;
+            }
+          });
+          hasListType &&
+            this.viewList.push({
+              id: '0',
+              name: '列表模式' || this.$t('1.1.5.4')
+            });
+          // 查找默认值
+          // let curItem = this.viewList.find(v => v.mark == 1);
+          this.currentTempId = curItem || '0';
+
+          // 按钮打卡视图列表
+          let tableViewId = this.optionsValue('tableViewId');
+          let onlyOpenView = this.optionsValue('hideViewList') && tableViewId;
+          if (onlyOpenView) {
+            this.currentTempId = tableViewId;
+          }
+          // this.handlerSelectTemp(this.currentTempId);
+          this.$emit('handlerChangeView', this.currentTempId);
+        } else {
+          this.currentTempId = '0';
+          // this.handlerSelectTemp(this.currentTempId);
+          this.editTableSource != 'relatedComponent' && this.$emit('handlerChangeView', this.currentTempId);
+        }
+      }
+    },
+    getIsTile: {
+      immediate: true,
+      handler(val) {
+        if (val === undefined) return;
+        this.isTile = val;
+      }
+    },
+    rowBtnList: {
+      immediate: true,
+      deep: true,
+      handler() {
+        this.formatRowBtnList();
+        this.handleOtherConfigInit();
+      }
+    },
+    initPageResize: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (!val || !Object.keys(val).length) return;
+        if (this.isButtonFolding || this.isShowSetting('buttonAdaption')) return;
+        let { classificationIndex } = val;
+        if (classificationIndex < 0) return;
+        this.pageResize({});
+      }
+    },
+    relatedBaseInfo: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (!val || !Object.keys(val).length) return;
+        let { buttonList } = val;
+        if (!buttonList || !buttonList.length) return;
+        this.getRowTileBtnList(buttonList);
+      }
+    },
+    searchFieldList: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.length > 0) {
+          this.initOutSearchFieldList();
+        }
+      }
+    },
+    tabConditionNumObj: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (this.conditionType === 'keyword' && val && Object.keys(val).length > 0) {
+          this.tabConditionList.length > 0 &&
+            this.tabConditionList.forEach(item => {
+              if (val[item.sid] !== undefined) this.$set(item, 'digital', val[item.sid]);
+            });
+        }
+      }
+    },
+    searchPlaceHolder: {
+      immediate: true,
+      handler(val) {
+        if (!val || this.showRelatedTreeBtn) return;
+        this.$nextTick(() => {
+          this.showPlaceholderPrefix = false;
+          let dom = this.$refs.baseSearchPlaceholderSpan;
+          if (!dom) return;
+          // input 框有padding 32px  ...显示需要多预留一些宽度12px
+          let w = dom.offsetWidth + 45;
+          // 非筛选外显input 有enterButton 预留宽度
+          if (!this.showOutSearch) {
+            w += 45;
+          }
+          let maxW = 300;
+          this.inputSearchW = w > maxW ? maxW : w < 200 ? 200 : w;
+          if (w > maxW) {
+            this.showPlaceholderPrefix = true;
+          }
+          this.onResize();
+        });
+      }
+    }
+  }
+});
+</script>
+
+<style lang="less" scoped>
+.base-search {
+  flex: 1;
+  .base-container {
+    display: flex;
+    justify-content: space-between;
+    text-align: left;
+    background: #fff;
+  }
+  .bease-left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+    flex: 1;
+    .btn-custom-wrap {
+      width: 100%;
+      display: flex;
+      justify-content: flex-end;
+      align-items: flex-start;
+    }
+  }
+  .base-tabs {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #d5d5d5;
+    margin-bottom: 8px;
+    .base-tabs-item {
+      padding: 7px 16px;
+      font-size: 14px;
+      color: #212121;
+      font-weight: 400;
+      cursor: pointer;
+      border-bottom: 1px solid transparent;
+    }
+    .base-tabs-item-active {
+      color: #2d7aff;
+      border-bottom: 1px solid #2d7aff;
+    }
+  }
+  ul {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    margin-top: 8px;
+    li {
+      display: inline-block;
+      /deep/ .search-default {
+        height: 32px;
+        line-height: 32px;
+        margin-bottom: 8px;
+        margin-right: 8px;
+        border-color: #d5d5d5;
+        color: #212121;
+        .ant-btn {
+          border-color: #d5d5d5;
+          color: #212121;
+        }
+      }
+      /deep/ .out-filter-input {
+        width: 200px;
+        margin: 0 8px 8px 0;
+        .ant-input-wrapper {
+          .ant-input-group-addon {
+            border: 1px solid #d9d9d9 !important;
+            border-left: 0 !important;
+          }
+        }
+      }
+      .my-input-search {
+        vertical-align: middle;
+        position: relative;
+        top: -1px;
+        margin-bottom: 8px;
+        margin-right: 8px;
+        height: 32px;
+        /deep/ .ant-input {
+          margin-top: 1px;
+          border-right: 0 !important;
+          &:hover {
+            & + .ant-input-suffix {
+              .ant-input-search-icon {
+                color: #579aff;
+              }
+            }
+          }
+        }
+        /deep/ .ant-input-group-addon {
+          padding: 0;
+          border: 0 !important;
+          vertical-align: bottom;
+          .ant-btn {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+          }
+        }
+        .svg-icon {
+          margin-right: 0;
+          font-size: 16px;
+        }
+      }
+      .mr8 {
+        margin-right: 8px;
+        margin-bottom: 8px;
+      }
+      .mr12 {
+        margin-right: 12px;
+        margin-bottom: 8px;
+      }
+      .ml12 {
+        margin-left: 12px;
+        margin-bottom: 8px;
+      }
+      &.related-search-input {
+        /deep/ .my-input-search {
+          width: 40px;
+          .ant-input-affix-wrapper {
+            width: 0px;
+            .ant-input {
+              width: 0;
+              outline: none;
+              box-shadow: none;
+              &:focus {
+                outline: none;
+              }
+            }
+            .ant-input:not(:last-child) {
+              padding: 0px;
+              border: 0px !important;
+            }
+            .ant-input-suffix {
+              i {
+                display: none;
+              }
+            }
+          }
+          .ant-input-group-addon {
+            .ant-btn {
+              border-top-left-radius: 4px;
+              border-bottom-left-radius: 4px;
+            }
+          }
+        }
+      }
+      &.related-search-input-expand {
+        transition: width 0.2s;
+        /deep/ .my-input-search {
+          width: 215px;
+          .ant-input-affix-wrapper {
+            .ant-input-suffix {
+              i {
+                display: inline-block;
+              }
+            }
+          }
+        }
+      }
+    }
+    .dropdown-button {
+      color: #212121;
+      border-color: #d5d5d5 !important;
+      margin-left: 8px;
+      margin-bottom: 8px;
+      /deep/ .svg-icon {
+        margin-right: 4px;
+      }
+      &.ant-dropdown-trigger {
+        i.anticon.anticon-down {
+          color: #969696;
+          font-size: 14px;
+        }
+      }
+    }
+    .baseSearch-input-search {
+      .input-search-com {
+        input {
+          padding: 4px 8px;
+        }
+        .search-placeholder-icon {
+          color: #b4b4b4;
+        }
+      }
+    }
+  }
+  /deep/ .num-picker {
+    position: relative;
+    display: flex;
+    &.num-picker-unit {
+      padding-right: 20px;
+    }
+    input {
+      text-align: left !important;
+    }
+    &:hover {
+      .clear-number-icon {
+        display: block;
+      }
+    }
+    /deep/ .ant-calendar-range-picker-input {
+      text-align: left;
+    }
+    .clear-number-icon {
+      position: absolute;
+      right: 5px;
+      top: 6px;
+      display: none;
+      cursor: pointer;
+      z-index: 1000;
+    }
+  }
+  .btn-row {
+    display: inline-flex;
+    line-height: 32px;
+    height: 32px;
+    // padding: 0 10px;
+    padding-right: 8px;
+    margin-bottom: 8px;
+    transform: translateZ(0);
+    .mgl-10 {
+      margin-left: 10px;
+    }
+    &.min-width {
+      min-width: 212px;
+    }
+    /deep/ .ant-select-selection__rendered {
+      color: #212121;
+      font-size: 14px;
+    }
+    /deep/ .ant-select-arrow {
+      i {
+        color: #969696;
+        font-size: 12px;
+      }
+    }
+    .btn-setting {
+      margin-right: 4px;
+    }
+    .viewList-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 12px;
+    }
+  }
+  .search-tile {
+    max-width: 100%;
+    max-height: 74px;
+    overflow-x: auto;
+    /deep/ .ant-btn {
+      margin-right: 10px;
+      margin-bottom: 5px;
+    }
+  }
+
+  .psw-icon {
+    cursor: pointer;
+    &:active {
+      color: #5585f5;
+      // #2474ff
+    }
+    color: #969696;
+  }
+
+  ::-webkit-input-placeholder {
+    /* WebKit browsers */
+    font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  }
+
+  ::-moz-placeholder {
+    /* Mozilla Firefox 19+ */
+    font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  }
+
+  :-ms-input-placeholder {
+    /* Internet Explorer 10+ */
+    font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  }
+  .baseSearchPlaceholderSpan {
+    visibility: hidden;
+    position: absolute;
+    z-index: -1;
+  }
+}
+</style>
+<style lang="less">
+.rowFoldHideBtnList-dropdown {
+  .ant-dropdown-menu {
+    overflow-y: auto;
+    max-height: 99vh;
+  }
+  .ant-dropdown-menu-item-group {
+    .ant-dropdown-menu-item-group-title {
+      display: none;
+    }
+    border-bottom: 1px solid #d5d5d5;
+    &:last-child {
+      border-color: transparent;
+    }
+  }
+}
+.viewList-dropdown {
+  min-width: 120px;
+  .ant-dropdown-menu-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: #2e2e2e;
+    margin: 1px 0;
+    &:hover {
+      background: #f2f2f2;
+    }
+    > span {
+      display: inline;
+      width: 85%;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+  }
+  .ant-dropdown-menu-item.menu-active {
+    color: #2d7aff;
+  }
+}
+</style>