eoss-ui 0.5.13 → 0.5.14

package/packages/data-table/src/main copy.vue

@@ -1,1325 +0,0 @@
-<template>
-  <component
-    :is="tag"
-    ref="esTableForm"
-    class="es-data-table"
-    label-width="0"
-    v-loading="tableLoading"
-    :model="tag === 'div' ? '' : datas"
-    :element-loading-text="tableLoadingText"
-  >
-    <es-toolbar
-      v-if="showToolbar"
-      v-bind="{
-        contents: toolbars,
-        showLabel: showLabel,
-        close: close,
-        callBack: resetHeight,
-        showFormBtn: showFormBtn,
-        searchValue: searchValue,
-        advanceValue: advanceValue
-      }"
-      v-on="{
-        click: handleClick,
-        search: hanleSearch,
-        submit: hanleSubmit,
-        tabs: handleTabs,
-        reset: hanleReset,
-        cancel: hanleCancel
-      }"
-    ></es-toolbar>
-    <p v-if="title" ref="title" class="es-table-title" v-html="title"></p>
-    <div
-      style="styles"
-      class="es-data-table-content"
-      ref="esTableContent"
-      v-if="show"
-    >
-      <el-table
-        ref="oaTable"
-        v-bind="{
-          ...$attrs,
-          data: datas,
-          emptyText: emptyText,
-          showSummary: showTotal,
-          sumText: sumText || totalText,
-          totalRow: restotalRow || totalRow,
-          height:
-            tableHeight !== 'auto' && tableHeight !== false
-              ? tableHeight
-              : undefined,
-          border: border
-        }"
-        v-on="{
-          ...$listeners,
-          'row-click': rowClick,
-          'selection-change': selectionChange,
-          'filter-column': handleFilterColumn,
-          'sort-change': handleSortChange
-        }"
-        :class="'es-table' + (theadBorder ? ' es-thead-border' : '')"
-      >
-        <slot name="prepend"></slot>
-        <slot></slot>
-        <template v-for="(items, indexs) in theads">
-          <template v-if="items.hide !== true">
-            <el-table-column
-              v-if="items.type === 'index' || items.type === 'selection'"
-              :key="indexs"
-              v-bind="items"
-            ></el-table-column>
-            <children
-              v-else
-              :key="indexs"
-              v-bind="{
-                name: name,
-                item: items,
-                width: items.width,
-                index: indexs,
-                readonly: readonly,
-                optionData: optionDatas,
-                form: form,
-                minWidth: minWidth,
-                children: items.children,
-                childHead: items.childHead
-              }"
-              v-on="{
-                handleClick: handleClick,
-                formBlur: formBlur,
-                formFocus: formFocus,
-                formChange: formChange
-              }"
-            ></children>
-          </template>
-        </template>
-        <slot name="append"></slot>
-        <el-table-column
-          v-if="editable && !readonly"
-          width="80"
-          type="handle"
-          align="center"
-          label="操作"
-          fixed="right"
-          class="eoss-ui-eidt-column"
-          :total="false"
-        >
-          <template slot-scope="scope">
-            <el-button
-              v-if="!scope.row.cantAdd"
-              type="text"
-              @click="handleClickAddData(scope)"
-            >
-              <i class="el-icon-circle-plus-outline"></i>
-            </el-button>
-            <el-button
-              v-if="!scope.row.cantDelete"
-              type="text"
-              @click="handleClickDeleteData(scope)"
-            >
-              <i class="el-icon-remove-outline"></i>
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <es-pagination
-        v-if="page"
-        v-bind="config"
-        class="es-table-page"
-        :style="{ 'text-align': page.position || 'center' }"
-        v-on="{
-          change: sizeChange,
-          current: currentChange,
-          prev: preClick,
-          next: nextClick
-        }"
-      ></es-pagination>
-      <slot name="dialog"></slot>
-      <slot name="other"></slot>
-    </div>
-    <sizer ref="sizer" :data="theads"></sizer>
-  </component>
-</template>
-<script>
-import { findSysCode } from 'eoss-ui/src/config/api.js';
-import children from './children.vue';
-import sizer from './sizer.vue';
-import util from 'eoss-ui/src/utils/util';
-import bus from 'eoss-ui/src/utils/bus';
-import qs from 'qs';
-export default {
-  name: 'EsDataTable',
-  inheritAttrs: false,
-  components: {
-    [children.name]: children,
-    [sizer.name]: sizer
-  },
-  provide() {
-    return {
-      table: this,
-      tableReload: this.reload
-    };
-  },
-  inject: {
-    elForm: {
-      default: ''
-    },
-    injector: {
-      default: ''
-    },
-    scale: {
-      default: ''
-    }
-  },
-  props: {
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    readonly: Boolean,
-    url: {
-      type: String,
-      default: ''
-    },
-    defaults: {
-      type: Boolean,
-      default: false
-    },
-    param: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    method: {
-      type: String,
-      default: 'get'
-    },
-    format: {
-      type: Boolean,
-      default: true
-    },
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    // 表格表单
-    form: {
-      type: Boolean,
-      default: false
-    },
-    name: String,
-    title: {
-      type: String,
-      default: ''
-    },
-    // 导出文件名
-    fileName: {
-      type: String,
-      default: ''
-    },
-    // 工具栏配置
-    toolbar: {
-      type: [Array, Boolean],
-      default: false
-    },
-    showLabel: Boolean,
-    searchValue: Object,
-    advanceValue: Object,
-    // 是否开启序号
-    numbers: {
-      type: Boolean,
-      default: false
-    },
-    // 是否筛选列功能
-    filter: {
-      type: Boolean,
-      default: false
-    },
-    // 是否开启多选
-    checkbox: {
-      type: Boolean,
-      default: false
-    },
-    selectable: Function,
-    reserveSelection: Boolean,
-    // 默认选中,类型为Boolean时默认全(不)选
-    checked: {
-      type: [Boolean, Array],
-      default: false
-    },
-    checkedKey: {
-      type: String,
-      default: 'id'
-    },
-    sizer: {
-      type: Boolean,
-      default: true
-    },
-    // 无数据时显示的文本
-    emptyText: {
-      type: String,
-      default: ''
-    },
-    // 是否开启合计行区域
-    total: {
-      type: Boolean,
-      default: false
-    },
-    //本地数据总条数差值
-    lose: {
-      type: Number,
-      default: 0
-    },
-    // 合计行显示文本
-    totalText: {
-      type: String,
-      default: ''
-    },
-    showSummary: {
-      type: Boolean,
-      default: false
-    },
-    sumText: {
-      type: String,
-      default: ''
-    },
-    // 开启分页
-    page: {
-      type: [Boolean, Object],
-      default() {
-        return false;
-      }
-    },
-    // 渲染树形数据指定field
-    treeKey: {
-      type: String,
-      default: ''
-    },
-    // 单元格配置
-    thead: {
-      type: [Array, String],
-      default() {
-        return [];
-      }
-    },
-    optionData: Object,
-    // 开启数据增加删除按钮
-    editable: {
-      type: Boolean,
-      default: false
-    },
-    // 单元格点击事件
-    click: {
-      type: Boolean,
-      default: false
-    },
-    totalRow: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    parseData: Function,
-    close: Boolean,
-    full: {
-      type: Boolean,
-      default: true
-    },
-    height: [Number, String],
-    maxHeight: [Number, String],
-    response: Function,
-    minWidth: String,
-    border: {
-      type: Boolean,
-      default: false
-    },
-    theadBorder: {
-      type: Boolean,
-      default: true
-    },
-    checkboxParseData: Function,
-    checkboxParse: Object,
-    display: {
-      type: Boolean,
-      default: true
-    },
-    showFormBtn: {
-      type: Boolean,
-      default: true
-    },
-    index: {
-      type: [Boolean, Number],
-      default: 1
-    },
-    immediate: {
-      type: Boolean,
-      default: true
-    },
-    zoom: false,
-    exportExcludeLabel: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  data() {
-    return {
-      requests: [],
-      theadData: [],
-      list: null,
-      tableLoading: this.loading,
-      tableLoadingText: '加载中...',
-      isFirsetCheck: false,
-      // 可修改表单的值
-      editValue: {},
-      restotalRow: null,
-      showTotal: false,
-      toolbars: [],
-      config: {
-        pageNum: 1,
-        pageSize: 20,
-        totalCount: 0
-      },
-      where: {},
-      wheres: {},
-      tableHeight: 'auto',
-      styles: {},
-      selected: null,
-      options: {},
-      icon: true,
-      show: true
-    };
-  },
-  computed: {
-    tag() {
-      return this.form && this.elForm == '' ? 'el-form' : 'div';
-    },
-    theads: {
-      get() {
-        let thead = [];
-        if (this.checkbox) {
-          thead.push({
-            type: 'selection',
-            width: '55',
-            align: 'center',
-            fixed: 'left',
-            selectable: this.selectable,
-            reserveSelection: this.reserveSelection
-          });
-        }
-        if (this.numbers) {
-          thead.push({
-            type: 'index',
-            label: '序号',
-            width: '70',
-            align: 'center',
-            fixed: 'left',
-            index:
-              this.index === true
-                ? (this.config.pageNum - 1) * this.config.pageSize + 1
-                : this.index === false
-                ? 1
-                : this.index
-          });
-        }
-        if (this.theadData.length) {
-          thead = [...thead, ...this.theadData];
-        } else {
-          thead = [...thead, ...this.thead];
-        }
-        return thead;
-      },
-      set(val) {
-        return val;
-      }
-    },
-    datas: {
-      get() {
-        if (this.list) {
-          return this.list;
-        }
-        if (
-          this.page &&
-          this.data &&
-          this.data.length &&
-          this.config.totalCount < this.data.length + 1
-        ) {
-          this.config.totalCount = this.data.length - this.lose;
-          return this.data.filter((item, index) => {
-            return (
-              index > (this.config.pageNum - 1) * this.config.pageSize - 1 &&
-              index < this.config.pageNum * this.config.pageSize
-            );
-          });
-        }
-        return this.data;
-      },
-      set(val) {
-        return val;
-      }
-    },
-    showToolbar() {
-      if (this.readonly) {
-        return false;
-      }
-      if (typeof this.toolbar === 'boolean') {
-        if (this.toolbar) {
-          this.toolbars = [
-            {
-              type: 'search',
-              contents: [
-                {
-                  type: 'text',
-                  name: 'keyword',
-                  placeholder: '请输入关键字'
-                }
-              ]
-            }
-          ];
-        }
-        return this.toolbar;
-      } else {
-        this.toolbars = this.toolbar;
-        return true;
-      }
-    },
-    optionDatas: {
-      get() {
-        return this.optionData
-          ? { ...this.optionData, ...this.options }
-          : this.options;
-      },
-      set(val) {
-        return val;
-      }
-    }
-  },
-  watch: {
-    scale: {
-      deep: true,
-      handler(val) {
-        if (
-          this.tableHeight != 'auto' &&
-          this.tableHeight !== false &&
-          this.display
-        ) {
-          this.resetHeight();
-          this.doLayout();
-        }
-      }
-    },
-    zoom: {
-      handler(val) {
-        if (
-          this.tableHeight != 'auto' &&
-          this.tableHeight !== false &&
-          this.display
-        ) {
-          this.resetHeight();
-          this.doLayout();
-        }
-      }
-    },
-    checked(newVal) {
-      this.datas.length && this.checkSelect(newVal);
-    },
-    thead: {
-      deep: true,
-      handler(val) {
-        if (typeof val === 'string') {
-          this.getTheads();
-        } else {
-          this.getOptions(val);
-        }
-      }
-    },
-    theads: {
-      deep: true,
-      handler() {
-        this.chekOpenTotalArea();
-      }
-    },
-    param: {
-      deep: true,
-      handler(val) {
-        this.getTableData();
-      }
-    },
-    page: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        this.config = util.extend({}, this.config, this.page);
-      }
-    },
-    'config.pageNum'() {
-      if (this.data.length) {
-        this.$refs.oaTable.resetScroll(0, 0);
-      }
-    },
-    height: {
-      immediate: true,
-      handler(val) {
-        if (val) {
-          this.tableHeight = val;
-        }
-      }
-    },
-    maxHeight: {
-      immediate: true,
-      handler(val) {
-        if (val && this.height === undefined) {
-          this.tableHeight = val;
-        }
-      }
-    },
-    display(val) {
-      if (val) {
-        this.resetHeight();
-        this.doLayout();
-      }
-    }
-  },
-  created() {
-    if (Array.isArray(this.thead) && this.thead.length) {
-      this.getOptions(this.thead);
-    }
-    this.immediate && this.getTableData();
-    this.chekOpenTotalArea();
-  },
-  mounted() {
-    this.datas.length && this.checkSelect(this.checked);
-    this.resetHeight();
-  },
-  methods: {
-    setConfig(thead) {
-      thead.forEach((item, index) => {});
-    },
-    getRequestKey(config) {
-      const { method, url, params, data } = config;
-      return [method, url, qs.stringify(params), qs.stringify(data)].join('&');
-    },
-    getIcon(res) {
-      if (
-        this.sizer &&
-        this.icon &&
-        res !== 'right' &&
-        !this.$slots.prepend &&
-        !this.$slots.append &&
-        !this.$slots.default &&
-        !this.form
-      ) {
-        this.icon = false;
-        return 'es-icon-biao';
-      }
-      return false;
-    },
-    getOptions(res) {
-      res.forEach((item) => {
-        if (item.sysCode || item.url) {
-          let params = util.extend(
-            {},
-            item.sysCode ? { sysAppCode: item.sysCode } : {},
-            item.param ? item.param : {}
-          );
-          let key = this.getRequestKey({
-            method: this.method,
-            url: item.sysCode ? findSysCode : item.url,
-            params: params,
-            data: {}
-          });
-          if (!this.requests.includes(key)) {
-            util
-              .ajax({
-                url: item.sysCode ? findSysCode : item.url,
-                method: this.method,
-                params: params,
-                data: params
-              })
-              .then((res) => {
-                if (res.rCode === 0) {
-                  if (item.type == 'ganged') {
-                    this.$set(this.options, item.field || item.prop, [
-                      JSON.parse(JSON.stringify(res.results))
-                    ]);
-                  } else {
-                    this.$set(
-                      this.options,
-                      item.field || item.prop,
-                      JSON.parse(JSON.stringify(res.results))
-                    );
-                  }
-                  this.requests.push(key);
-                } else {
-                  let msg = res.msg || '系统错误，请联系管理员！';
-                  this.$message.error(msg);
-                }
-              })
-              .catch((err) => {
-                if (err.message && err.message !== 'canceled') {
-                  this.$message.error(err.message);
-                }
-              });
-          }
-        } else {
-          if (item.childHead && item.childHead.length) {
-            this.getOptions(item.childHead);
-          }
-          if (item.children && item.children.length) {
-            this.getOptions(item.children);
-          }
-        }
-      });
-    },
-    checkObject(item) {
-      return util.getObjectType(item) === 'object';
-    },
-    chekOpenTotalArea() {
-      if (this.total || this.showSummary) {
-        this.showTotal = true;
-        return;
-      }
-      const arr = JSON.parse(JSON.stringify(this.theads));
-      arr.forEach((item) => {
-        if (item.total) {
-          this.showTotal = true;
-        }
-      });
-    },
-    rowClick(row, column, event) {
-      this.$emit('click', row, column, event);
-      this.$emit('row-click', row, column, event);
-    },
-    handleClickAddData(scope) {
-      const data = JSON.parse(JSON.stringify(scope.row));
-      let index = scope.$index + 1;
-      if (this.page) {
-        index += (this.config.pageNum - 1) * this.config.pageSize;
-      }
-      this.data.splice(index, 0, data);
-      this.$emit('dataChange', 'add', data);
-      this.$emit('btnClick', {
-        event: 'addRow',
-        row: data,
-        index: index,
-        data: this.data
-      });
-    },
-    handleClickDeleteData(scope) {
-      const data = JSON.parse(JSON.stringify(scope.row));
-      let index = scope.$index;
-      if (this.page) {
-        index += (this.config.pageNum - 1) * this.config.pageSize;
-      }
-      this.data.splice(index, 1);
-      this.$emit('dataChange', 'delete', data);
-      this.$emit('btnClick', {
-        event: 'deleteRow',
-        row: data,
-        index: index,
-        data: this.data
-      });
-    },
-    checkSelect(newVal) {
-      this.$nextTick(() => {
-        if (util.getObjectType(newVal) === 'array') {
-          newVal.forEach((row) => {
-            if (util.isObject(row)) {
-              this.$refs.oaTable.toggleRowSelection(row, true);
-            } else
-              this.datas.forEach((item) => {
-                if (item[this.checkedKey] === row) {
-                  this.$refs.oaTable.toggleRowSelection(item, true);
-                  return;
-                }
-              });
-          });
-        } else if (newVal === true) {
-          this.toggleAllSelection();
-        }
-      });
-    },
-    getTheads() {
-      util
-        .ajax({
-          url: this.thead,
-          method: this.method,
-          format: this.format,
-          params: this.param,
-          data: this.param
-        })
-        .then((res) => {
-          if (res.rCode === 0) {
-            let results = res.results;
-            if (Array.isArray(results)) {
-              this.theadData = results;
-            } else {
-              this.theadData = results.theadData || [];
-              this.list = results.data || results.records || [];
-              this.config.totalCount =
-                results.count || results.total || results.totalCount;
-              this.getOptions(this.theadData);
-            }
-          } else {
-            this.theadData = [];
-            let msg = res.msg || '系统错误，请联系管理员！';
-            this.$message.error(msg);
-          }
-          this.$emit('success', res);
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    getTableData(res) {
-      let where;
-      let first;
-      if (res) {
-        where = res.where;
-        first = res.first;
-      }
-      if (!this.url) {
-        return;
-      }
-      if (first !== false) {
-        this.config.pageNum = 1;
-      }
-      this.tableLoadingText = '加载中...';
-      let reqData = util.extend(
-        {},
-        this.param,
-        this.page
-          ? {
-              pageNum: this.config.pageNum,
-              pageSize: this.config.pageSize
-            }
-          : {}
-      );
-      if (where) {
-        reqData = util.extend({}, reqData, where);
-      }
-      this.tableLoading = true;
-      util
-        .ajax({
-          url: this.url,
-          method: this.method,
-          format: this.format,
-          params: reqData,
-          data: reqData
-        })
-        .then((res) => {
-          this.tableLoading = false;
-          if (res.rCode === 0 || res.status === 'success') {
-            this.$refs.oaTable.resetScroll(0, 0);
-            let results =
-              this.parseData !== undefined
-                ? this.parseData(res.results || res.data || res)
-                : res.results || res.data;
-            this.list = results.data || results.records || results.list || [];
-            this.config.totalCount =
-              results.count || results.total || results.totalCount;
-            this.checked &&
-              this.$nextTick(() => {
-                this.checkSelect(this.checked);
-              });
-          } else {
-            this.list = [];
-            //this.tableHeight = false;
-            let msg = res.msg || '系统错误，请联系管理员！';
-            this.$message.error(msg);
-          }
-          this.$emit('success', res);
-        })
-        .catch((err) => {
-          //this.tableHeight = false;
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-          this.tableLoading = false;
-        });
-    },
-    selectionChange(data) {
-      this.selected = JSON.parse(JSON.stringify(data));
-      this.$emit('selection-change', data);
-    },
-    clearSelection() {
-      this.$refs.oaTable.clearSelection();
-    },
-    toggleRowSelection(row, selected) {
-      this.$refs.oaTable.toggleRowSelection(row, selected);
-    },
-    toggleAllSelection() {
-      this.$refs.oaTable.toggleAllSelection();
-    },
-    toggleRowExpansion(row, expanded) {
-      this.$refs.oaTable.toggleRowExpansion(row, expanded);
-    },
-    setCurrentRow(row) {
-      this.$refs.oaTable.setCurrentRow(row);
-    },
-
-    clearSort() {
-      this.$refs.oaTable.clearSort();
-    },
-    clearFilter(columnKey) {
-      this.$refs.oaTable.clearFilter(columnKey);
-    },
-    doLayout() {
-      this.$refs.oaTable.doLayout();
-    },
-    sort(prop, order) {
-      this.$refs.oaTable.sort(prop, order);
-    },
-    formBlur(data) {
-      this.$emit('blur', data, this.datas);
-    },
-    formFocus(data) {
-      this.$emit('focus', data, this.datas);
-    },
-    formChange(data) {
-      this.$emit('edit', data, this.datas);
-      this.$emit('change', data, this.datas);
-    },
-    handleAjax(handle, row) {
-      this.changeLoading(true, `${handle.text}中...`);
-      let params = handle.param || {};
-      if (handle.syncKeys) {
-        if (typeof handle.syncKeys === 'string') {
-          params[handle.syncKeys] = row[handle.syncKeys];
-        } else if (Array.isArray(handle.syncKeys)) {
-          for (let i in handle.syncKeys) {
-            if (Array.isArray(row)) {
-              let param = row.map((item) => {
-                return item[handle.syncKeys[i]];
-              });
-              params[handle.syncKeys[i]] = param.join(',');
-            } else {
-              params[handle.syncKeys[i]] = row[handle.syncKeys[i]];
-            }
-          }
-        } else {
-          for (let i in handle.syncKeys) {
-            if (Array.isArray(row)) {
-              let param = row.map((item) => {
-                return item[handle.syncKeys[i]];
-              });
-              params[i] = param.join(',');
-            } else {
-              params[i] = row[handle.syncKeys[i]];
-            }
-          }
-        }
-      } else {
-        if (Array.isArray(row)) {
-          let param = row.map((item) => {
-            return item.id;
-          });
-          params.id = param.join(',');
-        } else {
-          params.id = row.id;
-        }
-      }
-      let keys = Object.keys(params);
-      util
-        .ajax({
-          url: handle.action,
-          data:
-            keys.length == 1 && handle.format === false
-              ? params[keys[0]].split(',')
-              : params,
-          params:
-            keys.length == 1 && handle.format === false
-              ? params[keys[0]].split(',')
-              : params,
-          method: handle.method,
-          format: handle.format
-        })
-        .then((res) => {
-          this.changeLoading(false);
-          if (res.rCode === 0) {
-            this.$message({
-              message: `${handle.text}成功`,
-              duration: 2000,
-              type: 'success',
-              onClose: () => {
-                let first = Object.prototype.hasOwnProperty.call(
-                  handle,
-                  'first'
-                )
-                  ? handle.first
-                  : false;
-                let reload = handle.reload || true;
-                if (reload) {
-                  this.reload({}, first);
-                }
-              }
-            });
-          } else {
-            this.$message.error(
-              res.msg || `${handle.text}失败，请联系管理员！`
-            );
-          }
-        })
-        .catch((err) => {
-          this.changeLoading(false);
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    checkParse(data, parse) {
-      if (Array.isArray(data)) {
-        return data.map((items) => {
-          let item = JSON.parse(JSON.stringify(items));
-          let obj = {};
-          for (let i in parse) {
-            obj[i] = item[parse[i]];
-            delete item[parse[i]];
-          }
-          return { ...obj, ...item };
-        });
-      }
-      let item = JSON.parse(JSON.stringify(data));
-      let obj = {};
-      for (let i in parse) {
-        obj[i] = item[parse[i]];
-        delete item[parse[i]];
-      }
-      return { ...obj, ...item };
-    },
-    handleClick(res) {
-      let { row, handle } = res;
-      let rows;
-      if (handle.checkbox) {
-        if (!this.selected || !this.selected.length) {
-          this.$alert('请选择数据', '提示', { type: 'warning' });
-          return;
-        } else {
-          row = this.selected;
-        }
-      }
-      if (this.checkboxParseData) {
-        rows = this.checkboxParseData(JSON.parse(JSON.stringify(row)));
-      } else if (this.checkboxParse) {
-        rows = this.checkParse(row, this.checkboxParse);
-      } else if (handle.checkboxParse) {
-        rows = this.checkParse(row, handle.checkboxParse);
-      } else if (row) {
-        rows = JSON.parse(JSON.stringify(row));
-      }
-      let thead = this.theads;
-      if (this.$refs.oaTable) {
-        thead = this.$refs.oaTable.getThead();
-      }
-      if (handle.action) {
-        let isConfirm = handle.confirm || true;
-        if (isConfirm) {
-          let msg = handle.field ? row[handle.field] : '';
-          this.$confirm(`确定要${handle.text}${msg}吗`, '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          })
-            .then(() => {
-              this.handleAjax(handle, rows);
-            })
-            .catch(() => {});
-        } else {
-          this.handleAjax(handle, rows);
-        }
-      } else if (handle.event) {
-        if (typeof handle.event === 'function') {
-          handle.event({
-            ele: this,
-            thead: thead,
-            data: this.datas,
-            selected: rows,
-            ...res
-          });
-        } else if (
-          handle.event === 'add' ||
-          handle.event === 'edit' ||
-          handle.event === 'look'
-        ) {
-          let changes = {
-            event: handle.event,
-            title: handle.title || handle.text,
-            value: handle.event === 'add' ? {} : rows,
-            readonly: handle.event === 'look',
-            actionType: handle.actionType
-              ? handle.actionType
-              : handle.event === 'add'
-              ? 'save'
-              : 'update',
-            visible: true
-          };
-          if (handle.dialog) {
-            let dialog;
-            for (let i = 0; i < this.$children.length; i++) {
-              let child = this.$children[i];
-              if (child.$refs[handle.dialog]) {
-                dialog = child.$refs[handle.dialog];
-                break;
-              }
-            }
-            dialog.setAttrs(changes);
-          }
-          this.injector && this.injector.handleChangeData(changes);
-          if (handle.busEvent) {
-            bus.$emit(handle.busEvent, changes);
-          }
-        }
-      } else if (handle.changeData) {
-        let changeData = {};
-        if (Array.isArray(handle.changeData)) {
-          handle.changeData.forEach((item) => {
-            if (util.isObject(item)) {
-              for (let i in item) {
-                if (typeof item[i] === 'boolean') {
-                  changeData[i] = item[i];
-                } else {
-                  changeData[i] = handle[item[i]] || item[i];
-                }
-              }
-            } else {
-              changeData[item] =
-                handle[item] || (Array.isArray(rows) ? rows : rows[item]);
-            }
-          });
-        } else {
-          for (let i in handle.changeData) {
-            let item = handle.changeData[i];
-            if (util.isObject(item)) {
-              let obj = {};
-              for (let e in item) {
-                obj[e] =
-                  handle[item[e]] ||
-                  (Array.isArray(rows) ? rows : rows[item[e]]);
-              }
-              changeData[i] = obj;
-            } else {
-              if (typeof item === 'boolean') {
-                changeData[i] = item;
-              } else {
-                changeData[i] =
-                  handle[item] || (Array.isArray(rows) ? rows : rows[item]);
-              }
-            }
-          }
-        }
-        if (handle.actionType) {
-          changeData['actionType'] = handle.actionType;
-        }
-        this.injector && this.injector.handleChangeData(changeData);
-        if (handle.busEvent) {
-          bus.$emit(handle.busEvent, changes);
-        }
-      } else {
-        if (handle.exportXls) {
-          let text = '操作';
-          if (
-            this.theads[this.theads.length - 1] &&
-            this.theads[this.theads.length - 1].type === 'handle'
-          ) {
-            text = this.theads[this.theads.length - 1].title;
-          }
-          let type = ['selection', 'index', 'expand'];
-          thead = thead.map((item) => {
-            return item.filter((ele) => {
-              return (
-                !type.includes(ele.type) &&
-                ele.label !== text &&
-                !this.exportExcludeLabel.includes(ele.label)
-              );
-            });
-          });
-          util.exportXls({
-            thead: thead,
-            data: this.datas,
-            name: this.fileName,
-            option: this.optionDatas
-          });
-        }
-        this.$emit('btnClick', res, this.datas, thead, rows);
-        this.$emit('btn-click', res, this.datas, thead, rows);
-      }
-    },
-    sizeChange(res) {
-      this.config.pageSize = res;
-      this.config.pageNum = 1;
-      this.$emit('page-size-change', res);
-      if (this.url) {
-        this.getTableData({ where: this.wheres, first: false });
-      }
-    },
-    currentChange(res) {
-      this.config.pageNum = res;
-      this.$emit('page-current-change', res);
-      if (this.url) {
-        this.getTableData({ where: this.wheres, first: false });
-      }
-    },
-    preClick(res) {
-      this.config.pageNum = res;
-      this.$emit('prev', res);
-    },
-    nextClick(res) {
-      this.config.pageNum = res;
-      this.$emit('next', res);
-    },
-    hanleSearch(data) {
-      this.wheres = data;
-      if (this.url) {
-        if (this.response !== undefined) {
-          this.getTableData({
-            where: this.response({
-              type: 'search',
-              data: JSON.parse(JSON.stringify(data))
-            })
-          });
-        } else {
-          this.getTableData({ where: this.wheres });
-        }
-      }
-      this.$emit('search', data);
-    },
-    hanleReset() {
-      if (this.url) {
-        this.wheres = {};
-        this.getTableData();
-      }
-      this.$emit('reset');
-    },
-    hanleSubmit({ data, show }) {
-      this.wheres = data;
-      if (this.url) {
-        if (this.response !== undefined) {
-          this.getTableData({
-            where: this.response({
-              type: 'filter',
-              data: JSON.parse(JSON.stringify(data))
-            })
-          });
-        } else {
-          this.getTableData({ where: this.wheres });
-        }
-      }
-      this.$emit('submit', { data, show });
-    },
-    hanleCancel() {
-      if (this.url && JSON.stringify(this.wheres) !== '{}') {
-        this.wheres = {};
-        this.getTableData();
-      }
-      this.$emit('cancel');
-    },
-    handleTabs({ item, index }) {
-      if (this.url) {
-        this.getTableData({ where: item });
-      }
-      this.$emit('tabs', { item, index });
-    },
-    reload(obj, first = false) {
-      if (obj && obj.config) {
-        this.config = util.extend({}, this.config, obj.config);
-      }
-      if (this.url) {
-        this.getTableData({ where: obj && obj.where ? obj.where : {}, first });
-      }
-    },
-    resetHeight(warn) {
-      this.$nextTick(() => {
-        if (this.full && !this.height && !this.maxHeight) {
-          let height = this.$el.parentNode.offsetHeight;
-          if (height) {
-            height = parseInt(
-              util.getStyle(this.$el.parentNode, 'height', '%'),
-              10
-            );
-            height =
-              (height == NaN ? 0 : height) -
-              parseInt(util.getStyle(this.$el.parentNode, 'padding-top'), 10) -
-              parseInt(
-                util.getStyle(this.$el.parentNode, 'padding-bottom'),
-                10
-              );
-            for (let i = 0; i < this.$el.parentNode.childNodes.length; i++) {
-              let ele = this.$el.parentNode.childNodes[i];
-              if (ele !== this.$el && ele.offsetHeight !== undefined) {
-                height =
-                  height -
-                  ele.offsetHeight -
-                  parseInt(util.getStyle(ele, 'margin-top'), 10) -
-                  parseInt(util.getStyle(ele, 'margin-bottom'), 10);
-              }
-            }
-            height -= this.showToolbar ? 45 : 0;
-            height -= this.page === false ? 0 : 46;
-            height -= this.title ? this.$refs.title.offsetHeight : 0;
-            height -= parseInt(
-              util.getStyle(this.$refs.esTableContent, 'padding-top'),
-              10
-            );
-            height -= parseInt(
-              util.getStyle(this.$refs.esTableContent, 'padding-bottom'),
-              10
-            );
-            let emptyText = this.$refs.esTableContent.querySelector(
-              '.el-table__empty-text'
-            );
-            let eht = 0;
-            if (emptyText) {
-              eht = emptyText.offsetHeight;
-              let thead =
-                this.$refs.esTableContent.querySelector('.el-table__header');
-              thead && (eht += thead.offsetHeight);
-            }
-            if (height > 1 && height - eht > 1) {
-              this.tableHeight = height;
-            } else {
-              console.warn(this.$el.parentNode, `获取不到高度！`);
-            }
-          } else if (!warn) {
-            setTimeout(() => {
-              this.resetHeight(true);
-            }, 1000);
-          }
-        }
-      });
-    },
-    validate(callback) {
-      let form = this.elForm || this.$refs.esTableForm;
-      form.validate((valid) => {
-        callback(valid);
-      });
-    },
-    changeLoading(show, text) {
-      this.tableLoading = show;
-      if (text) {
-        this.tableLoadingText = text;
-      }
-    },
-    handleFilterColumn() {
-      this.$refs.sizer.show();
-    },
-    handleSortChange(res) {
-      if (res.data && res.data.length) {
-        this.list = res.data;
-      }
-      this.$emit('sort-change', res);
-    },
-    mergeThead(res) {
-      this.theadData = res;
-      this.icon = true;
-      setTimeout(() => {
-        this.show = true;
-      }, 100);
-    }
-  }
-};
-</script>