等级评估(单机等级评估管理-量化评级)

src/router/index.js

@@ -472,12 +472,19 @@ const routes = [{
         component: () =>
             import ('../views/Decision/slgl/xqjsl.vue')
     },
-      // 曲线排行榜
-  {
-    path:'/qxpclfx',
-    name:'qxpclfx',
-    component:()=> import('../views/nxfx/qxpclfx.vue')
-  }
+    // 曲线排行榜
+    {
+        path:'/qxpclfx',
+        name:'qxpclfx',
+        component:()=> import('../views/nxfx/qxpclfx.vue')
+    },
+    // 等级评估(单机等级评估管理-量化评级)
+    {
+        path:'/djpg',
+        name:'djpg',
+        component:()=> import('../views/HealthControl/gradeassessment.vue')
+    },
+          
 ]
 const router = createRouter({
     history: createWebHashHistory(),

src/views/HealthControl/dayinfo.vue

@@ -1,31 +1,22 @@
 <template>
   <div class="health-day-info">
     <div class="header">
-      <span class="herder-info">
-        风机编号：麻黄山24号风机
-      </span>
-      <span class="herder-info">
-        风机编号：麻黄山24号风机
-      </span>
-      <span class="herder-info">
-        基础指标
-      </span>
+      <span class="herder-info" :width="800" v-for="item of gridDatas" :key="item">风机编号：{{item.windturbineid}}</span>
+      <span class="herder-info">基础指标</span>
     </div>
     <div class="body">
       <div class="left">
         <table class="table-form">
           <tr>
-            <td class="white">量化评级：AA</td>
-            <td class="white">量化评级：AA</td>
+            <td class="white" v-for="item of gridDatas" :key="item">量化评级：{{item.level}}</td>
           </tr>
           <tr>
-            <td class="white">综合排名：1</td>
-            <td class="white">综合排名：1</td>
+            <td class="white" v-for="item of gridDatas" :key="item">综合排名：{{item.rank}}</td>
           </tr>
         </table>
 
         <div class="chart-body">
-          <normal-radar-chart :height="'500px'" :value="radarValue" />
+          <normal-radar-chart :height="'500px'" :value="chartDatas" />
         </div>
       </div>
       <div class="left">
@@ -33,210 +24,16 @@
           <tr>
             <td class="white">类型</td>
             <td class="white">指标</td>
-            <td class="white">麻黄山24号风机</td>
-            <td class="white">麻黄山26号风机</td>
-            <td class="white" colspan="2">排名</td>
+            <td class="white" v-for="item of gridDatas" :key="item">{{item.windturbineid}}</td>
+            <td class="white" :colspan="gridDatas.length">排名</td>
             <td class="white" colspan="2">评分</td>
           </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">发电量</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">理论发电量</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">平均功率</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">故障损失电量</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">限电损失电量</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">维护损失电量</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">故障时间</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">维护时间</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">运行时间</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white"></td>
-            <td class="white">停机时间</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">性能</td>
-            <td class="white">平均切入风速</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">性能</td>
-            <td class="white">性能损失电量</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">性能</td>
-            <td class="white">拟合优度</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">性能</td>
-            <td class="white">功率一致性系数</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">可靠性管理</td>
-            <td class="white">利用小时</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">可靠性管理</td>
-            <td class="white">设备可利用率</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">可靠性管理</td>
-            <td class="white">等效可利用率</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">可靠性管理</td>
-            <td class="white">有效风时数</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">可靠性管理</td>
-            <td class="white">平均风速</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-          </tr>
-          <tr>
-            <td class="white">可靠性管理</td>
-            <td class="white">静风频率</td>
-            <td class="white">187.99</td>
-            <td class="white">187.99</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
-            <td class="white">0</td>
+          <tr v-for="item of column" :key="item">
+            <td class="white">{{item.type}}</td>
+            <td class="white">{{item.name}}</td>
+            <td class="white" v-for="row of gridDatas" :key="row">{{row[item.field]}}</td>
+            <td class="white" v-for="row of gridDatas" :key="row">{{row[item.rank]}}</td>
+            <td class="white" v-for="row of gridDatas" :key="row">{{row[item.score]}}</td>
           </tr>
         </table>
       </div>
@@ -248,31 +45,195 @@
 import NormalRadarChart from "../../components/chart/radar/normal-radar-chart.vue";
 export default {
   components: { NormalRadarChart },
+  props: {
+    gridDatas: {},
+    chartDatas: {}
+  },
   data() {
     return {
       value: "",
-      radarValue: [
+      column: [
         {
-          indicator: ["平均切入风速", "性能损失电量", "拟合优度", "功率一致性系数", "利用小时", "设备可利用率", "等效可利用系数", "有效风时数", "平均风速", "静风频率"],
-          data: [
-            {
-              value: [44200, 14200, 20000, 35000, 50000, 38000, 44200, 14200, 20000, 35000],
-              name: "NAME",
-            },
-          ],
+          name: "发电量",
+          field: "dayfdl",
+          rank: "monthfdl"
         },
         {
-          indicator: ["平均切入风速", "性能损失电量", "拟合优度", "功率一致性系数", "利用小时", "设备可利用率", "等效可利用系数", "有效风时数", "平均风速", "静风频率"],
+          name: "理论发电量",
+          field: "dayllfdl",
+          rank: "monthllfdl",
+          score: "yearllfdl"
+        },
+        {
+          name: "平均功率",
+          field: "daygl",
+          rank: "monthgl",
+          score: "yeargl"
+        },
+        {
+          name: "故障损失电量",
+          field: "daygzssdl",
+          rank: "monthgzssdl",
+          score: "yeargzssdl"
+        },
+        {
+          name: "限电损失电量",
+          field: "dayxdssdl",
+          rank: "monthxdssdl",
+          score: "yearxdssdl"
+        },
+        {
+          name: "维护损失电量",
+          field: "daywhssdl",
+          rank: "monthwhssdl",
+          score: "yearwhssdl"
+        },
+        {
+          name: "故障时间",
+          field: "daygzsj",
+          rank: "monthgzsj",
+          score: "yeargzsj"
+        },
+        {
+          name: "维护时间",
+          field: "daywhsj",
+          rank: "monthwhsj",
+          score: "yearwhsj"
+        },
+        {
+          name: "运行时间",
+          field: "dayyxsj",
+          rank: "monthyxsj",
+          score: "yearyxsj"
+        },
+        {
+          name: "停机时间",
+          field: "daytjsj",
+          rank: "monthtjsj",
+          score: "yeartjsj"
+        },
+        {
+          name: "平均切入风速",
+          field: "dayxfqr",
+          type: "性能",
+          rank: "monthxfqr",
+          score: "yearxfqr"
+        },
+        {
+          name: "性能损失电量",
+          field: "dayxnssdl",
+          type: "性能",
+          rank: "monthxnssdl",
+          score: "yearxnssdl"
+        },
+        {
+          name: "拟合优度",
+          field: "daynhyd",
+          type: "性能",
+          rank: "monthnhyd",
+          score: "yearnhyd"
+        },
+        {
+          name: "功率一致性系数",
+          field: "dayglyzxxs",
+          type: "性能",
+          rank: "monthglyzxxs",
+          score: "yearglyzxxs"
+        },
+        {
+          name: "利用小时",
+          field: "daylyxs",
+          type: "可靠性管理",
+          rank: "monthlyxs",
+          score: "yearlyxs"
+        },
+        {
+          name: "设备可利用率",
+          field: "daysbklyl",
+          type: "可靠性管理",
+          rank: "monthsbklyl",
+          score: "yearsbklyl"
+        },
+        {
+          name: "等效可利用率",
+          field: "daydxkyxs",
+          type: "可靠性管理",
+          rank: "monthdxkyxs",
+          score: "yeardxkyxs"
+        },
+        {
+          name: "有效风时数",
+          field: "dayyxfss",
+          type: "可靠性管理",
+          rank: "monthyxfss",
+          score: "yearyxfss"
+        },
+        {
+          name: "平均风速",
+          field: "dayfs",
+          type: "资源",
+          rank: "monthfs",
+          score: "yearfs"
+        },
+        {
+          name: "静风频率",
+          field: "dayjfpl",
+          type: "资源",
+          rank: "monthjfpl",
+          score: "yearjfpl"
+        }
+      ],
+      radarValue: [
+        {
+          indicator: [
+            "平均切入风速",
+            "性能损失电量",
+            "拟合优度",
+            "功率一致性系数",
+            "利用小时",
+            "设备可利用率",
+            "等效可利用系数",
+            "有效风时数",
+            "平均风速",
+            "静风频率"
+          ],
           data: [
             {
-              value: [44210, 14200, 10000, 36000, 50000, 38400, 42200, 14200, 20000, 35000],
-              name: "NAME",
+              value: [
+                44200,
+                14200,
+                20000,
+                35000,
+                50000,
+                38000,
+                44200,
+                14200,
+                20000,
+                35000
+              ],
+              name: "NAME1"
             },
-          ],
-        },
-      ],
+                        {
+              value: [
+                35000,
+                44200,
+                14200,
+                20000,
+                35000,
+                50000,
+                38000,
+                44200,
+                14200,
+                20000,
+                
+              ],
+              name: "NAME2"
+            }
+          ]
+        }
+      ]
     };
-  },
+  }
 };
 </script>
 

