<template>
  <div class="cmain">
      <el-descriptions border :labelStyle="{'width':'150px'}" :column="2">
          <el-descriptions-item label="项目名称">{{
           form.atvName
          }}</el-descriptions-item>
          <el-descriptions-item label="建设规模">
            <el-tag v-if="form.scale == 1" type="success"
              >小型</el-tag
            >
            <el-tag v-else-if="form.scale == 2" type="success"
              >中型</el-tag
            >
            <el-tag v-else-if="form.scale == 3" type="success"
              >大型</el-tag
            >
          </el-descriptions-item>

          <el-descriptions-item label="年度投资计划(万)">{{
            form.plan
          }}</el-descriptions-item>
          <el-descriptions-item label="实际投资金额(万)">{{
            form.reality
          }}</el-descriptions-item>
        </el-descriptions>

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

        <div style="width: 100%;text-align: center;margin-top: 30px;">
            <span style="font-size: 22px;font-weight: bold;">实际投资金额详情</span>
        </div>

    <el-table :data="tableData" style="width: 100%;margin: 20px 0;">
        <el-table-column prop="month" label="日期">
        </el-table-column>
        <el-table-column prop="price" label="金额">
        </el-table-column>
        <el-table-column prop="schedule" label="形象进度">
        </el-table-column>
      </el-table>

    <div slot="footer" class="mfooter">
      <el-button @click="$layer.close(layerid)">返 回</el-button>
    </div>
  </div>
</template>

<script>
import {
  listARTICLE,
  getARTICLE,
  delARTICLE,
  addARTICLE,
  updateARTICLE,
  getPriceInfo
} from "@/api/portal/ARTICLE/ARTICLE.js";
export default {
  props: {
    param: {
      type: Object,
      default: () => {
        return {};
      },
    },
    layerid: {
      type: String,
    },
  },
  mounted() {
    if (this.param.id) {
      getPriceInfo(this.param.id).then((response) => {
        this.form = response.data.article
        this.tableData = response.data.dataFillingList
      });
    }
  },
  data() {
    return {
      scaleList: [
        { label: "小型", value: 1 },
        { label: "中型", value: 2 },
        { label: "大型", value: 3 },
      ],
      // 表单参数
      form: {},
      tableData:[],
    };
  },

};
</script>

<style>
</style>