cnhis-design-vue 2.2.3 → 2.2.5

package/packages/big-table/src/BigTable.vue

@@ -1,2977 +0,0 @@
-<template>
-  <div
-    class="big-table"
-    :class="{
-      mt: visibleCheckAllWrap || visibleTreeCheck || hasRefresh,
-      'expand-padding': !isNestTable,
-      'table-editing': isTableEdit
-    }"
-    :style="{ height: tableHeight }"
-  >
-    <div class="check-wrap" v-if="hasRefresh && !isNestTable">
-      <p class="check-wrap-title">
-        <span>系统检测到有数据更新,</span>
-        <span class="check-wrap-btn" @click="refreshTable">点击查看</span>
-      </p>
-    </div>
-    <!-- 全选 选择框 -->
-    <div class="check-wrap" v-show="visibleCheckAllWrap && !isInlineOperating && !isNestTable">
-      <p class="check-wrap-title">
-        <span>已勾选数据共{{ allSelectedLength }}条</span>
-        <span v-show="visibleCheckAllWrapMore">（当前页{{ currentPageSelectedLength }}条）</span>
-      </p>
-      <template v-if="visibleCheckAllWrapMore">
-        ，
-        <p v-if="!visibleCancelCheckAllBtn" class="check-wrap-btn" @click="handleCheckAll">
-          <!-- asyncCount 性能模式也可以“勾选全部” -->
-          <span v-if="pageVO.total > MAX_CHECK_SIZE">
-            <!-- {{ `最大勾选“${tableName}” ${MAX_CHECK_SIZE}条数据` }} -->
-            {{ `勾选全部页 ${MAX_CHECK_SIZE}条数据` }}
-          </span>
-          <span v-else>
-            <!-- {{ $t("1.9.598", { name: tableName, total }) }} -->
-            {{ `勾选全部页 ${pageVO.total}条数据` }}
-          </span>
-        </p>
-        <p v-else class="check-wrap-btn" @click="handleCancelAllCheck">取消全部勾选</p>
-      </template>
-    </div>
-    <!-- 树状表格已选 -->
-    <div v-show="visibleTreeCheck && !isInlineOperating && !isNestTable" class="check-wrap">
-      <p class="check-wrap-title">
-        <span>已勾选数据共{{ treeTableLength }}条</span>
-      </p>
-    </div>
-    <c-grid
-      border
-      :show-overflow="isShowOverflow"
-      show-header-overflow
-      highlight-hover-row
-      highlight-current-row
-      show-footer-overflow="title"
-      :keep-source="isTree != 1"
-      ref="xGrid"
-      height="auto"
-      resizable
-      auto-resize
-      :row-id="handleRowId"
-      :row-class-name="getRowClassName"
-      :show-footer="showFooter && !isInlineOperating"
-      :footer-method="footerMethod"
-      :sort-config="{ trigger: 'cell', remote: true }"
-      :tree-config="treeConfig"
-      :span-method="colspanMethod"
-      :footer-span-method="footerRowspanMethod"
-      @cell-dblclick="rowdblclick"
-      @cell-click="handlerClickRow"
-      @checkbox-change="selectionChange"
-      @checkbox-all="selectionChangeAll"
-      @radio-change="radioOnChange"
-      @sort-change="sortChange"
-      @scroll="handlerScroll"
-      @cell-mouseenter="handleCellMouseenter"
-      :tooltip-config="{ enterable: false }"
-      :checkbox-config="{
-        checkField: 'checked',
-        labelField: 'checked',
-        checkMethod: checkMethod,
-        trigger: 'cell',
-        reserve: true,
-        highlight: true,
-        ...(isCheckStrictly ? { checkStrictly: true, showHeader: true } : {})
-      }"
-      :seq-config="handleSeqConfig"
-      :radio-config="{
-        checkField: 'checked',
-        trigger: 'cell',
-        reserve: true,
-        highlight: true
-      }"
-      :cell-style="getCellStyle"
-      :row-style="getRowStyle"
-      :edit-config="{ trigger: 'manual', mode: 'row', autoClear: false, showIcon: false }"
-      :scroll-x="scrollXConfig"
-      :scroll-y="scrollYConfig"
-      :expand-config="{
-        lazy: true,
-        accordion: columnConfig && columnConfig.accordion,
-        loadMethod: loadExpandMethod,
-        toggleMethod: toggleExpandMethod,
-        iconOpen: 'iconfont icon-a-xitongtubiaozhediejian',
-        iconClose: 'iconfont icon-a-xitongtubiaotianjia'
-      }"
-      :row-config="{ isCurrent: true }"
-      v-bind="tableAttrs"
-    >
-      <template v-slot:empty>
-        <div v-if="isShowEmpty">
-          <NoData :noDataImg="emptyItems.noDataImg" :noDataTip="emptyItems.noDataTip" :showImg="!isNestTable"></NoData>
-        </div>
-      </template>
-      <!-- 修复 vxe-table升级3.x版本 原自定义checkbox样式失效 -->
-      <template v-slot:tooltip_checkbox="{ row, checked }">
-        <a-tooltip v-if="row.forbiddenBatchSelect" :title="row.forbiddenBatchSelectReason" placement="right" trigger="hover">
-          <i class="disabled-checked-tips"></i>
-        </a-tooltip>
-        <a-checkbox class="tooltip-checkbox-item" v-else :checked="checked"></a-checkbox>
-      </template>
-      <template v-slot:tooltip_footer="{ column }">
-        <!-- 分组统计 -->
-        <template v-if="groupCountFields && groupCountFields.length">
-          <span v-html="groupText"></span>
-        </template>
-        <!-- 一般统计 -->
-        <a-tooltip v-else overlayClassName="table-footer-tooltip-wrap">
-          <template slot="title">
-            <div v-html="getFooterTooltipTitle(column)"></div>
-          </template>
-          {{ getFooterTitle(column) }}
-        </a-tooltip>
-      </template>
-      <!-- 子列表嵌套 -->
-      <template v-slot:nest_table_content="{ row, rowIndex, $rowIndex, column }">
-        <slot name="content" :data="{ row, rowIndex, $rowIndex, column }"></slot>
-      </template>
-    </c-grid>
-    <!-- `${refreshRow}条更新` -->
-    <div class="refresh" v-show="refreshRow > 0 && !isNestTable" @click="hanldeClickRefresh">
-      <a-icon type="sync"></a-icon>
-      <p class="refresh-row">{{ refreshRow }}条更新</p>
-    </div>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue';
-import VueXss from 'vue-xss';
-import TextOverTooltip from './components/TextOverTooltip.vue';
-import AutoLayoutButton from './components/AutoLayoutButton.vue';
-import { Icon, Tooltip, Progress, Switch, Popover, Button, Dropdown, Menu, Checkbox, Input, Popconfirm } from 'ant-design-vue';
-import format from './utils/format';
-import { parseDurationValue, parseCombinationValue, formatFieldText, imgs2imgArr, parseNumberField } from './utils/tableParse';
-import passwordCom from './components/password-com.vue';
-import NoData from './components/NoData.vue';
-import VideoList from './components/player-vod/video-list';
-import Grid from '~/grid';
-import vexutils from '@/utils/vexutils';
-import DomPortal from 'vue-dom-portal';
-import create from '@/core/create';
-
-let hideAllWrap = null;
-
-import { GROUP_TITLE_KEY } from '@/global/variable';
-
-import batchEditing from './utils/batchEditing';
-import checkStrictly from './utils/checkStrictly';
-import headerFilter from './utils/headerFilter';
-import EditForm from './components/edit-form/EditForm.vue';
-import HeaderFilter from './components/HeaderFilter.vue'
-
-import nestTable from './utils/nestTable';
-import eventBroadcast from './utils/eventBroadcast';
-import bigTableProps from './utils/bigTableProps';
-import SvgIcon from '@/component/svg/index.vue';
-import cloneDeep from 'lodash/cloneDeep';
-
-let addInlineEditPrimaryKey = '';
-export default create({
-  name: 'big-table',
-  components: {
-    TextOverTooltip,
-    passwordCom,
-    NoData,
-    EditForm,
-    [Icon.name]: Icon,
-    [Tooltip.name]: Tooltip,
-    [Progress.name]: Progress,
-    [Switch.name]: Switch,
-    [Popover.name]: Popover,
-    [Dropdown.name]: Dropdown,
-    [Popconfirm.name]: Popconfirm,
-    [Menu.name]: Menu,
-    [Grid.name]: Grid,
-    [VideoList.name]: VideoList,
-    SvgIcon,
-    AutoLayoutButton
-  },
-  mixins: [format, batchEditing, nestTable, eventBroadcast, checkStrictly, headerFilter],
-  props: Object.assign({}, bigTableProps),
-  beforeCreate() {
-    Vue.use(Button)
-      .use(Checkbox)
-      .use(Input)
-      .use(DomPortal);
-    !this.$xss && Vue.use(VueXss);
-  },
-  mounted() {
-    this.bindDocumentClick();
-    this.tableHeight = this.handleTableHeight();
-
-    // 子列表在mounted后初始化 直接watch无法触发
-    if (!this.isNestTable) return;
-    this.loadColumn(this.columnConfig);
-    this.loadData(this.data);
-  },
-  // activated() {
-  //   // 行编辑状态下 切换tab 再切回 需要重置页面样式
-  //   this.removeInsert();
-  // },
-  beforeRouteLeave() {},
-  beforeDestroy() {
-    // 移除事件监听
-    this.$off();
-  },
-  destroyed() {
-    this.unBindDocumentClick();
-  },
-  data() {
-    return {
-      curAbleCheckedLen: 0, // 当前页能够多选的选项个数
-      showButtonTop: 0,
-      // hasOnlyIcon: false,
-      isTree: 0, // 0非数表 1全加载数表 2懒加载数表 3分组表
-      isShowEmpty: false,
-      /* 全选相关 */
-      currentPageSelectedLength: 0,
-      visibleCheckAllWrap: false,
-      visibleCheckAllWrapMore: false,
-      // 已勾选的表格row数据
-      checkedRows: [],
-      // 存储所有当前可筛选的表头
-      filterFields: {},
-      /* 树状已选 */
-      visibleTreeCheck: false,
-      treeTableLength: 0,
-      treeTableData: [],
-      checkWidth: {
-        'table-simple': '30',
-        'table-classics': '24'
-      },
-      lastPageIndex: 1,
-      selectType: '',
-      levelLazyLoadSetting: null, // 数表懒加载配置
-      openOnly: 0, // 手风琴模式
-      filterWidth: 280, // 筛选框宽度
-      filterHeight: 120, // 筛选框高度
-      startX: 0, // 起始距离
-      distance: 0, // 移动距离
-      mask: '', // 拖拽遮罩层
-      groupText: [], // 分组统计 text
-
-      /* 行内编辑相关 */
-      currentClickBtnInfo: null,
-      /*  */
-
-      columnLen: 0, // column 长度
-      hasRefresh: false, // 当前列表是否有新的更新
-      isExpand: 0, // isTree == 1 是否全部展开
-      btnIcons: {
-        // 按钮icon 映射
-        copy: 'copy',
-        pencil: 'edit',
-        delete: 'delete',
-        add: 'plus-circle',
-        download: 'download',
-        label: 'tag',
-        queding: 'check',
-        del: 'close'
-      },
-      tableHeight: '100%',
-      allCheckedRows: [],
-      scrollXConfig: { enabled: false, gt: 25, oSize: 10, }, // 暂时去掉横向虚拟滚动，2023.8.2
-      scrollYConfig: { enabled: true, gt: 50, mode: 'wheel' },
-      isShowOverflow: true
-    };
-  },
-  computed: {
-    currentCheckedKeys() {
-      return this.checkedRows?.map(row => row[this.primaryKey]) || [];
-    },
-    allSelectedLength() {
-      return this.checkedRows?.length;
-    },
-    allLen() {
-      return this.allCheckedRows?.length || this.pageVO.total;
-    },
-    visibleCancelCheckAllBtn() {
-      let isCurrentPageAllCheck = this.currentPageSelectedLength === this.curAbleCheckedLen;
-      let isMaxChecked = this.currentCheckedKeys.length === this.MAX_CHECK_SIZE;
-      let isCheckedTotal = this.currentCheckedKeys.length === this.allLen;
-
-      return isMaxChecked || !isCurrentPageAllCheck || isCheckedTotal;
-    },
-    handleRowId() {
-      if (this.isTree == 2 || this.isTree == 3) {
-        return 'theUniqueKey';
-      }
-      return this.primaryKey || 'theUniqueKey';
-    },
-    handlePrimaryKey() {
-      return this.isTree > 0 ? this.primaryKey || 'theUniqueKey' : 'theUniqueKey';
-    },
-    handleName() {
-      return function(item, key = 'name') {
-        return item.alias || item[key];
-      };
-    },
-    treeConfig() {
-      let result = null;
-      switch (Number(this.isTree)) {
-        case 1:
-        case 3:
-        if(this.treeVirtualScroll) {
-          result = {
-            accordion: this.openOnly > 0,
-            reserve: true,
-            transform: true,
-            rowField: '_row_field',
-            parentField: '_parent_field'
-          }
-        } else {
-          // 同步树
-          result = {
-            children: 'childrenList',
-            accordion: this.openOnly > 0,
-            reserve: true
-          };
-        }
-
-          break;
-        case 2:// 异步树
-          result = {
-            lazy: true,
-            reserve: true,
-            children: 'childrenList',
-            hasChild: 'hasChildren',
-            loadMethod: this.loadChildrenMethod,
-            accordion: this.openOnly > 0,
-            iconLoaded: 'iconfont icon-loading roll'
-          };
-          break;
-        default:
-          break;
-      }
-      return result;
-    },
-    handleFooterGroupText() {
-      let { groupText } = this;
-      if (!groupText) return '';
-      let value = groupText;
-      if (this.checkHtml(groupText)) {
-        value = this.htmlToText(groupText);
-      }
-      return value;
-    },
-    singleCheckedKey() {
-      const checkedKeys = this.currentCheckedKeys || [];
-      return checkedKeys.length == 1 ? checkedKeys[0] : '';
-    },
-    getRowClassName() {
-      return this.selectType === 'checkbox'
-        ? ({ row }) => {
-            const k = this.singleCheckedKey;
-            return k && k === row[this.primaryKey] ? 'single--checked' : '';
-          }
-        : () => {};
-    },
-    handleSeqConfig() {
-      if (this.isNestTable) return { startIndex: 0 };
-      if (this.isBatchEditing) {
-        return { startIndex: 0 };
-      }
-      let startIndex = (this.pageVO.pageIndex - 1) * this.pageVO.pageSize;
-      return { startIndex: startIndex < 0 ? 0 : startIndex };
-    },
-    isScanMultiTable() {
-      return this.columnConfig?.isScanMultiTable;
-    },
-    tableNoSetting() {
-      let { noSetting } = this.getOtherConfigInit() || {};
-      return noSetting || this.showSettings?.hideSettingBtn == 1 || this.isTableEdit;
-    },
-    // 行编辑字段map
-    listFormUnionSettingMap() {
-      let paramsList = this?.listFormUnionSetting?.paramsList || {};
-      let tableFieldMap = {};
-      paramsList.forEach(v => {
-        tableFieldMap[v.tableField] = v;
-      });
-      return tableFieldMap;
-    },
-    tableAttrs() {
-      return this?.tableProps || {};
-    },
-    isKeepSource(){
-      // 树表默认是false
-      if(this.isTree == 1) return false;
-      // 是否配置编辑表单
-      return !!(this.listFormUnionSetting?.formId || false)
-    },
-    isTreeTable() {
-      return this.isTree != 0;
-    }
-  },
-  watch: {
-    columnConfig(config) {
-      if (!config || !Object.keys(config).length) return;
-      this.loadColumn(config);
-    },
-    data(value) {
-      const list = value.map(v => {
-        const newV = {};
-        for (let i in v) {
-          if (typeof v[i] === 'number') {
-            newV[i] = v[i];
-          } else {
-            // loadData 方法内有深拷贝，这里多余操作，先去掉
-            // newV[i] = JSON.parse(JSON.stringify(v[i] || ''));
-            newV[i] = v[i]
-          }
-          if (newV[i] && typeof v[i] === 'string' && !newV[i].includes('security-code')) {
-            newV[i] = this.$xss(v[i]);
-          }
-        }
-        return newV;
-      });
-      this.loadData(list);
-    },
-    quickSearchConfig: {
-      handler: function() {
-        this.setFilterStatus();
-      },
-      deep: true
-    },
-    tableDataCache: {
-      handler: function(val) {
-        this.setAllCheckedRows(val);
-      },
-      deep: true
-    },
-    currentCheckedKeys() {
-      this.setVisibleCheckAllWrap();
-    },
-    'pageVO.pageSize'() {
-      if (this.isNestTable) return;
-      this.setVisibleCheckAllWrap();
-      this.resetTableInlineEditStatus();
-    },
-    'pageVO.pageIndex'() {
-      if (this.isNestTable) return;
-      this.setTalbeScrollTo();
-      this.resetTableInlineEditStatus();
-    },
-    'styleSetting.tableHeight'() {
-      if (this.isNestTable) return;
-      if (Object.keys(this.columnConfig).length > 0) {
-        this.loadColumn(this.columnConfig);
-        this.loadData(this.data);
-        this.setTalbeScrollTo();
-      }
-    },
-    sysImageSize: {
-      deep: true,
-      immediate: true,
-      handler(val) {
-        const v = this.styleSetting?.tableHeight === 'table-simple' ? '26' : '22';
-        this.handleTableImageSize(val, 'LIST_FIELD_SMALL', v + 'px');
-      }
-    },
-
-    // $route(val) {
-    //   this.resetTableInlineEditStatus();
-    // },
-    tableRefreshCache: {
-      immediate: true,
-      deep: true,
-      handler(val, oldVal) {
-        if (this.isNestTable) return;
-        const { orgId } = this?.userInfo?.map?.sysParams || {};
-        // 增加判断老旧数据是否相同,判断orgId是否相等
-        if (val != oldVal && this.tableParams && val[this.tableParams.tableId] && orgId == val[this.tableParams.tableId]) {
-          this.hasRefresh = true;
-        }
-      }
-    },
-    'tableParams.tableId': {
-      handler(val) {
-        this.$nextTick(() => {
-          if (val && this.tableRefreshCache[val]) {
-            this.hasRefresh = true;
-          }
-        });
-      }
-    }
-  },
-  methods: {
-    customerInit() {
-      this.loadColumn(this.columnConfig);
-      this.loadData(this.data);
-    },
-    setTalbeScrollTo() {
-      let table = this.$refs.xGrid;
-      if (!table) return;
-      table.scrollTo(table.getScroll().scrollLeft, 0);
-    },
-    hideSelectCloumns() {
-      let vxeTable = this.$refs.xGrid;
-      let findSelectCloumns = vxeTable.getColumns()?.find(item => item.type === this.selectType);
-      findSelectCloumns && vxeTable.hideColumn(findSelectCloumns);
-    },
-    setVisibleCheckAllWrap() {
-      if (this.isNestTable) return;
-      if (this.isTree == 1) {
-        this.visibleCheckAllWrap = false;
-        return false;
-      }
-
-      this.visibleCheckAllWrap = this.currentCheckedKeys.length > 1;
-
-      let len = this.currentCheckedKeys.length;
-      let isLargerOrEqualPageSize = len >= this.curAbleCheckedLen;
-      let isShowAllTable = this.pageVO.pageSize === this.pageVO.total;
-      let isSpreadSelected = this.currentCheckedKeys.length > this.currentPageSelectedLength;
-
-      this.visibleCheckAllWrapMore = isSpreadSelected || (isLargerOrEqualPageSize && !isShowAllTable);
-    },
-    // 加载表格内容
-    async loadData(data) {
-      this.isLoadData = false;
-      this.isShowEmpty = !data?.length;
-
-      // const list = JSON.parse(JSON.stringify(data));
-      const list = cloneDeep(data)
-      let table = this.$refs.xGrid;
-      if (!table) return;
-      let formatList = this.setChecklist(list);
-      this.originFormatList = formatList;
-
-      this.setGroupTitleToFristColumnFieldData(formatList);
-      this.curAbleCheckedLen = list.filter(item => this.checkMethod({ row: item })).length;
-
-      // 非子列表触发
-      if (!this.isNestTable) {
-        await this.handleFormTheUniqueKey();
-      }
-
-      // reloadData 替换 loadData 保存setting之后需要表格重新reload
-      // loadData 加载数据
-      // reloadData 加载数据并清除所有状态
-      // 暂时 不知道是否影响其它????
-      // 还是用loadData较好，树表展开需要在更新数据后保留上一次的状态
-      // table.clearSort(); // <-- table.loadData 不会清空sort选项，导致sortChange重复触发
-
-      /**
-       * TODO: 全加载数表平铺处理,支持虚拟滚动处理
-       */
-      if(this.isTree == 1 && this.treeVirtualScroll){
-        const transFormList = [];
-        this.formatTransFormList(formatList, null, transFormList);
-        formatList = transFormList
-      }
-
-      await table.loadData(formatList);
-
-      table.setCurrentRow({});
-      this.setCurrentPageRowChecked();
-
-      this.setGroupTreeExpand();
-      this.resetTableInlineEditStatus();
-      this.isLoadData = true;
-    },
-    setGroupTreeExpand() {
-      let isExpand = this.isTree == 1 && this.isExpand == 1 && this.total < 1001;
-      if (this.isTree == 3 || isExpand) {
-        let table = this.$refs.xGrid;
-        this.$nextTick(() => {
-          table.setAllTreeExpand(true);
-        });
-      }
-    },
-    setGroupTitleToFristColumnFieldData(formatList) {
-      if (this.isTree != 3) return;
-      let table = this.$refs.xGrid;
-      let key = table.getTableColumn().tableColumn?.find(column => {
-        return !!column.property;
-      }).property;
-
-      this.setTreeGroupTitle(formatList, key);
-    },
-    setTreeGroupTitle(formatList, key) {
-      formatList.forEach(row => {
-        if (vexutils.has(row, 'childrenList')) {
-          this.setTreeGroupTitle(row['childrenList'], key);
-        }
-
-        if (!vexutils.has(row, GROUP_TITLE_KEY)) return;
-        row[key] = row[GROUP_TITLE_KEY];
-      });
-    },
-    resetTableInlineEditStatus() {
-      if (!this.checkOperateCurrentTable()) return false;
-      // 编辑中，不重置样式
-      if (this.defaultEditAllRow || this.isEditAllRow || this.isInlineEditing || this.isBatchEditing) return false;
-      this.handleClickCancelBtnByInline();
-    },
-
-    /**
-     * 初始化行按钮
-     */
-    initRowBtnList(row){
-      const getTextWidth = (text, font) => {
-        const canvas = document.createElement('canvas');
-        const context = canvas.getContext('2d');
-        context.font = font;
-        const metrics = context.measureText(text);
-        return metrics.width;
-      };
-      const handleName = (item, key = 'name') => {
-        return item.alias || item[key];
-      };
-
-      if(Array.isArray(row.btnList)){
-        row.btnList.forEach((btn)=>{
-          btn._show_title = handleName(btn);
-          btn._show_title_width = getTextWidth(btn._show_title, '14px Arial');
-          btn._show_btn_style = vexutils.getBtnStyle(btn);
-        })
-      }
-    },
-    setChecklist(list) {
-      let fieldList = this?.columnConfig?.fieldList || [];
-      const fieldListMap = fieldList.reduce((pre,cur)=> {
-        let key = cur.columnName;
-        if(key){
-          pre[key] = cur;
-        }
-        return pre;
-      },{});
-
-      return list.map(i => {
-        i._redner_before_ = true;
-        this.$set(i, 'checked', false);
-        if (this.isTree == 2) {
-          const treeNodeKey = this.levelLazyLoadSetting.childCountKey;
-          const { isTreeOrList = '' } = this.tableParams;
-          if (treeNodeKey && Number(i[treeNodeKey]) > 0) {
-            isTreeOrList != 'LIST' && this.$set(i, 'hasChildren', true);
-          }
-        }
-        this.initRowBtnList(i);
-        if (i.childrenList && i.childrenList.length) {
-          i.childrenList = this.setChecklist(i.childrenList);
-        }
-        // 处理富文本字段，转为字符串,判断是否为富文本,中转标志_temp+id，/<[^>]+>/g.test(i[item].replace(/<span (.*?)>(.*?)<\/span>$/g, ""))处理过大文本会卡住，replace的问题，直接判断有没有p元素就行
-        Object.keys(i).map(item => {
-          let isHtml = this.checkHtml(i[item])
-          if (i[item] && typeof i[item] == 'string' && i[item].indexOf('<p') !== -1 && item.indexOf('_temp_' + i.id) === -1) {
-            i[item + '_temp_' + i.id] = i[item] || '';
-            i[item] = this.htmlToText(i[item]);
-          }
-
-          let col = fieldListMap[item];
-          try {
-            i[item] = col ? formatFieldText(i, col, this.columnConfig.fieldList, this.fieldListOriginal): i[item];
-            !isHtml && (isHtml = this.checkHtml(i[item]))
-          } catch (error) {
-            console.log(error)
-          }
-          // 预处理，避免数据量大虚拟滚动时，渲染的单元格耗时长
-          i[`_${item}__redner_before_`] = {
-            isLink: col ? this.isLink(col, i) : undefined,
-            isCopy:col ? this.isCopy(col, i) : undefined,
-            tips:col ? this.handleValueTips(i, col) : undefined,
-            isHtml
-          }
-
-        });
-        return {
-          ...i
-        };
-      });
-    },
-    setCurrentRow(row) {
-      this.$refs.xGrid.setCurrentRow(row);
-    },
-    setDefCheckboxRow(row) {
-      const vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      this.$refs.xGrid?.setCheckboxRow([tableData?.[0] || row], true);
-    },
-    // 加载表格头部
-    loadColumn(config) {
-      this.isLoadColumn = false;
-      this.setTableConfig(config);
-      // this.hasOnlyIcon = config.hasOnlyIcon;
-      let columns = this.formatColumns(config);
-      columns = this.handleGroupColums(columns);
-      const xGrid = this.$refs.xGrid;
-      xGrid && xGrid.reloadColumn(columns);
-
-      this.setGroupTreeExpand();
-      this.resetTableInlineEditStatus();
-
-      this.isLoadColumn = true;
-    },
-    setTableConfig(config) {
-      this.showButtonTop = config.showButtonTop;
-      this.isTree = config.isTree;
-      this.openOnly = config.openOnly;
-      this.isExpand = config.spreadAllBtn;
-      this.levelLazyLoadSetting = Object.assign({}, config.levelLazyLoadSetting);
-    },
-    // 获取checkbox已选行
-    getCheckboxRecords() {
-      const xGrid = this.$refs.xGrid;
-      let res = [];
-      if (xGrid) {
-        res = xGrid.getCheckboxRecords();
-      }
-      return res;
-    },
-    // loadColumnAndData
-    loadColumnAndData(data, config) {
-      this.setTableConfig(config);
-      let columns = this.formatColumns(config);
-      columns = this.handleGroupColums(columns);
-      const xGrid = this.$refs.xGrid;
-      const list = this.setChecklist(data);
-      this.curAbleCheckedLen = list.filter(item => this.checkMethod({ row: item })).length;
-
-      if (!xGrid) return;
-
-      Promise.all([xGrid.reloadColumn(columns), xGrid.reloadData(list)]).then(() => {
-        console.log('列表加载完成');
-        this.setGroupTitleToFristColumnFieldData(list);
-        this.setGroupTreeExpand();
-      });
-    },
-    // 判断是否链接字段
-    isLink(item, row) {
-      return (
-        item.clickFieldKey == item.columnName ||
-        (this.relatedItems.triggerMethodPc == 'field' && item.columnName == this.relatedItems.triggerMethodField) ||
-        (item.isbtnLink && row.btnLinks && row.btnLinks?.includes(item.columnName))
-      );
-    },
-    // 判断是否复制
-    isCopy(item, row) {
-      return row[item.columnName] && item.fieldSetting && item.fieldSetting.fontContentCopy == 1;
-    },
-    // 图片jsx：当图片类型为头像时，显示的是圆形
-    getPicture(row, item, type) {
-      return [
-        <div class={['img-wrap', type === 'HEADPORTRAIT' ? 'img-circle' : '']}>
-          {this.handleImgArr(row[item.columnName], type).map((v, i) => (
-            <img
-              key={i}
-              src={this.handleImgSrc(v, this.sysImageSize, 'LIST_FIELD_SMALL')}
-              style={this.modalDetailImage(this.sysImageSize, 'LIST_FIELD_SMALL', '36px')}
-              on-click={e => this.handlePreView(row[item.columnName], i, e)}
-            />
-          ))}
-        </div>
-      ];
-    },
-    getvideoList(row, item) {
-      let res = row[item.columnName];
-      if (Array.isArray(res)) {
-        res = JSON.stringify(res);
-      }
-      /** string */
-      return [<video-list columnName={item.columnName} stlist={res} />];
-    },
-    // 字段颜色jsx
-    getColor(row, item) {
-      let color = row[item.columnName];
-      // color = row.color;
-      if (color?.includes('-')) {
-        let colorName = color.split('-')[1];
-        color = vexutils.oldColorMap(colorName);
-      }
-      return [
-        <div class="color-wrap" style="height: 100%; padding: 4px;">
-          <div style={{ background: color, height: '100%' }} />
-        </div>
-      ];
-    },
-    /** 评价组件 */
-    getEvaluate(row, item) {
-      let str = row[item.columnName];
-      if (vexutils.isJSON(str)) {
-        let obj = JSON.parse(str);
-        return obj.star ? `${obj.star}星` : '';
-      }
-      return str;
-    },
-    getMapVal(row, item) {
-      let str = row[item.columnName];
-      if (vexutils.isJSON(str)) {
-        let obj = JSON.parse(str);
-        return obj.address || '';
-      }
-      return str;
-    },
-    // 日期显示格式化
-    getDate(row, item, attrType) {
-      let obj = row[item.columnName] || '';
-      let style = {};
-      // fillColor 有值代表背景色
-      if (obj?.fillColor) {
-        style.background = obj.fillColor;
-        style.color = '#fff';
-        style.padding = '0 2px';
-      }
-      if (obj?.background) {
-        style.color = obj.background;
-      }
-      if (obj && !vexutils.isEmpty(obj)) {
-        if (vexutils.isObject(obj) && 'tooltip' in obj) {
-          return [
-            <a-tooltip title={obj.tooltip}>
-              <span domPropsInnerHTML={obj.value} style={style} />
-            </a-tooltip>
-          ];
-        }
-      }
-      if (attrType === 'BIRTHDAY') {
-        return [
-          <a-tooltip title={obj}>
-            <span domPropsInnerHTML={obj} style={style} />
-          </a-tooltip>
-        ];
-      }
-      return [<span domPropsInnerHTML={obj} style={style}></span>];
-    },
-    // 百分数格式化
-    getPercentage(row, item) {
-      let value = row[item.columnName];
-      if (!value && value !== 0) return;
-      let percentValue = value;
-
-      let SPANTAG_REGEXP = /<\/?span.*?>/g;
-      if (SPANTAG_REGEXP.test(value)) {
-        let d = document.createElement('span');
-        d.innerHTML = value;
-        value = d.textContent;
-        percentValue = value;
-      }
-
-      if (value && vexutils.isString(value) && value.includes('%')) {
-        percentValue = Number(value.replace('%', ''));
-      }
-      let strokeColor = '#52c41a';
-      if (percentValue < 15) {
-        strokeColor = '#ff5500';
-      } else if (percentValue < 50) {
-        strokeColor = '#ff8b01';
-      } else if (percentValue < 90) {
-        strokeColor = '#1890ff';
-      }
-      if (percentValue > 100) {
-        percentValue = 100;
-      } else if (percentValue < 0) {
-        percentValue = 0;
-      }
-      return [
-        <div class="percent-wrap">
-          <span class="percent-value">{percentValue}%</span>
-          <a-progress percent={percentValue} showInfo={false} strokeColor={strokeColor} />
-        </div>
-      ];
-    },
-
-    /** 选人组件数据解析 */
-    getCandidateComponents(row, item) {
-      /**
-       * 一人展示名字，多人展示数量 => 方晶晶(产品)
-       */
-      // [{"dept_id":996,"dept_name":"高手","user_name":"我是李高手"}]
-      // 2022/12/14 列表选人组件字段，产品(方晶晶)期望鼠标悬停在 已选x人 上面时，展示所有名称 xxx,xxx,xxx
-      let obj = row[item.columnName];
-      if (!obj) return '';
-      let content = '';
-      if (obj && vexutils.isJSON(obj)) {
-        obj = JSON.parse(obj);
-      }
-      if (!Array.isArray(obj) || !obj.length) return '';
-      let len = obj.length;
-      let showName = obj[0]?.user_name || obj[0]?.name;
-      if (len > 1) {
-        content = `已选${len}人`;
-      } else if (len === 1) {
-        content = showName || `已选${len}人`;
-      }
-      let tooltipTitle = obj
-        .map(v => v.user_name || v.name)
-        .filter(Boolean)
-        .join(',');
-      let refName = `item-${item.columnName}-${item[this.handleRowId]}`;
-      let isAlias = false;
-      if (tooltipTitle && tooltipTitle !== content) {
-        isAlias = !!tooltipTitle;
-      }
-      return [<TextOverTooltip refName={refName} tooltipTitle={tooltipTitle} content={content} isAlias={isAlias}></TextOverTooltip>];
-    },
-
-    /** 年龄 json 解析 */
-    getageShowType(row, item) {
-      /**
-       * 3个月以下了显示到天，3个月到1岁只显示到月，1岁到3岁显示几岁几月，3岁以上的只显示岁
-       */
-      let objStr = row[item.columnName];
-      if (vexutils.isJSON(objStr)) {
-        let obj = JSON.parse(objStr);
-        let days = obj.days || 0;
-        if (days > 0) {
-          if (days < 91) {
-            return `${days} 天`;
-          } else if (90 < days && days < 365) {
-            return `${Math.floor(days / 30)} 个月`;
-          } else if (365 < days && days < 1095) {
-            return `${obj.year} 岁 ${obj.month} 月`;
-          } else if (1095 < days) {
-            return `${obj.year}岁`;
-          }
-        } else {
-          return '';
-        }
-      }
-      return objStr || '';
-    },
-    getOrCode(row, item, type) {
-      let src = require('./assets/img/qr.png');
-      return [
-        <span class="bigTable-qr-span" on-click={e => this.qrCodeEvent(e, row, item)}>
-          <img class="bigTable-qr-img" src={src} />
-          <span>
-            <svg-icon iconClass="fangda" />
-          </span>
-        </span>
-      ];
-    },
-    qrCodeEvent(e, row, item) {
-      e.preventDefault();
-      e.stopPropagation();
-      let data = this.handleQrCodeContent(row, item);
-      this.$emit('qrCodeEvent', data);
-    },
-    handleQrCodeContent(row, field) {
-      let { settingObj = {}, fieldSetting = {} } = field;
-      let { mergedFeildExpression } = fieldSetting;
-      let content = row[field.field];
-      // 合并字段
-      if (mergedFeildExpression) {
-        const regexp = /#{(.+?)\}/g;
-        let formatHtml = mergedFeildExpression.replace(regexp, (match, $1) => {
-          let value = row[$1] || '';
-          return value;
-        });
-        content = formatHtml;
-      }
-      let params = {
-        content
-      };
-      let btnObj = {
-        btnName: settingObj?.qrCode?.name,
-        trigger_id: settingObj?.qrCode?.id,
-        params
-      };
-      return btnObj;
-    },
-
-    // switch jsx
-    getBtnLinkSwitch(row, item, disabled, index) {
-      let key;
-      let k = `_${item.columnName}_rowSwitchVal_`;
-      // 在 format 处理了。
-      if(k in row){
-        key = row[k]
-      } else {
-        // 树表不能用索引取值,注意：row 是解析后的值。
-        let cur = this.isTree !== 0 ? row : this.oldtableData[index];
-        key = cur[item.columnName];
-        if (typeof key === 'string') {
-          if (key && key.startsWith('###{')) {
-            let temp = JSON.parse(key.replace('###', ''));
-            key = temp.tooltip || temp.value; // temp.tooltip 日期的处理
-          }
-        }
-      }
-
-
-      // 特别处理'true'与true, 让true == 'true'
-      if(item.btnLinkSwitchDefVal === true && key === 'true'){
-        item.btnLinkSwitchDefVal = 'true';
-      }
-
-      // 特别处理'false'与false, 让false == 'false'
-      if(item.btnLinkSwitchDefVal === false && key === 'false'){
-        item.btnLinkSwitchDefVal = 'false';
-      }
-
-      let isEdit = this.isBatchEditing || this.isInlineEditing || this.isInlineAdding;
-
-      let f = isEdit ? (this.listFormUnionSettingMap[item.columnName] ? disabled : true) : disabled;
-
-      function switchClick(e) {
-        e.stopPropagation();
-      }
-      return [
-        <div onClick={switchClick} style="display: inline-block;" class="no-transition_a-switch">
-          <a-switch checked={key == item.btnLinkSwitchDefVal} disabled={f} on-change={e => this.switchBtnOnChange(e, row, item, index)} />
-        </div>
-      ];
-    },
-    // 提示文案
-    handleValueTips(row, item) {
-      let { columnName } = item;
-      let { __originItem__ } = row;
-      if (__originItem__ && typeof __originItem__ === 'string' &&  vexutils.isJSON(__originItem__)) {
-        __originItem__ = JSON.parse(__originItem__);
-      }
-      if (!columnName || !__originItem__) return;
-      let originValue = __originItem__[columnName];
-      if (!originValue) return;
-      if (typeof originValue !== 'string' || !originValue.includes('tips') || !originValue.startsWith('###{')) return;
-      let temp = JSON.parse(originValue.replace('###', ''));
-      if (!temp || !temp.tips) return;
-      return temp.tips;
-    },
-    // 字段显示 jsx
-    getField(row, item, index, isLink) {
-      const { _redner_before_ } = row;
-      let html,tips,isHtml,isCopy;
-      if(_redner_before_){
-       const { columnName } = item;
-        let config = row[`_${columnName}__redner_before_`] || {};
-        html = row[columnName];
-        isHtml = config.isHtml;
-        isCopy = config.isCopy;
-        tips = config.tips
-      } else {
-        html =  formatFieldText(row, item, this.columnConfig.fieldList, this.fieldListOriginal);
-        tips = this.handleValueTips(row, item);
-        isHtml = this.checkHtml(html);
-        isCopy = this.isCopy(item, row);
-      }
-
-      let content;
-      // 判断是不是html文本
-      if(isHtml) {
-        content = [
-          isLink && html ? <a class="c-field-content" on-click={e => this.linkDetail(row, item, index, e)} domPropsInnerHTML={html} /> : <span class="domPropsInnerHTML-span" domPropsInnerHTML={html} />
-        ];
-      } else {
-        content = [
-          isLink && html ? <a class="c-field-content" on-click={e => this.linkDetail(row, item, index, e)}>{html}</a> : <span class="domPropsInnerHTML-span">{html}</span>
-        ];
-      }
-
-      if (isCopy) {
-        return [
-          <a-popover
-            placement="right"
-            trigger="hover"
-            arrowPointAtCenter
-            align={{
-              offset: [-5, 0]
-            }}
-          >
-            <a-icon slot="content" type="copy" class="blue" on-click={e => this.hanldeCopyContent(e, row[item.columnName])} />
-            {content}
-          </a-popover>
-        ];
-      } else {
-        if (tips) {
-          return [
-            <a-tooltip>
-              <template slot="title">
-                <span domPropsInnerHTML={tips}> </span>
-              </template>
-              {content}
-            </a-tooltip>
-          ];
-        }
-        return [content];
-      }
-    },
-    // 按钮 jsx
-    getBtnIcon(btn, mr = '8px') {
-      let icon;
-      if (btn.icon) {
-        if (this.btnIcons[btn.icon]) {
-          icon = <a-icon type={this.btnIcons[btn.icon]} />;
-        } else {
-          icon = (
-            <a-tooltip title={this.handleName(btn)}>
-              <svg-icon
-                iconClass={btn.icon}
-                style={{
-                  marginRight: mr
-                }}
-              />
-            </a-tooltip>
-          );
-        }
-      } else if (btn.iconSetting) {
-        icon = (
-          <svg-icon
-            iconClass={JSON.parse(btn.iconSetting).icon}
-            style={{
-              marginRight: mr
-            }}
-          />
-        );
-      }
-      return [icon];
-    },
-    getInlineEditBtn(row, btnListKey) {
-      if (!row[btnListKey]?.length) return [];
-
-      return row[btnListKey].filter(item => {
-        return item.settingObj[0].trigger_type === 'EDIT_ROW';
-      });
-    },
-    // 按钮 jsx
-    getTileBtnList(row, index) {
-      if (this.isRowEditing) return;
-      return [
-        (row.tileBtnList?.length &&
-          row.tileBtnList.map((btn, j) => {
-            return (
-              btn.isShow == '1' &&
-              btn.type != 'LINK' && (
-                <a-button
-                  key={btn.sid}
-                  on-click={e => this.clickBtn(row, btn, index, e, j)}
-                  class="btn-custom-class row-btn"
-                  style={{
-                    ...vexutils.getBtnStyle(btn),
-                    ...{
-                      display: !row.__isInlineEditing ? 'inline-block' : 'none'
-                    }
-                  }}
-                  disabled={row.__isDisableInlineEdit}
-                  type={btn.showStyle == 'none_bg' || btn.showStyle === 'only_icon' ? 'link' : 'primary'}
-                  ghost={btn.showStyle == 'white_bg'}
-                  size="small"
-                  title={this.handleName(btn)}
-                >
-                  {this.getBtnIcon(btn)}
-                  {btn.showStyle === 'only_icon' ? '' : this.handleName(btn)}
-                </a-button>
-              )
-            );
-          })) ||
-          ''
-      ];
-    },
-    // 按钮 jsx
-    getFoldBtnList(row, index) {
-      if (this.isRowEditing) return;
-      return [
-        (row.foldBtnList?.length && (
-          <a-dropdown style={{ display: !row.__isInlineEditing ? 'inline-block' : 'none' }} disabled={this.isInlineOperating}>
-            <a-menu slot="overlay">
-              {row.foldBtnList.map((b, j) => {
-                return (
-                  <a-menu-item key={b.sid} class="dropdown-btn" on-click={e => this.clickBtn(row, b, index, e.domEvent, j)}>
-                    {this.handleName(b)}
-                    {this.getBtnIcon(b, 0)}
-                  </a-menu-item>
-                );
-              })}
-            </a-menu>
-            <a-button size="small" style="margin-left: 8px">
-              更多 ...
-            </a-button>
-          </a-dropdown>
-        )) ||
-          ''
-      ];
-    },
-    checkMethod({ row }) {
-      return !row.forbiddenBatchSelect;
-    },
-    // 行内编辑对应生成的（保存、取消）按钮
-    generateInlineBtnList(row, index) {
-      if (this.isNestTable) return;
-      /*
-        操作列，存在行内编辑的情况
-        前端插入【保存、取消】按钮
-      */
-      let inlineEditBtnList = [];
-      inlineEditBtnList.push(...this.getInlineEditBtn(row, 'tileBtnList'));
-      inlineEditBtnList.push(...this.getInlineEditBtn(row, 'foldBtnList'));
-      if (!inlineEditBtnList?.length) return;
-
-      return [
-        <span>
-          <a-button style={{ display: row.__isInlineEditing ? 'inline-block' : 'none' }} on-click={this.setBatchSaveRowStatus} title="保存" class="btn-custom-class row-btn" type="link" size="small">
-            保存
-          </a-button>
-          <a-button style={{ display: row.__isInlineEditing ? 'inline-block' : 'none' }} on-click={this.setBatchCancelRowStatus} title="取消" class="btn-custom-class row-btn" type="link" size="small">
-            取消
-          </a-button>
-        </span>
-      ];
-    },
-    setBatchSaveRowStatus(e) {
-      e.stopPropagation();
-      let { btnName, tipsMsg, isTips } = this.curBatchBtnData || {};
-      let _this = this;
-      // 保存是否需要提示
-      if (isTips != 1) {
-        this.$emit('setBatchSaveRowStatus', true);
-        return;
-      }
-      this.$confirm({
-        title: tipsMsg || `是否确认${btnName}`,
-        okText: '确定',
-        cancelText: '取消',
-        onOk: () => {
-          _this.$emit('setBatchSaveRowStatus', true);
-        },
-        onCancel() {}
-      });
-    },
-    setBatchCancelRowStatus(e) {
-      e.stopPropagation();
-      this.$emit('setBatchCancelRowStatus', true);
-    },
-    checkOperateCurrentTable() {
-      if (this.isNestTable) return false;
-      if (this.defaultEditAllRow) return true;
-      let id = this.inlineEditCurrentOperateBtnId;
-      let find = this.btnList?.find(item => {
-        return item?.settingObj?.[0]?.obj_id === id;
-      });
-      return !!find;
-    },
-    checkListFormUnionSettingParamsList() {
-      if (!this.listFormUnionSetting?.paramsList?.length) {
-        this.$message.warning('可编辑行需要设置关联表单字段，设置后请重试！');
-        this.$emit('resetInlineEditAll', false);
-        this.$emit('triggerSpinning', false);
-        return false;
-      }
-      let find = this.fieldListOriginal?.find(item => item.isEdit == 1);
-      if (!find) {
-        this.$message.warning('没有设置可编辑字段，请联系管理员');
-        this.$emit('resetInlineEditAll', false);
-        this.$emit('triggerSpinning', false);
-        return false;
-      }
-      return true;
-    },
-    getInlineOpreateRow() {
-      if (this.isInlineAdding) {
-        const vxeTable = this.$refs.xGrid;
-        let { tableData } = vxeTable.getTableData();
-        return {
-          row: tableData[0],
-          rowIndex: 0
-        };
-      }
-
-      if (this.showButtonTop == 0) {
-        let { row, index: rowIndex } = this.currentClickBtnInfo || {};
-        return {
-          row,
-          rowIndex
-        };
-      }
-
-      let row = this.clickRowData;
-      for (var i = 0; i < this.oldtableData.length; i++) {
-        let item = this.oldtableData[i];
-        if (item[this.primaryKey] === row[this.primaryKey]) break;
-      }
-
-      return {
-        row,
-        rowIndex: i
-      };
-    },
-    setAllRowInlineStatus(disabled = false) {
-      let vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      tableData.forEach(row => {
-        this.$set(row, '__isInlineEditing', false);
-        this.$set(row, '__isDisableInlineEdit', disabled);
-      });
-    },
-    async handleClickCancelBtnByInline() {
-      let vxeTable = this.$refs.xGrid;
-      this.setRowStatus(vxeTable.$el, 0, null);
-      this.resetStoreInlineOperationStatus();
-      await vxeTable.reloadData(this.originFormatList);
-      this.resetOperationRowStatus();
-      this.$emit('handleClickBtnByInline', {
-        type: 'CANCEL'
-      });
-    },
-    resetOperationRowStatus() {
-      if (this.isTreeTable) return false;
-
-      const vxeTable = this.$refs.xGrid;
-      let { row, rowIndex } = this.getInlineOpreateRow();
-      if (!row) return false;
-      if (row?.__isInsertRow) {
-        vxeTable.remove(row);
-      }
-      vxeTable?.clearActived()?.then(() => {
-        row && vxeTable.revertData(row);
-        this.setRowStatus(vxeTable.$el, rowIndex, null);
-        vxeTable.resetColumn();
-        this.setAllRowInlineStatus();
-        this.recordClickBtnInfo();
-      });
-    },
-    async removeInsert() {
-      if (this.isTreeTable) return false;
-
-      const vxeTable = this.$refs.xGrid;
-      // let { row } = this.getInlineOpreateRow();
-      let { tableData } = vxeTable.getTableData();
-      if (tableData && tableData.length) {
-        tableData.forEach(row => {
-          if (row?.__isInsertRow) {
-            vxeTable.remove(row);
-          }
-        });
-      }
-      if (!this.originFormatList?.length) return;
-
-      await vxeTable.loadData(this.originFormatList);
-      this.resetBatchOperationRowStatus();
-    },
-    resetStoreInlineOperationStatus() {
-      if (this.isTreeTable) return false;
-      this.isSaveForm = false;
-    },
-    removeInlineAddRow() {
-      if (!this.isInlineAdding) return false;
-
-      const vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      vxeTable.remove(tableData[0]);
-    },
-    // 列数据解析逻辑
-    formatColumns(map) {
-      /**
-       * 针对 bigTable 的设置列
-       * type: 列的类型
-       * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
-       * title: 列标题（支持开启国际化）
-       * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
-       * minWidth: 最小列宽度；会自动将剩余空间按比例分配
-       * resizable: 列是否允许拖动列宽调整大小
-       * visible: 列是否显示
-       * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
-       * align: 列对齐方式
-       * headerAlign: 表头列的对齐方式
-       * footerAlign: 表尾列的对齐方式
-       * formatter: 格式化显示内容 Function({cellValue, row, column})
-       * sortable: 是否允许列排序
-       */
-      // 配置列表
-      let { selectType } = this.getOtherConfigInit() || {};
-      let { tableNoSetting } = this;
-      let { isBatchSelect, fieldList, showButtonTop, isScanMultiTable, autoCellHeight } = map;
-      if (selectType) {
-        // 有设置 selectType 强制可选。
-        isBatchSelect = 1;
-      }
-      // 如果表格单行需要内容撑开, 则把虚拟滚动关掉
-      if (autoCellHeight) {
-        this.scrollXConfig.enabled = false;
-        this.scrollYConfig.enabled = false;
-        this.isShowOverflow = false;
-      }
-      selectType = selectType || 'checkbox';
-      // 扫码弹框 设置为radio
-      let { listType } = this.tableOptions;
-      if (listType == 'scanList') {
-        selectType = 'radio';
-      }
-      this.selectType = selectType;
-      let tableHeight = this.styleSetting?.tableHeight || 'table-simple';
-      let checkMinWidth = this.checkWidth[tableHeight] || '30';
-      const checkboxSlot = {
-        default: data => {
-          return this.checkMethod(data) ? null : (
-            <a-tooltip title={data.row.forbiddenBatchSelectReason} placement="right" trigger="hover">
-              <i class="disabled-checked-tips"></i>
-            </a-tooltip>
-          );
-        }
-      };
-      let checkVisible = (isBatchSelect == 1 && !this.isNestTable && !isScanMultiTable && !this.isInlineOperating) || false;
-      let columns = [
-        {
-          fixed: 'left',
-          align: 'center',
-          visible: isScanMultiTable || false,
-          width: '50',
-          slots: {
-            header: () => {
-              return '操作';
-            },
-            default: this.scanMultiOperate
-          }
-        },
-        {
-          type: 'seq',
-          fixed: this.isNestTable ? '' : 'left',
-          align: 'center',
-          resizable: true,
-          width: '34',
-          showOverflow: true,
-          slots: {
-            header: () => {
-              return [tableNoSetting ? null : <a-icon class="setting" type="setting" onClick={() => this.showDrawer()} />];
-            }
-          }
-        },
-        {
-          type: selectType,
-          fixed: this.isNestTable ? '' : 'left',
-          align: 'center',
-          visible: checkVisible,
-          resizable: false,
-          width: checkMinWidth,
-          // slots: selectType === 'checkbox' ? checkboxSlot : null,
-          // 修复 vxe-table升级3.x版本 原自定义checkbox样式失效
-          slots:
-            selectType === 'checkbox'
-              ? {
-                  checkbox: 'tooltip_checkbox'
-                }
-              : null,
-          showOverflow: true
-        }
-      ];
-      // let showOperatorColumn = true;
-      // if (showButtonTop == 1) {
-      //   showOperatorColumn = hasOnlyIcon;
-      // }
-      this.fieldKeyMap = {};
-      this.handlerInitSqlSearchItem(fieldList);
-      const currentColumns = fieldList.map((item, index) => {
-        this.fieldKeyMap[item.columnName] = item;
-        const { filterField } = item.filterSettingMap || {}
-        // 是否排序 1 不可排序
-        let notParticipatingSort = item?.fieldSetting?.notParticipatingSort || '';
-        // 有子列表fixed会遮盖 所以主表不设置fixed,子表可设置
-        let fixed = this.isAboutNestTable && !this.isNestTable  ? '' : item.isFixed ? (item.isFixed == 1 ? 'left' : 'right') : '';
-        let sortable = this.isTableEdit ? false : this.isNestTable ? false : !filterField && item.isSort == 1 && notParticipatingSort != 1 && item.isMerge != 1;
-        let treeNode = this.isNestTable ? false : this.isTreeTable ? index === 0 : false;
-        let type = index === 0 && this.showNestTable ? 'expand' : '';
-
-        // 扫码打开的table只展示
-        if (isScanMultiTable) {
-          fixed = '';
-          sortable = false;
-          treeNode = false;
-          type = '';
-        }
-        // 行编辑不展示排序
-        if (this.isInlineOperating) {
-          sortable = false;
-        }
-
-        let showOverflow = this.handleShowOverflow(item);
-        const isOperatorColumn = item.columnName == 'operatorColumn'
-        const col = Object.assign(item, {
-          // 全部行编辑 隐藏“操作”
-          visible: isOperatorColumn ? (this.isEditAllRow ? false : showButtonTop == 0) : item.isShow == 1,
-          field: item.columnName,
-          title: this.handleName(item, 'title'),
-          minWidth: item.colWidth,
-          fixed: fixed,
-
-          sortable: sortable,
-          // 参数 "column.remote-sort" 已废弃，请使用 "sort-config.remote"
-          // remoteSort: !filterField && item.isSort == 1 && notParticipatingSort != 1,
-
-          headerClassName: `mycolumn ${isOperatorColumn ? 'b-table-operator-column' : ''}`, // 文本溢出处理('tooltip' vxe-table当前版本存在bug)
-          // showHeaderOverflow: "title",
-          showOverflow: showOverflow,
-          treeNode: treeNode,
-          type: type,
-          slots: {
-            default: params => {
-              return this.formatter(params, item);
-            }
-          },
-          editRender: this.generateEditRender(item)
-        });
-
-        const isFilterField = filterField && !this.isNestTable && !isScanMultiTable && !this.isTableEdit
-
-        if (isFilterField) {
-          this.$set(
-            this.filterFields,
-            item.columnName,
-            Object.assign({}, vexutils.clone(item, true), {
-              visible: false,
-              left: 'initial',
-              right: 'initial',
-              top: 'initial',
-              indeterminate: false,
-              checkAll: false,
-              searchFilterText: '',
-              searchFilterCONVERT: [],
-              filterSort: '',
-              wordbookSearch: {...this.wordbookSearchDef}
-            })
-          );
-          col.slots.header = this.formatterHeader(item);
-        } else {
-          col.slots.header = this.toolTipTitle(item);
-        }
-
-        if (!isScanMultiTable) {
-          col.slots.footer = 'tooltip_footer';
-        }
-
-        // 主表设置expand
-        if (this.showNestTable && this.isTree == 0 && this.curNestColumnConfig?.isTree == 0) {
-          col.slots.content = 'nest_table_content';
-        }
-
-        return col;
-      });
-      columns.push(...currentColumns);
-      this.columnLen = currentColumns.filter(item => item.visible).length;
-      return columns;
-    },
-    _isAge(item) {
-      if (item.attrType !== 'BIRTHDAY') return false;
-      return item.settingObj?.format?.includes?.('age');
-    },
-    // 2022/12/1 沈培均/方晶晶要求新增 如果有自定义提示就不显示表格自带的提示
-    handleShowOverflow(item) {
-      // 2023/03/17 新增单行高度由内容撑开, 不需要缺省
-      if (!this.isShowOverflow) return false;
-      if (item.columnName == 'operatorColumn') return false;
-      // 选人组件 自己的tooltip
-      if (item.attrType === 'CANDIDATE_COMPONENTS') return false;
-      if (this._isAge(item)) return false;
-      let { showSetting } = item.settingObj || {};
-      if (!showSetting || !showSetting.length) return 'title';
-      let hasTips = 'title';
-      let i = 0,
-        len = showSetting.length,
-        v;
-      for (; i < len; i++) {
-        v = showSetting[i];
-        if (v?.filter?.length) {
-          let tips = v.filter.some(l => l.tips);
-          if (tips) {
-            hasTips = false;
-            break;
-          }
-        }
-      }
-      return hasTips;
-    },
-    // 分组表头处理
-    handleGroupColums(columns) {
-      let { rowGroupSetting } = this;
-      if (!rowGroupSetting || !Object.keys(rowGroupSetting).length) return columns;
-      let { firstRowGroup, secondRowGroup } = rowGroupSetting;
-      if (!firstRowGroup || !firstRowGroup.length) return columns;
-      this.handleRowColumns(firstRowGroup, columns, 'columnName');
-      if (!secondRowGroup || !secondRowGroup.length) return columns;
-      this.handleRowColumns(secondRowGroup, columns, 'title');
-      return columns;
-    },
-    // 处理分组columns
-    handleRowColumns(rowColumns, columns, key) {
-      rowColumns.map(item => {
-        let children = [];
-        let spliceIndex = -1;
-        let indexArr = [];
-        item.list?.length &&
-          item.list.forEach(v => {
-            let matchItem = columns?.find(column => column[key] === v);
-            if (matchItem) {
-              let matchIndex = columns.findIndex(column => column[key] === v);
-              indexArr.push(matchIndex);
-              delete matchItem.fixed;
-              children.push(matchItem);
-              columns.splice(matchIndex, 1);
-            }
-          });
-        let obj = {
-          title: item.title,
-          align: 'center',
-          children
-        };
-        spliceIndex = Math.min.apply(Math, indexArr);
-        spliceIndex > -1 && columns.splice(spliceIndex, 0, obj);
-      });
-    },
-    generateEditRender(fieldItem) {
-      if (fieldItem.columnName === 'operatorColumn') {
-        return undefined;
-      }
-
-      return {
-        name: 'EditInput',
-        enabled: fieldItem.isEdit == 1
-      };
-    },
-    setFilterStatus() {
-      // 表头没有过滤字段 不需要设置
-      if (!this.filterFields || !Object.keys(this.filterFields).length) return;
-      this.filterCheckedOptionMap = {};
-      let val = this.quickSearchConfig;
-      if (!val || !val.length) {
-        let keys = Object.keys(this.filterFields);
-        keys.forEach(key => {
-          this.$set(this.filterFields[key], 'CONVERT', []);
-        });
-        return false;
-      }
-      // 修复 val长度和this.filterFields个数对不上 会少清空选中项
-      for (let key in this.filterFields) {
-        let item = this.filterFields[key];
-        item && this.$set(item, 'CONVERT', []);
-      }
-
-      val.forEach(item => {
-        let itemKey = this.isApiTable ? this.apiFilterMap[item.field_key] : item.field_key;
-        // 参与搜索的字段必须在 filterFields中
-        if (itemKey in this.filterFields) {
-          if (!this.filterFields[itemKey]) {
-            this.$set(this.filterFields[itemKey], 'CONVERT', []);
-            return false;
-          }
-          let value = item.value;
-          if (!this.isApiTable) {
-            if(Array.isArray(value)&& value.length) {
-              value = value.map(item => JSON.stringify(item))
-            }
-            if(value && typeof value === 'string' ) {
-              value = value.includes('|#|') ? value.split('|#|') : [value]
-            }
-          }
-
-          this.$set(this.filterFields[itemKey], 'CONVERT', value || []);
-        }
-      });
-    },
-    handleCommonTooltipTitle(item, type) {
-      let name = item.formTitle || item.alias || item.title;
-      let tooltipTitle = item.alias;
-      let isAlias = false;
-      if (this.tableOptions?.dataSourceType == 'guage') {
-        tooltipTitle = item.alias || item.title;
-      }
-      if (name && tooltipTitle && name !== tooltipTitle) {
-        isAlias = !!tooltipTitle;
-      }
-
-      let fieldSetting = item.fieldSetting;
-      if (fieldSetting && vexutils.isJSON(fieldSetting)) {
-        fieldSetting = JSON.parse(fieldSetting);
-      }
-      let { feildDescribeI18n, feildDescribe } = fieldSetting || {};
-
-      let showTitleFeildDescribe = feildDescribe || feildDescribeI18n;
-      let titleFeildDescribe = '';
-      if (showTitleFeildDescribe) {
-        titleFeildDescribe = (feildDescribeI18n && this.$root?.$t?.(feildDescribeI18n)) || feildDescribe;
-      }
-      // 列表操作列添加问号说明
-      if (item?.columnName == "operatorColumn" && item.operationDescribe) {
-        showTitleFeildDescribe = true;
-        titleFeildDescribe = item.operationDescribe
-      }
-      return (
-        <div class={['table-title-wrap', { 'table-title-wrap-describe': showTitleFeildDescribe }]}>
-          {showTitleFeildDescribe && (
-            <a-tooltip placement="bottom">
-              <template slot="title">
-                <span domPropsInnerHTML={titleFeildDescribe}> </span>
-              </template>
-              <a-icon style="margin-right: 2px" type="question-circle" />
-            </a-tooltip>
-          )}
-          <div refName={'item-' + item[this.handleRowId]} title={tooltipTitle || name} content={name} isAlias={isAlias}>
-            {type !== 'format' && item.treeNode && this.isTree == 1 ? (
-              <a-icon type={this.isExpand && this.total < 1001 ? 'caret-down' : 'caret-right'} onClick={e => this.triggerExpand(e, this.isExpand)} />
-            ) : (
-              ''
-            )}
-            <span>{name}</span>
-          </div>
-        </div>
-      );
-    },
-    toolTipTitle(item) {
-      return () => {
-        return [this.handleCommonTooltipTitle(item)];
-      };
-    },
-
-    // 表头渲染逻辑
-    formatterHeader(item) {
-      let field = this.filterFields[item.columnName];
-      const {showfilterSearch, showSelectAll, filterOptions=[]} = field.filterSettingMap || {};
-      return () => {
-        return [
-          <div class="filter-box">
-            {this.handleCommonTooltipTitle(item, 'format')}
-            <i
-              class={['vxe-filter--icon', 'vxe-filter--btn', 'vxe-icon--funnel', { active: field.visible || field.filterSort }, { checked: field.CONVERT?.length }]}
-              onClick={event => this.showFilter(field, item.columnName, event)}
-            />
-            {field.visible ? (
-              <div
-                v-dom-portal={this.filterDomPortal}
-                class="big-table-filter-wrap"
-                style={{
-                  left: field.left,
-                  right: field.right,
-                  top: field.top,
-                  width: this.filterWidth + this.distance + 'px'
-                }}
-              >
-                <HeaderFilter
-                  field={field}
-                  cHeight={this.filterHeight + this.distance}
-                  handlefilterBoxClickSort={this.handlefilterBoxClickSort}
-                  handleFilterSeachDebounce={this.handleFilterSeachDebounce}
-                  handleFilterChangeAll={this.handleFilterChangeAll}
-                  handleFilterChange={this.handleFilterChange}
-                  handleFilterSearchChange={this.handleFilterSearchChange}
-                  handleFilterClearAll={this.handleFilterClearAll}
-                  handleCancelFilter={this.handleCancelFilter}
-                  handleFilter={this.handleFilter}
-                >
-                </HeaderFilter>
-
-                <div
-                  class="arrows-icon"
-                  onmousedown={e => {
-                    this.onmousedownFunc(e);
-                  }}
-                ></div>
-              </div>
-            ) : (
-              ''
-            )}
-          </div>
-        ];
-      };
-    },
-    scanMultiOperate(params) {
-      return [
-        <a-popconfirm ok-text={'确认'} cancel-text={'取消'} title={'是否确认删除？'} on-confirm={() => this.confirmScanMulti(params)}>
-          <svg-icon class="scan-multi-delete" iconClass="shanchu" />
-        </a-popconfirm>
-      ];
-    },
-    /**
-     * 删除选中scan数据
-     */
-    confirmScanMulti(params) {
-      let { row, rowIndex } = params || {};
-      if (!row) return;
-      this.$emit('scanMultiRemove', rowIndex, params);
-      let vxeTable = this.$refs.xGrid;
-      vxeTable.remove(row);
-    },
-    // 表格渲染逻辑
-    formatter(params, col) {
-      // 用rowIndex替换$rowIndex, 如果开启了虚拟滚动$rowIndex 下标会有问题
-      let { row, column, rowIndex } = params;
-      let own = column?._own || column?.own || col;
-
-      let { attrType } = own || {};
-      // 批量行编辑
-      let formUnionItem = this.showEditForm(row, column, rowIndex);
-      if (formUnionItem) {
-        let dynamicProps = this.initBatchDynamicProps(formUnionItem, row, column, rowIndex);
-        if (dynamicProps) {
-          return [
-            <EditForm class={`js-inlineEditForm`} key={row[this.primaryKey] + rowIndex + column.property} data-key={row[this.primaryKey] + rowIndex + column.property} {...dynamicProps}></EditForm>
-          ];
-        }
-      }
-
-      if (GROUP_TITLE_KEY in row) {
-        return row[GROUP_TITLE_KEY];
-      }
-      if (attrType == 'PICTURE' || attrType == 'HEADPORTRAIT') {
-        return this.getPicture(row, own, attrType);
-      }
-      if (attrType == 'COLOR') {
-        return this.getColor(row, own);
-      }
-      if (attrType == 'EVALUATE') {
-        return this.getEvaluate(row, own);
-      }
-      if (attrType == 'MAP') {
-        return this.getMapVal(row, own);
-      }
-      if (attrType == 'DATE' || attrType == 'TASKDATE' || this._isAge(own)) {
-        return this.getDate(row, own, attrType);
-      }
-      if (attrType == 'PERCENTAGE') {
-        return this.getPercentage(row, own);
-      }
-      if (attrType == 'VIDEO') {
-        return this.getvideoList(row, own);
-      }
-      // 选人组件数据展示解析
-      if (attrType == 'CANDIDATE_COMPONENTS') {
-        return this.getCandidateComponents(row, own);
-      }
-      if (attrType == 'AGE') {
-        return this.getageShowType(row, own);
-      }
-      if (attrType === 'COUNTDOWN') {
-        return [
-          <a-tooltip title={row[own.columnName + '_countdownTip']}>
-            <span domPropsInnerHTML={row[own.columnName + '_countdown'] || ''} />
-          </a-tooltip>
-        ];
-      }
-      // 时长
-      if (attrType === 'DURATION') {
-        const value = row[own.columnName];
-        const duration = own?.fieldSetting?.duration;
-        return parseDurationValue(value, duration);
-      }
-      // 组合组件
-      if (attrType === 'COMBINATION') {
-        const value = row[own.columnName];
-        const params = own.fieldSetting || {};
-        const data = parseCombinationValue(value, params);
-        return data ? [<span title={data}>{data}</span>] : '';
-      }
-      if (attrType === 'PASSWORD') {
-        const value = row[own.columnName];
-        return [<password-com value={value} styleSetting={this.styleSetting} />];
-      }
-      // 二维码
-      if (attrType === 'QR_CODE') {
-        return this.getOrCode(row, own, attrType);
-      }
-
-      if (['MONEY', 'NUMBER'].includes(attrType) || (own.extraField && own.fieldType === 'NUMBER')) {
-        let value = row[own.columnName];
-        // 数字可能设置了颜色
-        if(typeof value === 'string' && this.checkHtml(value)){
-          return this.getField(row, own, rowIndex, true);
-        }
-        return parseNumberField(value, own);
-      }
-
-      if (column.property === 'operatorColumn') {
-        if (this.showButtonTop != 0 || (this.isBatchEditing && !this.isRowEditing)) return;
-
-        if (this.rowBtnAutoLayout && !this.isRowEditing) {
-          return [<AutoLayoutButton key={row.theUniqueKey + rowIndex} btnList={row.btnList} row={row} index={rowIndex} on-clickBtn={(...arg) => this.clickBtn(...arg)} renderWidth={column.renderWidth} />];
-        }
-        // 行编辑
-        const inlineBtnList = this.generateInlineBtnList(row, rowIndex);
-        const tileBtnList = this.getTileBtnList(row, rowIndex);
-        const foldBtnList = this.getFoldBtnList(row, rowIndex);
-        return [
-          <span>
-            {this.rowBtnAutoLayout ? null : tileBtnList}
-            {this.rowBtnAutoLayout ? null : foldBtnList}
-            {inlineBtnList}
-          </span>
-        ];
-      }
-
-      const { _redner_before_ } = row;
-      let isLink = _redner_before_? row?.[`_${own.columnName}__redner_before_`]?.isLink : this.isLink(own, row);
-      if (isLink && !this.isScanMultiTable) {
-        if (own.btnLinkSwitch) {
-          let disabled = false;
-          let curBtn = row.btnList?.find(v => v.name == own.columnName);
-          if (curBtn && 'authorizedMark' in curBtn) {
-            if (!curBtn.authorizedMark) {
-              disabled = true;
-            }
-          }
-          return this.getBtnLinkSwitch(row, own, disabled || this.isTableEdit, rowIndex);
-        } else {
-          return this.getField(row, own, rowIndex, true);
-        }
-      } else {
-        return this.getField(row, own, rowIndex, false);
-      }
-    },
-    handleImgArr(imgs, type) {
-      // 当表格属性为头像时，该列中没有头像情况下，使用小标头像
-      if (type === 'HEADPORTRAIT') {
-        if (!imgs) imgs = require('./assets/img/xb_small.png');
-      }
-      return imgs2imgArr(imgs);
-    },
-    handleImgSrc(curSrc, imageArr, type) {
-      if (!imageArr || !imageArr.length) return curSrc;
-      let matchItem = imageArr.find(item => item.type === type);
-      if (!matchItem) return curSrc;
-      if (matchItem.suffix) return curSrc + matchItem.suffix;
-      let h = matchItem.h;
-      let w = matchItem.w;
-      if (matchItem.h === 'adaptive' && matchItem.w != 'adaptive') {
-        h = matchItem.w;
-      }
-      if (matchItem.w === 'adaptive' && matchItem.h != 'adaptive') {
-        h = matchItem.h;
-      }
-      let size = `_${h}x${w}`;
-      return curSrc + size;
-    },
-    // 图片放大
-    modalDetailImage(imageArr, type, defaultHeight) {
-      if (!imageArr || !imageArr.length)
-        return {
-          display: 'inline-block',
-          maxWidth: '100%',
-          maxheight: defaultHeight
-        };
-      const matchItem = imageArr.find(item => item.type === type);
-      if (!matchItem) {
-        return { display: 'inline-block', height: defaultHeight };
-      }
-      const res = vexutils.handleImageSize(matchItem, defaultHeight);
-      return res;
-    },
-    // 设置 domPropsInnerHTML中富文本 img样式
-    handleTableImageSize(imageArr, type, defaultHeight) {
-      if (!imageArr || imageArr.length === 0) {
-        document.body.style.setProperty('--tableImageHeight', defaultHeight);
-        document.body.style.setProperty('--tableImageWidth', 'auto');
-        return;
-      }
-      const matchItem = imageArr.find(item => item.type === type);
-      if (!matchItem) {
-        document.body.style.setProperty('--tableImageHeight', defaultHeight);
-        document.body.style.setProperty('--tableImageWidth', 'auto');
-        return;
-      }
-      let height = defaultHeight,
-        width = 'auto';
-      if (matchItem.h) {
-        height = matchItem.h === 'adaptive' ? 'auto' : matchItem.h + 'px';
-      }
-      if (matchItem.w) {
-        width = matchItem.w === 'adaptive' ? 'auto' : matchItem.w + 'px';
-      }
-      document.body.style.setProperty('--tableImageHeight', height);
-      document.body.style.setProperty('--tableImageWidth', width);
-    },
-    // 分组列表，合并分组标题单元格
-    colspanMethod({ row, column, _rowIndex, _columnIndex }) {
-      if (this.isTree != 3) {
-        return {
-          rowspan: 1,
-          colspan: 1
-        };
-      }
-
-      let xTree = this.$refs.xGrid;
-      let fristKeyIndex = xTree.getTableColumn().tableColumn.findIndex(column => {
-        return !!column.property;
-      });
-      let colspan = xTree.getTableColumn().tableColumn.length - fristKeyIndex;
-      if (row.childrenList && row.childrenList.length && xTree) {
-        if (column.treeNode) {
-          return {
-            rowspan: 1,
-            colspan: colspan
-          };
-        } else if (!column.property) {
-          return {
-            rowspan: 1,
-            colspan: 1
-          };
-        } else {
-          return {
-            rowspan: 0,
-            colspan: 0
-          };
-        }
-      }
-    },
-    // 表尾合并
-    footerRowspanMethod(obj) {
-      // 不是分组统计 不需要合并col
-      if (!this.groupCountFields || !this.groupCountFields.length) return { rowspan: 1, colspan: 1 };
-      let { $rowIndex, _columnIndex, column } = obj;
-      let len = this.columnLen || 99;
-      let { isBatchSelect } = this.columnConfig;
-      if ($rowIndex === 0) {
-        // 有 checkbox radio
-        if (isBatchSelect == 1) {
-          if (_columnIndex === 0) {
-            return { rowspan: 1, colspan: 2 };
-          } else if (_columnIndex === 1) {
-            return { rowspan: 1, colspan: 0 };
-          } else if (_columnIndex === 2) {
-            return { rowspan: 1, colspan: len };
-          }
-          return { rowspan: 1, colspan: 0 };
-        }
-        if (_columnIndex === 0) {
-          return { rowspan: 1, colspan: 1 };
-        } else if (_columnIndex === 1) {
-          return { rowspan: 1, colspan: len };
-        }
-        return { rowspan: 1, colspan: 0 };
-      }
-    },
-    handleCellMouseenter({ column, $event }) {
-      // vxe-table@2.10+  触发tooltip给vxe-cell父节点设置了title 导致显示有误
-      if (column.showOverflow === 'title') {
-        const target = $event?.currentTarget;
-        const cls = target?.className;
-        const bodyCls = ' vxe-body--column ';
-        if (cls && ` ${cls} `.includes(bodyCls) && target && target.hasAttribute('title')) {
-          const cellElem = target.querySelector('.vxe-cell');
-          if (cellElem && cellElem.hasAttribute('title')) {
-            cellElem.removeAttribute('title');
-          }
-          // 行编辑时 去掉tooltip title
-          if (this.isInlineOperating) {
-            if (target && target.hasAttribute('title')) {
-              target.removeAttribute('title');
-            }
-          }
-        }
-      }
-    },
-    // 行双击
-    rowdblclick({ row, column }) {
-      // 2022/12/12 方晶晶要求 列表相关项在底部展示时, 去除双击事件, 只触发单击事件
-      if (this.aboutPositionBtm) {
-        return false;
-      }
-      if (this.isScanMultiTable || this.isInlineOperating) return false;
-      if (vexutils.has(row, GROUP_TITLE_KEY)) return false;
-      this.$emit('setNestTableClick', this.isNestTable);
-      let table = this.$refs.xGrid;
-      this.setTableCurrentRow(table, row, true);
-      this.$emit('rowdblclick', row, column, true, true);
-    },
-    // 行单击
-    handlerClickRow(data) {
-      if (this.isScanMultiTable || this.isInlineOperating) return false;
-      if (vexutils.has(data?.row, GROUP_TITLE_KEY)) return false;
-      if (this.isTriggerSelectionChange && this.isTree == 0) return false;
-      let table = this.$refs.xGrid;
-      // 嵌套表与主表click切换时需要清除上次的选中
-      this.isAboutNestTable && this.$emit('resetNestLastClickTable', table);
-
-      let { row, $event = {}, rowIndex, source, column, trigger } = data;
-      // 点击主表格展开行按钮 不需要触发选中行
-      let { className } = $event.target || {};
-      if (className && vexutils.isString(className) && className.includes('vxe-table--expand-btn')) return;
-
-      // 记录上次点击table信息 用于清除
-      this.isAboutNestTable && this.$emit('setNestLastClickTable', table, this.isNestTable, row[this.handleRowId], row);
-
-      this.$emit('setNestTableClick', false);
-
-      // 子列表中点击行 需要特别处理行级按钮
-      if (this.isNestTable) {
-        table?.setAllCheckboxRow(false);
-        this.nestHandleClickRow(table, data);
-        return;
-      }
-
-      let forbiddenBatchSelect = !this.checkMethod(data);
-      // 如果该行禁止批量多选，则选择/取消单行 并触发单击事件
-      if (this.selectType == 'checkbox' && forbiddenBatchSelect) {
-        // 选中“禁用”行，需要清空其它选择数据, 并且再次点击不要取消选中
-        table?.setAllCheckboxRow(false);
-        const value = [row];
-        this.$set(this, 'checkedRows', value);
-        this.pubCheckChange(value, { forbiddenBatchSelect });
-        this.$emit('handlerClickRow', row, rowIndex, { source, column, trigger });
-        return;
-      }
-      this.visibleCheckAllWrap = false;
-      this.visibleCheckAllWrapMore = false;
-
-      let checked = false;
-      if (this.selectType == 'radio') {
-        checked = table.isCheckedByRadioRow(row);
-      } else {
-        checked = table.isCheckedByCheckboxRow(row);
-      }
-      // 如果是点击 radio 选中的，处理冲突。先执行 radioOnChange 再 handlerClickRow
-      if (this.isradioChange) {
-        checked = false;
-        this.isradioChange = false;
-      }
-      let checkedRow = table.getCheckboxRecords();
-      let rowLen = this.checkedRows.filter(item => !vexutils.has(item, GROUP_TITLE_KEY)).length;
-      let newRow = [];
-      if (this.isTreeTable) {
-        // 点击树形表格的按钮 不需要触发选中行
-        let { className, parentElement } = $event.target || {};
-        if (className && className.includes('vxe-tree--node-btn')) return;
-        // 点击父级箭头和文字，都能触发展开子节点 已经展开父级，只能点击小箭头进行收起
-        if(parentElement?.className && parentElement.className.includes('vxe-tree-cell')) {
-          this.toggleCellTreeExpand(data, table)
-        }
-        // 树表格，点击行无需选中复选框
-        if (this.selectType === 'checkbox') {
-          let rowVal = {};
-          if (!this.isTriggerSelectionChange) {
-            /* 存在问题注释的代码
-             点击未选中的数据，会清空已选中的数据
-             table.setAllCheckboxRow(false);
-             */
-            table?.setAllCheckboxRow(false);
-            this.$set(this, 'checkedRows', [row]);
-            this.pubCheckChange([row]);
-            rowVal = row;
-          } else {
-            if (checkedRow.length > 1) {
-              this.$set(this, 'checkedRows', []);
-              return false;
-            }
-            rowVal = checked || (checkedRow.length === 1 && !checked) ? checkedRow[0] : {};
-            this.$set(this, 'checkedRows', [rowVal]);
-          }
-          this.updateAddCheckedRows(rowVal, true);
-          // 需要选中行
-          this.$emit('handlerClickRow', rowVal, rowIndex, { source, column, trigger });
-          this.setTableCurrentRow(table, row);
-          return;
-        }
-        let newTheUniqueKeyArr = [];
-        this.flattenRow(row, newRow, newTheUniqueKeyArr);
-        let res = this.intersectRow(checkedRow, newTheUniqueKeyArr);
-        if (!res) {
-          rowLen = 1;
-        } else {
-          rowLen = checkedRow.filter(item => !vexutils.has(item, GROUP_TITLE_KEY)).length;
-        }
-      }
-
-      // 相关项位于底部，再次点击已选中数据不取消勾选
-      let btmNotClear = rowLen < 2 && checked;
-      !btmNotClear && table.setAllCheckboxRow(false);
-      // 全选后/数据大于一条 单击行只剩这一行 取消其他
-      // 只有一条选中 单击行 取消选中
-      let setChecked = checked;
-      if (rowLen > 1) {
-        this.selectType != 'radio' && table.setCheckboxRow([row], true);
-        this.isTreeTable && this.selectType != 'radio' && this.pubCheckChange(newRow);
-        this.selectType != 'radio' && this.$emit('handlerClickRow', row, rowIndex, { source, column, trigger });
-      } else {
-        setChecked = !setChecked;
-        if (!setChecked) {
-          !this.aboutPositionBtm && table.clearCurrentRow();
-          this.selectType == 'radio' && table.clearRadioRow();
-          this.isTreeTable && this.selectType != 'radio' && this.pubCheckChange([]);
-        } else {
-          this.selectType == 'radio' && table.setRadioRow(row);
-          this.isTreeTable && this.selectType != 'radio' && this.pubCheckChange(newRow);
-        }
-        // 相关项位于底部，再次点击已选中数据不取消勾选
-        let isBtmCheck = this.aboutPositionBtm && !setChecked;
-        if (this.selectType != 'radio' && !isBtmCheck) {
-          table.setCheckboxRow([row], setChecked);
-        }
-      }
-      if (this.isTreeTable) {
-        setChecked && this.$emit('handlerClickRow', row, rowIndex, { source, column, trigger });
-        this.setTableCurrentRow(table, row);
-        return;
-      }
-
-      this.setCheckedMehod(setChecked, row);
-
-      // 选中row
-      let curCheckedRow = table.getCheckboxRecords();
-      this.$set(this, 'checkedRows', curCheckedRow);
-
-      this.setCurrentCheckedLength();
-      this.lastPageIndex = this.pageVO.pageIndex;
-      setChecked && this.$emit('handlerClickRow', row, rowIndex, { source, trigger });
-      this.setTableCurrentRow(table, row);
-    },
-    setBtmDbClick(row) {
-      if (!row) return;
-      let id = row[this.handleRowId];
-      if (!id) return;
-      let table = this.$refs.xGrid;
-      if (!table) return;
-      let curRow = table?.getRowById(id);
-      const {fullData} = table.getTableData()
-      if(!curRow) {
-        if(fullData?.length) {
-          curRow = fullData.find(item => item[this.handleRowId] === id)
-          if(!curRow) {
-            let oId = row.__originItem__?.[this.handleRowId]
-            oId && (curRow = fullData.find(item => item[this.handleRowId] === oId));
-          }
-        }
-      }
-      if (!curRow) return;
-      this.handlerClickRow({ row: curRow });
-    },
-    /**
-     * 单选行数据 树结构 扁平化处理
-     */
-    flattenRow(row, newRow, newTheUniqueKeyArr) {
-      newRow.push(row);
-      newTheUniqueKeyArr.push(row[this.handleRowId]);
-      if (row.childrenList && row.childrenList.length) {
-        row.childrenList.forEach(item => {
-          if (item.childrenList && item.childrenList.length) {
-            this.flattenRow(item, newRow, newTheUniqueKeyArr);
-          } else {
-            newTheUniqueKeyArr.push(item[this.handleRowId]);
-            newRow.push(item);
-          }
-        });
-      }
-    },
-    /**
-     * 树结构 选中交集
-     */
-    intersectRow(checkedRow, newTheUniqueKeyArr) {
-      let theUniqueKeyArr = [];
-      if (!checkedRow.length) return 1;
-      checkedRow.forEach(item => theUniqueKeyArr.push(item[this.handleRowId]));
-      if (!theUniqueKeyArr.length) return 1;
-      if (theUniqueKeyArr.length !== newTheUniqueKeyArr.length) return 1;
-      let res = theUniqueKeyArr.filter(x => {
-        newTheUniqueKeyArr.includes(x);
-      });
-      return res.length;
-    },
-    // 清除已选择的禁用多选项
-    removeCheckedDisabledRows() {
-      // 禁用多选的项可单选，判断是否符合条件并移除
-      if (this.checkedRows.length == 1 && !this.checkMethod({ row: this.checkedRows[0] })) {
-        this.checkedRows.pop();
-      }
-    },
-    setCheckedMehod(setChecked, row) {
-      if (setChecked) {
-        this.updateAddCheckedRows(row);
-        return;
-      }
-      // 跨页时 清空之前
-      if (this.pageVO.pageIndex != this.lastPageIndex) {
-        this.updateAddCheckedRows(row);
-        return;
-      }
-      if (this.currentCheckedKeys.includes(row[this.primaryKey])) {
-        // 关项位于底部，再次点击已选中数据不取消勾选，批量及行级按钮要显示 且 重新加载该数据相关项
-        if (this.aboutPositionBtm) {
-          this.$emit('preRowdblclick', row, {}, true, true);
-          return;
-        }
-        this.removeCheckedRows([row]);
-        return;
-      }
-      this.updateAddCheckedRows(row);
-    },
-    /* 多选相关 */
-    setAllCheckedRows(rows) {
-      if (this.isNestTable) return;
-      if (rows && rows.length) {
-        const copy = vexutils.handleBigArrayCopy(rows)?.filter(item => !item.forbiddenBatchSelect);
-        // 备份全选数据
-        this.allCheckedRows = copy;
-        // 全选的时候, 取消某个勾选会操作splice
-        this.checkedRows = copy;
-
-        let table = this.$refs.xGrid;
-        table.setAllCheckboxRow(true);
-      }
-    },
-    removeCheckedRows(rows, isCheckedChange) {
-      this.removeCheckedDisabledRows();
-      let checkedRows = this.checkedRows;
-      let needRemoveIndexs = [];
-
-      for (let i = 0; i < rows.length; i++) {
-        let row = rows[i];
-        let removeIndex = this.currentCheckedKeys.findIndex(item => {
-          return item === row[this.primaryKey];
-        });
-
-        removeIndex >= 0 && needRemoveIndexs.push(removeIndex);
-      }
-
-      needRemoveIndexs.sort((a, b) => b - a); // 从后往前删除
-
-      this.$emit('selectionChangeLocal', {
-        isAdd: false,
-        isCheckedChange,
-        needRemoveIndexs,
-        newCheckedRows: [], // 防止报错
-        checkedRows
-      });
-    },
-    addCheckedRows(rows) {
-      this.removeCheckedDisabledRows();
-      let checkedRows = this.checkedRows;
-
-      if (this.currentCheckedKeys.length + rows.length > this.MAX_CHECK_SIZE) {
-        this.$message.warning(`为了保证系统安全，单次操作数据量限额为${this.MAX_CHECK_SIZE}条，你可以通过高级筛选过滤后再次尝试`);
-        return false;
-      }
-
-      let newCheckedRows = rows.filter(row => {
-        return !this.currentCheckedKeys.includes(row[this.primaryKey]);
-      });
-      checkedRows.push(...newCheckedRows);
-
-      this.$emit('selectionChangeLocal', {
-        isAdd: true,
-        isCheckedChange: true,
-        newCheckedRows,
-        checkedRows
-      });
-    },
-    updateAddCheckedRows(rows, isTree = false) {
-      let obj = {
-        isUpdate: true,
-        updateRows: rows,
-        isTree
-      };
-      if (isTree) {
-        Object.assign(obj, {
-          isTree,
-          isCheckedChange: true,
-          checkedRows: this.checkedRows
-        });
-      }
-      this.$emit('selectionChangeLocal', obj);
-    },
-    treeTableSelectionChange(records) {
-      if (this.isTree == 0) {
-        return false;
-      }
-
-      this.pubCheckChange(records, {setTreeData: true});
-      return true;
-    },
-    setTableCurrentRow(table, row, isSet) {
-      if (!this.aboutPositionBtm && !isSet) return;
-      setTimeout(() => {
-        table.setCurrentRow(row);
-      }, 30);
-    },
-    selectionChange({ checked, row, records }) {
-      // HACK: 防止点击多选框时，触发cell-click(行选中)事件
-      // $event.stopPropagation、$event.preventDefault，点击多选框列的空白处触发多选事件，无法阻止事件冒泡触发cell-click事件
-      let table = this.$refs.xGrid;
-
-      // 相关项在底部，只选中一条的情况下，复选框不让去掉
-      if (this.aboutPositionBtm && this.checkedRows?.length === 1 && !checked) {
-        return false;
-      }
-
-      this.isTriggerSelectionChange = true;
-      setTimeout(() => {
-        this.isTriggerSelectionChange = false;
-      }, 0);
-
-      const newRecords = vexutils.clone(records, true);
-      if (this.isCheckStrictly) {
-        if (row.childrenList?.length) {
-          this.setCheckRow(row.childrenList, newRecords, checked);
-        } else {
-          this.setParentCheckRow(row, newRecords, checked);
-        }
-
-        // 设置全选
-        const { tableData } = table.getTableData();
-        const allChild = this.getAllChild(tableData);
-        const isAllChecked = allChild.length === newRecords.filter(r => !r.childrenList?.length).length;
-        table.setAllCheckboxRow(isAllChecked);
-        // 依据以前逻辑，树表无需设置checkedRows
-        // this.$set(this, 'checkedRows', [...newRecords]);
-      }
-
-      if (this.treeTableSelectionChange(newRecords)) return;
-
-      if (checked) {
-        this.setTableCurrentRow(table, row);
-        this.addCheckedRows([row]);
-      } else {
-        table.clearCurrentRow();
-        this.removeCheckedRows([row], true);
-      }
-
-      this.setCurrentCheckedLength();
-    },
-    selectionChangeAll({ checked, records }) {
-      const newRecords = vexutils.clone(records, true);
-      if (this.isCheckStrictly) {
-        const table = this.$refs.xGrid;
-        const { tableData } = table.getTableData();
-        this.setCheckRow(tableData, newRecords, checked);
-        // 注意，以下方法失效：https://gitee.com/xuliangzhan_admin/vxe-table/issues/I5XAEC
-        // table.setAllCheckboxRow(checked);
-        // const _records = table.getCheckboxRecords(true);
-      }
-
-      if (this.treeTableSelectionChange(newRecords)) return;
-
-      if (checked) {
-        this.addCheckedRows(newRecords);
-      } else {
-        this.removeCheckedRows(this.data);
-      }
-
-      this.setCurrentCheckedLength();
-    },
-    pubCheckChange(rows = [], config = {}) {
-    // 树表格, 选中与单击行有出入, 用新变量保存一下
-      const {setTreeData, ...others} = config
-      if (this.isTreeTable) {
-      if (setTreeData) {
-        let filterTreeTable = rows.filter(item => {
-          let isGroupRow = vexutils.has(item, GROUP_TITLE_KEY);
-          return !isGroupRow;
-        })
-        this.treeTableLength = filterTreeTable.length;
-        this.treeTableData = filterTreeTable;
-      } else {
-        this.treeTableLength = 0;
-        this.treeTableData = [];
-      }
-        this.$emit("setTreeSelectRow", this.treeTableData)
-      }
-      this.visibleTreeCheck = rows.length > 1;
-      this.$emit('selectionChange', rows, others);
-    },
-    setCurrentPageRowChecked() {
-      let table = this.$refs.xGrid;
-      if (!table) return;
-      if(!this.currentCheckedKeys?.length) return;
-
-      let currentPageTableData = table.getTableData()?.tableData;
-      let currentPageSelectedRows = currentPageTableData.filter(row => {
-        return this.currentCheckedKeys.includes(row[this.primaryKey]);
-      });
-      this.setCurrentCheckedLength();
-      if (!currentPageSelectedRows || !currentPageSelectedRows.length) {
-        table.setAllCheckboxRow(false);
-        return;
-      }
-      table.setCheckboxRow(currentPageSelectedRows, true);
-    },
-    /* 全选相关 */
-    handleCheckAll() {
-      if (this.pageVO.total > this.MAX_CHECK_SIZE) {
-        let text = `当前列表共${this.pageVO.total}条数据，为了确保系统安全，只能单次操作${this.MAX_CHECK_SIZE}条，你可以通过高级筛选过滤再次尝试`;
-        this.$message.warning(text);
-        // return false;
-      }
-
-      this.$emit('selectionChangeAll');
-    },
-    handleCancelAllCheck() {
-      this.$emit('selectionChangeAllCancel', { type: 'cancelAll' });
-    },
-    setCurrentCheckedLength() {
-      let table = this.$refs.xGrid;
-      let currentPageTableData = table.getTableData().fullData;
-      let currentPageSelectedRows = currentPageTableData.filter(row => {
-        return this.currentCheckedKeys.includes(row[this.primaryKey]);
-      });
-
-      this.currentPageSelectedLength = currentPageSelectedRows.length;
-    },
-    /*  */
-    bindDocumentClick() {
-      hideAllWrap = this.hideAllWrap.bind(this);
-      window.document.addEventListener('click', hideAllWrap, true);
-    },
-    unBindDocumentClick() {
-      window.document.removeEventListener('click', hideAllWrap, true);
-    },
-    hideAllWrap(e) {
-      const path = e.path || (e.composedPath && e.composedPath());
-      const noWrap = className => {
-        return !path.some(p => {
-          return p.className && p.className.includes && p.className.includes(className);
-        });
-      };
-
-      let notFilterWrap = noWrap('big-table-filter-wrap');
-      if (notFilterWrap) {
-        this.hideFilterWrap();
-      }
-    },
-    hideFilterWrap() {
-      let values = Object.values(this.filterFields);
-      values.forEach(item => {
-        item.visible = false;
-      });
-
-      this.setFilterStatus();
-    },
-    // 排序
-    sortChange({ property, order }) {
-      if (this.isInlineOperating) return false;
-      // 重置自定义表头排序
-      Object.values(this.filterFields).forEach(item => (item.filterSort = null));
-
-      this.$emit('sortChange', { prop: property, order });
-    },
-    // 齿轮设置按钮
-    showDrawer() {
-      const theads = this.$refs['xGrid'].$el.childNodes[0].childNodes[1].childNodes[0].getElementsByClassName('mycolumn');
-      this.$emit('setNestTableClickSetting', this.isNestTable);
-      this.$emit('showDrawer', theads);
-    },
-    handlePreView(data, i, e) {
-      e.preventDefault();
-      e.stopPropagation();
-      if (!data) data = require('./assets/img/xb_big.png');
-      this.$emit('handlePreView', data, i);
-    },
-    switchBtnOnChange(e, r, i, index) {
-      this.$emit('switchBtnOnChange', e, r, i, index);
-    },
-    hanldeCopyContent(e, value) {
-      e.preventDefault();
-      e.stopPropagation();
-      this.$emit('hanldeCopyContent', e, value);
-    },
-    // 链接按钮详情
-    linkDetail(row, col, index, e) {
-      if (this.isInlineOperating) return false;
-      let vxeTable = this.$refs.xGrid;
-      e.preventDefault();
-      // e.stopPropagation();
-      // 方晶晶验收2.5.12需求, 要求link字段第一次可选中checkbox, 第二次点击不取消选中
-      let isCheckedByCheckboxRow = vxeTable.isCheckedByCheckboxRow(row);
-      // 不冒泡 手动触发方法
-      if (!isCheckedByCheckboxRow) {
-        this.handlerClickRow({ row, rowIndex: index, source: 'linkDetail', column: col });
-      }
-      e.stopPropagation();
-      vxeTable.setCurrentRow(row);
-      this.$emit('setNestTableClick', this.isNestTable);
-      this.$emit('setCurRowIndex', index);
-      this.$emit('linkDetail', row, col, row[this.handlePrimaryKey], null, false, index, {isCheckedSameRow: isCheckedByCheckboxRow});
-    },
-    // 按钮事件
-    clickBtn(row, btn, index, e, j) {
-      e.preventDefault();
-      e.stopPropagation();
-      this.recordClickBtnInfo(row, index);
-      this.$emit('setNestTableClick', this.isNestTable);
-      this.$emit('setCurRowIndex', index);
-      this.$emit('clickBtn', row, btn, row[this.handlePrimaryKey], index);
-      let trigger_type = btn.settingObj?.[0]?.trigger_type;
-      if (trigger_type === 'EDIT_ROW') {
-        this.checkedRows = [row];
-      }
-    },
-    recordClickBtnInfo(row, index) {
-      this.currentClickBtnInfo = {
-        row,
-        index
-      };
-    },
-    // 统计
-    footerMethod({ columns, data }) {
-      let that = this;
-      // 原统计逻辑
-      if (!this.groupCountFields || !this.groupCountFields.length) {
-        return [
-          columns.map((column, index) => {
-            if (index === 0) {
-              return that.$root.$t('1.1.8.2.5');
-            }
-            return null;
-          })
-        ];
-      }
-      // 分组统计
-      let groupText = this.getFooterGroup(columns, data);
-      let groupColumns = columns.map((column, index) => {
-        if (index === 0) {
-          return that.$root.$t('1.1.8.2.5');
-        } else if (index === 1) {
-          return groupText;
-        }
-        return null;
-      });
-      this.$emit('setGroupText', groupText);
-      this.groupText = groupText;
-      return [groupColumns];
-    },
-
-    getFooterGroup(columns, data) {
-      let { groupCountMap } = this;
-      let res = [];
-      this.groupCountFields.forEach(item => {
-        let tips = item.tips;
-        let color = item.color || '#000';
-        // 全部页
-        let value;
-        if (item.range == 'all') {
-          value = groupCountMap[item.key];
-        } else if (item.range == 'page') {
-          // 当前页
-          // avg 平均值 sum 合计 count 数量
-          let { sum = 0, count = 0 } = this.footerFieldSum(data, item.field, item.conObj);
-          value = count;
-          if (item.method == 'avg') {
-            value = sum / count || 0;
-          } else if (item.method == 'sum') {
-            value = sum;
-          }
-        }
-        // 保留四位小数
-        value = vexutils.round(value, 4);
-        res.push(`<span style="color: ${color}">${tips}：${value}</span>`);
-      });
-      return res.join('、');
-    },
-    footerFieldSum(list, field, conObj = []) {
-      let sum = 0,
-        count = 0;
-      let { fieldList = [] } = this.columnConfig;
-      list.forEach(i => {
-        this.DFS(i, node => {
-          if (!node.childrenList || !node.childrenList.length) {
-            let isShow = true;
-            // conObj 过滤单条数据 是否显示
-            if (conObj.length) {
-              let paramObj = {
-                table: node,
-                form: {},
-                sys: this?.userInfo?.map?.sysParams || {}
-              };
-              isShow = vexutils.parseCondition(conObj, paramObj, fieldList);
-            }
-            if (isShow) {
-              let value = node[field] || 0;
-              sum += Number(value);
-              ++count;
-            }
-          }
-        });
-      });
-      return { sum, count };
-    },
-    // 深度遍历tree
-    DFS(node, fn) {
-      if (!node) return;
-      const stack = [node];
-      while (stack.length > 0) {
-        const first = stack.shift();
-        if (first) {
-          fn(first);
-        }
-        first.childrenList &&
-          first.childrenList.reverse().forEach(child => {
-            stack.unshift(child);
-          });
-      }
-    },
-    toggleCellTreeExpand(data, table){
-      const {row} = data;
-      if(!row.hasChildren) return;
-      let isTreeExpandByRow = table.isTreeExpandByRow(row);
-      if(isTreeExpandByRow) return;
-      table.setTreeExpand(row, true)
-    },
-    // 懒加载树子节点
-    loadChildrenMethod({ row }) {
-      // vxe-table v2.x 未根据 checkMethod 禁用逻辑 直接根据父级决定子级checked状态
-      // 所以先设置 父级 checked false 再 恢复原状 顺便选中子级
-      const fixCheckedStatus = children => {
-        const needFix = this.selectType == 'checkbox' && row.checked && children.findIndex(item => !this.checkMethod({ row: item })) >= 0;
-        if (needFix) {
-          needFix && (row.checked = false);
-          setTimeout(() => {
-            this.$refs.xGrid?.setCheckboxRow(row, true);
-          }, 0);
-        }
-      };
-      if (this.isTree == 2) {
-        const { tableId, page, pageSize, autograph, isTreeOrList } = this.tableParams;
-        const { extraParams = {} } = this.listCountParams || {};
-        let tempExtra = {};
-        if (vexutils.isJSON(extraParams)) {
-          tempExtra = JSON.parse(extraParams);
-        }
-        // 20220725 测试要求懒加载树请求时带上父级的extraParams
-        const params = {
-          levelLazyLoadPrimaryKeyValue: row[this.primaryKey],
-          tableId,
-          page,
-          pageSize,
-          autograph,
-          isTreeOrList,
-          extraParams,
-          ...tempExtra
-        };
-
-        return this.getAsyncTableData(params).then(({ data }) => {
-          if (data.result == 'SUCCESS') {
-            let cloneRows = JSON.parse(JSON.stringify(data.map.rows));
-            let { fieldList, btnList, showButtonTop } = this.columnConfig;
-            let rowNodes = this.formatData({
-              tableList: data.map.rows,
-              fieldList,
-              btnList,
-              oldtableData: cloneRows,
-              showButtonTop
-            });
-            rowNodes = this.setChecklist(rowNodes);
-            this.$emit('refreshOldTableData', cloneRows);
-            fixCheckedStatus(rowNodes);
-            return rowNodes;
-          }
-        });
-      } else {
-        fixCheckedStatus(row.childrenList);
-        return Promise.resolve(row.childrenList);
-      }
-    },
-    // 懒加载请求子集
-    getAsyncTableData(params) {
-      return this.axios.post('/tableReader/getTableData', this.$qs.stringify(params));
-    },
-    hanldeClickRefresh() {
-      this.$emit('pubTableRefresh');
-    },
-
-    getOtherConfigInit() {
-      let tableOptions = this.$attrs?.tableOptions || this.tableOptions || {};
-      const config = tableOptions?.config || {};
-      return config || undefined;
-    },
-    // 单选
-    radioOnChange(rowData = {}) {
-      let { data, row, rowIndex } = rowData;
-      this.$emit('selectionChange', [{ ...row }]);
-      this.isradioChange = true;
-    },
-
-    // 设置 单元格字体颜色
-    getCellStyle({ row }) {
-      if (row.fontColor) {
-        let fontRGBA = vexutils.hexToRGBA(row.fontColor, 1);
-        let cellFont = `rgba(${fontRGBA.r}, ${fontRGBA.g}, ${fontRGBA.b}, ${fontRGBA.a})`;
-        return { color: cellFont };
-      }
-      return null;
-    },
-
-    // 设置 行样式
-    getRowStyle({ row }) {
-      if (row.rowColor) {
-        let rowRGBA = vexutils.hexToRGBA(row.rowColor, 0.2);
-        let rowBg = `rgba(${rowRGBA.r}, ${rowRGBA.g}, ${rowRGBA.b}, ${rowRGBA.a})`;
-        return `background-color:${rowBg}`;
-      }
-      return null;
-    },
-
-    // 清除多选
-    clearChecked() {
-      this.checkedRows = [];
-      this.$refs.xGrid.clearCheckboxReserve();
-      this.$refs.xGrid.clearCheckboxRow();
-      this.$refs.xGrid.clearRadioReserve();
-      this.$refs.xGrid.clearRadioRow();
-      this.visibleTreeCheck = false;
-      this.treeTableLength = 0;
-      this.treeTableData = [];
-      this.$emit("setTreeSelectRow", this.treeTableData)
-    },
-
-    handlerScroll(params) {
-      if (params.isX) {
-        this.hideFilterWrap();
-      }
-    },
-    getFooterTooltipTitle(column) {
-      let t = '';
-      let IS_MONEY = 'MONEY' === this.getFieldAttrType(column);
-      if (vexutils.has(this.sumData, column.property)) {
-        let val = vexutils.round(Number(this.sumData[column.property]), 4);
-        t += `<p class="table-footer-tooltip-label-wrap">
-          <span class="table-footer-tooltip-label">求和：</span>
-          ${IS_MONEY ? val.toFixed(2) : val}
-        </p>`;
-      }
-      if (vexutils.has(this.avgData, column.property)) {
-        let val = vexutils.round(Number(this.avgData[column.property]), 4);
-        t += `<p class="table-footer-tooltip-label-wrap">
-          <span class="table-footer-tooltip-label">平均值：</span>
-          ${IS_MONEY ? val.toFixed(2) : val}</p>`;
-      }
-
-      return t;
-    },
-    getFooterTitle(column) {
-      let IS_MONEY = 'MONEY' === this.getFieldAttrType(column);
-      if (vexutils.has(this.sumData, column.property)) {
-        let val = vexutils.round(Number(this.sumData[column.property]), 2);
-        return IS_MONEY ? val.toFixed(2) : val;
-      }
-      if (vexutils.has(this.avgData, column.property)) {
-        let val = vexutils.round(Number(this.avgData[column.property]), 2);
-        return IS_MONEY ? val.toFixed(2) : val;
-      }
-      return null;
-    },
-    getFieldAttrType(column) {
-      let fieldKeyMap = this?.fieldKeyMap || {};
-      let field = fieldKeyMap[column.property];
-      return field?.attrType || field?.settingObj?.attr;
-    },
-    refreshTable() {
-      this.hasRefresh = false;
-      this.$emit('refreshTable');
-      // this.DELETE_TABLE_REFRESH_CACHE(this.tableParams.tableId);
-    },
-    // 针对非异步加载的树
-    triggerExpand(e, isExpand) {
-      e.preventDefault();
-      e.stopPropagation();
-      let table = this.$refs.xGrid;
-      if (this.total > 1000) {
-        this.$message.warning('当前数据量超过1000条，无法全部展开！');
-      } else {
-        this.isExpand = !isExpand;
-        if (isExpand) {
-          table.clearTreeExpand();
-        } else {
-          this.$emit('triggerSpinning', true);
-          setTimeout(() => {
-            table.setAllTreeExpand(true).then(() => {
-              this.$emit('triggerSpinning', false);
-            });
-          }, 100);
-        }
-      }
-    },
-    setRowStatus(vxeTable, rowIndex, value) {
-      /**
-       * 行编辑状态切换，样式修改
-       * 目前行编辑的状态行高度为66px，普通状态的高度应取配置值（如果有）
-       */
-      if (!vxeTable) return false;
-
-      let tableWrap = [
-        vxeTable.querySelector('.vxe-table--main-wrapper'),
-        vxeTable.querySelector('.vxe-table--fixed-left-wrapper'),
-        vxeTable.querySelector('.vxe-table--fixed-right-wrapper'),
-        vxeTable.querySelector('.vxe-table--body-wrapper')
-      ].filter(item => item);
-
-      let rowWrap = [];
-      tableWrap.forEach(table => {
-        let row = [...table.querySelectorAll('.vxe-body--row')];
-        rowWrap.push(row[rowIndex]);
-      });
-
-      rowWrap = rowWrap.filter(item => item);
-
-      let height = value ? `${value}px` : value;
-      let lineHeight = value ? `${value - 14}px` : value;
-      // 如value 没有值，则是恢复默认的行高
-      if (!value) {
-        let rowheight = this?.tableAttrs?.rowConfig?.height;
-        if (rowheight) {
-          height = `${rowheight}px`;
-          lineHeight = '30px';
-        }
-      }
-      rowWrap.forEach(wrap => {
-        let rowItemWrap = [...wrap.querySelectorAll('.vxe-cell')];
-        rowItemWrap.push(...[...wrap.querySelectorAll('.vxe-body--column')]);
-        rowItemWrap.forEach(dom => {
-          dom.style.setProperty('height', height, value ? 'important' : undefined);
-          dom.style.lineHeight = lineHeight;
-          if (value) {
-            dom.style.backgroundColor = '#EFF5FF';
-            setTimeout(() => {
-              dom.title = '';
-            }, 1000);
-          } else {
-            dom.style.backgroundColor = null;
-          }
-        });
-      });
-    },
-    handleTableHeight() {
-      if (!this.isNestTable) return this.height;
-      // 嵌套子表需要根据行数设置高
-      let tableHeight = this.styleSetting?.tableHeight || 'table-simple';
-      let dataLen = this.data?.length || 1;
-      let height = this.checkWidth[tableHeight] * dataLen + 90;
-      return `${height}px`;
-    },
-    /**
-     * 列表单条新增
-     */
-    tableAddData(data) {
-      if (this.isNestTable) return;
-      let formatData = this.setChecklist(data);
-      let vxeTable = this.$refs.xGrid;
-      vxeTable.insert(formatData);
-      // 性能模式新增后需要更改列表total
-      this.$emit('asyncTableChange', 'add');
-      this.$emit('triggerSpinning', false);
-    },
-    /**
-     * 列表单条删除
-     */
-    tableRemoveData(oldRow) {
-      if (this.isNestTable) return;
-      let id = oldRow[this.handleRowId];
-      let vxeTable = this.$refs.xGrid;
-      let row = vxeTable.getRowById(id);
-      vxeTable.remove(row);
-      // 性能模式新增后需要更改列表total
-      this.$emit('asyncTableChange', 'remove');
-      this.$emit('triggerSpinning', false);
-    },
-    /**
-     * 列表单条更新
-     */
-    tableUpdateData(data, oldIndex) {
-      if (this.isNestTable) return;
-      if (!this.originFormatList[oldIndex]) return;
-      let formatData = this.setChecklist(data) || [];
-      let vxeTable = this.$refs.xGrid;
-      this.originFormatList.splice(oldIndex, 1, formatData[0]);
-      vxeTable.loadData(this.originFormatList);
-      this.$emit('triggerSpinning', false);
-      this.$emit('handlerClickRow', formatData[0], oldIndex);
-    },
-
-  },
-});
-</script>
-<style lang="less" scoped>
-@import './assets/style/table-base.less';
-</style>
-<style lang="less">
-@import './assets/style/table-global.less';
-</style>