2.01 榜单

src/views/Performance/NewPerformanceList.vue

@@ -3,8 +3,13 @@
     <el-header>
       <el-row>
         <el-col :span="24">
-          <el-card style="height: 30px;">
-            <el-page-header @back="queryApDataMx" content="明细信息界面" style="margin-top:-16px"> </el-page-header>
+          <el-card style="height: 30px">
+            <el-page-header
+              @back="queryApDataMx"
+              content="明细信息界面"
+              style="margin-top: -16px"
+            >
+            </el-page-header>
           </el-card>
         </el-col>
       </el-row>
@@ -100,45 +105,65 @@
 
               <el-card shadow="always" style="width: 45%" height="400px">
                 <el-table
+                  ref="multipleTable"
                   :data="tableData"
+                  tooltip-effect="dark"
                   style="width: 100%"
-                  max-height="400px"
+                  @selection-change="handleSelectionChange"
+                  max-height="400"
+                  align="center"
                 >
-                  <el-table-column label="项目列表">
-                    <el-table-column fixed type="index" width="45">
-                    </el-table-column>
-                    <el-table-column prop="date" label="名称" width="150">
-                    </el-table-column>
-                    <el-table-column prop="name" label="理论发电量" width="120">
-                    </el-table-column>
-                    <el-table-column
-                      prop="province"
-                      label="SCADA发电量"
-                      width="120"
-                    >
-                    </el-table-column>
-                    <el-table-column prop="city" label="风速" width="120">
-                    </el-table-column>
-                    <el-table-column
-                      prop="address"
-                      label="非计划检修"
-                      width="300"
-                    >
-                    </el-table-column>
-                    <el-table-column prop="zip" label="计划检修" width="120">
-                    </el-table-column>
-                    <el-table-column prop="zip" label="受累" width="120">
-                    </el-table-column>
-                    <el-table-column prop="zip" label="限电" width="120">
-                    </el-table-column>
-                    <el-table-column prop="zip" label="性能" width="120">
-                    </el-table-column>
-                    <el-table-column prop="zip" label="风能利用率%" width="120">
-                    </el-table-column>
+                  <el-table-column type="selection" width="55" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="名称" width="120" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="理论发电量" width="120" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="SCADA发电量" width="120" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="风速" width="120" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="故障损失电量" width="120" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="故障受累损失电量" width="150" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="检修损失电量" width="120" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="检修受累损失电量" width="150" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="电网受累损失电量" width="150" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="环境受累损失电量" width="150" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="限电降出力损失电量" width="150" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="待风损失电量" width="120" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="手动停机损失电量" width="150" align="center">
+                  </el-table-column>
 
-                    <!-- <el-table-column fixed="right" label="受累" width="120">
-                    </el-table-column> -->
+                  <el-table-column prop="name" label="正常发电损失电量" width="150" align="center">
                   </el-table-column>
+
+                  <el-table-column prop="name" label="缺陷降出力损失电量" width="150" align="center">
+                  </el-table-column>
+
+                  <el-table-column prop="name" label="风能利用率" width="120" align="center">
+                  </el-table-column>
+                 
                 </el-table>
               </el-card>
             </el-row>
