
<template>
  <el-descriptions class="margin-top" :column="2" size="medium" border>
    <el-descriptions-item :span="2">
      <template slot="label">
        <i class="el-icon-document"></i>
        任务标题
      </template>
      {{ info.taskTitle }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label">
        <i class="el-icon-document"></i>
        任务要求
      </template>
      {{ info.taskContent }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-date"></i>
        开始时间
      </template>
      {{ info.startDate }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-date"></i>
        结束时间
      </template>
      {{ info.endDate }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label">
        <i class="el-icon-office-building"></i>
        发起机构代码
      </template>
      {{ info.branchCode }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label">
        <i class="el-icon-office-building"></i>
        发起机构名称
      </template>
      {{ info.branchName }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label">
        <i class="el-icon-date"></i>
        发布日期
      </template>
      {{ info.taskDate }}
    </el-descriptions-item>
    <el-descriptions-item :span="2" v-if="info.file">
      <template slot="label">
        <i class="el-icon-paperclip"></i>
        附件
      </template>
      <FileUpload v-model="info.file" readonly></FileUpload>
    </el-descriptions-item>
  </el-descriptions>
</template>

<script>
import FileUpload from "@/components/FileUpload";

export default {
  name: 'Detail',
  components: { FileUpload },
  props: {
    info: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {

  }
}
</script>

<style>

</style>
