单机信息总览详情模块完成

src/views/NewPages/dj1.vue

@@ -413,35 +413,35 @@
     <div v-if="tabIndex == 4" class="tab-5">
       <el-row>
         <el-col :span="8">
-          <panel title="日度损失电量分析">
-            <dual-pie-chart height="350px" />
+          <panel title="日小风切入">
+            <dual-pie-chart height="350px" :innerData="dayWindPieData" :outerData="dayWindPieData" />
           </panel>
         </el-col>
         <el-col :span="8">
-          <panel title="日度损失电量分析">
-            <dual-pie-chart height="350px" />
+          <panel title="月小风切入">
+            <dual-pie-chart height="350px" :innerData="monthWindPieData" :outerData="monthWindPieData" />
           </panel>
         </el-col>
         <el-col :span="8">
-          <panel title="日度损失电量分析">
-            <dual-pie-chart height="350px" />
+          <panel title="年小风切入">
+            <dual-pie-chart height="350px" :innerData="yearWindPieData" :outerData="myearWindPieData" />
           </panel>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
-          <panel title="日度损失电量分析">
-            <dual-pie-chart height="350px" />
+          <panel title="日小风停机">
+            <dual-pie-chart height="350px" :innerData="dayStopPieData" :outerData="dayStopPieData" />
           </panel>
         </el-col>
         <el-col :span="8">
-          <panel title="日度损失电量分析">
-            <dual-pie-chart height="350px" />
+          <panel title="月小风停机">
+            <dual-pie-chart height="350px" :innerData="monthStopPieData" :outerData="monthStopPieData" />
           </panel>
         </el-col>
         <el-col :span="8">
-          <panel title="日度损失电量分析">
-            <dual-pie-chart height="350px" />
+          <panel title="年小风停机">
+            <dual-pie-chart height="350px" :innerData="yearStopPieData" :outerData="yearStopPieData" />
           </panel>
         </el-col>
       </el-row>
@@ -462,7 +462,7 @@ export default {
   setup () { },
   data () {
     return {
-      tabIndex: 0,
+      tabIndex: 4,
       tableData: {
         column: [
           {
@@ -682,11 +682,12 @@ export default {
         }]
       },
 
-      value1: [],
-      value2: [],
-      value3: [],
-      value4: "",
-      value5: "",
+      dayWindPieData: [],
+      monthWindPieData: [],
+      yearWindPieData: [],
+      dayStopPieData: [],
+      monthStopPieData: [],
+      yearStopPieData: []
     };
   },
   methods: {
@@ -901,11 +902,6 @@ export default {
       });
     },
 
-    tabSelect (index) {
-      this.tabIndex = index;
-      this.search();
-    },
-
     // tab2 - 获取日发电量信息
     getDayPowerInfo () {
       let that = this;
@@ -1007,7 +1003,7 @@ export default {
       });
     },
 
-    // tab3 - 获取玫瑰图
+    // tab3,tab4 - 获取玫瑰图
     getMgt (subUrl, data, dataKey) {
       let that = this;
       that.API.requestData({
@@ -1015,7 +1011,7 @@ export default {
         subUrl,
         data,
         success (res) {
-          that[dataKey + "Str"] = res.data.jfpl || "";
+          that[dataKey.split("Data")[0] + "Str"] = res.data.jfpl || "";
 
           let mgtData = {
             indicator: [],
@@ -1032,13 +1028,44 @@ export default {
             });
           }
 
-          that[dataKey + "Data"] = mgtData;
+          that[dataKey] = mgtData;
+        }
+      });
+    },
 
-          console.log(dataKey, mgtData)
+    // tab5 - 获取饼图
+    getPieChart (subUrl, type, dataKey) {
+      let that = this;
+      that.API.requestData({
+        method: "POST",
+        subUrl,
+        data: {
+          wtId: that.wtId,
+          recorddate: that.recorddate,
+          type,
+        },
+        success (res) {
+          let pieChart = [];
+
+          res.data.forEach(ele => {
+            pieChart.push({
+              name: ele.name,
+              value: ele.value2,
+              unit: "(m/s)"
+            });
+          });
+
+          that[dataKey] = pieChart;
         }
       });
     },
 
