processHistory.vue 1.86 KB
Newer Older
wangdanlei's avatar
wangdanlei committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
/**
* @Description:
* @author wx
* @date 2020/07/010
*/
<template>
  <div class="-page">
    <dee-table
      ref="multipleTable"
      :index-row="indexRow"
      :columns="tableColums"
      :data="tableData"
      :selection-row="selectionRow"
      :pagination="pagination"
      @pagination-current-change="paginationCurrentChange"
      @pagination-size-change="handleSizeChange"
      @selection-change="selectionChange"
    />
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      tableColums: [
        { title: '流程名称', key: 'name', align: 'center', component: {
          render: (h, params) => {
            return h('div', [
              h('span', {
                class: 'link-style',
                on: {
                  click: () => {
                    this.$emit('handleFlow', params)
                  }
                }
              }, params.name)
            ])
          }
        }},
        { title: '任务名称', key: 'taskName', align: 'center' },
        { title: '状况', key: 'status', align: 'center' },
        { title: '工作责任人', key: 'ownerName', align: 'center', minWidth: 150 },
        { title: '角色', key: 'role', align: 'center' },
        { title: '开始时间', key: 'gmtModified', align: 'center', minWidth: 180 },
        { title: '完成时间', key: 'endTime', align: 'center' },
        { title: '处理结果', key: 'result', align: 'center' },
        { title: '备注', key: 'describe', align: 'center' }
      ],
      indexRow: {
        title: '序号',
        align: 'center',
        width: '70'
      },
      tableData: [],
      selectionRow: [],
      pagination: {
        currentPage: 1,
        pageSize: 10,
        total: 0,
        pageSizes: [10, 20, 50]
      }
    }
  },
  computed: {},
  mounted() {},
  methods: {}
}

</script>
<style lang='scss'>
</style>