eoss-ui 0.3.97

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

@@ -0,0 +1,1229 @@
+<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,
+        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" 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: text || emptyText,
+          showSummary: showTotal,
+          sumText: sumText || totalText,
+          totalRow: restotalRow || totalRow,
+          height: tableHeight !== 'auto' ? tableHeight : undefined,
+          border: border
+        }"
+        v-on="{
+          ...$listeners,
+          'row-click': rowClick,
+          'selection-change': selectionChange,
+          'filter-column': handleFilterColumn
+        }"
+        :class="'es-table' + (theadBorder ? ' es-thead-border' : '')"
+      >
+        <slot name="prepend"></slot>
+        <slot></slot>
+        <el-table-column
+          v-if="checkbox"
+          v-bind="{
+            type: 'selection',
+            width: '55',
+            align: 'center',
+            fixed: 'left',
+            selectable: selectable,
+            reserveSelection: reserveSelection,
+            filterIcon: getIcon()
+          }"
+        ></el-table-column>
+        <el-table-column
+          v-if="numbers"
+          v-bind="{
+            type: 'index',
+            label: '序号',
+            width: '70',
+            align: 'center',
+            fixed: 'left',
+            index:
+              index === true
+                ? (config.pageNum - 1) * config.pageSize + 1
+                : index === false
+                ? 1
+                : index,
+            filterIcon: getIcon()
+          }"
+        ></el-table-column>
+        <template v-for="(items, indexs) in theads">
+          <template v-if="items.hide !== true">
+            <el-table-column
+              v-if="items.type === 'index'"
+              :key="indexs"
+              v-bind="{
+                type: 'index',
+                label: '序号',
+                width: '70',
+                align: 'center',
+                fixed: 'left',
+                index:
+                  index === true
+                    ? (config.pageNum - 1) * config.pageSize + 1
+                    : index === false
+                    ? 1
+                    : index,
+                filterIcon: getIcon(),
+                ...items
+              }"
+            ></el-table-column>
+            <el-table-column
+              v-else-if="items.type === 'selection'"
+              :key="indexs"
+              v-bind="{
+                type: 'selection',
+                width: '55',
+                align: 'center',
+                fixed: 'left',
+                selectable: selectable,
+                reserveSelection: reserveSelection,
+                filterIcon: getIcon(),
+                ...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,
+                filterIcon: getIcon(items.fixed),
+                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="操作"
+          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';
+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: ''
+    }
+  },
+  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
+    },
+    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
+    },
+    sizer: {
+      type: Boolean,
+      default: true
+    },
+    // 无数据时显示的文本
+    text: {
+      type: String,
+      default: ''
+    },
+    // 无数据时显示的文本
+    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: Boolean,
+    showFormBtn: {
+      type: Boolean,
+      default: true
+    },
+    index: {
+      type: [Boolean, Number],
+      default: 1
+    },
+    immediate: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      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() {
+        return this.theadData.length ? this.theadData : this.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: {
+    checked(newVal) {
+      this.checkSelect(newVal);
+    },
+    thead: {
+      immediate: true,
+      handler(val) {
+        if (typeof val === 'string') {
+          this.getTheads();
+        }
+      }
+    },
+    theads: {
+      immediate: true,
+      handler(val) {
+        this.chekOpenTotalArea();
+        if (val && val.length) {
+          this.getOptions(val);
+        }
+      }
+    },
+    param: {
+      deep: true,
+      handler(val) {
+        this.getTableData();
+      }
+    },
+    page: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        this.config = util.extend({}, this.config, this.page);
+      }
+    },
+    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();
+      }
+    }
+  },
+  created() {
+    this.immediate && this.getTableData();
+  },
+  mounted() {
+    this.checkSelect(this.checked);
+    this.resetHeight();
+  },
+  methods: {
+    getIcon(res) {
+      if (
+        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 : {}
+          );
+          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))
+                  );
+                }
+              } 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.thead));
+      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));
+      const index = scope.$index + 1;
+      this.datas.splice(index, 0, data);
+      this.$emit('dataChange', 'add', data);
+      this.$emit('btnClick', {
+        event: 'addRow',
+        row: data,
+        index: index,
+        data: data
+      });
+    },
+    handleClickDeleteData(scope) {
+      const data = JSON.parse(JSON.stringify(scope.row));
+      const index = scope.$index;
+      this.datas.splice(index, 1);
+      this.$emit('dataChange', 'delete', data);
+      this.$emit('btnClick', {
+        event: 'deleteRow',
+        row: data,
+        index: index,
+        data: data
+      });
+    },
+    checkSelect(newVal) {
+      if (!this.isFirsetCheck && newVal) {
+        if (util.getObjectType(newVal) === 'array') {
+          newVal.forEach(row => {
+            this.$refs.oaTable.toggleRowSelection(row, true);
+          });
+        } else if (newVal === true) {
+          this.toggleAllSelection();
+        }
+        this.isFirsetCheck = true;
+      }
+    },
+    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;
+            }
+          } 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, {
+        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') {
+            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;
+          } else {
+            this.list = [];
+            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);
+          }
+          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.thead;
+      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.thead[this.thead.length - 1] &&
+            this.thead[this.thead.length - 1].type === 'handle'
+          ) {
+            text = this.thead[this.thead.length - 1].title;
+          }
+          thead = thead.map(item => {
+            return item.filter(ele => {
+              return ele.label !== text && ele.label;
+            });
+          });
+          util.exportXls({
+            thead: thead,
+            data: this.datas,
+            name: this.fileName
+          });
+        }
+        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.where = {};
+        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() {
+      this.$nextTick(() => {
+        if (this.full && !this.height && !this.maxHeight) {
+          let height =
+            this.$el.parentNode.offsetHeight -
+            parseInt(util.getStyle(this.$el.parentNode, 'paddingTop'), 10) -
+            parseInt(util.getStyle(this.$el.parentNode, 'paddingBottom'), 10);
+          for (let i = 0; i < this.$el.parentNode.childNodes.length; i++) {
+            let ele = this.$el.parentNode.childNodes[i];
+            if (ele !== this.$el) {
+              height -= ele.offsetHeight === undefined ? 0 : ele.offsetHeight;
+            }
+          }
+          for (let i = 0; i < this.$el.childNodes.length; i++) {
+            let ele = this.$el.childNodes[i];
+            if (ele !== this.$refs.esTableContent) {
+              height -= ele.offsetHeight === undefined ? 0 : ele.offsetHeight;
+            }
+          }
+          this.styles = { height: height + 'px' };
+          const loadingDom = this.$refs.esTableContent.querySelector(
+            '.el-loading-mask'
+          );
+          for (
+            let i = 0;
+            i < this.$refs.esTableContent.childNodes.length;
+            i++
+          ) {
+            let ele = this.$refs.esTableContent.childNodes[i];
+            if (
+              ele !== this.$refs.oaTable.$el &&
+              (!loadingDom || ele !== loadingDom)
+            ) {
+              height -= ele.offsetHeight === undefined ? 0 : ele.offsetHeight;
+            }
+          }
+          let pt = parseInt(
+            util.getStyle(this.$refs.esTableContent, 'paddingTop'),
+            10
+          );
+          let pb = parseInt(
+            util.getStyle(this.$refs.esTableContent, 'paddingBottom'),
+            10
+          );
+          this.tableHeight = height - pt - pb + (this.page ? 2 : 1) + 'px';
+        }
+      });
+    },
+    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();
+    },
+    mergeThead(res) {
+      this.theadData = res;
+      this.icon = true;
+      setTimeout(() => {
+        this.show = true;
+      }, 100);
+    }
+  }
+};
+</script>