<template>
  <div>
    <el-table v-loading='loading' :data='tableData' size="small" border max-height="600px" tooltip-effect="dark">
      <el-table-column  show-overflow-tooltip align="center" prop="taskName" label="任务名称"></el-table-column>
      <el-table-column width="130" show-overflow-tooltip align="center" prop="taskDate" label="任务日期"></el-table-column>
      <el-table-column show-overflow-tooltip align="center" prop="status" label="状态">
        <template slot-scope="scope">
          <el-tag effect="dark" type="danger" size="mini" v-if="scope.row.status===0">任务已取消</el-tag>
          <el-tag effect="dark" type="success" size="mini" v-if="scope.row.status===2">任务已完成</el-tag>
        </template>
      </el-table-column>
      <el-table-column show-overflow-tooltip align="center" prop="startTime" label="任务开始时间"></el-table-column>
      <el-table-column show-overflow-tooltip align="center" prop="completeTime" label="任务完成时间"></el-table-column>
      <el-table-column width="100" show-overflow-tooltip align="center" prop="operator" label="操作员"></el-table-column>
      <el-table-column show-overflow-tooltip align="center" prop="operatorTime" label="操作时间"></el-table-column>
      <el-table-column show-overflow-tooltip align="center" prop="msg" label="备注"></el-table-column>
    </el-table>
  </div>
</template>
<script>
  export default {
    props: {
      loading: {
        type: Boolean,
        default: () => {},
      },
      tableData: {
        type: Array,
        default: () => [],
      },

    },
    data() {
      return {

      }
    },
    methods: {}
  }

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

</style>
