3-19

src/App.vue

@@ -31,6 +31,7 @@
               <el-menu-item index="/individual_Saturation">单机饱和度</el-menu-item>
               <el-menu-item index="/individual_Pandectinformation">单机信息总览</el-menu-item>
               <el-menu-item index="/PowerandWindspeed_Chart">单机功率风速排布图</el-menu-item>
+              <el-menu-item index="/Power_Chart">风机功率排布图</el-menu-item>
             </el-submenu>
             <el-submenu index="3-2">
               <template slot="title">指标排行</template>
@@ -93,7 +94,7 @@
       <el-main>
         <router-view></router-view>
       </el-main>
-      <el-footer>GYEE </el-footer>
+ 
     </el-container>
   </div>
 </template>

src/router/index.js

@@ -163,6 +163,11 @@ const routes = [{
 		path: '/PowerandWindspeed_Chart',
 		component: () => import('../views/SinglePerformanceAnalysis/PowerandWindspeedChart.vue')
 	}
+	,
+	{
+		path: '/Power_Chart',
+		component: () => import('../views/SinglePerformanceAnalysis/PowerChart.vue')
+	}
 ]
 
 const router = new VueRouter({

src/views/NormRanking/PercentageLossrRank.vue

@@ -183,11 +183,12 @@ export default {
     query_fc() {
       this.$http.get("powercompare/windfarmAjax?").then((res) => {
         this.fc1list = res.data.data;
+        this.FClist = res.data.data;
       });
-       this.$http.get("powercompare/projectAjax?").then((res) => {
+       this.$http.get("powercompare/projectAllAjax?").then((res) => {
         this.pjlist = res.data.data;
       });
-       this.$http.get("powercompare/lineAjax?").then((res) => {
+       this.$http.get("powercompare/lineAllAjax?").then((res) => {
         this.xllist = res.data.data;
       });
        this.$http.get("powercompare/windturbineAllAjax?").then((res) => {
@@ -227,8 +228,8 @@ export default {
     },
   },
   mounted() {
-    this.query_table();
     this.query_fc();
+    this.query_table();
   },
 };
 </script>

src/views/SinglePerformanceAnalysis/PowerChart.vue

@@ -0,0 +1,618 @@
+<template>
+  <el-container>
+    <v-main>
+      <el-tabs
+        v-model="activeName"
+        label-width="380px"
+        @tab-click="handleClick"
+        type="border-card"
+        style="width: 100%; height: 100%"
+      >
+        <el-tab-pane label="风场功率风速排布图" name="no_1" :key="'no_1'">
+          <el-form
+            :inline="true"
+            class="demo-form-inline"
+            style="margin-top: 1%; margin-left: 1%"
+          >
+            <el-form-item label="风场">
+              <el-select
+                v-model="fc"
+                clearable
+                placeholder="请选择"
+                @change="query_xml()"
+              >
+                <el-option
+                  v-for="item in wpIdslist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="年">
+              <el-date-picker
+                v-model="year"
+                type="year"
+                value-format="yyyy"
+                placeholder="选择年"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="月">
+              <el-date-picker
+                v-model="month"
+                type="month"
+                value-format="dd"
+                placeholder="选择月"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="query_scatter_1" :plain="true"
+                >查询</el-button
+              >
+            </el-form-item>
+          </el-form>
+
+          <div
+            id="scatter_diagram_1"
+            style="
+              height: 630px;
+              width: 1880px;
+              margin-left: 3px;
+              margin-bottom: 3px;
+            "
+          ></div>
+        </el-tab-pane>
+        <el-tab-pane label="项目功率风速排布图" name="no_2" :key="'no_2'">
+          <el-form
+            :inline="true"
+            class="demo-form-inline"
+            style="margin-top: 1%; margin-left: 1%"
+          >
+            <el-form-item label="风场">
+              <el-select
+                v-model="fc"
+                clearable
+                placeholder="请选择"
+                @change="query_xml()"
+              >
+                <el-option
+                  v-for="item in wpIdslist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="项目">
+              <el-select
+                v-model="pj"
+                @focus="query_xml"
+                placeholder="请选择"
+                multiple-limit="5"
+              >
+                <el-option
+                  v-for="item in pjIdslist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="年">
+              <el-date-picker
+                v-model="year"
+                type="year"
+                value-format="yyyy"
+                placeholder="选择年"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="月">
+              <el-date-picker
+                v-model="month"
+                type="month"
+                value-format="dd"
+                placeholder="选择月"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="query_scatter_2" :plain="true"
+                >查询</el-button
+              >
+            </el-form-item>
+          </el-form>
+
+          <div
+            id="scatter_diagram_2"
+            style="
+              height: 630px;
+              width: 1878px;
+              margin-left: 3px;
+              margin-bottom: 3px;
+            "
+          ></div>
+        </el-tab-pane>
+        <el-tab-pane label="线路功率风速排布图" name="no_3" :key="'no_3'">
+          <el-form
+            :inline="true"
+            class="demo-form-inline"
+            style="margin-top: 1%; margin-left: 1%"
+          >
+            <el-form-item label="风场">
+              <el-select
+                v-model="fc"
+                clearable
+                placeholder="请选择"
+                @change="query_xml()"
+              >
+                <el-option
+                  v-for="item in wpIdslist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="线路">
+              <el-select
+                v-model="xl"
+                @focus="query_xml"
+                placeholder="请选择"
+                multiple-limit="5"
+              >
+                <el-option
+                  v-for="item in xlIdslist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="年">
+              <el-date-picker
+                v-model="year"
+                type="year"
+                value-format="yyyy"
+                placeholder="选择年"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="月">
+              <el-date-picker
+                v-model="month"
+                type="month"
+                value-format="dd"
+                placeholder="选择月"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="query_scatter_3" :plain="true"
+                >查询</el-button
+              >
+            </el-form-item>
+          </el-form>
+          <el-card>
+            <div
+              id="scatter_diagram_3"
+              style="
+                height: 630px;
+                width: 1880px;
+                margin-left: 3px;
+                margin-bottom: 3px;
+              "
+            ></div>
+          </el-card>
+        </el-tab-pane>
+      </el-tabs>
+    </v-main>
+  </el-container>
+</template>
+<script>
+import * as echarts from "echarts";
+import ecStat from "echarts-stat";
+export default {
+  data() {
+    return {
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      pjIdslist: {
+        name: "麻黄山一期工程",
+        id: "MHS01_GC",
+      },
+      xlIdslist: {
+        name: "麻黄山一号集电线路",
+        id: "MHS01_XL",
+      },
+      fc: "MHS_FDC",
+      pj: "麻黄山一期工程",
+      xl: "麻黄山一号集电线路",
+      year: "2021",
+      month: "01",
+      activeName: "no_1",
+      xllist: [],
+      scatter_1: [],
+      scatter_2: [],
+      scatter_3: [],
+    };
+  },
+  created() {},
+  methods: {
+    query_wpid() {
+      this.$http.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data.data;
+        // this.query_xml();
+      });
+    },
+    handleClick() {
+      if (this.activeName == "no_1") {
+        this.query_scatter_1();
+      } else if (this.activeName == "no_2") {
+        this.query_scatter_2();
+      } else if (this.activeName == "no_3") {
+        this.query_scatter_3();
+      }
+    },
+    query_xl() {
+      this.xl = "";
+      Object.assign(this.$data.xlIdslist, this.$options.data().xlIdslist);
+      this.$http
+        .get("powercompare/lineAjax?pjIds=" + this.xllist)
+        .then((res) => {
+          this.xlIdslist = res.data.data;
+        });
+    },
+    query_scatter_1() {
+      let that = this;
+      Object.assign(this.$data.scatter_1, this.$options.data().scatter_1);
+      var digital = new URLSearchParams();
+      digital.append("wpId", this.fc);
+      digital.append("lnId", "");
+      digital.append("pjId", "");
+      digital.append("year", this.year);
+      digital.append("month", this.month);
+      this.$http.post("/scatter/scatterAjax", digital).then((res) => {
+        this.scatter_1 = res.data.data;
+        this.draw_scatter_diagram_1();
+      });
+    },
+    query_scatter_2() {
+      let that = this;
+      Object.assign(this.$data.scatter_2, this.$options.data().scatter_2);
+      var digital = new URLSearchParams();
+      digital.append("wpId", this.fc);
+      digital.append("lnId", "");
+      digital.append("pjId", this.pj);
+      digital.append("year", this.year);
+      digital.append("month", this.month);
+      this.$http.post("/scatter/scatterAjax", digital).then((res) => {
+        this.scatter_2 = res.data.data;
+        this.draw_scatter_diagram_2();
+      });
+    },
+    query_scatter_3() {
+      Object.assign(this.$data.scatter_3, this.$options.data().scatter_3);
+      var digital = new URLSearchParams();
+      digital.append("wpId", this.fc);
+      digital.append("lnId", this.xl);
+      digital.append("pjId", "");
+      digital.append("year", this.year);
+      digital.append("month", this.month);
+      this.$http.post("/scatter/scatterAjax", digital).then((res) => {
+        this.scatter_3 = res.data.data;
+        this.draw_scatter_diagram_3();
+      });
+    },
+    query_xml() {
+      let that = this;
+      Object.assign(this.$data.xllist, this.$options.data().xllist);
+      Object.assign(this.$data.pjIdslist, this.$options.data().pjIdslist);
+      this.pj = "";
+      this.xl = "";
+      this.xllist = [];
+      this.$http
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.pjIdslist = res.data.data;
+          for (let i = 0; i < Object.keys(this.pjIdslist).length; i++) {
+            that.xllist.push(that.pjIdslist[i].id);
+          }
+          this.query_xl();
+        });
+    },
+    filter() {
+      for (let i = 0; i < Object.keys(this.QBlist).length; i++) {
+        fjj = "";
+        fjj = this.QBlist[i].id;
+        if (fjj.endsWith("FDC")) {
+          that.FClist.push(this.QBlist[i]);
+        } else {
+          that.GFlist.push(this.QBlist[i]);
+        }
+      }
+    },
+    draw_scatter_diagram_1() {
+      var chartDom = document.getElementById("scatter_diagram_1");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      echarts.registerTransform(ecStat.transform.regression);
+
+      option = {
+        title: {
+          text: "风机功率排布情况",
+          lft: "300px",
+        },
+        legend: {
+          data: ["功率"],
+          right: "66px",
+        },
+
+        tooltip: {
+          show: false,
+          trigger: "axis",
+          axisPointer: {
+            type: "cross",
+          },
+        },
+        xAxis: {
+          type: "value",
+          scale: true,
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+          },
+          axisLabel: {
+            formatter: "{value} m/s",
+          },
+          splitNumber: 20,
+        },
+        yAxis: {
+          type: "value",
+          scale: true,
+          min: -40,
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+          },
+          axisLabel: {
+            formatter: "{value} 万kw",
+          },
+        },
+        series: [
+          {
+            name: "功率",
+            type: "scatter",
+            color: "#FF7F50",
+            data: this.scatter_1,
+            markPoint: {
+              data: [
+                { type: "max", name: "最大值" },
+                { type: "min", name: "最小值" },
+              ],
+              symbol: "pin",
+              symbolSize: 50,
+              silent: true,
+            },
+            markLine: {
+              data: [{ type: "average", name: "平均值" }],
+            },
+          },
+          {
+            name: "line",
+            type: "line",
+            smooth: true,
+            datasetIndex: 1,
+            symbolSize: 0.1,
+            symbol: "circle",
+            color: "#87CEFA",
+            label: { show: false },
+            labelLayout: { dx: -20 },
+            encode: { label: 2, tooltip: 1 },
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+    draw_scatter_diagram_2() {
+      var chartDom = document.getElementById("scatter_diagram_2");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      echarts.registerTransform(ecStat.transform.regression);
+
+      option = {
+        title: {
+          text: "项目功率排布情况",
+          left: "300px",
+        },
+        legend: {
+          data: ["功率"],
+          right: "66px",
+        },
+
+        tooltip: {
+          show: false,
+          trigger: "axis",
+          axisPointer: {
+            type: "cross",
+          },
+        },
+        xAxis: {
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+          },
+          scale: true,
+          axisLabel: {
+            formatter: "{value} m/s",
+          },
+          splitNumber: 20,
+        },
+        yAxis: {
+          min: -40,
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+            scale: true,
+          },
+          axisLabel: {
+            formatter: "{value} 万kw",
+          },
+        },
+        series: [
+          {
+            name: "功率",
+            type: "scatter",
+            color: "#FF7F50",
+            data: this.scatter_2,
+            markPoint: {
+              data: [
+                { type: "max", name: "最大值" },
+                { type: "min", name: "最小值" },
+              ],
+              symbol: "pin",
+              symbolSize: 50,
+              silent: true,
+            },
+            markLine: {
+              data: [{ type: "average", name: "平均值" }],
+            },
+          },
+          {
+            name: "line",
+            type: "line",
+            smooth: true,
+            datasetIndex: 1,
+            symbolSize: 0.1,
+            symbol: "circle",
+            color: "#87CEFA",
+            label: { show: false },
+            labelLayout: { dx: -20 },
+            encode: { label: 2, tooltip: 1 },
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+    draw_scatter_diagram_3() {
+      var chartDom = document.getElementById("scatter_diagram_3");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      echarts.registerTransform(ecStat.transform.regression);
+
+      option = {
+        title: {
+          text: "线路功率排布情况",
+          left: "300px",
+        },
+        legend: {
+          data: ["功率"],
+          right: "66px",
+        },
+
+        tooltip: {
+          show: false,
+          trigger: "axis",
+          axisPointer: {
+            type: "cross",
+          },
+        },
+        xAxis: {
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+          },
+          scale: true,
+          axisLabel: {
+            formatter: "{value} m/s",
+          },
+          splitNumber: 20,
+        },
+        yAxis: {
+          min: -40,
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+          },
+          axisLabel: {
+            formatter: "{value} 万kw",
+          },
+        },
+        series: [
+          {
+            name: "功率",
+            type: "scatter",
+            color: "#FF7F50",
+            data: this.scatter_3,
+            markPoint: {
+              data: [
+                { type: "max", name: "最大值" },
+                { type: "min", name: "最小值" },
+              ],
+              symbol: "pin",
+              symbolSize: 50,
+              silent: true,
+            },
+            //     emphasis: {
+            //   label: {
+            //     show: true,
+            //     position: "top",
+            //     distance: 4,
+            //     fontStyle: "italic",
+            //   }
+            // },
+            markLine: {
+              data: [{ type: "average", name: "平均值" }],
+            },
+          },
+          {
+            name: "line",
+            type: "line",
+            smooth: true,
+            datasetIndex: 1,
+            symbolSize: 0.1,
+            symbol: "circle",
+            color: "#87CEFA",
+            label: { show: false },
+            labelLayout: { dx: -20 },
+            encode: { label: 2, tooltip: 1 },
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+  },
+  mounted() {
+    this.query_wpid();
+    this.query_scatter_1();
+  },
+};
+</script>
+<style scoped>
+</style>

src/views/SinglePerformanceAnalysis/PowerandWindspeedChart.vue

@@ -0,0 +1,217 @@
+<template>
+  <v-main>
+    <v-card>
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        style="margin-top: 1%; margin-left: 1%"
+      >
+        <el-form-item label="风场">
+          <el-select
+            v-model="fc"
+            clearable
+            placeholder="请选择"
+            @change="query()"
+          >
+            <el-option
+              v-for="item in wpIdslist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="风机">
+          <el-select v-model="fj" placeholder="请选择" multiple-limit="5">
+            <el-option
+              v-for="item in wtIdslist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="年">
+          <el-date-picker
+            v-model="year"
+            type="year"
+            value-format="yyyy"
+            placeholder="选择年"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="月">
+          <el-date-picker
+            v-model="month"
+            type="month"
+            value-format="d"
+            placeholder="选择月"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="query_scatter" :plain="true"
+            >查询</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <div
+        id="scatter_diagram"
+        style="
+          height: 730px;
+          width: 1993px;
+          margin-left: 9px;
+          margin-bottom: 39px;
+        "
+      ></div>
+    </v-card>
+  </v-main>
+</template>
+<script>
+import * as echarts from "echarts";
+import ecStat from "echarts-stat";
+export default {
+  data() {
+    return {
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      wtIdslist: {
+        name: "",
+        id: "",
+      },
+      fc: "MHS_FDC",
+      fj: "",
+      year: "",
+      month: "",
+      sdtDate: [],
+      lineDate:[],
+    };
+  },
+  created() {},
+  methods: {
+    query() {
+      this.wtIdslist = [];
+      let that = this;
+      this.$http
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data.data;
+        });
+    },
+    query_wpid() {
+      this.$http.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data.data;
+      });
+      this.query();
+    },
+    query_scatter() {
+      Object.assign(this.$data.sdtDate, this.$options.data().sdtDate);
+      Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+      var digital = new URLSearchParams();
+      digital.append("wtId", this.fj);
+      digital.append("year", this.year);
+      digital.append("month", this.month);
+      this.$http.post("/scatter/scatterWtAjax", digital).then((res) => {
+        this.sdtDate = res.data.data.scatter;
+        this.lineDate = res.data.data.line;
+        this.draw_scatter_diagram();
+      });
+    },
+    draw_scatter_diagram() {
+      var chartDom = document.getElementById("scatter_diagram");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      echarts.registerTransform(ecStat.transform.regression);
+
+      
+
+      option = {
+        title: {
+          text: "风机功率排布情况",
+        },
+        legend: {
+          data: ["功率"],
+          left: "right",
+        },
+        
+        tooltip: {
+          show: false,
+          trigger: "axis",
+          axisPointer: {
+            type: "cross",
+          },
+        },
+        xAxis: {
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+          },
+          axisLabel: {
+            formatter: "{value} m/s",
+          },
+          splitNumber: 20,
+        },
+        yAxis: {
+          min: -40,
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+            },
+          },
+          axisLabel: {
+            formatter: "{value} 万kw",
+          },
+        },
+        series: [
+          {
+            name: "功率",
+            type: "scatter",
+            color: "#FF7F50",
+            data : this.sdtDate,
+            markPoint: {
+              data: [
+                { type: "max", name: "最大值" },
+                { type: "min", name: "最小值" },
+              ],
+              symbol: "pin",
+              symbolSize: 50,
+              silent: true,
+            },
+            markLine: {
+              data: [{ type: "average", name: "平均值" }],
+            },
+          },
+          {
+            name: "line",
+            type: "line",
+            data:this.lineDate,
+            smooth: true,
+            datasetIndex: 1,
+            symbolSize: 0.1,
+            symbol: "circle",
+            color: "#87CEFA",
+            label: { show: false },
+            labelLayout: { dx: -20 },
+            encode: { label: 2, tooltip: 1 },
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+  },
+  mounted() {
+    this.query_wpid();
+  },
+};
+</script>
+<style scoped>
+</style>

src/views/SinglePerformanceAnalysis/individualHistoryinformation.vue

@@ -0,0 +1,170 @@
+<template>
+  <el-card>
+    <el-form :inline="true"  class="demo-form-inline">
+      <el-row>
+        <el-form-item label="风场">
+          <el-select v-model="fc" clearable @change="query_table" placeholder="请选择">
+            <el-option
+              v-for="item in wpIdslist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="开始日期">
+              <el-date-picker
+                v-model="data_01"
+                value-format="yyyy-MM-dd"
+                type="date"
+                placeholder="日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+          <el-form-item label="结束日期">
+              <el-date-picker
+                v-model="data_02"
+                value-format="yyyy-MM-dd"
+                type="date"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+        <el-form-item >
+          <el-button type="primary" @click="query_table">查询</el-button>
+        </el-form-item>
+        <el-form-item >
+          <el-button type="primary" @click="goback">返回</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <el-table
+      ref="singleTable"
+      :data="tableData"
+       border
+      highlight-current-row
+      style="width: 100%"
+    >
+      <el-table-column label="单机历史性能分析">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column property="recorddate" :formatter="data_formatter" label="日期" width="120">
+      </el-table-column>
+      <el-table-column property="windturbineid" label="风机" width="120">
+      </el-table-column>
+      <el-table-column property="c1" label="日发电量" width="120">
+      </el-table-column>
+      <el-table-column property="c4" label="日理论发电量" width="120">
+      </el-table-column>
+      <el-table-column property="c7" label="日平均功率" width="120">
+      </el-table-column>
+      <el-table-column property="c13" label="日运行小时" width="120">
+      </el-table-column>
+      <el-table-column property="c19" label="日故障小时" width="120">
+      </el-table-column>
+      <el-table-column property="c22" label="日维护小时" width="120">
+      </el-table-column>
+      <el-table-column property="c25" label="日中断小时" width="120">
+      </el-table-column>
+      <el-table-column property="c10" label="日有效风速" width="120">
+      </el-table-column>
+      <el-table-column property="c31" label="日损失电量" width="120">
+      </el-table-column>
+      <el-table-column property="c34" label="日报警次数" width="120">
+      </el-table-column>
+      <el-table-column property="c37" label="日停机次数" width="120">
+      </el-table-column>
+      <el-table-column property="c40" label="日不饱和次数" width="120">
+      </el-table-column>
+      <el-table-column property="c43" label="日设备可利用率" width="120">
+      </el-table-column>
+      <el-table-column property="c46" label="日平均温度" width="120">
+      </el-table-column>
+      <el-table-column property="c49" label="日平均湿度" width="120">
+      </el-table-column>
+      <el-table-column property="c52" label="日平均压强" width="120">
+      </el-table-column>
+      <el-table-column property="c55" label="日拟合优度" width="120">
+      </el-table-column>
+      <el-table-column property="c58" label="日实际/保证" width="120">
+      </el-table-column>
+      </el-table-column>
+    </el-table>
+  </el-card>
+</template>
+<script>
+import * as echarts from "echarts";
+import formateDate from "@/utils/date";
+import { format } from 'echarts';
+export default {
+  data() {
+    return {
+        wpIdslist: {
+        name:"",
+        id:"",
+      },
+      b:[],
+      fc:"",
+      fj:"",
+      data_01:"2021-01-01",
+      data_02:"2021-01-03",
+      currentPage2: 1,
+      pagesize:10,
+      orderByColumn: "",
+      tableData:[],
+    }
+  },
+   created() {
+  },
+  methods: {
+     query_table(){
+     let that = this;
+      var digital = new URLSearchParams();
+      digital.append("pageNum", this.currentPage2);
+      digital.append("pageSize", this.pagesize);
+      digital.append("orderByColumn", this.orderByColumn);
+      digital.append("isAsc", this.isAsc);
+      digital.append("wtId", this.fj);
+      digital.append("beginDate", this.data_01);
+      digital.append("endDate", this.data_02);
+      this.$http.post("/goodness/goodhistorylist", digital).then((res) => {
+         this.tableData = res.data.data;
+      });
+
+     },
+     data_formatter(cellValue){ return formateDate(new Date(cellValue.recorddate) / 1000)},
+     gaindate() {
+      this.b = this.$route.query.data;
+      this.fc = this.$route.query.data.windtpowerstationid;
+      this.fj = this.$route.query.data.windturbineid;
+      this.data_01 = formateDate(
+        new Date(this.$route.query.data.recorddate) / 1000
+      );
+      this.query_wpid();
+    },
+    goback() {
+      this.$router.push({
+        path: "/individual_Pandectinformation"
+      });
+    },
+    query_wpid() {
+      this.$http.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data.data;
+      });
+    },
+    toExcel() {
+      excelHelper.exportExcel("datatable", "xl数据", ".xls", true);
+    },
+  },
+  mounted() {
+      this.gaindate();
+      this.query_table();
+    },
+};
+</script>
+<style scoped>
+
+</style>

src/views/SinglePerformanceAnalysis/individualPandectinformation.vue

@@ -0,0 +1,147 @@
+<template>
+  <el-card>
+    <el-form :inline="true"  class="demo-form-inline">
+      <el-row>
+        <el-form-item label="风场">
+          <el-select v-model="fc" clearable @change="query_table" placeholder="请选择">
+            <el-option
+              v-for="item in wpIdslist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="日期">
+              <el-date-picker
+                v-model="date_1"
+                value-format="yyyy-MM-dd"
+                type="date"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+        <el-form-item style="margin-left: 190px">
+          <el-button type="primary" @click="toExcel">导出</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <el-table
+      ref="singleTable"
+      :data="tableData"
+       border
+      highlight-current-row
+      style="width: 100%"
+    >
+      <el-table-column label="单机信息总览列表">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column property="windtpowerstationid" label="风场" width="120">
+      </el-table-column>
+      <el-table-column property="windturbineid" label="风机" width="120">
+      </el-table-column>
+      <el-table-column property="modelid" label="型号" width="120">
+      </el-table-column>
+      <el-table-column property="daytop" label="日排行榜" width="120">
+      </el-table-column>
+      <el-table-column property="daygoodness" label="日拟合优度" width="120">
+      </el-table-column>
+      <el-table-column property="dayspeed" label="日风速" width="120">
+      </el-table-column>
+      <el-table-column property="monthtop" label="月排行榜" width="120">
+      </el-table-column>
+      <el-table-column property="monthgoodness" label="月拟合优度" width="120">
+      </el-table-column>
+      <el-table-column property="monthspeed" label="月风速" width="120">
+      </el-table-column>
+      <el-table-column property="yeartop" label="年排行榜" width="120">
+      </el-table-column>
+      <el-table-column property="yeargoodness" label="年拟合优度" width="120">
+      </el-table-column>
+      <el-table-column property="yearspeed" label="年风速" width="120">
+      </el-table-column>
+      <el-table-column property="address" label="操作" width="240">
+        <template slot-scope="scope">
+          <el-button size="mini" @click="handleEdit(scope.row)"
+            >详情</el-button
+          >
+
+          <el-button size="mini" @click="history(scope.row)"
+            >历史</el-button
+          >
+        </template>
+      </el-table-column>
+      </el-table-column>
+    </el-table>
+  </el-card>
+</template>
+<script>
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tableData: [],
+      date_1: "2021-01-01",
+      currentPage2: 1,
+      pagesize: 10,
+      isAsc:'asc',
+      orderByColumn:'',
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      fc: "",
+    };
+  },
+  created() {},
+  methods: {
+    query_table(){
+      let that = this;
+      this.tableData = [];
+      var digital = new URLSearchParams();
+        digital.append('pageNum',this.currentPage2);
+        digital.append('pageSize',this.pagesize);
+        digital.append('orderByColumn',this.orderByColumn);
+        digital.append('isAsc',this.isAsc);
+        digital.append('wpId',this.fc);
+        digital.append('recorddate',this.date_1);
+      this.$http.post('/goodness/windturbinegoodness',digital).then((res) => {
+          that.tableData = res.data.data.list;
+      })
+    },
+    handleEdit(b) {
+      this.$router.push({
+        path: "/indicia",
+        query: {
+          data: b,
+        },
+      });
+    },
+    history(b) {
+      this.$router.push({
+        path: "/history_date",
+        query: {
+          data: b,
+        },
+      });
+    },
+    toExcel() {
+      excelHelper.exportExcel("datatable", "xl数据", ".xls", true);
+    },
+    query_wpid() {
+      this.$http.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data.data;
+      });
+    },
+    
+  },
+  mounted() {
+    this.query_wpid();
+    this.query_table();
+  },
+};
+</script>
+<style scoped>
+</style>

