五项损失率功能样式修改

src/App.vue

@@ -32,9 +32,12 @@
             <el-submenu index="2-4">
               <template slot="title">风机绩效</template>
               <el-menu-item index="/performanceList_fan">风机绩效榜单</el-menu-item>
-              <el-menu-item index="/fiveLossRates">五项损失率</el-menu-item>
             </el-submenu>
             <el-submenu index="2-5">
+              <template slot="title">损失对标</template>
+              <el-menu-item index="/fiveLossRates">五项损失率</el-menu-item>
+            </el-submenu>
+            <el-submenu index="2-6">
               <template slot="title">场际对标</template>
               <el-menu-item index="/benchmark_Venue">场内对标</el-menu-item>
               <el-menu-item index="/benchmark_International">场际对标</el-menu-item>

src/views/benchMarking/FiveLossLineTable.vue

@@ -33,6 +33,9 @@
             <el-form-item>
               <el-button type="primary" @click="toExcel">导出</el-button>
             </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="goReturn">返回</el-button>
+            </el-form-item>
           </el-row>
         </el-form>
         <el-table
@@ -56,119 +59,154 @@
             <el-table-column
               prop="wtId"
               label="风机"
-              width="90">
+              width="80">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="ordernum"
               label="排名"
-              width="60">
+              width="50">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="gzssnum"
               label="故障排名"
                width="70">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="gzss"
               label="故障损失"
                width="70">
+            <template slot-scope="scope">
+              <span>{{scope.row.gzss | rounding}}</span>
+            </template>
             </el-table-column>
              <el-table-column
+             :sortable="'custom'"
               prop="whssnum"
               label="检修排名"
                width="70">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="whss"
               label="检修损失"
-               width="70">
+               width="80">
+            <template slot-scope="scope">
+              <span>{{scope.row.whss | rounding}}</span>
+            </template>
             </el-table-column>
              <el-table-column
+             :sortable="'custom'"
               prop="qfssnum"
               label="性能排名"
                width="70">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="qfss"
               label="性能损失"
-               width="70">
+               width="80">
+            <template slot-scope="scope">
+              <span>{{scope.row.qfss | rounding}}</span>
+            </template>
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="xdssnum"
               label="限电排名"
                width="70">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="xdss"
               label="限电损失"
                width="70">
+            <template slot-scope="scope">
+              <span>{{scope.row.xdss | rounding}}</span>
+            </template>
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="slssnum"
               label="受累排名"
                width="70">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="slss"
               label="受累损失"
                width="70">
             </el-table-column>
              <el-table-column
+             :sortable="'custom'"
               prop="gzsslnum"
               label="故障损失率排名"
-               width="80">
+               width="90">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="gzssl"
               label="故障损失率"
                width="80">
             </el-table-column>
              <el-table-column
+             :sortable="'custom'"
               prop="jxsslnum"
               label="检修损失率排名"
-               width="80">
+               width="90">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="jxssl"
               label="检修损失率"
                width="80">
             </el-table-column>
              <el-table-column
+             :sortable="'custom'"
               prop="qflnum"
               label="弃风率排名"
                width="80">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="qfl"
               label="弃风率"
-               width="70">
+               width="60">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="xnsslnum"
               label="性能损失率排名"
                width="85">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="xnssl"
               label="性能损失率"
                width="81">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="slssl"
               label="受累损失率"
                width="81">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="fwjsl"
               label="复位及时率"
                width="81">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="xqjsl"
               label="消缺及时率"
                width="81">
             </el-table-column>
             <el-table-column
+            :sortable="'custom'"
               prop="ztzhjsl"
               label="状态转换率"
                width="81">
@@ -264,23 +302,13 @@ export default {
             getTableData:[],
         }
     },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
     created(){
-        this.options = this.$route.query.select;
-        this.wpId = this.$route.query.wpId;
-        this.beginDate = this.$route.query.beginDate;
-        this.endDate = this.$route.query.endDate;
-        // console.log(this.wpId)
-        var fiveLossLineData = new URLSearchParams();
-          fiveLossLineData.append('pageNum',this.currentPage2);
-          fiveLossLineData.append('pageSize',this.pagesize);
-          fiveLossLineData.append('orderByColumn',this.orderByColumn);
-          fiveLossLineData.append('isAsc',this.isAsc);
-          fiveLossLineData.append('wpId',this.wpId);
-          fiveLossLineData.append('beginDate',this.beginDate);
-          fiveLossLineData.append('endDate',this.endDate);
-        this.$http.post('/contrast/benchmarkWtList',fiveLossLineData).then((res) => {
-          this.fdcLineData = res.data.data;
-        })
+        this.FiveLossTableData();
     },
     methods:{
         queryApData() {
@@ -296,26 +324,32 @@ export default {
            })
         },
         FiveLossTableData(){
-          if(this.timedate = ''){
-            this.$message({
-                message:'请选择时间',
-                type:'warning'
-            });
-          }else{
-            this.beginDate = this.timedate[0];
-            this.endDate = this.timedate[1];
+            this.$http.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
             var fiveLossLineData = new URLSearchParams();
             fiveLossLineData.append('pageNum',this.currentPage2);
             fiveLossLineData.append('pageSize',this.pagesize);
             fiveLossLineData.append('orderByColumn',this.orderByColumn);
             fiveLossLineData.append('isAsc',this.isAsc);
-            fiveLossLineData.append('wpId',this.value);
+            if(this.value == ''){
+              fiveLossLineData.append('wpId',this.wpId);
+            }else{
+              fiveLossLineData.append('wpId',this.value);
+            }
             fiveLossLineData.append('beginDate',this.beginDate);
             fiveLossLineData.append('endDate',this.endDate);
           this.$http.post('/contrast/benchmarkWtList',fiveLossLineData).then((res) => {
             this.fdcLineData = res.data.data;
           })
-          }
         },
         headStyle() {
 			    return "text-align:center"
@@ -366,6 +400,7 @@ export default {
           }else if(column.order == "ascending"){
             this.isAsc = "asc";
           }
+          this.FiveLossTableData();
         },
         drawPie() {
             var charts;
@@ -443,8 +478,6 @@ export default {
               },
               xAxis: {type: 'category'},
               yAxis: {},
-              // Declare several bar series, each will be mapped
-              // to a column of dataset.source by default.
               series: [
                   {
                         // barGap:'100%',/*多个并排柱子设置柱子之间的间距*/
@@ -501,6 +534,9 @@ export default {
                   charts2.setOption(option2);
             
           },
+          goReturn(){
+            this.$router.push('/fiveLossRates')
+          },
           toExcel(){}
           }