@@ -298,7 +323,7 @@ export default {
     option = {
       title: {
         text: "风机绩效榜单",
-        left: -6,
+        left: 300,
         top: -5,
         textStyle: {
           fontSize: 13,
@@ -312,14 +337,21 @@ export default {
         },
       },
       legend: {
+        top: 13,
         data: [
           "实发电量",
-          "计划检修损失",
-          "非计划检修损失",
-          "限电损失",
-          "受累损失",
-          "性能损失",
-          "总和",
+          "检修损失",
+          "检修受累损失",
+          "故障损失",
+          "故障受累损失",
+          "限电降出力损失",
+          "限电停机损失",
+          "电网受累损失",
+          "环境受累损失",
+          "待风损失",
+          "手动停机损失",
+          "正常发电损失",
+          "缺陷降出力损失",
         ],
       },
       grid: {
@@ -349,7 +381,7 @@ export default {
           data: [320, 302, 301, 334, 390, 330, 320],
         },
         {
-          name: "计划检修损失",
+          name: "检修损失",
           type: "bar",
           stack: "total",
           label: {
@@ -361,7 +393,7 @@ export default {
           data: [120, 132, 101, 134, 90, 230, 210],
         },
         {
-          name: "非计划检修损失",
+          name: "检修受累损失",
           type: "bar",
           stack: "total",
           label: {
@@ -373,7 +405,7 @@ export default {
           data: [220, 182, 191, 234, 290, 330, 310],
         },
         {
-          name: "限电损失",
+          name: "故障损失",
           type: "bar",
           stack: "total",
           label: {
@@ -385,7 +417,91 @@ export default {
           data: [150, 212, 201, 154, 190, 330, 410],
         },
         {
-          name: "受累损失",
+          name: "故障受累损失",
+          type: "bar",
+          stack: "total",
+          label: {
+            show: true,
+          },
+          emphasis: {
+            focus: "series",
+          },
+          data: [820, 832, 901, 934, 1290, 1330, 1320],
+        },
+        {
+          name: "限电降出力损失",
+          type: "bar",
+          stack: "total",
+          label: {
+            show: true,
+          },
+          emphasis: {
+            focus: "series",
+          },
+          data: [820, 832, 901, 934, 1290, 1330, 1320],
+        },
+        {
+          name: "限电停机损失",
+          type: "bar",
+          stack: "total",
+          label: {
+            show: true,
+          },
+          emphasis: {
+            focus: "series",
+          },
+          data: [820, 832, 901, 934, 1290, 1330, 1320],
+        },
+        {
+          name: "电网受累损失",
+          type: "bar",
+          stack: "total",
+          label: {
+            show: true,
+          },
+          emphasis: {
+            focus: "series",
+          },
+          data: [820, 832, 901, 934, 1290, 1330, 1320],
+        },
+        {
+          name: "环境受累损失",
+          type: "bar",
+          stack: "total",
+          label: {
+            show: true,
+          },
+          emphasis: {
+            focus: "series",
+          },
+          data: [820, 832, 901, 934, 1290, 1330, 1320],
+        },
+        {
+          name: "待风损失",
+          type: "bar",
+          stack: "total",
+          label: {
+            show: true,
+          },
+          emphasis: {
+            focus: "series",
+          },
+          data: [820, 832, 901, 934, 1290, 1330, 1320],
+        },
+        {
+          name: "手动停机损失",
+          type: "bar",
+          stack: "total",
+          label: {
+            show: true,
+          },
+          emphasis: {
+            focus: "series",
+          },
+          data: [820, 832, 901, 934, 1290, 1330, 1320],
+        },
+        {
+          name: "正常发电损失",
           type: "bar",
           stack: "total",
           label: {
@@ -397,7 +513,7 @@ export default {
           data: [820, 832, 901, 934, 1290, 1330, 1320],
         },
         {
-          name: "性能损失",
+          name: "缺陷降出力损失",
           type: "bar",
           stack: "total",
           label: {
@@ -448,7 +564,7 @@ export default {
 .el-row {
   margin: 10px;
 }
-.el-page-header__content{
-    font-size: 10px i !important;
+.el-page-header__content {
+  font-size: 10px i !important;
 }
 </style>

src/views/Performance/PerformanceList.vue

@@ -60,7 +60,7 @@
               >
             </el-form-item>
 
-            <el-form-item >
+            <el-form-item>
               <el-button type="primary" @click="queryApDataMx"
                 >明细信息</el-button
               >
@@ -102,7 +102,7 @@
                 ></div>
               </el-card>
 
-              <el-card shadow="always" style="width: 45%" height="400px">
+              <el-card shadow="always" style="width: 45%" height="400px" id="moban">
                 <el-table
                   :data="tableData"
                   style="width: 100%"
@@ -291,7 +291,7 @@ export default {
       }
     },
     queryApDataMx() {
-       this.$router.push({ path:'/new_performanceList_fan'  })
+      this.$router.push({ path: "/new_performanceList_fan" });
     },
     toExcel() {},
   },
@@ -302,7 +302,7 @@ export default {
     option = {
       title: {
         text: "风机绩效榜单",
-        left: -6,
+        left: 300,
         top: -5,
         textStyle: {
           fontSize: 13,
@@ -316,6 +316,8 @@ export default {
         },
       },
       legend: {
+        left: 15,
+        top: 30,
         data: [
           "实发电量",
           "计划检修损失",

vue.config.js

@@ -1,5 +1,6 @@
 
 module.exports = {
+  runtimeCompiler: true,
   // 基本路径  3.6之前的版本时 baseUrl
   publicPath: "./",
   // 输出文件目录