<template>
  <div class="detailsPage">
    <el-descriptions title="" :column="2" size="" border style="margin-bottom: 20px;">
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-user"></i> 任务名称
        </template>
        {{ row.name }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-mobile-phone"></i> 所属项目
        </template>
        {{ row.name }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-location-outline"></i> 所属流程
        </template>
        {{ row.taskPath }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-tickets"></i> 截止时间
        </template>
        {{ row.endTime }}
      </el-descriptions-item>
    </el-descriptions>
    <el-table :data="tableData" border>
      <el-table-column prop="name" label="文件名称" align="center"></el-table-column>
      <el-table-column prop="time" label="文件上传时间" align="center"> </el-table-column>
      <el-table-column prop="type" label="文件类型" align="center"> </el-table-column>
      <el-table-column label="操作" align="center" width="120px">
        <template slot-scope="scope">
          <div>
            <el-dropdown split-button type="primary" size="small" @command="handleCommand($event, scope.row)"
              @click="handleQuote(scope.row)">
              <span>引 用</span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item command="1">预览</el-dropdown-item>
                <el-dropdown-item command="2">下载</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div class="div_margin">说明：</div>
    <el-input type="textarea" :rows="3" readonly v-model="row.description"></el-input>
  </div>
</template>

<script>
export default {
  props: ['row'],
  data() {
    return {
      tableData: [
        {
          name: '创新文件',
          time: '2023-10-8',
          type: 'excel',
        }
      ],//任务详情文件
    }
  },
  watch: {},
  computed: {},
  mounted() {
    // this.getDetails()
  },
  methods: {
    // 获取数据
    getDetails() {
      let params = {
        taskId: row.id
      }
      this.$api.query(params).then(res => {
        if (res.code == 200) {
          this.activities = res.data.projectTaskVOS//审查历史
        }
      })
    },
    // 引用
    handleQuote(row) {
      this.$emit('quote', row)
    },
    // 引用下拉菜单等处理
    handleCommand(ev, row) {
      switch (ev) {
        case '1'://预览

          break;
        case '2'://下载

          break;

        default:
          break;
      }
    },
  },
}
</script>

<style lang="scss" scoped>
.detailsPage {
  .div_margin {
    margin: 20px 0 10px 0;
  }
}
</style>