relationPart.vue 1.72 KB
/**
* @Description:
* @author wx
* @date 2020/07/10
*/
<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: 'number', align: 'center', component: {
          render: (h, params) => {
            return h('div', [
              h('span', {
                class: 'link-style',
                on: {
                  click: () => {
                    this.$emit('handleFlow', params)
                  }
                }
              }, params.number)
            ])
          }
        }},
        { title: '名称', key: 'name', align: 'center' },
        { title: '版本', key: 'type', align: 'center' },
        { title: '状态', key: 'status', align: 'center' },
        { title: '研制阶段', key: 'gmtModified', align: 'center', minWidth: 180 },
        { title: '上次修改时间', key: 'ownerName', align: 'center' },
        { title: '创建者', key: 'ownerName', align: 'center', minWidth: 150 }
      ],
      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>