新增园区重点项目详情页面

src/views/ARTICLE/detail.vue

@@ -1,57 +1,48 @@
 <template>
-  <div>
-    <el-form ref="form" :model="form" label-width="120px">
-      <el-form-item label="项目名称" prop="atvName">
-        <el-input
-          v-model="form.atvName"
-          placeholder="请输入项目名称"
-          style="width: 50%"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="建设规模">
-        <el-select
-          v-model="form.scale"
-          placeholder="请选择建设规模"
-          style="width: 50%"
-        >
-          <el-option
-            v-for="item in scaleList"
-            :key="item.value + 'typeList'"
-            :label="item.label"
-            :value="item.value"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="建设内容">
-        <el-input
-          type="textarea"
-          :rows="5"
-          v-model="form.content"
-          placeholder="请输入建设内容"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="年度投资计划">
-        <el-input
-          type="number"
-          v-model="form.plan"
-          placeholder="请输入年度投资计划"
-          style="width: 50%"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="形象进度">
-        <el-input
-          v-model="form.schedule"
-          placeholder="请输入形象进度"
-          style="width: 50%"
-        ></el-input>
-      </el-form-item>
+  <div class="cmain">
+      <el-descriptions border :labelStyle="{'width':'150px'}" column="2">
+          <el-descriptions-item label="项目名称">{{
+           form.article.atvName
+          }}</el-descriptions-item>
+          <el-descriptions-item label="建设规模">
+            <el-tag v-if="form.article.scale == 1" type="success"
+              >小型</el-tag
+            >
+            <el-tag v-else-if="form.article.scale == 2" type="success"
+              >中型</el-tag
+            >
+            <el-tag v-else-if="form.article.scale == 3" type="success"
+              >大型</el-tag
+            >
+          </el-descriptions-item>
 
-      <el-table :data="tableData" style="width: 100%">
-        <el-table-column prop="date" label="日期" width="180">
+          <el-descriptions-item label="年度投资计划(万)">{{
+            form.article.plan
+          }}</el-descriptions-item>
+          <el-descriptions-item label="实际投资金额(万)">{{
+            form.article.reality
+          }}</el-descriptions-item>
+        </el-descriptions>
+
+        <el-descriptions border :labelStyle="{'width':'150px'}" style="">
+          <el-descriptions-item label="建设内容" :contentStyle="{'padding': '20px'}">{{
+            form.article.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="form.dataFillingList" style="width: 100%;margin-top: 20px;">
+        <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>
-      
-    </el-form>
+
     <div slot="footer" class="mfooter">
       <el-button @click="$layer.close(layerid)">返 回</el-button>
     </div>
@@ -82,6 +73,7 @@ export default {
     if (this.param.id) {
       getARTICLE(this.param.id).then((response) => {
         this.form = response.data;
+        console.log(this.form);
       });
     }
   },
@@ -97,7 +89,6 @@ export default {
     };
   },
 
-  methods() {},
 };
 </script>
 

src/views/ARTICLE/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="cmain">
-    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+    <el-form ref="form" :model="form" :rules="rules">
       <el-form-item label="项目名称" prop="atvName">
         <el-input
           v-model="form.atvName"
@@ -27,7 +27,7 @@
           type="textarea"
           :rows="5"
           v-model="form.content"
-          placeholder="请输入建设内容"
+          placeholder="请输入建设内容(万)"
         ></el-input>
       </el-form-item>
       <el-form-item label="年度投资计划" prop="plan">

src/views/ARTICLE/enterData.vue

@@ -7,7 +7,7 @@
           </el-date-picker>
         </el-form-item>
 
-        <el-form-item label="投资金额" prop="price">
+        <el-form-item label="投资金额(万)" prop="price">
           <el-input
             type="number"
             v-model="form.price"
@@ -58,7 +58,7 @@ export default {
     return {
       // 表单参数
       form: {
-        articleld: this.param.param.id,
+        articleId: this.param.param.id,
         deptId: this.param.deptId,
         month: "",
         plan: this.param.param.deptId,

src/views/ARTICLE/index.vue

@@ -76,13 +76,13 @@
           <el-tag v-else-if="scope.row.scale == 3" type="success">大型</el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="年度投资计划" align="center" prop="plan">
+      <el-table-column label="年度投资计划(万)" align="center" prop="plan">
         <template slot-scope="scope">
           {{ scope.row.plan }}
         </template>
       </el-table-column>
       <el-table-column
-        label="实际完成投资额"
+        label="实际完成投资额(万)"
         align="center"
         prop="reality"
         width="130px"
@@ -256,7 +256,7 @@ export default {
         obj: enterData,
         param: { param:param,deptId:this.deptId },
         title: "数据填报",
-        width: "400px",
+        width: "500px",
         height: "350px",
       });
     },

src/views/ARTICLE/task/index.vue

@@ -18,7 +18,7 @@
             >
           </el-descriptions-item>
 
-          <el-descriptions-item label="年度投资计划">{{
+          <el-descriptions-item label="年度投资计划(万)">{{
             taskList.formobj.plan
           }}</el-descriptions-item>
           <!-- <el-descriptions-item label="审核状态">
@@ -33,9 +33,6 @@
             >
             <el-tag v-else-if="taskList.formobj.status == 0">待审核</el-tag>
           </el-descriptions-item> -->
-          <el-descriptions-item label="实际投资金额">{{
-            taskList.formobj.comments ? taskList.formobj.comments : "无"
-          }}</el-descriptions-item>
         </el-descriptions>
 
         <el-descriptions border :labelStyle="{'width':'120px'}" style="">