等级评估功能移值并修改

src/assets/css/performanceAnalysis/gradeEvaluation.scss

@@ -0,0 +1,58 @@
+.box {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  
+  .overallSituation {
+    width: 100%;
+    flex-grow: 1;
+  }
+  
+  .leftNavigation {
+    width: 15%;
+    height: 790px;
+  }
+  
+  #leiDaTu {
+    margin-left: 5%;
+    height: 480px;
+    width: 450px;
+    float: left;
+  }
+  
+  #leiDaTu2 {
+    margin-left: 5%;
+    height: 480px;
+    width: 450px;
+    float: left;
+  }
+  
+  #leiDaTu3 {
+    margin-left: 5%;
+    height: 480px;
+    width: 450px;
+    float: left;
+  }
+  
+  .margin {
+    width: 100%;
+    height: 618px;
+    border: #000000 1px solid;
+  }
+  
+  .dialogLeftData {
+    width: 42%;
+    height: 120px;
+    text-align: center;
+    float: left;
+  }
+  
+  .dialogRightData {
+    width: 58%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }

src/assets/js/performanceAnalysis/gradeEvaluation.js

@@ -0,0 +1,698 @@
+// import excelHelper from "@/utils/excelHelper";
+
+export default {
+  data() {
+    return {
+      //风场选择器
+      options: [],
+      //风机日信息等级评估管理表格数据
+      gridData: [],
+      //风机月信息等级评估管理表格数据
+      gridDataMonth: [],
+      //风机年信息等级评估管理表格数据
+      gridDataYear: [],
+      value: "NSS_FDC",
+      value1: "",
+      value2: "",
+      value3: "",
+      yearvalue: "",
+      monthvalue: "",
+      //风机日信息等级评估管理对比框开关
+      dialogTableVisible: false,
+      //风机月信息等级评估管理对比框开关
+      dialogTableVisibleMonth: false,
+      //风机年信息等级评估管理对比框开关
+      dialogTableVisibleYear: false,
+      //elementui组件多选数据包
+      multipleSelection: [],
+      //分页起始页
+      currentPage2: 1,
+      //每页显示数据个数
+      pagesize: 10,
+      //等级评估对标雷达图1数据
+      radarChartData1: [],
+      //等级评估对标雷达图2数据
+      radarChartData2: [],
+      //等级评估雷达图标题名称
+      radarChartName: "",
+      //雷达图数据名称1
+      radatChartWindturbineid1: "",
+      //雷达图数据名称2
+      radatChartWindturbineid2: "",
+      fan1: "",
+      fan2: "",
+      //对比框表格风机编号数据1
+      fanNumber1: "",
+      //对比框表格风机编号数据2
+      fanNumber2: "",
+      //风机日信息等级评估管理页面表格显示开关
+      dailyInformation: true,
+      //风机月信息等级评估管理页面表格显示开关
+      monthlyInformation: false,
+      //风机年信息等级评估管理页面表格显示开关
+      annualInformation: false,
+      activeName: "first",
+      //对比框表格右侧数据
+      sortInOrder: [],
+      //对比框表格左侧数据
+      sortInOrderTop: [],
+      ranking1: "",
+      ranking2: "",
+      score1: "",
+      score2: "",
+      //所需排序值
+      orderByColumn: "windturbineid",
+      //排序，默认为升序asc
+      isAsc: "asc",
+      //获取日信息分页数据
+      total: "",
+      //获取月信息分页数据
+      totalMonth: "",
+      //获取年信息分页数据
+      totalYear: "",
+      //日期昨天
+      updateTime: "",
+    };
+  },
+  created() {
+    //获取风场信息数据
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      console.log(res)
+      this.options = res.data;
+    });
+    //获取昨日日期时间
+    var newData = new Date();
+    this.updateTime = this.BASE.getBzDate(newData.getTime(), -1);
+  },
+  mounted() {
+    this.gradeByDaygData();
+    this.gamonthlistByPage();
+    this.gayearlistByPage();
+  },
+  methods: {
+    headStyle() {
+      //表格文字居中显示
+      return "text-align:center";
+    },
+    currentSel() {
+      this.gradeByDaygData();
+      this.gamonthlistByPage();
+      this.gayearlistByPage();
+    },
+    //排序方法
+    changeTableSort(column) {
+      //排序方法 column.prop为点击要排序列的数据，将需要排序的值赋给orderByColumn
+      this.orderByColumn = column.prop;
+      //如果column.order为descending（点击排序上箭头），则为降序，若为ascending（点击排序下箭头），则为升序，并将值赋给isAsc
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.gradeByDaygData();
+    },
+    //处理对比框表格数据方法val为点击多选框的数据
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.multipleSelection = val;
+      //如果多选框中的数据有两个，那么对其对比框表格赋值并显示
+      if (this.multipleSelection.length == 2) {
+        this.fan1 = this.multipleSelection[0].windturbineid;
+        this.fanNumber1 = "风机编号：" + this.fan1;
+        this.fan2 = this.multipleSelection[1].windturbineid;
+        this.fanNumber2 = "风机编号：" + this.fan2;
+        this.ranking1 = "排名：" + this.fan1.slice(5);
+        this.ranking2 = "排名：" + this.fan2.slice(5);
+        this.score1 = "评分：" + this.fan1.slice(5);
+        this.score2 = "评分：" + this.fan2.slice(5);
+        this.sortInOrderTop.push({
+          lhpj: "量化评级：" + this.multipleSelection[0].level,
+          zhpm: "量化评级：" + this.multipleSelection[1].level,
+        });
+        this.sortInOrderTop.push({
+          lhpj: "综合排名：" + this.multipleSelection[0].rank,
+          zhpm: "综合排名：" + this.multipleSelection[1].rank,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "发电量",
+          data1: this.multipleSelection[0].dayfdl,
+          data2: this.multipleSelection[1].dayfdl,
+          ranking1: this.multipleSelection[0].monthfdl,
+          ranking2: this.multipleSelection[1].monthfdl,
+          score1: this.multipleSelection[0].yearfdl,
+          score2: this.multipleSelection[1].yearfdl,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "理论发电量",
+          data1: this.multipleSelection[0].dayllfdl,
+          data2: this.multipleSelection[1].dayllfdl,
+          ranking1: this.multipleSelection[0].monthllfdl,
+          ranking2: this.multipleSelection[1].monthllfdl,
+          score1: this.multipleSelection[0].yearllfdl,
+          score2: this.multipleSelection[1].yearllfdl,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "平均功率",
+          data1: this.multipleSelection[0].daygl,
+          data2: this.multipleSelection[1].daygl,
+          ranking1: this.multipleSelection[0].monthgl,
+          ranking2: this.multipleSelection[1].monthgl,
+          score1: this.multipleSelection[0].yeargl,
+          score2: this.multipleSelection[1].yeargl,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].daygzssdl,
+          data2: this.multipleSelection[1].daygzssdl,
+          ranking1: this.multipleSelection[0].monthgzssdl,
+          ranking2: this.multipleSelection[1].monthgzssdl,
+          score1: this.multipleSelection[0].yeargzssdl,
+          score2: this.multipleSelection[1].yeargzssdl,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "限电损失电量",
+          data1: this.multipleSelection[0].dayxdssdl,
+          data2: this.multipleSelection[1].dayxdssdl,
+          ranking1: this.multipleSelection[0].monthxdssdl,
+          ranking2: this.multipleSelection[1].monthxdssdl,
+          score1: this.multipleSelection[0].yearxdssdl,
+          score2: this.multipleSelection[1].yearxdssdl,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "维护损失电量",
+          data1: this.multipleSelection[0].daywhssdl,
+          data2: this.multipleSelection[1].daywhssdl,
+          ranking1: this.multipleSelection[0].monthwhssdl,
+          ranking2: this.multipleSelection[1].monthwhssdl,
+          score1: this.multipleSelection[0].yearwhssdl,
+          score2: this.multipleSelection[1].yearwhssdl,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "故障时间",
+          data1: this.multipleSelection[0].daygzsj,
+          data2: this.multipleSelection[1].daygzsj,
+          ranking1: this.multipleSelection[0].monthgzsj,
+          ranking2: this.multipleSelection[1].monthgzsj,
+          score1: this.multipleSelection[0].yeargzsj,
+          score2: this.multipleSelection[1].yeargzsj,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "维护时间",
+          data1: this.multipleSelection[0].daywhsj,
+          data2: this.multipleSelection[1].daywhsj,
+          ranking1: this.multipleSelection[0].monthwhsj,
+          ranking2: this.multipleSelection[1].monthwhsj,
+          score1: this.multipleSelection[0].yearwhsj,
+          score2: this.multipleSelection[1].yearwhsj,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "运行时间",
+          data1: this.multipleSelection[0].dayyxsj,
+          data2: this.multipleSelection[1].dayyxsj,
+          ranking1: this.multipleSelection[0].monthyxsj,
+          ranking2: this.multipleSelection[1].monthyxsj,
+          score1: this.multipleSelection[0].yearyxsj,
+          score2: this.multipleSelection[1].yearyxsj,
+        });
+        this.sortInOrder.push({
+          lx: "",
+          index: "停机时间",
+          data1: this.multipleSelection[0].daytjsj,
+          data2: this.multipleSelection[1].daytjsj,
+          ranking1: this.multipleSelection[0].monthtjsj,
+          ranking2: this.multipleSelection[1].monthtjsj,
+          score1: this.multipleSelection[0].yeartjsj,
+          score2: this.multipleSelection[1].yeartjsj,
+        });
+        this.sortInOrder.push({
+          lx: "性能",
+          index: "平均切入风速",
+          data1: this.multipleSelection[0].dayxfqr,
+          data2: this.multipleSelection[1].dayxfqr,
+          ranking1: this.multipleSelection[0].monthxfqr,
+          ranking2: this.multipleSelection[1].monthxfqr,
+          score1: this.multipleSelection[0].yearxfqr,
+          score2: this.multipleSelection[1].yearxfqr,
+        });
+        this.sortInOrder.push({
+          lx: "性能",
+          index: "性能损失电量",
+          data1: this.multipleSelection[0].dayxnssdl,
+          data2: this.multipleSelection[1].dayxnssdl,
+          ranking1: this.multipleSelection[0].monthxnssdl,
+          ranking2: this.multipleSelection[1].monthxnssdl,
+          score1: this.multipleSelection[0].yearxnssdl,
+          score2: this.multipleSelection[1].yearxnssdl,
+        });
+        this.sortInOrder.push({
+          lx: "性能",
+          index: "拟合优度",
+          data1: this.multipleSelection[0].daynhyd,
+          data2: this.multipleSelection[1].daynhyd,
+          ranking1: this.multipleSelection[0].monthnhyd,
+          ranking2: this.multipleSelection[1].monthnhyd,
+          score1: this.multipleSelection[0].yearnhyd,
+          score2: this.multipleSelection[1].yearnhyd,
+        });
+        this.sortInOrder.push({
+          lx: "性能",
+          index: "功率一致性系数",
+          data1: this.multipleSelection[0].dayglyzxxs,
+          data2: this.multipleSelection[1].dayglyzxxs,
+          ranking1: this.multipleSelection[0].monthglyzxxs,
+          ranking2: this.multipleSelection[1].monthglyzxxs,
+          score1: this.multipleSelection[0].yearglyzxxs,
+          score2: this.multipleSelection[1].yearglyzxxs,
+        });
+        this.sortInOrder.push({
+          lx: "可靠性管理",
+          index: "利用小时",
+          data1: this.multipleSelection[0].daylyxs,
+          data2: this.multipleSelection[1].daylyxs,
+          ranking1: this.multipleSelection[0].monthlyxs,
+          ranking2: this.multipleSelection[1].monthlyxs,
+          score1: this.multipleSelection[0].yearlyxs,
+          score2: this.multipleSelection[1].yearlyxs,
+        });
+        this.sortInOrder.push({
+          lx: "可靠性管理",
+          index: "设备可利用率",
+          data1: this.multipleSelection[0].daysbklyl,
+          data2: this.multipleSelection[1].daysbklyl,
+          ranking1: this.multipleSelection[0].monthsbklyl,
+          ranking2: this.multipleSelection[1].monthsbklyl,
+          score1: this.multipleSelection[0].yearsbklyl,
+          score2: this.multipleSelection[1].yearsbklyl,
+        });
+        this.sortInOrder.push({
+          lx: "可靠性管理",
+          index: "等效可利用系数",
+          data1: this.multipleSelection[0].daydxkyxs,
+          data2: this.multipleSelection[1].daydxkyxs,
+          ranking1: this.multipleSelection[0].monthdxkyxs,
+          ranking2: this.multipleSelection[1].monthdxkyxs,
+          score1: this.multipleSelection[0].yeardxkyxs,
+          score2: this.multipleSelection[1].yeardxkyxs,
+        });
+        this.sortInOrder.push({
+          lx: "可靠性管理",
+          index: "有效风时速",
+          data1: this.multipleSelection[0].dayyxfss,
+          data2: this.multipleSelection[1].dayyxfss,
+          ranking1: this.multipleSelection[0].monthyxfss,
+          ranking2: this.multipleSelection[1].monthyxfss,
+          score1: this.multipleSelection[0].yearyxfss,
+          score2: this.multipleSelection[1].yearyxfss,
+        });
+        this.sortInOrder.push({
+          lx: "资源",
+          index: "平均风速",
+          data1: this.multipleSelection[0].dayfs,
+          data2: this.multipleSelection[1].dayfs,
+          ranking1: this.multipleSelection[0].monthfs,
+          ranking2: this.multipleSelection[1].monthfs,
+          score1: this.multipleSelection[0].yearfs,
+          score2: this.multipleSelection[1].yearfs,
+        });
+        this.sortInOrder.push({
+          lx: "资源",
+          index: "静风频率",
+          data1: this.multipleSelection[0].daygl,
+          data2: this.multipleSelection[1].daygl,
+          ranking1: this.multipleSelection[0].monthgl,
+          ranking2: this.multipleSelection[1].monthgl,
+          score1: this.multipleSelection[0].yeargl,
+          score2: this.multipleSelection[1].yeargl,
+        });
+        this.radarChartData();
+      }
+    },
+    //点击分页调用方法刷新页面
+    handleSizeChange(val) {
+      this.pagesize = val;
+      this.gradeByDaygData();
+      this.gamonthlistByPage();
+      this.gayearlistByPage();
+    },
+    //刷新分页显示当前页数目
+    handleCurrentChange(val) {
+      this.gradeByDaygData();
+      this.gamonthlistByPage();
+      this.gayearlistByPage();
+    },
+    //导出excel风机等级评估日数据
+    exportDayData() {
+      excelHelper.exportExcel("daytable", "等级评估日数据", ".xls", true);
+    },
+    //导出excel风机等级评估月数据
+    exportMonthData() {
+      excelHelper.exportExcel("monthtable", "等级评估月数据", ".xls", true);
+    },
+    //导出excel风机等级评估年数据
+    exportYearData() {
+      excelHelper.exportExcel("yeartable", "等级评估年数据", ".xls", true);
+    },
+    //点击打开日对比框方法
+    dialogTableVisibleOpen() {
+      this.dialogTableVisible = true;
+      //多选风机id赋值给radatChartWindturbineid1为雷达图数据1名称
+      this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
+      //多选风机id赋值给radatChartWindturbineid1为雷达图数据2名称
+      this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
+      //调用对应EChart热力图
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+    },
+    //点击打开月对比框方法
+    dialogTableVisibleOpenMonth() {
+      this.dialogTableVisibleMonth = true;
+      this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
+      this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    //点击打开年对比框方法
+    dialogTableVisibleOpenYear() {
+      this.dialogTableVisibleYear = true;
+      this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
+      this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
+      this.$nextTick(function () {
+        this.drawPie3("leiDaTu2");
+      });
+    },
+    handleClick(tab) {
+      //根据点击切换判断打开哪个表格的div,tab.name包含所有的切换页面名，根据名字判断打开了哪页。
+      if (tab.name === "first") {
+        this.dailyInformation = true;
+        this.monthlyInformation = false;
+        this.annualInformation = false;
+        this.gradeByDaygData();
+        this.gamonthlistByPage();
+        this.gayearlistByPage();
+      } else if (tab.name === "second") {
+        this.dailyInformation = false;
+        this.monthlyInformation = true;
+        this.annualInformation = false;
+        this.gradeByDaygData();
+        this.gamonthlistByPage();
+        this.gayearlistByPage();
+      } else if (tab.name === "cord") {
+        this.dailyInformation = false;
+        this.monthlyInformation = false;
+        this.annualInformation = true;
+        this.gradeByDaygData();
+        this.gamonthlistByPage();
+        this.gayearlistByPage();
+      }
+    },
+    gradeByDaygData() {
+      //风机日信息等级评估管理数据
+      let that = this;
+      var page = new URLSearchParams();
+      //页数
+      page.append("pageNum", this.currentPage2);
+      //页面数据个数
+      page.append("pageSize", this.pagesize);
+      //需要排序的参数
+      page.append("orderByColumn", this.orderByColumn);
+      //升序还是降序
+      page.append("isAsc", this.isAsc);
+      //风场id
+      page.append("wpId", this.value);
+      if (this.value1 == "") {
+        this.value1 = this.updateTime;
+      }
+      page.append("recorddate", this.value1);
+      this.API.post("/benchmarking/gadaylistByPage", page).then((res) => {
+        console.log(res);
+        //gridData日表格数据
+        that.gridData = res.data.list;
+        //total日分页数据
+        that.total = res.data.total;
+      });
+    },
+    gamonthlistByPage() {
+      //风机月信息等级评估管理数据
+      let that = this;
+      var pagemonth = new URLSearchParams();
+      pagemonth.append("pageNum", this.currentPage2);
+      pagemonth.append("pageSize", this.pagesize);
+      pagemonth.append("wpId", this.value);
+      if (this.yearvalue == "") {
+        this.yearvalue = this.updateTime.substring(0, 4);
+        // console.log(this.yearvalue);
+      }
+      //年份
+      pagemonth.append("year", this.yearvalue);
+      if (this.value2 == "") {
+        this.value2 = this.updateTime;
+        //判断数据长度是否为2位数，若为2位数截取两位数，一位数则截取一位数
+        if (this.value2.substring(5, 7) < 10) {
+          this.monthvalue = this.value2.substring(6, 7);
+        } else {
+          this.monthvalue = this.value2.substring(5, 7);
+        }
+      } else {
+        if (this.value2.substring(5, 7) < 10) {
+          this.monthvalue = this.value2.substring(6, 7);
+        } else {
+          this.monthvalue = this.value2.substring(5, 7);
+        }
+      }
+      //月份
+      pagemonth.append("month", this.monthvalue);
+      this.API
+        .post("/benchmarking/gamonthlistByPage", pagemonth)
+        .then((res) => {
+          //gridDataMonth月表格数据
+          that.gridDataMonth = res.data.list;
+          //totalMonth月分页数据
+          that.totalMonth = res.data.total;
+        });
+    },
+    gayearlistByPage() {
+      //风机年信息等级评估管理数据
+      let that = this;
+      this.yearvalue = this.value3.toString();
+      var pageyear = new URLSearchParams();
+      pageyear.append("pageNum", this.currentPage2);
+      pageyear.append("pageSize", this.pagesize);
+      pageyear.append("wpId", this.value);
+      if (this.value3 == "") {
+        this.value3 = this.updateTime.substring(0, 4);
+      }
+      pageyear.append("year", this.value3);
+      this.API
+        .post("/benchmarking/gayearlistByPage", pageyear)
+        .then((res) => {
+          //gridDataYear年表格数据
+          that.gridDataYear = res.data.list;
+          //totalYear年分页数据
+          that.totalYear = res.data.total;
+        });
+    },
+    radarChartData() {
+      //获取EChart雷达图数据
+      let that = this;
+      this.API
+        .get(
+          "/benchmarking/wtchart?gaid1=" +
+          this.multipleSelection[0].id +
+          "&gaid2=" +
+          this.multipleSelection[1].id
+        )
+        .then((res) => {
+          console.log(res);
+          var arr1 = [];
+          var name = [];
+          res.data.gaid1.forEach(function (item) {
+            arr1.push({
+              //雷达图数据
+              data1: item.data1,
+            });
+            name.push({
+              //雷达图数据命名
+              name: item.name,
+            });
+          });
+          that.radarChartName = name;
+          //将target雷达图显示容量加入数组中。
+          var target = {
+            max: 15,
+          };
+          //循环遍历数据
+          for (let v = 0; v < that.radarChartName.length; v++) {
+            const returnedTarget = Object.assign(
+              that.radarChartName[v],
+              target
+            );
+          }
+          for (let i = 0; i < arr1.length; i++) {
+            that.radarChartData1.push(arr1[i].data1);
+          }
+          var arr2 = [];
+          res.data.gaid2.forEach(function (item) {
+            arr2.push({
+              data1: item.data1,
+            });
+          });
+          for (let j = 0; j < arr2.length; j++) {
+            that.radarChartData2.push(arr2[j].data1);
+          }
+        });
+    },
+    //风机日信息等级评估管理Echart图
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = this.$echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        tooltip: {},
+        legend: {
+          x: "center", //可设定图例在左、右、居中
+          y: "bottom",
+          data: [this.radatChartWindturbineid1, this.radatChartWindturbineid2],
+        },
+        radar: {
+          name: {
+            textStyle: {
+              color: "#fff",//字体颜色
+              backgroundColor: "#999",//图例颜色
+              borderRadius: 3,
+              padding: [3, 5],//距离
+            },
+          },
+          indicator: this.radarChartName,
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.radarChartData1,
+                name: this.radatChartWindturbineid1,
+              },
+              {
+                value: this.radarChartData2,
+                name: this.radatChartWindturbineid2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    //风机月信息等级评估管理Echart图
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = this.$echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        tooltip: {},
+        legend: {
+          x: "center", //可设定图例在左、右、居中
+          y: "bottom",
+          data: [this.radatChartWindturbineid1, this.radatChartWindturbineid2],
+        },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: this.radarChartName,
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.radarChartData1,
+                name: this.radatChartWindturbineid1,
+              },
+              {
+                value: this.radarChartData2,
+                name: this.radatChartWindturbineid2,
+              },
+            ],
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    //风机年信息等级评估管理Echart图
+    drawPie3() {
+      var charts3;
+      if (charts3 != null && charts3 != "" && charts3 != undefined) {
+        charts3.dispose();
+      }
+
+      charts3 = this.$echarts.init(document.getElementById("leiDaTu3"));
+      let option3 = {
+        tooltip: {},
+        legend: {
+          x: "center", //可设定图例在左、右、居中
+          y: "bottom",
+          data: [this.radatChartWindturbineid1, this.radatChartWindturbineid2],
+        },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: this.radarChartName,
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.radarChartData1,
+                name: this.radatChartWindturbineid1,
+              },
+              {
+                value: this.radarChartData2,
+                name: this.radatChartWindturbineid2,
+              },
+            ],
+          },
+        ],
+      };
+      charts3.clear();
+      charts3.setOption(option3);
+    },
+  },
+};

