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

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

@@ -1,3051 +0,0 @@
-<template>
-  <div
-    class="big-table"
-    :class="{
-      mt: visibleCheckAllWrap || visibleTreeCheck || hasRefresh,
-      'expand-padding': !isNestTable
-    }"
-    :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 && !asyncCount">
-        ，
-        <p v-if="!visibleCancelCheckAllBtn" class="check-wrap-btn" @click="handleCheckAll">
-          <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
-      show-header-overflow
-      highlight-hover-row
-      highlight-current-row
-      show-footer-overflow="title"
-      keep-source
-      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
-      }"
-      :seq-config="handleSeqConfig"
-      :radio-config="{
-        checkField: 'checked',
-        trigger: 'cell',
-        reserve: true,
-        highlight: true
-      }"
-      :row-style="getRowStyle"
-      :edit-config="{ trigger: 'manual', mode: 'row', autoClear: false, showIcon: false }"
-      :scroll-x="{ enabled: false }"
-      :scroll-y="{ gt: 50 }"
-      :expand-config="{
-        lazy: true,
-        accordion: columnConfig && columnConfig.accordion,
-        loadMethod: loadExpandMethod,
-        toggleMethod: toggleExpandMethod,
-        iconOpen: 'iconfont icon-a-xitongtubiaozhediejian',
-        iconClose: 'iconfont icon-a-xitongtubiaotianjia'
-      }"
-    >
-      <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 TextOverTooltip from './components/TextOverTooltip.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 } 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;
-let beforeSearchConvert = [];
-import { GROUP_TITLE_KEY } from '@/global/variable';
-
-import batchEditing from './utils/batchEditing';
-import EditForm from './components/edit-form/EditForm.vue';
-
-import nestTable from './utils/nestTable';
-import bigTableProps from './utils/bigTableProps';
-import SvgIcon from '@/component/svg/index.vue';
-
-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
-  },
-  mixins: [format, batchEditing, nestTable],
-  props: Object.assign({}, bigTableProps),
-  beforeCreate() {
-    Vue.use(Button)
-      .use(Checkbox)
-      .use(Input)
-      .use(DomPortal);
-  },
-  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() {},
-  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,
-      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%'
-    };
-  },
-  computed: {
-    currentCheckedKeys() {
-      return this.checkedRows?.map(row => row[this.primaryKey]) || [];
-    },
-    allSelectedLength() {
-      return this.checkedRows?.length;
-    },
-    visibleCancelCheckAllBtn() {
-      let isCurrentPageAllCheck = this.currentPageSelectedLength === this.curAbleCheckedLen;
-      let isMaxChecked = this.currentCheckedKeys.length === this.MAX_CHECK_SIZE;
-      let isCheckedTotal = this.currentCheckedKeys.length === this.pageVO.total;
-
-      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:
-          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
-          };
-          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;
-    }
-  },
-  watch: {
-    columnConfig(config) {
-      if (!config || !Object.keys(config).length) return;
-      this.loadColumn(config);
-    },
-    data(value) {
-      this.loadData(value);
-    },
-    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');
-      }
-    },
-    // 监听行内编辑表单，是否已校验并组装数据完毕
-    inlineEditFormSubmitDone(val) {
-      if (!val || this.isNestTable) return;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      this.submitInlineForm();
-    },
-    // 监听行内编辑按钮的触发状态
-    isInlineEditing(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) {
-        this.resetOperationRowStatus();
-        return false;
-      }
-
-      this.hideSelectCloumns();
-      this.handleClickEditBtnByInline();
-    },
-    // 监听行内新增按钮的触发状态
-    isInlineAdding(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) {
-        this.resetOperationRowStatus();
-        return false;
-      }
-
-      this.hideSelectCloumns();
-      this.handleClickAddBtnByInline();
-    },
-    isInlineSave(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      this.handleClickSaveBtnByInline();
-    },
-    isInlineCancel(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-
-      this.removeInlineAddRow();
-      this.handleClickCancelBtnByInline();
-    },
-    $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.isShowEmpty = !data?.length;
-
-      const list = JSON.parse(JSON.stringify(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重复触发
-      await table.loadData(formatList);
-
-      table.setCurrentRow({});
-      this.setCurrentPageRowChecked();
-
-      this.setGroupTreeExpand();
-      this.resetTableInlineEditStatus();
-    },
-    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;
-      this.handleClickCancelBtnByInline();
-    },
-    setChecklist(list) {
-      return list.map(i => {
-        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);
-          }
-        }
-        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 => {
-          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]);
-          }
-        });
-        return {
-          ...i
-        };
-      });
-    },
-    setCurrentRow(row) {
-      this.$refs.xGrid.setCurrentRow(row);
-    },
-    // 加载表格头部
-    loadColumn(config) {
-      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();
-    },
-    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.loadData(list), xGrid.reloadColumn(columns)]).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) {
-      let obj = row[item.columnName] || "";
-      if (!vexutils.isEmpty(obj)) {
-        if (vexutils.isObject(obj) && 'tooltip' in obj) {
-          return [
-            <a-tooltip title={obj.tooltip}>
-              <span domPropsInnerHTML={obj.value} />
-            </a-tooltip>
-          ];
-        }
-      }
-      return [<span domPropsInnerHTML={obj}></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":"我是李高手"}]
-      let str = row[item.columnName];
-      if (vexutils.isJSON(str)) {
-        let hasNameField = str.includes('user_name');
-        let obj = JSON.parse(str);
-        if (Array.isArray(obj)) {
-          let len = obj.length;
-          if (len > 1) {
-            return `已选${len}人`;
-          } else if (len === 1) {
-            return (hasNameField && obj[0]?.user_name) || `已选${len}人`;
-          }
-        }
-      }
-    },
-
-    /** 年龄 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) {
-      // 树表不能用索引取值,注意：row 是解析后的值。
-      let cur = this.isTree !== 0 ? row : this.oldtableData[index];
-      let 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 日期的处理
-        }
-      }
-      return [<a-switch checked={key == item.btnLinkSwitchDefVal} disabled={disabled} on-change={e => this.switchBtnOnChange(e, row, item, index)} />];
-    },
-    // 字段显示 jsx
-    getField(row, item, index, isLink) {
-      const html = formatFieldText(row, item, this.columnConfig.fieldList, this.fieldListOriginal);
-
-      const content = [isLink && html ? <a on-click={e => this.linkDetail(row, item, index, e)} domPropsInnerHTML={html} /> : <span class="domPropsInnerHTML-span" domPropsInnerHTML={html} />];
-
-      if (this.isCopy(item, row)) {
-        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 {
-        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) {
-      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) {
-      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={e => {
-              e.stopPropagation();
-              this.$emit('SET_SAVE_ROW_STATUS', true);
-              // this.SET_SAVE_ROW_STATUS(true);
-            }}
-            title="保存"
-            class="btn-custom-class row-btn"
-            type="link"
-            size="small"
-          >
-            保存
-          </a-button>
-          <a-button
-            style={{ display: row.__isInlineEditing ? 'inline-block' : 'none' }}
-            on-click={e => {
-              e.stopPropagation();
-              this.$emit('SET_CANCEL_ROW_STATUS', true);
-              // this.SET_CANCEL_ROW_STATUS(true);
-            }}
-            title="取消"
-            class="btn-custom-class row-btn"
-            type="link"
-            size="small"
-          >
-            取消
-          </a-button>
-        </span>
-      ];
-    },
-    checkOperateCurrentTable() {
-      if (this.isNestTable) return false;
-      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
-      };
-    },
-    async handleClickAddBtnByInline() {
-      if (!this.checkListFormUnionSettingParamsList()) {
-        this.handleClickCancelBtnByInline();
-        return false;
-      }
-      // 去掉更新后台时间
-      // let userInfo = await this.GetRealtimeSysParams();
-      // userInfo &&
-      //   Object.assign(this.configuration, {
-      //     userInfo
-      //   });
-
-      await this.resetInlineEdit();
-      this.$emit('handleClickBtnByInline', {
-        type: 'ADD',
-        listFormUnionSetting: this.listFormUnionSetting,
-        inlineEditFormConfig: this.inlineEditFormConfig
-      });
-
-      addInlineEditPrimaryKey = Date.now();
-      let formData = {
-        [this.handleRowId]: addInlineEditPrimaryKey,
-        __isInsertRow: true
-      };
-      let { paramsList } = this.listFormUnionSetting;
-      paramsList.forEach(item => {
-        formData[item.tableField] = undefined;
-      });
-
-      let vxeTable = this.$refs.xGrid;
-      await vxeTable.insert(formData);
-      await vxeTable.loadData([formData]);
-      this.setAllRowInlineStatus(true);
-      this.setRowStatus(vxeTable.$el, 0, '66');
-    },
-    async handleClickEditBtnByInline() {
-      if (!this.checkListFormUnionSettingParamsList()) {
-        this.handleClickCancelBtnByInline();
-        return false;
-      }
-      // 去掉更新后台时间
-      // let userInfo = await this.GetRealtimeSysParams();
-      // userInfo &&
-      //   Object.assign(this.configuration, {
-      //     userInfo
-      //   });
-
-      let vxeTable = this.$refs.xGrid;
-
-      let { row, rowIndex } = this.getInlineOpreateRow();
-      this.recordClickBtnInfo(row, rowIndex);
-
-      // HACK: 重置非当前表单的行内编辑状态（多列表场景）
-
-      await this.resetInlineEdit();
-      await vxeTable.loadData([row]);
-      this.$emit('handleClickBtnByInline', {
-        type: 'EDIT',
-        listFormUnionSetting: this.listFormUnionSetting,
-        inlineEditFormConfig: this.inlineEditFormConfig,
-        inlineEditOriginalTableRow: this.oldtableData[rowIndex]
-      });
-
-      // this.SET_LIST_FORM_UNION_SETTING(this.listFormUnionSetting);
-      // this.SET_FORM_CONFIG(this.inlineEditFormConfig);
-      // this.SET_ORIGINAL_TABLE_ROW(this.oldtableData[rowIndex]);
-
-      // vxeTable.setActiveRow(row);
-
-      this.setAllRowInlineStatus(true);
-      this.$set(row, '__isInlineEditing', true);
-
-      this.setRowStatus(vxeTable.$el, 0, '66');
-    },
-    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);
-      });
-    },
-    handleClickSaveBtnByInline() {
-      if (this.spinning) return false;
-      this.$emit('handleClickBtnByInline', { type: 'SAVE' });
-
-      let formDom = document.querySelectorAll('.js-inlineEditForm');
-      let sliceLen = this.handleEditFormLength();
-      // HACK: vxeTable行内编辑时复制的DOM节点，无需触发提交
-      formDom = [...formDom].slice(0, sliceLen);
-      formDom.forEach(item => {
-        item.__vue__.handleSubmitForm();
-      });
-    },
-    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.isTree != 0) 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.isTree != 0) 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.isTree != 0) return false;
-      this.isSaveForm = false;
-
-      // this.SET_ADD_ROW_STATUS(false);
-      // this.SET_EDIT_ROW_STATUS(false);
-    },
-    removeInlineAddRow() {
-      if (!this.isInlineAdding) return false;
-
-      const vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      vxeTable.remove(tableData[0]);
-    },
-    submitInlineForm() {
-      let error = this.inlineError;
-      if (error) {
-        this.resetEditRowStatus();
-        this.$emit('triggerSpinning', false);
-        return false;
-      }
-
-      let { inlineFormData, listFormUnionSetting, inlineOriginalTableRow } = this;
-      let { formId } = listFormUnionSetting;
-      let { id } = inlineOriginalTableRow;
-      if (!formId) {
-        console.log('缺少formId');
-        this.$emit('triggerSpinning', false);
-        return;
-      }
-      if (this.isSaveForm) return false;
-      this.isSaveForm = true;
-
-      let params = Object.assign({}, inlineFormData, {
-        formId,
-        id,
-        editMode: 'row'
-      });
-      params = JSON.parse(JSON.stringify(params));
-
-      let noChangePrimaryKey = params[this.handleRowId] === addInlineEditPrimaryKey;
-      if (this.isInlineAdding && noChangePrimaryKey) {
-        delete params[this.handleRowId];
-      }
-
-      this.submitForm(params)
-        .then(async ({ data }) => {
-          this.$emit('triggerSpinning', false);
-          if (data.result !== 'SUCCESS') {
-            this.isSaveForm = false;
-            this.$message.error(data.resultMsg);
-            this.resetEditRowStatus();
-            return false;
-          }
-
-          await this.resetInlineEdit();
-          this.resetOperationRowStatus();
-          this.$emit('pubTableReload');
-        })
-        .finally(() => {
-          this.isSaveForm = false;
-          this.$emit('triggerSpinning', false);
-          this.resetEditRowStatus();
-        });
-    },
-    // 列数据解析逻辑
-    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 } = map;
-      if (selectType) {
-        // 有设置 selectType 强制可选。
-        isBatchSelect = 1;
-      }
-      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 || 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;
-      // }
-
-      const currentColumns = fieldList.map((item, index) => {
-        let filterField = item?.fieldSetting?.mapping?.type === 'manual' && item.isMerge != 1;
-        // 是否排序 1 不可排序
-        let notParticipatingSort = item?.fieldSetting?.notParticipatingSort || '';
-        // 有子列表fixed会遮盖 所以主表不设置fixed
-        let fixed = this.isAboutNestTable ? '' : item.isFixed ? (item.isFixed == 1 ? 'left' : 'right') : '';
-        let sortable = this.isNestTable ? false : !filterField && item.isSort == 1 && notParticipatingSort != 1 && item.isMerge != 1;
-        let treeNode = this.isNestTable ? false : this.isTree != 0 ? index === 0 : false;
-        let type = index === 0 && this.showNestTable ? 'expand' : '';
-
-        // 扫码打开的table只展示
-        if(isScanMultiTable) {
-          fixed = "";
-          sortable = false;
-          treeNode = false;
-          type = "";
-        }
-
-        const col = Object.assign(item, {
-          visible: item.columnName == 'operatorColumn' ? 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', // 文本溢出处理('tooltip' vxe-table当前版本存在bug)
-          // showHeaderOverflow: "title",
-          showOverflow: 'title',
-          treeNode: treeNode,
-          type: type,
-          slots: {
-            default: params => {
-              return this.formatter(params, item);
-            }
-          },
-          editRender: this.generateEditRender(item)
-        });
-
-        if (filterField && !this.isNestTable && !isScanMultiTable) {
-          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: ''
-            })
-          );
-          let field = this.filterFields[item.columnName];
-          this.handlerInitSearchItem([field]);
-          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;
-    },
-    // 分组表头处理
-    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;
-      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 = item.field_key;
-        // 参与搜索的字段必须在 filterFields中
-        if (itemKey in this.filterFields) {
-
-          if (!this.filterFields[item.field_key]) {
-            this.$set(this.filterFields[item.field_key], 'CONVERT', []);
-            return false;
-          }
-
-          let value = item.value.map(item => JSON.stringify(item));
-          this.$set(this.filterFields[item.field_key], 'CONVERT', value);
-        }
-      });
-    },
-    handlerInitSearchItem(arr) {
-      if (!Array.isArray(arr)) return;
-      arr.forEach(el => {
-        if (el.setting) {
-          // el.seting 可能是 string / object
-          el.setting = typeof el.setting == 'string' ? JSON.parse(el.setting) : el.setting;
-          if (!vexutils.isEmpty(el.setting.wordbook)) {
-            this.$set(el, 'con', 'QUOTE');
-            this.$set(el, 'dataSource', []);
-            this.$set(el, 'QUOTE', []);
-            return;
-          } else if (el.setting.showSetting && el.setting.showSetting.length > 0) {
-            this.$set(el, 'con', 'CONVERT');
-            el.setting.showSetting.forEach(set => {
-              this.$set(set, 'label', set.change_text);
-              this.$set(set, 'value', JSON.stringify(set.filter));
-            });
-            this.$set(el, 'CONVERT', []);
-            return;
-          }
-        }
-        if (el.fieldType.includes('DATE')) {
-          if (el.settingObj && el.settingObj.attr == 'BIRTHDAY') {
-            this.$set(el, 'con', 'BIRTHDAY');
-            this.$set(el, 'showDate', false);
-            this.$set(el, 'marginx', 'ml');
-            this.$set(el, 'BIRTHDAY', this.initBirthdayParams());
-          } else {
-            this.$set(el, 'con', 'DATE');
-            this.$set(el, 'showDate', false);
-            this.$set(el, 'marginx', 'ml');
-            this.$set(el, 'DATE', {
-              con: null,
-              start_val: null,
-              end_val: null
-            });
-          }
-        } else if (el.fieldType == 'TEXT') {
-          this.$set(el, 'con', 'CL');
-          this.$set(el, 'CL', '');
-        } else if (el.fieldType == 'NUMBER') {
-          this.$set(el, 'con', 'EQ');
-          this.$set(el, 'EQ', '');
-        } else if (el.fieldType == 'JSONB') {
-          this.$set(el, 'con', 'EQ');
-          this.$set(el, 'EQ', '');
-        }
-        if (el.setting.attr === 'LABEL') {
-          this.$set(el, 'con', 'EQ');
-          this.$set(el, 'LABELAttr', true);
-          this.$set(el, 'labelSelectList', []);
-          this.handleSetLabelOptions(el.setting.labelType, el);
-        }
-        if (el.setting.attr === 'EVALUATE') {
-          this.$set(el, 'con', 'CL');
-          this.$set(el, 'selecteds', []);
-          this.$set(el, 'EVALUATEAttr', true);
-        }
-      });
-    },
-    // 格式化设置搜索条件参数
-    getConObj(arr) {
-      // this.quickSearch
-      if (!Array.isArray(arr)) {
-        return [];
-      }
-      let conObj = [];
-      for (let i = 0; i < arr.length; i++) {
-        let item = arr[i];
-        let value = '';
-        let limit_date = '';
-        if (item.EQ || item.CL) {
-          value = item.EQ || item.CL;
-          if (item.settingObj?.attr === 'PERCENTAGE') {
-            value = Number(value) / 100;
-          }
-          if (item.EVALUATEAttr) {
-            value = item.selecteds.join('|#|');
-          }
-        } else if (!vexutils.isEmpty(item.QUOTE)) {
-          value = item.QUOTE.join('|#|');
-        } else if (!vexutils.isEmpty(item.CONVERT)) {
-          value = item.CONVERT.map(item => JSON.parse(item));
-        } else if (item.DATE) {
-          if (item.DATE.start_val || item.DATE.end_val) {
-            item.DATE.con = 'IN';
-          }
-          item.tempCon = item.DATE.con;
-          item.start_val = item.DATE.start_val ? item.DATE.start_val.format('YYYY-MM-DD HH:mm:ss') : '';
-          item.end_val = item.DATE.end_val ? item.DATE.end_val.format('YYYY-MM-DD HH:mm:ss') : '';
-        } else if (item.BIRTHDAY) {
-          // 生日
-          let isChange = false;
-          if (item.BIRTHDAY.limit_date.length > 0 || item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
-            item.BIRTHDAY.con = 'IN';
-          }
-          item.tempCon = item.BIRTHDAY.con;
-          // 因为年龄下拉有个默认值, 当输入框中有值时才取下拉值
-          if (item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
-            isChange = true;
-          } else {
-            isChange = false;
-          }
-
-          // 校验
-          if (item.BIRTHDAY.start_val) {
-            let res = vexutils.validateBirthday(item.BIRTHDAY.start_val, item.title, item.BIRTHDAY.unit);
-            if (!res) return;
-          }
-          if (item.BIRTHDAY.end_val) {
-            let res = vexutils.validateBirthday(item.BIRTHDAY.end_val, item.title, item.BIRTHDAY.unit);
-            if (!res) return;
-          }
-          if (+item.BIRTHDAY.start_val > +item.BIRTHDAY.end_val) {
-            this.$message.warning(`${item.title}请输入有效范围`, 2);
-            return;
-          }
-
-          limit_date = this.limit_date || '';
-          item.unit = isChange ? item.BIRTHDAY.unit || '' : '';
-          item.start_val = item.BIRTHDAY.start_val || '';
-          item.end_val = item.BIRTHDAY.end_val || '';
-        } else if (item.LABELAttr) {
-          let valList = [];
-          item.labelSelectList.forEach(v => {
-            valList.push(v.labelName);
-          });
-          value = valList.join('|#|');
-        } else if (item.EVALUATEAttr) {
-          value = item.selecteds.join('|#|');
-        }
-        let temp = {
-          field_key: item.columnName, // 一级value
-          con: item.DATE || item.BIRTHDAY ? item.tempCon : item.con, // 二级选择项value
-          value: value, // input输入值
-          limit_date: limit_date || '', // 生日
-          start_val: item.start_val || '', // 开始时间
-          end_val: item.end_val || '', // 结束时间
-          unit: item.unit || '' // 年龄
-        };
-        conObj.push(temp);
-      }
-      // let dateCons = this.dateTeam.map(item => item.con);
-      let res = conObj.filter(
-        item => item.value || item.limit_date || item.start_val || item.end_val
-        // dateCons.includes(item.con)
-      );
-      return res;
-    },
-    mergeConObjFn() {
-      let fields = Object.values(this.filterFields);
-      let fieldkeys = Object.keys(this.filterFields);
-      let conObj = this.getConObj(fields);
-      let mergeConObj = [...conObj];
-      let qqConObj = this.tableParams.qqConObj ? JSON.parse(this.tableParams.qqConObj) : [];
-
-      qqConObj.forEach(i => {
-        if (!fieldkeys.includes(i.field_key)) {
-          mergeConObj.push(i);
-        }
-      });
-
-      return mergeConObj;
-    },
-    handleFilter(field) {
-      let conObj = this.mergeConObjFn()
-      this.$emit('onSave', conObj, false, [], [], { isBigTable: true });
-      field.visible = false;
-    },
-    handleCancelFilter() {
-      this.hideFilterWrap();
-    },
-    handleFilterEmpty(field, columnName) {
-      this.filterFields[columnName].CONVERT = [];
-      let conObj = this.mergeConObjFn()
-
-      this.$emit('onSave', conObj, false, [], [], { isBigTable: true });
-      field.visible = false;
-    },
-    toolTipTitle(item, type) {
-      // let feildDescribe =
-      //   (item.fieldSetting && this.$t(item.fieldSetting?.feildDescribeI18n)) ||
-      //   item.fieldSetting?.feildDescribe ||
-      //   "";
-      let name = item.formTitle || item.alias || item.title;
-      // let tooltipTitle = feildDescribe || item.alias;
-      let tooltipTitle = item.alias;
-      let isAlias = false;
-      if (this.tableOptions?.dataSourceType == 'guage') {
-        tooltipTitle = item.alias || item.title;
-      }
-      if (name&& tooltipTitle && name !== tooltipTitle) {
-        isAlias = !!tooltipTitle;
-      }
-      if (type === 'format') return <text-over-tooltip refName={'item-' + item[this.handleRowId]} tooltipTitle={tooltipTitle} content={name} isAlias={isAlias} />;
-      return () => {
-        return [
-          <text-over-tooltip refName={'item-' + item[this.handleRowId]} tooltipTitle={tooltipTitle} content={name} isAlias={isAlias}>
-            {item.treeNode && this.isTree == 1 ? <a-icon type={this.isExpand && this.total < 1001 ? 'caret-down' : 'caret-right'} onClick={e => this.triggerExpand(e, this.isExpand)} /> : ''}
-          </text-over-tooltip>
-        ];
-      };
-    },
-
-    // 表头渲染逻辑
-    formatterHeader(item) {
-      let field = this.filterFields[item.columnName];
-      return () => {
-        return [
-          <div class="filter-box">
-            {this.toolTipTitle(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'
-                }}
-              >
-                <div class="sort-list" style={{ display: field.isSort ? 'block' : 'none' }}>
-                  <div class={['sort-item', { active: field.filterSort === 'asc' }]} onClick={() => this.handlefilterBoxClickSort('asc', field)}>
-                    <i class="sort-icon sort-icon-asc" />
-                    <span class="sort-text">升序 A to Z</span>
-                  </div>
-                  <div class={['sort-item', { active: field.filterSort === 'desc' }]} onClick={() => this.handlefilterBoxClickSort('desc', field)}>
-                    <i class="sort-icon sort-icon-asc" />
-                    <span class="sort-text">降序 Z to A</span>
-                  </div>
-                </div>
-
-                <div class="filter-header">
-                  <i class="filter-header-icon vxe-filter--btn vxe-icon--funnel" />
-                  <span class="filter-header-text">筛选</span>
-                </div>
-
-                {field.setting.showSetting.length > 5 ? (
-                  <div class="checkbox-wrap checkbox-wrap--search">
-                    <div class="check-search-wrap">
-                      <a-input-search
-                        placeholder="字段搜索"
-                        class="check-seach-input"
-                        onSearch={val => {
-                          this.handleFilterSeach(val, field);
-                        }}
-                      />
-                    </div>
-                  </div>
-                ) : (
-                  ''
-                )}
-                <div class="checkbox-box">
-                  <div class="checkbox-wrap js-checkbox-wrap" style={{ height: this.filterHeight + this.distance + 'px' }}>
-                    {!field.searchFilterText ? (
-                      <div class="ant-checkbox-group">
-                        <a-checkbox
-                          indeterminate={field.indeterminate}
-                          checked={field.checkAll}
-                          onChange={val => {
-                            this.handleFilterChangeAll(val, field);
-                          }}
-                        >
-                          全选
-                        </a-checkbox>
-                      </div>
-                    ) : (
-                      ''
-                    )}
-
-                    {!field.searchFilterText ? (
-                      <a-checkbox-group options={field.setting.showSetting} value={field.CONVERT} onChange={val => this.handleFilterChange(val, item.columnName, field)} />
-                    ) : (
-                      <a-checkbox-group
-                        options={field.setting.showSetting.filter(item => {
-                          if (!field.searchFilterText) return item;
-                          let reg = new RegExp(field.searchFilterText);
-                          return reg.test(item.label);
-                        })}
-                        value={field.searchFilterCONVERT}
-                        onChange={val => this.handleFilterSearchChange(val, item.columnName, field)}
-                      />
-                    )}
-                  </div>
-                </div>
-
-                <div class="checkbox-btn-wrap" style={{ justifyContent: field.CONVERT.length ? 'space-between' : 'flex-end' }}>
-                  {field.CONVERT.length ? (
-                    <div class="checkbox-btn-status">
-                      <span>已选择{field.CONVERT.length}项</span>
-                      <a-button class="checkbox-btn checkbox-btn-clear" type="link" onClick={() => this.handleFilterClearAll(field)}>
-                        清空
-                      </a-button>
-                    </div>
-                  ) : null}
-                  <div>
-                    <a-button class="checkbox-btn" onClick={() => this.handleCancelFilter()}>
-                      取消
-                    </a-button>
-                    <a-button class="checkbox-btn" type="primary" onClick={() => this.handleFilter(field)}>
-                      确定
-                    </a-button>
-                  </div>
-                </div>
-                <div
-                  class="arrows-icon"
-                  onmousedown={e => {
-                    this.onmousedownFunc(e);
-                  }}
-                ></div>
-              </div>
-            ) : (
-              ''
-            )}
-          </div>
-        ];
-      };
-    },
-    onmousedownFunc(e) {
-      this.startX = e.screenX;
-      this.maskInsert();
-    },
-    maskInsert() {
-      let mask = this.mask || this.maskCreate();
-      document.body.appendChild(mask);
-    },
-    maskCreate() {
-      if (this.mask) return this.mask;
-      const mask = document.createElement('div');
-      mask.style = 'position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;cursor:nw-resize';
-      mask.addEventListener('mousemove', this.maskMove);
-      mask.addEventListener('mouseup', this.maskUp);
-      this.mask = mask;
-      return mask;
-    },
-    maskMove(e) {
-      this.distance = parseInt(e.screenX - this.startX);
-    },
-    maskUp(e) {
-      this.filterHeight = this.filterHeight + this.distance;
-      this.filterWidth = this.filterWidth + this.distance;
-      this.distance = 0;
-      this.startX = 0;
-      const mask = this.mask;
-      if (!mask) return;
-      mask.parentNode && mask.parentNode.removeChild(mask);
-      mask.removeEventListener('mousemove', this.maskMove);
-      mask.removeEventListener('mouseup', this.maskUp);
-      this.mask = null;
-    },
-    handlefilterBoxClickSort(sort, field) {
-      if (field.filterSort === sort) {
-        sort = null;
-      } else {
-        this.$refs.xGrid.clearSort();
-      }
-
-      field.filterSort = sort;
-      this.$emit('sortChange', { prop: field.columnName, order: sort });
-    },
-    handleFilterSeach(val, field) {
-      field.searchFilterText = val;
-
-      if (val === '') {
-        field.checkAll = field.CONVERT.length === field.setting.showSetting.length;
-        field.indeterminate = !!field.CONVERT.length && field.CONVERT.length !== field.setting.showSetting.length;
-        return;
-      }
-
-      field.searchFilterCONVERT = field.setting.showSetting
-        .filter(item => {
-          return field.searchFilterText === item.label && field.CONVERT.includes(item.value);
-        })
-        .map(item => item.value);
-
-      beforeSearchConvert = field.searchFilterCONVERT;
-    },
-    handleFilterChangeAll(e, field) {
-      this.reScrollFilterWrap();
-      let checked = e.target.checked;
-      field.indeterminate = false;
-      field.checkAll = checked;
-
-      this.filterFields[field.columnName].CONVERT = checked
-        ? field.setting.showSetting.map(item => {
-            return item.value;
-          })
-        : [];
-    },
-    handleFilterClearAll(field) {
-      field.indeterminate = false;
-      field.checkAll = false;
-      this.filterFields[field.columnName].CONVERT = [];
-      if (field.searchFilterCONVERT) {
-        this.filterFields[field.columnName].searchFilterCONVERT = [];
-      }
-      this.handleFilter(field);
-    },
-    reScrollFilterWrap() {
-      let filterWrapEl = document.querySelectorAll('.big-table-filter-wrap');
-      let checkboxWrapEl = filterWrapEl[filterWrapEl.length - 1].querySelector('.js-checkbox-wrap');
-
-      let tableScrollTop = checkboxWrapEl.scrollTop;
-
-      this.$nextTick(() => {
-        checkboxWrapEl.scrollTop = tableScrollTop;
-      });
-    },
-    handleFilterChange(value, name, field) {
-      this.reScrollFilterWrap();
-      this.filterFields[name].CONVERT = value;
-
-      field.checkAll = value.length === field.setting.showSetting.length;
-      field.indeterminate = !!value.length && value.length !== field.setting.showSetting.length;
-    },
-    handleFilterSearchChange(value, columnName, field) {
-      this.reScrollFilterWrap();
-      /* filter-check-group value更新 触发 主check-group value同步更新 */
-      let isAdd = beforeSearchConvert.length < value.length;
-      if (isAdd) {
-        let addItems = value.filter(item => {
-          return !beforeSearchConvert.includes(item);
-        });
-        this.filterFields[columnName].CONVERT.push(...addItems);
-      } else {
-        let removeItems = beforeSearchConvert.filter(item => {
-          return !value.includes(item);
-        });
-        this.filterFields[columnName].CONVERT = this.filterFields[columnName].CONVERT.filter(item => {
-          return !removeItems.includes(item);
-        });
-      }
-
-      field.searchFilterCONVERT = value;
-      beforeSearchConvert = vexutils.clone(value, true);
-    },
-    showFilter(field, columnName, event) {
-      if (this.isInlineOperating) return false;
-      let target = event.target;
-      const FILTER_BOX_WIDTH = 400;
-      const FILTER_BOX_TOP_OFFSET = 20;
-
-      let transformWrap = document.body;
-      let { left: btnRectLeft, right: btnRectRight, top: btnRectTop, width: btnWidth } = target.getBoundingClientRect();
-
-      field.left = 'initial';
-      field.right = 'initial';
-      field.top = 'initial';
-      let transformWrapWidth = transformWrap.clientWidth;
-      if (btnRectLeft + FILTER_BOX_WIDTH > transformWrapWidth) {
-        let transformWrapRight = transformWrap?.getBoundingClientRect().right || 0;
-        field.right = transformWrapRight - btnRectRight - btnWidth / 2 + 'px';
-      } else {
-        field.left = btnRectLeft + 'px';
-      }
-
-      field.top = (btnRectTop + FILTER_BOX_TOP_OFFSET) + (this.filterTopOffset || 0)+ 'px';
-
-      field.visible = !field.visible;
-
-      let len = this.filterFields[columnName]?.CONVERT.length;
-      field.checkAll = len === field.setting.showSetting.length;
-      field.indeterminate = !!len && len !== field.setting.showSetting.length;
-      field.searchFilterText = '';
-    },
-    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) {
-      let { row, column, $rowIndex } = params;
-      let own = column?._own || column?.own || col;
-      let attrType = own?.attrType || '';
-
-      // 批量行编辑
-      let formUnionItem = this.showEditForm(row, column, $rowIndex);
-      if (formUnionItem) {
-        let dynamicProps = this.initBatchDynamicProps(formUnionItem, row, column, $rowIndex);
-        if (dynamicProps) {
-          // console.log(dynamicProps);
-          // loading 使用
-          this.$emit('setWaitEditKeys', column.property);
-          return [
-            <EditForm class={`js-inlineEditForm`} key={row[this.primaryKey] + $rowIndex + column.property} data-key={row[this.primaryKey] + $rowIndex + column.property} {...dynamicProps}></EditForm>
-          ];
-        }
-      }
-
-      if (vexutils.has(row, GROUP_TITLE_KEY)) {
-        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') {
-        return this.getDate(row, own);
-      }
-      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 (column.property === 'operatorColumn') {
-        if (this.showButtonTop != 0 || this.isBatchEditing) return;
-        const inlineBtnList = this.generateInlineBtnList(row, $rowIndex);
-        const tileBtnList = this.getTileBtnList(row, $rowIndex);
-        const foldBtnList = this.getFoldBtnList(row, $rowIndex);
-        return [
-          <span>
-            {tileBtnList}
-            {foldBtnList}
-            {inlineBtnList}
-          </span>
-        ];
-      }
-
-      if (this.isLink(own, row) && !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, $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 }) {
-      if (this.isScanMultiTable || this.isInlineOperating) return false;
-      if (vexutils.has(row, GROUP_TITLE_KEY)) return false;
-      this.$emit('setNestTableClick', this.isNestTable);
-      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 } = 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 = this.getRowClassName({ row }) == 'single--checked' ? [] : [row];
-        this.$set(this, 'checkedRows', value);
-        this.pubCheckChange(value);
-        this.$emit('handlerClickRow', row, $rowIndex);
-        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.isTree != 0) {
-        // 点击树形表格的按钮 不需要触发选中行
-        let { className } = $event.target || {};
-        if (className && className.includes('vxe-tree--node-btn')) return;
-        // // 树表格 无法选中有子集的行
-        // if (row.hasChildren) {
-        //   table.setAllCheckboxRow(false);
-        //   this.$set(this, 'checkedRows', [row]);
-        //   this.updateAddCheckedRows(row, true);
-        //   return;
-        // }
-        // 树表格，点击行无需选中复选框
-        if (this.selectType === 'checkbox') {
-          let rowVal = {};
-          if (!this.isTriggerSelectionChange) {
-            table.setAllCheckboxRow(false);
-            this.$set(this, 'checkedRows', [row]);
-            this.pubCheckChange([row]);
-            rowVal = row;
-          } else {
-            if (checkedRow.length > 1) return false;
-            rowVal = checked || (checkedRow.length === 1 && !checked) ? checkedRow[0] : {};
-            this.$set(this, 'checkedRows', [rowVal]);
-          }
-          this.updateAddCheckedRows(rowVal, true);
-          // 需要选中行
-          this.$emit('handlerClickRow', rowVal);
-          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;
-        }
-      }
-      table.setAllCheckboxRow(false);
-      // 全选后/数据大于一条 单击行只剩这一行 取消其他
-      // 只有一条选中 单击行 取消选中
-      let setChecked = checked;
-      if (rowLen > 1) {
-        this.selectType != 'radio' && table.setCheckboxRow([row], true);
-        this.isTree != 0 && this.selectType != 'radio' && this.pubCheckChange(newRow);
-        this.selectType != 'radio' && this.$emit('handlerClickRow', row, $rowIndex);
-      } else {
-        setChecked = !setChecked;
-        if (!setChecked) {
-          table.clearCurrentRow();
-          this.selectType == 'radio' && table.clearRadioRow();
-          this.isTree != 0 && this.selectType != 'radio' && this.pubCheckChange([]);
-        } else {
-          this.selectType == 'radio' && table.setRadioRow(row);
-          this.isTree != 0 && this.selectType != 'radio' && this.pubCheckChange(newRow);
-        }
-        this.selectType != 'radio' && table.setCheckboxRow([row], setChecked);
-      }
-      if (this.isTree != 0) {
-        setChecked && this.$emit('handlerClickRow', row, $rowIndex);
-        return;
-      }
-
-      this.setCheckedMehod(setChecked, row);
-      if (setChecked || rowLen > 1 || !rowLen) {
-        this.$set(this, 'checkedRows', [row]);
-      }
-      if (!setChecked && rowLen === 1) {
-        this.$set(this, 'checkedRows', []);
-      }
-      this.setCurrentCheckedLength();
-      this.lastPageIndex = this.pageVO.pageIndex;
-      setChecked && this.$emit('handlerClickRow', row, $rowIndex);
-    },
-    /**
-     * 单选行数据 树结构 扁平化处理
-     */
-    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])) {
-        this.removeCheckedRows([row]);
-        return;
-      }
-      this.updateAddCheckedRows(row);
-    },
-    /* 多选相关 */
-    setAllCheckedRows(rows) {
-      if (this.isNestTable) return;
-      if (rows && rows.length) {
-        const copy = vexutils.handleBigArrayCopy(rows);
-        this.checkedRows = Object.freeze(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);
-      return true;
-    },
-    selectionChange({ checked, row, records }) {
-      // HACK: 防止点击多选框时，触发cell-click(行选中)事件
-      // $event.stopPropagation、$event.preventDefault，点击多选框列的空白处触发多选事件，无法阻止事件冒泡触发cell-click事件
-      let table = this.$refs.xGrid;
-      table.clearCurrentRow();
-      this.isTriggerSelectionChange = true;
-      setTimeout(() => {
-        this.isTriggerSelectionChange = false;
-      }, 0);
-
-      if (this.treeTableSelectionChange(records)) return;
-
-      if (checked) {
-        this.addCheckedRows([row]);
-      } else {
-        this.removeCheckedRows([row], true);
-      }
-
-      this.setCurrentCheckedLength();
-    },
-    selectionChangeAll({ checked, records }) {
-      if (this.treeTableSelectionChange(records)) return;
-
-      if (checked) {
-        this.addCheckedRows(records);
-      } else {
-        this.removeCheckedRows(this.data);
-      }
-
-      this.setCurrentCheckedLength();
-    },
-    pubCheckChange(rows = []) {
-      this.treeTableLength = rows.filter(item => {
-        let isGroupRow = vexutils.has(item, GROUP_TITLE_KEY);
-        return !isGroupRow;
-      }).length;
-      this.visibleTreeCheck = rows.length > 1;
-      this.$emit('selectionChange', rows);
-    },
-    setCurrentPageRowChecked() {
-      let table = this.$refs.xGrid;
-      if (!table) 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');
-    },
-    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) {
-        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);
-    },
-    // 按钮事件
-    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);
-      // this.handleTopBtnTracher(btn, j);
-    },
-    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);
-          });
-      }
-    },
-    // 懒加载树子节点
-    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 params = {
-          levelLazyLoadPrimaryKeyValue: row[this.primaryKey],
-          tableId,
-          page,
-          pageSize,
-          autograph,
-          isTreeOrList
-        };
-
-        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;
-    },
-
-    // 设置 行样式
-    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;
-    },
-
-    handlerScroll(params) {
-      if (params.isX) {
-        this.hideFilterWrap();
-      }
-    },
-    getFooterTooltipTitle(column) {
-      let t = '';
-
-      if (vexutils.has(this.sumData, column.property)) {
-        t += `<p class="table-footer-tooltip-label-wrap">
-          <span class="table-footer-tooltip-label">求和：</span>
-          ${vexutils.round(Number(this.sumData[column.property]), 4)}
-        </p>`;
-      }
-      if (vexutils.has(this.avgData, column.property)) {
-        t += `<p class="table-footer-tooltip-label-wrap">
-          <span class="table-footer-tooltip-label">平均值：</span>
-          ${vexutils.round(Number(this.avgData[column.property]), 4)}</p>`;
-      }
-
-      return t;
-    },
-    getFooterTitle(column) {
-      if (vexutils.has(this.sumData, column.property)) {
-        return vexutils.round(Number(this.sumData[column.property]), 2);
-      }
-      if (vexutils.has(this.avgData, column.property)) {
-        return vexutils.round(Number(this.avgData[column.property]), 2);
-      }
-      return null;
-    },
-    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) {
-      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 - 10}px` : value;
-
-      rowWrap.forEach(wrap => {
-        let rowItemWrap = [...wrap.querySelectorAll('.vxe-cell')];
-        rowItemWrap.push(...[...wrap.querySelectorAll('.vxe-body--column')]);
-        rowItemWrap.forEach(dom => {
-          dom.style.setProperty('height', height, 'important');
-          dom.style.lineHeight = lineHeight;
-          if (height) {
-            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>