生态修复接口

src/store/store.js

@@ -93,6 +93,11 @@ var store2 = {
         cockpit_gdbh:{
             gdxz:{
 
+            },
+            ssgc:{
+                list:{},
+                title:{},
+
             }
         },
         cockpit_bjxm:{

src/views/cockpit/stxf.vue

@@ -31,18 +31,18 @@
     <div v-show="tab == options[1].value">
       <div class="content">
 
-        <div class="infoLIst" v-if="jiDataInfo.length">
-          <div class="infoItem" v-for="(item, index) in jiDataInfo" :key="index">
+        <div class="infoLIst" v-if="store.state.cockpit_gdbh.ssgc.list.length">
+          <div class="infoItem" v-for="(item, index) in store.state.cockpit_gdbh.ssgc.list" :key="index">
             <div class="itemIcon">
               <span>
-                {{ index }}
+                {{ index + 1 }}
               </span>
             </div>
             <div class="itemCon">
               <p>{{ item.xmmc }}</p>
               <p>
-                <span>{{ item.yelx }}</span>
-                <span>{{ item.crnj }}公顷</span>
+                <span><span class="font_color">治理面积</span>{{ item.zlmj }}公顷</span>
+                <span><span class="font_color">投资金额</span>{{ item.tzje }}万元</span>
               </p>
             </div>
           </div>
@@ -104,12 +104,28 @@ export default {
   //监控data中的数据变化
   watch: {},
   methods: {
-    async getInfo() {
+    async getInfo(params) {
       let res = await QueryList({
-        jscType: "jsc_tdgy_jt_xx",
-        id: '4602',
+        jscType: "jsc_stxf_ywlx_ssxfmx",
+        id: params ? params.id : '4602'
+
+      });
+      store.state.cockpit_gdbh.ssgc.list = res.data
+
+
+      let res_title = await QueryOne({
+        jscType: "jsc_stxf_ztgh_ssxf",
+        id: params ? params.id : '4602'
+
       });
-      this.jiDataInfo = res.data
+      store.state.cockpit_gdbh.ssgc.title = res_title.data
+
+      this.sdata.ssxf = {
+        xzqhdm_number: store.state.cockpit_gdbh.ssgc.title.xzqhdm_number,
+        zlmj: store.state.cockpit_gdbh.ssgc.title.zlmj,
+        tzje: store.state.cockpit_gdbh.ssgc.title.tzje,
+
+      }
     },
     changeCharts(e) {
 
@@ -280,7 +296,7 @@ export default {
       }
 
       p:first-child {
-        width: 177px;
+        width: 90%;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
@@ -296,6 +312,10 @@ export default {
           color: #64daff;
           font-size: 12px;
         }
+
+        .font_color {
+          color: white;
+        }
       }
     }
 

src/views/viewer.vue

@@ -111,7 +111,9 @@ export default {
             // 报建项目
             
             this.$refs.bjxm_ref.init_bjxm_echart_info(this.params);
-            
+            // 生态修复
+            this.$refs.stxf_ref.getInfo(this.params);
+
 
         },
         dateChange(date) {