4-23 单机信息总览

src/assets/css/singlePerformanceAnalysis/individualPandectinformationdetails.scss

@@ -0,0 +1,3 @@
+.el-form-item {
+  margin-bottom: 3px;
+}

src/assets/js/singlePerformanceAnalysis/individualHistoryinformation.js

@@ -0,0 +1,66 @@
+
+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.API.post("/goodness/goodhistorylist", digital).then((res) => {
+         this.tableData = res.data;
+      });
+
+     },
+     data_formatter(cellValue){ return this.BASE.getBzDate(new Date(cellValue.recorddate),0)},
+     gaindate() {
+      this.b = this.$route.query.data;
+      this.fc = this.$route.query.data.windtpowerstationid;
+      this.fj = this.$route.query.data.windturbineid;
+      this.data_01 = this.BASE.getBzDate(
+        new Date(this.$route.query.data.recorddate),0
+      );
+      this.data_02 = this.BASE.getBzDate(
+        new Date(this.$route.query.data.recorddate+60*60*24*1000),0
+      );
+      this.query_wpid();
+    },
+    goback() {
+      this.$router.push({
+        path: "/individualPandectinformation"
+      });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+  },
+  mounted() {
+      this.gaindate();
+      this.query_table();
+    },
+};

src/assets/js/singlePerformanceAnalysis/individualPandectinformation.js

@@ -0,0 +1,63 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tableData: [],
+      date_1: "",
+      currentPage2: 1,
+      pagesize: 10,
+      isAsc:'asc',
+      orderByColumn:'',
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      fc: "MHS_FDC",
+    };
+  },
+  created() {},
+  methods: {
+    query_table(){
+      let that = this;
+      this.tableData = [];
+      var digital = new URLSearchParams();
+        digital.append('isAsc',this.isAsc);
+        digital.append('wpId',this.fc);
+        digital.append('recorddate',this.date_1);
+      this.API.post('/goodness/windturbinegoodness',digital).then((res) => {
+          that.tableData = res.data.list;
+      })
+    },
+    handleEdit(b) {
+      this.$router.push({
+        path: "/individualPandectinformationdetails",
+        query: {
+          data: b,
+        },
+      });
+    },
+    history(b) {
+      this.$router.push({
+        path: "/individualHistoryinformation",
+        query: {
+          data: b,
+        },
+      });
+    },
+    // toExcel() {
+    //   excelHelper.exportExcel("tableData", "单机信息总览", ".xls", true);
+    // },
+    query_wpid() {
+        this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    
+  },
+  mounted() {
+    var newData = new Date();
+    this.date_1 =  this.BASE.getBzDate(newData.getTime(),-1);
+    this.query_wpid();
+    this.query_table();
+  },
+};

src/router/zm.js

@@ -42,5 +42,21 @@ export default [
   { // 单机横向对比
     path:'/singleTransverseBenchmark',
     component: r => require.ensure([], () => r(require('@views/benchmarkingSys/singleTransverseBenchmark')), 'benchmarkingSys')
+  },
+  { // 单机信息总览
+    path:'/individualPandectinformation',
+    component: r => require.ensure([], () => r(require('@views/singlePerformanceAnalysis/individualPandectinformation')), 'benchmarkingSys')
+  },
+  { // 单机信息总览 (历史)
+    path:'/individualHistoryinformation',
+    component: r => require.ensure([], () => r(require('@views/singlePerformanceAnalysis/individualHistoryinformation')), 'benchmarkingSys')
+  },
+  { // 单机信息总览 (历史)
+    path:'/individualPandectinformationdetails',
+    component: r => require.ensure([], () => r(require('@views/singlePerformanceAnalysis/individualPandectinformationdetails')), 'benchmarkingSys')
+  },
+  { // 单机信息详情
+    path:'/individualPandectinformationdetails',
+    component: r => require.ensure([], () => r(require('@views/singlePerformanceAnalysis/individualPandectinformationdetails')), 'benchmarkingSys')
   }
 ]

src/tools/echartsToolzm.js