src/views/SinglePerformanceAnalysis/individualinformation_fcmgt.vue

@@ -0,0 +1,103 @@
+<template>
+    <el-row>
+      <el-col :span="12">
+        
+          <div
+                id="leidatu"
+                style="
+                  height: 330px;
+                  width: 393px;
+                  margin-left: 9px;
+                  margin-bottom: 39px;
+                "
+              ></div>
+      </el-col>
+      <el-col :span="12"></el-col>
+    </el-row>
+</template>
+<script>
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+       b:[],
+       leida_list: [],
+       jfpl:"图例",
+    }
+  },
+   created() {
+  },
+  methods: {
+      initialize(b){
+          this.b = b;
+          console.log(b+"-------");
+          this.leida_list.push(1,2,3,4,5,6,7,8);
+          this.drawleidatu();
+      },
+      drawleidatu() {
+      var chartDom = document.getElementById("leidatu");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      option = {
+        title: {
+          text: "基础雷达图",
+        },
+        tooltip: {},
+        legend: {
+          top: "93%",
+          left: "10%",
+        },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "北", max: 30 },
+            { name: "北北东", max: 30 },
+            { name: "北东", max: 30 },
+            { name: "东北东", max: 30 },
+            { name: "东", max: 30 },
+            { name: "东南东", max: 30 },
+            { name: "南东", max: 30 },
+            { name: "南南东", max: 30 },
+            { name: "南", max: 30 },
+            { name: "南南西", max: 30 },
+            { name: "南西", max: 30 },
+            { name: "西南西", max: 30 },
+            { name: "西", max: 30 },
+            { name: "西北西", max: 30 },
+            { name: "北西", max: 30 },
+            { name: "北北西", max: 30 },
+          ],
+        },
+        series: [
+          {
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.leida_list,
+                name: this.jfpl,
+              },
+            ],
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+  },
+  mounted() {
+    },
+};
+</script>
+<style scoped>
+
+</style>