src/views/HealthControl/gradeassessment.vue

@@ -0,0 +1,633 @@
+<template>
+  <div>
+    <div class="query mg-b-8">
+      <div class="query-items">
+        <div
+          class="newspan"
+          v-for="(item, index) of optionData"
+          :key="index"
+          :class="{ active: cur == index }"
+          @click="handleOpen(item, index)"
+        >{{ item }}</div>
+      </div>
+    </div>
+    <div class="query mg-b-8">
+      <div class="query-items">
+        <div class="query-item">
+          <div class="lable">场站：</div>
+          <div class="search-input">
+            <el-select v-model="value1" clearable placeholder="请选择" popper-class="select">
+              <el-option
+                v-for="item in ChangZhan"
+                :key="item.id"
+                :value="item.id"
+                :label="item.name"
+              ></el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="query-item" v-if="shows == 'd'">
+          <div class="lable">日期：</div>
+          <div class="search-input">
+            <el-date-picker
+              v-model="date"
+              type="date"
+              placeholder="选择日期"
+              popper-class="date-select"
+              value-format="YYYY-MM-DD"
+            ></el-date-picker>
+          </div>
+        </div>
+        <div class="query-item" v-if="shows == 'm'">
+          <div class="lable">年月：</div>
+          <div class="search-input">
+            <el-date-picker
+              v-model="date"
+              type="month"
+              placeholder="选择年月"
+              popper-class="date-select"
+              value-format="YYYY-MM"
+            ></el-date-picker>
+          </div>
+        </div>
+        <div class="query-item" v-if="shows == 'y'">
+          <div class="lable">年：</div>
+          <div class="search-input">
+            <el-date-picker
+              v-model="date"
+              type="year"
+              placeholder="选择年"
+              popper-class="date-select"
+              value-format="YYYY"
+            ></el-date-picker>
+          </div>
+        </div>
+        <div class="query-actions">
+          <button class="btn green" @click="handleSubmit">查询</button>
+          <button class="btn green" @click="contrast">对比</button>
+        </div>
+      </div>
+    </div>
+    <div class="table-box">
+      <div class="title">{{ showTitle }}</div>
+      <ComTable
+        ref="curRef"
+        :data="tableData"
+        :pageSize="20"
+        height="73vh"
+        v-loading="tableLoading"
+        element-loading-text="拼命加载中.."
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+      ></ComTable>
+    </div>
+    <el-dialog :title="dialogTitle" v-model="dialogVisible" width="70%" top="10vh" custom-class="modal">
+      <dayinfo :gridDatas="dialogData1" :chartDatas="dialogData2" />
+    </el-dialog>
+  </div>
+</template>
+<script>
+import ComTable from "@/components/coms/table/table.vue";
+import Dayinfo from "./dayinfo.vue";
+export default {
+  name: "gradeassessment",
+  components: { ComTable, Dayinfo },
+  data() {
+    let that = this;
+    return {
+      cur: 0,
+      optionData: [
+        "风机日信息量化评级管理",
+        "风机月信息量化评级管理",
+        "风机年信息量化评级管理"
+      ],
+      dialogTitle: "日信息对比",
+      dialogVisible: false,
+      ChangZhan: [],
+      value1: "XS_FDC",
+      date: "",
+      shows: "d",
+      showTitle: "风机日信息量化评级管理",
+      tableLoading: true,
+      dataIds: new Set(),
+      dialogData1: [],
+      dialogData2: [],
+      tableData: {
+        column: [
+          {
+            name: "",
+            field: "fj",
+            is_num: false,
+            is_light: false,
+            sortable: false,
+            template: () => {
+              return "<input class='check curCheckBox checkItem' type='CheckBox'/>";
+            },
+            click: function(event, data) {
+              if (event.target.checked == false) {
+                that.dataIds.delete(data.id);
+              }
+              if (event.target.checked) {
+                if (that.dataIds.size < 2) {
+                  that.dataIds.add(data.id);
+                } else {
+                  event.target.checked = false;
+                }
+              }
+            }
+          },
+          {
+            name: "风机编号",
+            field: "windturbineid",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "等級",
+            field: "level",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+
+          {
+            name: "综合排名",
+            field: "rank",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "发电量(kWh)",
+            field: "dayfdl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "理论发电量(kWh)",
+            field: "dayllfdl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "平均风速(m/s)",
+            field: "dayfs",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "平均功率(kW)",
+            field: "daygl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "故障损失电量(kWh)",
+            field: "daygzssdl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "限电损失电量(kWh)",
+            field: "dayxdssdl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "维护损失电量(kWh)",
+            field: "daywhssdl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "性能损失电量(kWh)",
+            field: "dayxnssdl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "利用小时数(h)",
+            field: "daylyxs",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "拟合优度(%)",
+            field: "daynhyd",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "设备可利用率(%)",
+            field: "daysbklyl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "等效可用系数(%)",
+            field: "daydxkyxs",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "有效风时数(h)",
+            field: "dayyxfss",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "平均切入风速(m/s)",
+            field: "dayxfqr",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "静风频率(%)",
+            field: "dayjfpl",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "功率一致性系数(%)",
+            field: "dayglyzxxs",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id"
+          },
+          {
+            name: "操作",
+            field: "sjbz",
+            is_num: false,
+            is_light: false,
+            sortable: true,
+            id: "id",
+            template: () => {
+              return "<a class='action'>详情</a>";
+            },
+            click: function(event, data) {
+              that.dialogVisible = true;
+              that.dialogData1 = [data];
+              const service1 = {
+                name: data.windturbineid,
+                value: [
+                  data["yearxfqr"],
+                  data["yearxnssdl"],
+                  data["yearnhyd"],
+                  data["yearglyzxxs"],
+                  data["yearlyxs"],
+                  data["yearsbklyl"],
+                  data["yeardxkyxs"],
+                  data["yearyxfss"],
+                  data["yearfs"],
+                  data["yearjfpl"]
+                ]
+              };
+              const chartData = [
+                {
+                  indicator: [
+                    "平均切入风速",
+                    "性能损失电量",
+                    "拟合优度",
+                    "功率一致性系数",
+                    "利用小时",
+                    "设备可利用率",
+                    "等效可利用系数",
+                    "有效风时数",
+                    "平均风速",
+                    "静风频率"
+                  ],
+                  data: [service1]
+                }
+              ];
+              that.dialogData2 = chartData;
+            }
+          }
+        ],
+        data: []
+      },
+      tableId: ""
+    };
+  },
+  created() {
+    this.ChangZhanVal();
+    this.date = this.getDate(0);
+    this.getTable(this.date);
+  },
+  methods: {
+    clearCheckBox() {
+      this.$refs.curRef.clearCheckBox();
+      this.dataIds = new Set();
+    },
+    // 获取表格数据
+    getTable(date) {
+      let that = this;
+      let subUrl = "";
+      const data = {
+        isAsc: "asc",
+        wpId: this.value1
+      };
+      if ("d" == this.shows) {
+        subUrl = "/benchmarking/gadaylistByPage";
+        data["recorddate"] = date;
+      }
+      if ("m" == this.shows) {
+        subUrl = "/benchmarking/gamonthlistByPage";
+        const dateStr = date.split("-");
+        if (dateStr.length > 1) {
+          data["year"] = dateStr[0];
+          data["month"] = dateStr[1];
+        }
+      }
+      if ("y" == this.shows) {
+        subUrl = "/benchmarking/gayearlistByPage";
+        data["year"] = date;
+      }
+      that.tableLoading = true;
+      that.API.requestData({
+        timeout: 60000,
+        method: "POST",
+        subUrl: subUrl,
+        data: data,
+        success(res) {
+          that.tableLoading = false;
+          if (res.code === 200) {
+            var data = [];
+            res.data.list.forEach((item, index) => {
+              item["index"] = index;
+              data[index] = item;
+            });
+            that.tableData.data = data;
+          }
+        },
+        Error(res) {
+          console.log("tag", res);
+        }
+      });
+    },
+    //   tab
+    handleOpen(vl, index) {
+      this.$nextTick(() => {
+        this.cur = index;
+        this.showTitle = vl;
+        if (index == 0) {
+          this.date = this.getDate(0);
+          this.shows = "d";
+          this.dialogTitle = "日信息对比";
+        }
+        if (index == 1) {
+          this.date = this.getDate(1);
+          this.shows = "m";
+          this.dialogTitle = "月信息对比";
+        }
+        if (index == 2) {
+          this.date = this.getDate(2);
+          this.shows = "y";
+          this.dialogTitle = "年信息对比";
+        }
+      });
+    },
+    // 场站
+    ChangZhanVal() {
+      var that = this;
+      that.API.requestData({
+        method: "GET",
+        baseURL: "http://10.155.32.4:9001/",
+        subUrl: "benchmarking/wplist",
+        success(res) {
+          that.ChangZhan = res.data;
+          that.value1 = res.data[0].id;
+        }
+      });
+    },
+    // 查询
+    handleSubmit() {
+      this.clearCheckBox();
+      this.getTable(this.date);
+    },
+    // 日信息对比
+    contrast() {
+      var that = this;
+      if (that.dataIds.size == 2) {
+        that.dialogVisible = true;
+        const tmpArr = Array.from(that.dataIds);
+        const data = {
+          gaid1: tmpArr[0],
+          gaid2: tmpArr[1]
+        };
+
+        that.API.requestData({
+          method: "GET",
+          subUrl: "/benchmarking/wtinfo",
+          data: data,
+          success(res) {
+            that.dialogData1 = [res.data.gaid1, res.data.gaid2];
+          }
+        });
+        that.API.requestData({
+          method: "GET",
+          subUrl: "/benchmarking/wtchart",
+          data: data,
+          success(res) {
+            const data1 = res.data.gaid1;
+            const data2 = res.data.gaid2;
+            const chartData = [
+              {
+                indicator: [
+                  "平均切入风速",
+                  "性能损失电量",
+                  "拟合优度",
+                  "功率一致性系数",
+                  "利用小时",
+                  "设备可利用率",
+                  "等效可利用系数",
+                  "有效风时数",
+                  "平均风速",
+                  "静风频率"
+                ],
+                data: []
+              }
+            ];
+            if (data1) {
+              chartData[0].data.push(that.getChartData(data1));
+            }
+            if (data2) {
+              chartData[0].data.push(that.getChartData(data2));
+            }
+            that.dialogData2 = chartData;
+          }
+        });
+      }
+      this.clearCheckBox();
+    },
+    getChartData(resData) {
+      const chartData = {};
+      const rowMap = {};
+      resData.forEach(function(rowData, index) {
+        rowMap[rowData["name"]] = rowData["data1"];
+      });
+      chartData["name"] = resData[resData.length - 1]["name"];
+      chartData["value"] = [];
+      chartData["value"].push(rowMap["平均切入风速"]);
+      chartData["value"].push(rowMap["性能损失电量"]);
+      chartData["value"].push(rowMap["拟合优度"]);
+      chartData["value"].push(rowMap["功率一致性系数"]);
+      chartData["value"].push(rowMap["利用小时"]);
+      chartData["value"].push(rowMap["设备可利用率"]);
+      chartData["value"].push(rowMap["等效可利用系数"]);
+      chartData["value"].push(rowMap["有效风时数"]);
+      chartData["value"].push(rowMap["平均风速"]);
+      chartData["value"].push(rowMap["静风频率"]);
+      return chartData;
+    },
+    // 获取日期
+    getDate(vl) {
+      var date = new Date();
+      var year = date.getFullYear(),
+        month = date.getMonth() + 1,
+        day = date.getDate() - 1;
+      month >= 1 && month <= 9 ? (month = "0" + month) : "";
+      day >= 0 && day <= 9 ? (day = "0" + day) : "";
+      if (vl == 0) {
+        return year + "-" + month + "-" + day;
+      }
+      if (vl == 1) {
+        return year + "-" + month;
+      }
+      if (vl == 2) {
+        return year + "";
+      }
+    }
+  }
+};
+</script>
+<style scoped>
+.newsDiv {
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 8px;
+  line-height: 3.4259vh;
+  padding: 0 15px;
+}
+.newspan {
+  line-height: 30px;
+  cursor: pointer;
+  padding: 0 1vw;
+  margin: 0 2px;
+  color: #9ca5a8;
+  transition: color 0.2s ease-in-out;
+  position: relative;
+}
+.newspan:hover {
+  background: linear-gradient(
+    to top,
+    rgba(5, 187, 76, 0.5),
+    rgba(5, 187, 76, 0)
+  );
+  color: white;
+  position: relative;
+}
+.newspan:hover::after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 0.463vh;
+  border: 0.093vh solid #05bb4c;
+  border-top: 0;
+  left: 0;
+  bottom: 0;
+  box-sizing: border-box;
+}
+.active {
+  background: linear-gradient(
+    to top,
+    rgba(5, 187, 76, 0.5),
+    rgba(5, 187, 76, 0)
+  );
+  color: white;
+  position: relative;
+}
+.active::after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 0.463vh;
+  border: 0.093vh solid #05bb4c;
+  border-top: 0;
+  left: 0;
+  bottom: 0;
+  box-sizing: border-box;
+}
+.title {
+  background: rgba(255, 255, 255, 0.1);
+  margin-bottom: 8px;
+  padding: 1vh;
+}
+</style>
+<style lang="less">
+.decision-page-2 {
+  .content .project-table {
+    tbody {
+      height: calc(100vh - 24.5vh);
+    }
+  }
+  .project-table {
+    overflow: auto;
+    tbody {
+      height: 239px;
+    }
+
+    th,
+    td {
+      color: #b2bdc0;
+
+      &:nth-child(1) {
+        width: 50px;
+      }
+
+      &:nth-child(2) {
+        width: 50px;
+      }
+    }
+  }
+
+  .action {
+    text-decoration: underline;
+    color: @green;
+    cursor: pointer;
+  }
+}
+</style>

src/views/layout/Menu.vue

@@ -201,7 +201,12 @@ export default {
               icon: "svg-wind-site",
               path: "/health",
               children: [
-                 {
+                {
+                  text: "量化评级",
+                  icon: "svg-wind-site",
+                  path: "/djpg",
+                },
+                {
                   text: "健康推荐",
                   icon: "svg-wind-site",
                   path: "/health",