src/jsonData/menu.json

@@ -51,6 +51,11 @@
       "url": null,
       "children": [
         {
+          "name": "等级评估",
+          "url": "/gradeEvaluation",
+          "children": []
+        },
+        {
           "name": "性能分析",
           "url": "/a",
           "children": []

src/router/lzx.js

@@ -1,6 +1,6 @@
 export default [
-  // { // 路由页面注释
-  //   path:'/b',
-  //   component: r => require.ensure([], () => r(require('@views/module1/b')), 'sysManage2')
-  // },
+  { // 等级评估
+    path:'/gradeEvaluation',
+    component: r => require.ensure([], () => r(require('@views/performanceAnalysis/gradeEvaluation')), 'performanceAnalysis')
+  },
 ]

src/views/performanceAnalysis/gradeEvaluation.vue

@@ -0,0 +1,880 @@
+<template>
+  <div class="box">
+    <div class="overallSituation">
+      <el-tabs
+        v-model="activeName"
+        @tab-click="handleClick"
+        type="border-card"
+        style="width: 100%; margin: 0.5%; height: 130px"
+      >
+        <el-tab-pane label="风机日信息等级评估管理" name="first" :key="'first'">
+          <div style="float: left">查询条件</div>
+          <div style="margin-left: 5%; width: 20%; float: left">
+            <span>风场</span>
+            <el-select
+              v-model="value"
+              placeholder="请选择"
+              style="margin-left: 5%"
+              @change="currentSel"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.name"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="block" style="width: 20%; float: left">
+            <span>日期</span>
+            <el-date-picker
+              v-model="value1"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="选择日期"
+              style="margin-left: 5%"
+              format="yyyy-MM-dd"
+              @change="gradeByDaygData"
+            >
+            </el-date-picker>
+          </div>
+          <div style="width: 2%; float: left; margin-left: 10%">
+            <el-button type="primary" @click="dialogTableVisibleOpen()"
+              >对比</el-button
+            >
+          </div>
+          <div style="width: 2%; float: left; margin-left: 10%">
+            <el-button type="primary" @click="exportDayData()">导出</el-button>
+          </div>
+          <el-dialog
+            class="el-dialog_body"
+            width="65%"
+            title="日信息对比"
+            :visible.sync="dialogTableVisible"
+            append-to-body
+          >
+            <div class="margin">
+              <div class="dialogLeftData">
+                <el-table
+                  :data="sortInOrderTop"
+                  height="97"
+                  border
+                  :header-cell-style="headStyle"
+                  :cell-style="{ textAlign: 'center', padding: '0px' }"
+                  :row-style="{ height: '10px' }"
+                  style="width: 100%; font-size: 10px"
+                >
+                  <el-table-column
+                    prop="lhpj"
+                    :label="fanNumber1"
+                    width="252.5"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="zhpm"
+                    :label="fanNumber2"
+                    width="252.5"
+                  >
+                  </el-table-column>
+                </el-table>
+                <div id="leiDaTu" class="echart"></div>
+              </div>
+
+              <div class="dialogRightData">
+                <el-table
+                  :data="sortInOrder"
+                  height="618"
+                  :row-style="{ height: '10px' }"
+                  border
+                  :header-cell-style="headStyle"
+                  :cell-style="{ textAlign: 'center', padding: '1px' }"
+                  style="width: 100%; font-size: 10px"
+                >
+                  <el-table-column label="基础指标">
+                    <el-table-column prop="lx" label="类型" width="85">
+                    </el-table-column>
+                    <el-table-column prop="index" label="指标" width="115">
+                    </el-table-column>
+                    <el-table-column prop="data1" :label="fan1" width="100">
+                    </el-table-column>
+                    <el-table-column prop="data2" :label="fan2" width="100">
+                    </el-table-column>
+                    <el-table-column
+                      prop="ranking1"
+                      :label="ranking1"
+                      width="74"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                      prop="ranking2"
+                      :label="ranking2"
+                      width="74"
+                    >
+                    </el-table-column>
+                    <el-table-column prop="score1" :label="score1" width="74">
+                    </el-table-column>
+                    <el-table-column prop="score2" :label="score2" width="74">
+                    </el-table-column>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </el-dialog>
+        </el-tab-pane>
+        <el-tab-pane
+          label="风机月信息等级评估管理"
+          name="second"
+          :key="'second'"
+        >
+          <div style="float: left">查询条件</div>
+          <div style="margin-left: 5%; width: 20%; float: left">
+            <span>风场</span>
+            <el-select
+              v-model="value"
+              placeholder="请选择"
+              style="margin-left: 5%"
+              @change="currentSel"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.name"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="block" style="width: 20%; float: left">
+            <span>月份</span>
+            <el-date-picker
+              v-model="value2"
+              value-format="yyyy-MM"
+              type="month"
+              placeholder="选择月"
+              style="margin-left: 5%"
+              format="yyyy-MM"
+              @change="gamonthlistByPage"
+            >
+            </el-date-picker>
+          </div>
+          <div style="width: 2%; float: left; margin-left: 10%">
+            <el-button type="primary" @click="dialogTableVisibleOpenMonth()"
+              >对比</el-button
+            >
+          </div>
+          <div style="width: 2%; float: left; margin-left: 10%">
+            <el-button type="primary" @click="exportMonthData()"
+              >导出</el-button
+            >
+          </div>
+          <el-dialog
+            class="el-dialog_body"
+            width="65%"
+            title="月信息对比"
+            :visible.sync="dialogTableVisibleMonth"
+            append-to-body
+          >
+            <div class="margin">
+              <div class="dialogLeftData">
+                <el-table
+                  :data="sortInOrderTop"
+                  height="97"
+                  border
+                  :header-cell-style="headStyle"
+                  :cell-style="{ textAlign: 'center', padding: '0px' }"
+                  :row-style="{ height: '10px' }"
+                  style="width: 100%; font-size: 10px"
+                >
+                  <el-table-column
+                    prop="lhpj"
+                    :label="fanNumber1"
+                    width="252.5"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="zhpm"
+                    :label="fanNumber2"
+                    width="252.5"
+                  >
+                  </el-table-column>
+                </el-table>
+                <div id="leiDaTu2" class="echart"></div>
+              </div>
+
+              <div class="dialogRightData">
+                <el-table
+                  :data="sortInOrder"
+                  height="618"
+                  :row-style="{ height: '10px' }"
+                  border
+                  :header-cell-style="headStyle"
+                  :cell-style="{ textAlign: 'center', padding: '1px' }"
+                  style="width: 100%; font-size: 10px"
+                >
+                  <el-table-column label="基础指标">
+                    <el-table-column prop="lx" label="类型" width="85">
+                    </el-table-column>
+                    <el-table-column prop="index" label="指标" width="115">
+                    </el-table-column>
+                    <el-table-column prop="data1" :label="fan1" width="100">
+                    </el-table-column>
+                    <el-table-column prop="data2" :label="fan2" width="100">
+                    </el-table-column>
+                    <el-table-column
+                      prop="ranking1"
+                      :label="ranking1"
+                      width="74"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                      prop="ranking2"
+                      :label="ranking2"
+                      width="74"
+                    >
+                    </el-table-column>
+                    <el-table-column prop="score1" :label="score1" width="74">
+                    </el-table-column>
+                    <el-table-column prop="score2" :label="score2" width="74">
+                    </el-table-column>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </el-dialog>
+        </el-tab-pane>
+        <el-tab-pane label="风机年信息等级评估管理" name="cord" :key="'cord'">
+          <div style="float: left">查询条件</div>
+          <div style="margin-left: 5%; width: 20%; float: left">
+            <span>风场</span>
+            <el-select
+              v-model="value"
+              placeholder="请选择"
+              style="margin-left: 5%"
+              @change="currentSel"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.name"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="block" style="width: 20%; float: left">
+            <span>年份</span>
+            <el-date-picker
+              v-model="value3"
+              value-format="yyyy"
+              type="year"
+              placeholder="选择年"
+              style="margin-left: 5%"
+              format="yyyy"
+              @change="gayearlistByPage"
+            >
+            </el-date-picker>
+          </div>
+          <div style="width: 2%; float: left; margin-left: 10%">
+            <el-button type="primary" @click="dialogTableVisibleOpenYear()"
+              >对比</el-button
+            >
+          </div>
+          <div style="width: 2%; float: left; margin-left: 10%">
+            <el-button type="primary" @click="exportYearData()">导出</el-button>
+          </div>
+          <el-dialog
+            class="el-dialog_body"
+            width="65%"
+            title="年信息对比"
+            :visible.sync="dialogTableVisibleYear"
+            append-to-body
+          >
+            <div class="margin">
+              <div class="dialogLeftData">
+                <el-table
+                  :data="sortInOrderTop"
+                  height="97"
+                  border
+                  :header-cell-style="headStyle"
+                  :cell-style="{ textAlign: 'center', padding: '0px' }"
+                  :row-style="{ height: '10px' }"
+                  style="width: 100%; font-size: 10px"
+                >
+                  <el-table-column
+                    prop="lhpj"
+                    :label="fanNumber1"
+                    width="252.5"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="zhpm"
+                    :label="fanNumber2"
+                    width="252.5"
+                  >
+                  </el-table-column>
+                </el-table>
+                <div id="leiDaTu3" class="echart"></div>
+              </div>
+
+              <div class="dialogRightData">
+                <el-table
+                  :data="sortInOrder"
+                  height="618"
+                  :row-style="{ height: '10px' }"
+                  border
+                  :header-cell-style="headStyle"
+                  :cell-style="{ textAlign: 'center', padding: '1px' }"
+                  style="width: 100%; font-size: 10px"
+                >
+                  <el-table-column label="基础指标">
+                    <el-table-column prop="lx" label="类型" width="85">
+                    </el-table-column>
+                    <el-table-column prop="index" label="指标" width="115">
+                    </el-table-column>
+                    <el-table-column prop="data1" :label="fan1" width="100">
+                    </el-table-column>
+                    <el-table-column prop="data2" :label="fan2" width="100">
+                    </el-table-column>
+                    <el-table-column
+                      prop="ranking1"
+                      :label="ranking1"
+                      width="74"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                      prop="ranking2"
+                      :label="ranking2"
+                      width="74"
+                    >
+                    </el-table-column>
+                    <el-table-column prop="score1" :label="score1" width="74">
+                    </el-table-column>
+                    <el-table-column prop="score2" :label="score2" width="74">
+                    </el-table-column>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </el-dialog>
+        </el-tab-pane>
+      </el-tabs>
+
+      <el-main v-if="dailyInformation == true">
+        <el-table
+          id="daytable"
+          :data="gridData"
+          height="640"
+          @selection-change="handleSelectionChange"
+          :header-cell-style="headStyle"
+          @sort-change="changeTableSort"
+          :cell-style="{ textAlign: 'center' }"
+          style="font-size: 10px"
+        >
+          <el-table-column label="等级评定日信息查看">
+            <el-table-column type="selection" width="40"> </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="windturbineid"
+              label="风机"
+              width="80"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="level"
+              label="等级"
+              width="70"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="rank"
+              label="排名"
+              width="70"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayfdl"
+              label="发电量"
+              width="85"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayllfdl"
+              label="理论电量"
+              width="95"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayfs"
+              label="风速"
+              width="83"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daygl"
+              label="功率"
+              width="83"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daygzssdl"
+              label="故障损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxdssdl"
+              label="限电损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daywhssdl"
+              label="维护损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxnssdl"
+              label="性能损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayslssdl"
+              label="受累损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daylyxs"
+              label="利用小时数"
+              width="110"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daynhyd"
+              label="拟合优度"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daysbklyl"
+              label="设备可利用率"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daydxkyxs"
+              label="等效可用系数"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayyxfss"
+              label="有效风时数"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxfqr"
+              label="切入风速"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayjfpl"
+              label="静风频率"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayglyzxxs"
+              label="功率一致性系数"
+              width="130"
+            >
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <div style="text-align: center">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="currentPage2"
+            :page-sizes="[10, 50, 100, 1000]"
+            :page-size="pagesize"
+            layout="total,sizes, prev, pager, next"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </el-main>
+      <el-main v-if="monthlyInformation == true">
+        <el-table
+          id="monthtable"
+          :data="gridDataMonth"
+          height="640"
+          @selection-change="handleSelectionChange"
+          :header-cell-style="headStyle"
+          @sort-change="changeTableSort"
+          :cell-style="{ textAlign: 'center' }"
+          style="font-size: 10px"
+        >
+          <el-table-column label="等级评定月信息查看">
+            <el-table-column type="selection" width="40"> </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="windturbineid"
+              label="风机"
+              width="80"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="level"
+              label="等级"
+              width="70"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="rank"
+              label="排名"
+              width="70"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayfdl"
+              label="发电量"
+              width="85"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayllfdl"
+              label="理论电量"
+              width="95"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayfs"
+              label="风速"
+              width="83"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daygl"
+              label="功率"
+              width="83"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daygzssdl"
+              label="故障损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxdssdl"
+              label="限电损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daywhssdl"
+              label="维护损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxnssdl"
+              label="性能损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayslssdl"
+              label="受累损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daylyxs"
+              label="利用小时数"
+              width="110"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daynhyd"
+              label="拟合优度"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daysbklyl"
+              label="设备可利用率"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daydxkyxs"
+              label="等效可用系数"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayyxfss"
+              label="有效风时数"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxfqr"
+              label="切入风速"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayjfpl"
+              label="静风频率"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayglyzxxs"
+              label="功率一致性系数"
+              width="130"
+            >
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <div style="text-align: center">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="currentPage2"
+            :page-sizes="[10, 50, 100, 1000]"
+            :page-size="pagesize"
+            layout="total,sizes, prev, pager, next"
+            :total="totalMonth"
+          >
+          </el-pagination>
+        </div>
+      </el-main>
+      <el-main v-if="annualInformation == true">
+        <el-table
+          id="yeartable"
+          :data="gridDataYear"
+          height="640"
+          @selection-change="handleSelectionChange"
+          :header-cell-style="headStyle"
+          @sort-change="changeTableSort"
+          :cell-style="{ textAlign: 'center' }"
+          style="font-size: 10px"
+        >
+          <el-table-column label="等级评定年信息查看">
+            <el-table-column type="selection" width="40"> </el-table-column>
+            <el-table-column type="selection" width="40"> </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="windturbineid"
+              label="风机"
+              width="80"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="level"
+              label="等级"
+              width="70"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="rank"
+              label="排名"
+              width="70"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayfdl"
+              label="发电量"
+              width="85"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayllfdl"
+              label="理论电量"
+              width="95"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayfs"
+              label="风速"
+              width="83"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daygl"
+              label="功率"
+              width="83"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daygzssdl"
+              label="故障损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxdssdl"
+              label="限电损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daywhssdl"
+              label="维护损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxnssdl"
+              label="性能损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayslssdl"
+              label="受累损失"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daylyxs"
+              label="利用小时数"
+              width="110"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daynhyd"
+              label="拟合优度"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daysbklyl"
+              label="设备可利用率"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="daydxkyxs"
+              label="等效可用系数"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayyxfss"
+              label="有效风时数"
+              width="120"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayxfqr"
+              label="切入风速"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayjfpl"
+              label="静风频率"
+              width="100"
+            >
+            </el-table-column>
+            <el-table-column
+              :sortable="'custom'"
+              prop="dayglyzxxs"
+              label="功率一致性系数"
+              width="130"
+            >
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+        <div style="text-align: center">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="currentPage2"
+            :page-sizes="[10, 50, 100, 1000]"
+            :page-size="pagesize"
+            layout="total,sizes, prev, pager, next"
+            :total="totalYear"
+          >
+          </el-pagination>
+        </div>
+      </el-main>
+    </div>
+  </div>
+</template>
+
+
+<script>
+  import gradeEvaluation from "@assets/js/performanceAnalysis/gradeEvaluation";
+  export default gradeEvaluation;
+</script>
+
+<style lang="scss" scoped>
+ @import "@assets/css/performanceAnalysis/gradeEvaluation.scss";
+</style>