+    // 切换tab 
+    tabSelect (index) {
+      this.tabIndex = index;
+      this.search();
+    },
+
     // 搜索
     search () {
       if (this.tabIndex === 0) {
@@ -1055,19 +1082,26 @@ export default {
         this.getPowerLineChartData();
         this.getWindResources();
       } else if (this.tabIndex === 2) {
-        this.getMgt("goodness/wprzdfs", { wpId: this.wpId, recorddate: this.recorddate }, "rzdfs");
-        this.getMgt("goodness/wpyzdfs", { wpId: this.wpId, recorddate: this.recorddate }, "yzdfs");
-        this.getMgt("goodness/wpnzdfs", { wpId: this.wpId, recorddate: this.recorddate }, "nzdfs");
-        this.getMgt("goodness/wprfxpl", { wpId: this.wpId, recorddate: this.recorddate }, "rfxpl");
-        this.getMgt("goodness/wpyfxpl", { wpId: this.wpId, recorddate: this.recorddate }, "yfxpl");
-        this.getMgt("goodness/wpnfxpl", { wpId: this.wpId, recorddate: this.recorddate }, "nfxpl");
-      } else if (this.tabIndex === 3) { 
-        this.getMgt("goodness/wtrzdfs", { wtId: this.wtId, recorddate: this.recorddate }, "rzdfs");
-        this.getMgt("goodness/wtyzdfs", { wtId: this.wtId, recorddate: this.recorddate }, "yzdfs");
-        this.getMgt("goodness/wtnzdfs", { wtId: this.wtId, recorddate: this.recorddate }, "nzdfs");
-        this.getMgt("goodness/wtrfxpl", { wtId: this.wtId, recorddate: this.recorddate }, "rfxpl");
-        this.getMgt("goodness/wtyfxpl", { wtId: this.wtId, recorddate: this.recorddate }, "yfxpl");
-        this.getMgt("goodness/wtnfxpl", { wtId: this.wtId, recorddate: this.recorddate }, "nfxpl");
+        this.getMgt("goodness/wprzdfs", { wpId: this.wpId, recorddate: this.recorddate }, "rzdfsData");
+        this.getMgt("goodness/wpyzdfs", { wpId: this.wpId, recorddate: this.recorddate }, "yzdfsData");
+        this.getMgt("goodness/wpnzdfs", { wpId: this.wpId, recorddate: this.recorddate }, "nzdfsData");
+        this.getMgt("goodness/wprfxpl", { wpId: this.wpId, recorddate: this.recorddate }, "rfxplData");
+        this.getMgt("goodness/wpyfxpl", { wpId: this.wpId, recorddate: this.recorddate }, "yfxplData");
+        this.getMgt("goodness/wpnfxpl", { wpId: this.wpId, recorddate: this.recorddate }, "nfxplData");
+      } else if (this.tabIndex === 3) {
+        this.getMgt("goodness/wtrzdfs", { wtId: this.wtId, recorddate: this.recorddate }, "rzdfsData");
+        this.getMgt("goodness/wtyzdfs", { wtId: this.wtId, recorddate: this.recorddate }, "yzdfsData");
+        this.getMgt("goodness/wtnzdfs", { wtId: this.wtId, recorddate: this.recorddate }, "nzdfsData");
+        this.getMgt("goodness/wtrfxpl", { wtId: this.wtId, recorddate: this.recorddate }, "rfxplData");
+        this.getMgt("goodness/wtyfxpl", { wtId: this.wtId, recorddate: this.recorddate }, "yfxplData");
+        this.getMgt("goodness/wtnfxpl", { wtId: this.wtId, recorddate: this.recorddate }, "nfxplData");
+      } else if (this.tabIndex === 4) {
+        this.getPieChart("goodness/pieChart", "1", "dayWindPieData");
+        this.getPieChart("goodness/pieChart", "2", "monthWindPieData");
+        this.getPieChart("goodness/pieChart", "3", "yearWindPieData");
+        this.getPieChart("goodness/pieChart", "4", "dayStopPieData");
+        this.getPieChart("goodness/pieChart", "5", "monthStopPieData");
+        this.getPieChart("goodness/pieChart", "6", "yearStopPieData");
       }
     }
   },