@@ -80,7 +80,7 @@ export function getBar_fdd(id, data , xdata) {
   myChart.setOption(option, true);
 }
 /**
- * 
+ * 对标分析弹出雷达图--->
  * @param {id名称} id 
  * @param {第一台风机数据} value1 
  * @param {第一台风机名字} name1 
@@ -486,7 +486,7 @@ export function leida_djbhd(id  , value , name) {
 myChart.setOption(option, true);
 }
 /**
- * 
+ * 单机饱和度---->
  * @param {id名称} id 
  * @param {风机集合} fj 
  * @param {曲线数据} lineDate 
@@ -568,7 +568,159 @@ export function bar_djbhd(id  , fj , lineDate) {
 };
 myChart.setOption(option, true);
 }
+/**
+ * 用于单机性能分析--->可定义显示属性位置
+ * @param {id名称} id 
+ * @param {数据} value 
+ * @param {名} name 
+ * @returns 
+ */
+export function bar_DJXNFX(id  , value , name) {
+  if(value === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  var option;
 
+      option = {
+        title: {},
+        tooltip: {},
+        legend: {
+          top: "93%",
+          left: "10%",
+        },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "北", max: 99 },
+            { name: "北北东", max: 99 },
+            { name: "北东", max: 99 },
+            { name: "东北东", max: 99 },
+            { name: "东", max: 99 },
+            { name: "东南东", max: 99 },
+            { name: "南东", max: 99 },
+            { name: "南南东", max: 99 },
+            { name: "南", max: 99 },
+            { name: "南南西", max: 99 },
+            { name: "南西", max: 99 },
+            { name: "西南西", max: 99 },
+            { name: "西", max: 99 },
+            { name: "西北西", max: 99 },
+            { name: "北西", max: 99 },
+            { name: "北北西", max: 99 },
+          ],
+        },
+        series: [
+          {
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: value,
+                name: name,
+                // label: {
+                //   show: true,
+                //   formatter: function (params) {
+                //     return params.value;
+                //   },
+                // },
+                areaStyle: {
+                  opacity: 0.9,
+                  color: new EC.graphic.RadialGradient(0.5, 0.5, 1, [
+                    {
+                      color: "#B8D3E4",
+                      offset: 0,
+                    },
+                    {
+                      color: "#72ACD1",
+                      offset: 1,
+                    },
+                  ]),
+                },
+              },
+            ],
+
+          },
+        ],
+        tooltip: {
+               position:function(p){ //其中p为当前鼠标的位置
+                return [p[0] + 10, p[1] - 100];
+                },
+                textStyle: {
+                 fontWeight: "16px",
+                  fontSize: 16,
+                  lineHeight: 0,
+                  
+              }
+              // formatter: (params) => {
+              //   for(var i=0;i<Object.keys(params.data.value).length;i++){
+              //   return params.data.name[0]+':'+params.data.value[0];
+              //   }
+              // },
+            },
+      };
+
+      myChart.setOption(option, true);
+    }
+/**
+ * 
+* 用于单机性能分析--->
+ * @param {id名称} id 
+ * @param {数据} value 
+ * @returns 
+ */
+export function qt_DJXNFX(id  , value) {
+      if(value === undefined){
+        message.error("没有找到报表数据，请检查！");
+        return;
+      }
+      var myChart = EC.init(document.getElementById(id));
+      var option;
+    option = {
+      title: {
+        text: "",
+      },
+
+      tooltip: {
+        trigger: "item",
+      },
+      grid: {
+        left: 99,
+        top: 66,
+      },
+      legend: {
+        orient: "vertical",
+        left: "left",
+      },
+
+      series: [
+        {
+          type: "pie",
+          radius: ["35%", "70%"],
+          center: ["58%", "50%"],
+          data: value,
+          emphasis: {
+            itemStyle: {
+              shadowBlur: 10,
+              shadowOffsetX: 0,
+              shadowColor: "rgba(0, 0, 0, 0.5)",
+            },
+          },
+        },
+      ],
+    };
+    
+    myChart.setOption(option, true);
+  }
 export default {
   getBar_fdd,
   leida_tc,
@@ -576,5 +728,7 @@ export default {
   bar_tc_2,
   leida_djbhd,
   bar_djbhd,
+  bar_DJXNFX,
+  qt_DJXNFX,
   color,
 }

src/views/singlePerformanceAnalysis/individualHistoryinformation.vue

@@ -0,0 +1,106 @@
+<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 individualHistoryinformation from "@assets/js/singlePerformanceAnalysis/individualHistoryinformation";
+export default individualHistoryinformation;
+</script>
+
+<style lang="scss" scoped>
+ @import "@assets/css/singlePerformanceAnalysis/individualHistoryinformation.scss";
+</style>

src/views/singlePerformanceAnalysis/individualPandectinformation.vue

@@ -0,0 +1,92 @@
+<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
+                @change="query_table"
+                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" >导出</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <el-table
+      ref="singleTable"
+      id="tableData"
+      :data="tableData"
+       border
+       :cell-style="{ textAlign: 'center'}" 
+      highlight-current-row
+      style="width: 100%"
+      max-height="759px"
+    >
+      <el-table-column label="单机信息总览列表">
+      <el-table-column type="index" width="80"> </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="150">
+      </el-table-column>
+      <el-table-column property="daytop" label="日排行榜" width="120">
+      </el-table-column>
+      <el-table-column property="daygoodness" label="日拟合优度" width="130">
+      </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="130">
+      </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 individualPandectinformation from "@assets/js/singlePerformanceAnalysis/individualPandectinformation";
+export default individualPandectinformation;
+</script>
+
+<style lang="scss" scoped>
+ @import "@assets/css/singlePerformanceAnalysis/individualPandectinformation.scss";
+</style>

src/views/singlePerformanceAnalysis/individualPandectinformationdetails.vue

@@ -0,0 +1,977 @@
+<template>
+  <el-main>
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane label="风机运行情况" name="no_1">
+        <el-card>
+          <el-form :inline="true" class="demo-form-inline" >
+            <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="data_01"
+                value-format="yyyy-MM-dd"
+                type="date"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                @click="query_cutin_windspeed"
+                :plain="true"
+                >查询</el-button
+              >
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="goback">返回</el-button>
+            </el-form-item>
+          </el-form>
+          <el-row>
+            <div
+            v-loading="loading"
+              id="line_dataZoom"
+              style="
+                width: 2100px;
+                height: 239px;
+                margin-left: -6%;
+                margin-bottom:-1%
+              "
+            ></div>
+          </el-row>
+          <el-row>
+            <di id="echart_line" style="width: 1800px; height: 200px"></di>
+          </el-row>
+          <el-row>
+            <!-- <el-col :span="7" style="margin-left: 3%">
+              <div>
+                <el-table
+                  :data="tableData_01_bj"
+                  max-height="263px"
+                  height="263px"
+                  border
+                  style="width: 100%"
+                >
+                  <el-table-column label="当日报警记录">
+                    <el-table-column
+                      prop="windturbineid"
+                      label="风机"
+                      width="183"
+                    >
+                    </el-table-column>
+                    <el-table-column prop="warnDesc" label="描述" width="178">
+                    </el-table-column>
+                    <el-table-column
+                      prop="warningtime"
+                      :formatter="warningtime"
+                      label="报警日期"
+                      width="183"
+                    >
+                    </el-table-column>
+                  </el-table-column>
+                </el-table>
+                <el-pagination
+                  style="margin-left: 33px"
+                  @size-change="handleSizeChange_01_bj"
+                  @current-change="handleCurrentChange_01_bj"
+                  :current-page.sync="currentPage3_01_bj"
+                  :page-size=8
+                  layout="prev, pager, next, jumper"
+                  :total=pages01_bj
+                >
+                </el-pagination>
+              </div>
+            </el-col>
+            <el-col :span="7" style="margin-left: 2%">
+              <el-table
+                :data="tableData_01_gz"
+                max-height="263px"
+                height="263px"
+                border
+                style="width: 100%"
+              >
+                <el-table-column label="当日故障记录">
+                  <el-table-column
+                    prop="windTurbineId"
+                    label="风机"
+                    width="178"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="startTime"
+                    :formatter="startTime"
+                    label="停机日期"
+                    width="183"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="stopTime"
+                    :formatter="stopTime"
+                    label="恢复日期"
+                    width="183"
+                  >
+                  </el-table-column>
+                </el-table-column>
+              </el-table>
+              <el-pagination
+                style="margin-left: 33px"
+                @size-change="handleSizeChange_01_gz"
+                @current-change="handleCurrentChange_01_gz"
+                :current-page.sync="currentPage3_01_gz"
+                :page-size="100"
+                layout="prev, pager, next, jumper"
+                :total="1000"
+              >
+              </el-pagination
+            ></el-col> -->
+            <el-col :span="23" style="margin-left: 2%"
+              ><div>
+                <el-table
+                  :data="tableData_01_xd"
+                  max-height="263px"
+                  height="263px"
+                  border
+                  style="width: 100%"
+                >
+                  <el-table-column label="当日限电记录">
+                    <el-table-column
+                      prop="windturbineid"
+                      label="名字"
+                      width="358"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                      prop="starttime"
+                      :formatter="starttime"
+                      label="停机日期"
+                      width="358"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                      prop="stoptime"
+                      :formatter="stoptime"
+                      label="恢复日期"
+                      width="358"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                      prop="losspower"
+                      label="损失电量"
+                      width="358"
+                    >
+                    </el-table-column>
+                    <el-table-column
+                      prop="stophours"
+                      label="限电时长"
+                      width="358"
+                    >
+                    </el-table-column>
+                  </el-table-column>
+                </el-table>
+                <el-pagination
+                  style="margin-left: 633px"
+                  @size-change="handleSizeChange_01_xd"
+                  @current-change="handleCurrentChange_01_xd"
+                  :current-page.sync="currentPage3_01_xd"
+                  :page-size="3"
+                  layout="prev, pager, next, jumper"
+                  :total="pages01_xd"
+                >
+                </el-pagination></div
+            ></el-col>
+          </el-row>
+        </el-card>
+      </el-tab-pane>
+      <el-tab-pane label="风机日详细信息" name="no_2">
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          style="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="data_01"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="选择日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="query_Data02" :plain="true"
+              >查询</el-button
+            >
+          </el-form-item>
+          <el-form-item>
+              <el-button type="primary" @click="goback">返回</el-button>
+            </el-form-item>
+        </el-form>
+        <el-row>
+          <el-col :span="12">
+            <div
+              id="echartline"
+              style="width: 900px; height: 200px; margin: auto"
+            ></div>
+          </el-col>
+          <el-col :span="12">
+            <el-table
+              :data="tableData_02_bj"
+              max-height="200px"
+              border
+              style="width: 100%"
+            >
+              <el-table-column label="当日报警记录">
+                <el-table-column prop="windturbineid" label="风机" width="309">
+                </el-table-column>
+                <el-table-column prop="warnDesc" label="描述" width="309">
+                </el-table-column>
+                <el-table-column
+                  :formatter="formatter_date"
+                  prop="warningtime"
+                  label="报警日期"
+                  width="309"
+                >
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+            <el-pagination
+              style="margin-left: 210px"
+              @size-change="handleSizeChange_bj"
+              @current-change="handleCurrentChange_bj"
+              :current-page.sync="currentPage3_bj"
+              :page-size="3"
+              layout="prev, pager, next, jumper"
+              :page-count="pages02_bj"
+            >
+            </el-pagination>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-card>
+              <el-form
+                :inline="true"
+                :model="formInline"
+                class="demo-form-inline"
+                label-width="85px"
+                :disabled="true"
+              >
+                <el-form-item label="发电量">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c1"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="理论发电量">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c4"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="平均功率">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c7"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="平均风速">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c10"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="拟合优度">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c55"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="运行小时">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c13"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="停机小时">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c16"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="故障小时">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c19"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="维护小时">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c22"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="中断小时">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c25"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="有效风时数">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c28"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="损失电量">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c31"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="报警次数">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c34"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="停机次数">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c37"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="不饱和次数">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c40"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="设备可利用">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c43"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="保证偏差率">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c58"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="平均温度">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c46"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="平均湿度">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c49"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="平均压强">
+                  <el-input
+                    style="width: 80px"
+                    v-model="formInline.c52"
+                  ></el-input>
+                </el-form-item>
+              </el-form>
+            </el-card>
+          </el-col>
+          <el-col :span="12"
+            ><div>
+              <el-table
+                :data="tableData_02_gz"
+                max-height="170px"
+                height="179px"
+                border
+                style="width: 100%"
+              >
+                <el-table-column label="当日故障记录">
+                  <el-table-column
+                    prop="windTurbineId"
+                    label="风机"
+                    width="309"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="startTime"
+                    :formatter="startTime"
+                    label="停机日期"
+                    width="309"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="stopTime"
+                    :formatter="stopTime"
+                    label="恢复日期"
+                    width="309"
+                  >
+                  </el-table-column>
+                </el-table-column>
+              </el-table>
+              <el-pagination
+                style="margin-left: 210px"
+                @size-change="handleSizeChange_gz"
+                @current-change="handleCurrentChange_gz"
+                :current-page.sync="currentPage3_gz"
+                :page-size="3"
+                layout="prev, pager, next, jumper"
+                :page-count="pages02_gz"
+              >
+              </el-pagination></div
+          ></el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="7">
+            <el-card>
+              <el-form
+                :inline="true"
+                :model="formInline"
+                class="demo-form-inline"
+                label-width="83px"
+                :disabled="true"
+              >
+                <el-form-item label="月发电量">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c2"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月理论发电">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c5"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月平均功率">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c8"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月平均风速">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c11"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月拟合优度">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c56"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月运行小时">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c14"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月停机小时">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c25"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月故障小时">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c20"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月维护小时">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c23"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月中断小时">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c26"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月有效风时">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c29"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月报警次数">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c35"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月停机次数">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c37"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="月保证偏差">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c59"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="设备可利用">
+                  <el-input
+                    style="width: 72px"
+                    v-model="formInline.c44"
+                  ></el-input>
+                </el-form-item>
+              </el-form>
+            </el-card>
+          </el-col>
+          <el-col :span="5">
+            <el-row>
+              <el-form
+                :inline="true"
+                :model="formInline"
+                class="demo-form-inline"
+                label-width="85px"
+                :disabled="true"
+              >
+                <el-form-item label="年发电量">
+                  <el-input
+                    style="width: 70px"
+                    v-model="formInline.c3"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="年拟合优度">
+                  <el-input
+                    style="width: 75px"
+                    v-model="formInline.c57"
+                  ></el-input>
+                </el-form-item>
+              </el-form>
+            </el-row>
+            <el-row>
+              <div
+                id="leidatu"
+                style="height: 230px; width: 393px; margin-left: 9px"
+              ></div>
+            </el-row>
+          </el-col>
+          <el-col :span="12">
+            <el-table
+              :data="tableData_02_ybj"
+              max-height="288px"
+              border
+              hheight="288px"
+              style="width: 100%"
+            >
+              <el-table-column label="当月报警排行">
+                <el-table-column prop="name" label="名字" width="460">
+                </el-table-column>
+                <el-table-column prop="num" label="次数" width="460">
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="风场玫瑰图" name="no_3">
+        <el-form :inline="true" class="demo-form-inline" style="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-date-picker
+              v-model="data_01"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="选择日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="queryleidatu_fc_01" :plain="true"
+              >查询</el-button
+            >
+          </el-form-item>
+          <el-form-item>
+              <el-button type="primary" @click="goback">返回</el-button>
+            </el-form-item>
+        </el-form>
+        <el-row>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >日最大风速</el-tag
+            >
+            <div
+              id="leidatu_fc_01"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >月最大风速</el-tag
+            >
+            <div
+              id="leidatu_fc_02"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >年最大风速</el-tag
+            >
+            <div
+              id="leidatu_fc_03"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >日风向频率</el-tag
+            >
+            <div
+              id="leidatu_fc_04"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >月风向频率</el-tag
+            >
+            <div
+              id="leidatu_fc_05"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >年风向频率</el-tag
+            >
+            <div
+              id="leidatu_fc_06"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="风机玫瑰图" name="no_4">
+        <el-form :inline="true" class="demo-form-inline" style="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="data_01"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="选择日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="queryleidatu_fj_01" :plain="true"
+              >查询</el-button
+            >
+          </el-form-item>
+          <el-form-item>
+              <el-button type="primary" @click="goback">返回</el-button>
+            </el-form-item>
+        </el-form>
+        <el-row>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >日最大风速</el-tag
+            >
+            <div
+              id="leidatu_fj_01"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >月最大风速</el-tag
+            >
+            <div
+              id="leidatu_fj_02"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >年最大风速</el-tag
+            >
+            <div
+              id="leidatu_fj_03"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >日风向频率</el-tag
+            >
+            <div
+              id="leidatu_fj_04"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >月风向频率</el-tag
+            >
+            <div
+              id="leidatu_fj_05"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >年风向频率</el-tag
+            >
+            <div
+              id="leidatu_fj_06"
+              style="height: 330px; width: 393px; margin-left: 99px"
+            ></div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="风机切入切出分析" name="no_5">
+        <el-form :inline="true" class="demo-form-inline" style="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="data_01"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="选择日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="query_01" :plain="true"
+              >查询</el-button
+            >
+          </el-form-item>
+          <el-form-item>
+              <el-button type="primary" @click="goback">返回</el-button>
+            </el-form-item>
+        </el-form>
+        <el-row>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >日切入频率分析</el-tag
+            >
+            <div
+              id="line_01"
+              style="height: 330px; width: 493px; margin-left: 9px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >月切入频率分析</el-tag
+            >
+            <div
+              id="line_02"
+              style="height: 330px; width: 493px; margin-left: 9px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >年切入频率分析</el-tag
+            >
+            <div
+              id="line_03"
+              style="height: 330px; width: 493px; margin-left: 9px"
+            ></div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >日切出频率分析</el-tag
+            >
+            <div
+              id="line_04"
+              style="height: 330px; width: 493px; margin-left: 9px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >月切出频率分析</el-tag
+            >
+            <div
+              id="line_05"
+              style="height: 330px; width: 493px; margin-left: 9px"
+            ></div>
+          </el-col>
+          <el-col :span="8"
+            ><el-tag type="info" style="width: 390px; font-size: 20px"
+              >年切出频率分析</el-tag
+            >
+            <div
+              id="line_06"
+              style="height: 330px; width: 493px; margin-left: 9px"
+            ></div>
+          </el-col> </el-row
+      ></el-tab-pane>
+    </el-tabs>
+    <el-dialog title="点击信息详情" :visible.sync="dialogVisible" width="39%">
+      <el-table :data="biaogeDate" border style="width: 100%">
+        <el-table-column prop="ks" label="开始时间" width="160">
+        </el-table-column>
+        <el-table-column prop="js" label="结束时间" width="160">
+        </el-table-column>
+        <el-table-column prop="sk" label="时长" width="60"> </el-table-column>
+        <el-table-column prop="gl" label="功率" width="80"> </el-table-column>
+        <el-table-column prop="llfdl" label="理论发电量" width="100">
+        </el-table-column>
+        <el-table-column prop="ssdl" label="损失电量" width="100">
+        </el-table-column>
+        <el-table-column prop="fjzt" label="风机状态" width="80">
+        </el-table-column>
+      </el-table>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="dialogVisible = false"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </el-main>
+</template>
+
+<script>
+import individualPandectinformationdetails from "@assets/js/singlePerformanceAnalysis/individualPandectinformationdetails";
+export default individualPandectinformationdetails;
+</script>
+
+<style lang="scss" scoped>
+ @import "@assets/css/singlePerformanceAnalysis/individualPandectinformationdetails.scss";
+</style>