<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="详细信息" name="详细信息">
        <el-descriptions border :labelStyle="{'width':'120px'}">
          <el-descriptions-item label="项目名称">{{
            taskList.formobj.atvName
          }}</el-descriptions-item>
          <el-descriptions-item label="建设规模">
            <el-tag v-if="taskList.formobj.scale == 1" type="success"
              >小型</el-tag
            >
            <el-tag v-else-if="taskList.formobj.scale == 2" type="success"
              >中型</el-tag
            >
            <el-tag v-else-if="taskList.formobj.scale == 3" type="success"
              >大型</el-tag
            >
          </el-descriptions-item>

          <el-descriptions-item label="年度投资计划(万)">{{
            taskList.formobj.plan
          }}</el-descriptions-item>
          <!-- <el-descriptions-item label="审核状态">
            <el-tag v-if="taskList.formobj.status == 1" type="success"
              >同意</el-tag
            >
            <el-tag v-else-if="taskList.formobj.status == 2" type="danger"
              >驳回</el-tag
            >
            <el-tag v-else-if="taskList.formobj.status == 3" type="info"
              >退回</el-tag
            >
            <el-tag v-else-if="taskList.formobj.status == 0">待审核</el-tag>
          </el-descriptions-item> -->
        </el-descriptions>

        <el-descriptions border :labelStyle="{'width':'120px'}" style="">
          <el-descriptions-item label="建设内容" :contentStyle="{'padding': '20px'}">{{
            taskList.formobj.content
          }}</el-descriptions-item>
        </el-descriptions>


      </el-tab-pane>
      <el-tab-pane label="审批记录" name="审批记录">
        <el-timeline>
          <el-timeline-item
            v-for="(item, index) in taskList.taskHisAction"
            :timestamp="item.createTime"
            placement="top"
            :key="index + 'taskHisAction'"
          >
            <el-card>
              <p>
                {{ item.execId }} {{ item.acname }} 于 {{ item.createTime }}
              </p>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "详细信息",
      // 根路径
      baseURL: process.env.VUE_APP_BASE_API,
      typeList: [
        { label: "要闻咨询", value: "1" },
        { label: "政策法规", value: "2" },
        { label: "通知公告", value: "3" },
        { label: "政策解读", value: "4" },
        { label: "投资导航", value: "5" },
      ],
      fileList: [],
      BigImgVisible: false,
    };
  },
  props: ["taskList"],
  created() {
    console.log(this.taskList);
  },
  methods: {},
};
</script>

<style>
</style>
