<template>
  <el-table :data="tableData" ref="multipleRef" size="mini" stripe border height="100%">

    <el-table-column type="index" label="序号" width="60" show-overflow-tooltip>
    </el-table-column>

    <el-table-column v-for="(item, index) in colunms" :key="index" :prop="item.prop" :label="item.label"
      :fixed="item.fixed" :class-name="item.prop =='status'?'c3383DA':'' " :min-width="item.width"
      :show-overflow-tooltip="item.tooltip">
    </el-table-column>

    <el-table-column label="操作" min-width="100">
      <template slot-scope="scope">
        <el-button @click="handleDetail(scope.row)" type="text">详情</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    name: 'tab-table',
    created() {

    },
    mounted() {
      let _this = this;
      this.$nextTick(function() {
        // _this.doQuery();
      })
    },
    methods: {
      handleDetail() {
        this.$router.push('taskDetail');
      },
    },
    data() {
      return {
        tableData: [{
          ID: 11
        }],
        colunms: [ //表格列
          {
            prop: 'ID',
            label: '任务ID',
            width: 100,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '事项类型',
            width: 100,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '事项简述PN',
            width: 100,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '责任人',
            width: 100,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '协同人员',
            width: 100,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '紧要程度',
            width: 100,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '状态',
            width: 100,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '要求截止时间',
            width: 120,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '关联拜访报告',
            width: 120,
            fixed: false,
            tooltip: true
          },
          {
            prop: '',
            label: '关联项目',
            width: 120,
            fixed: false,
            tooltip: true
          },
        ]

      }
    },

  }
</script>

<style>
</style>
