健康报告功能

src/App.vue

@@ -89,6 +89,7 @@
           </el-submenu>
           <el-submenu index="5">
             <template slot="title">健康管理</template>
+            <el-menu-item index="/healthAssessment">健康评价报告</el-menu-item>
           </el-submenu>
           <el-submenu index="6">
             <template slot="title">智能报警</template>

src/router/index.js

@@ -265,6 +265,17 @@ const routes = [{
 		component: () => import('../views/betweenValues/InterValueLineTable.vue')
 	}
 	,
+	{
+		path: '/healthAssessmentReport',
+		name: 'healthAssessmentReport',
+		component: () => import('../views/HealthManagement/HealthAssessmentReport.vue')
+	}
+	,
+	{
+		path: '/healthAssessment',
+		name: 'healthAssessment',
+		component: () => import('../views/HealthManagement/HealthAssessment.vue')
+	}
 	
 ]
 

src/views/HealthManagement/HealthAssessment.vue

@@ -0,0 +1,169 @@
+<template>
+    <div class="box" id="pdfDom">
+        <div class="searchBar">
+           <el-form :inline="true" :model="formInline" class="demo-form-inline">
+            <el-row :gutter="1">
+                <el-form-item label="查询条件">
+                </el-form-item>
+                <el-form-item label="风场：">
+                <el-select v-model="value"  placeholder="请选择" @change="getFCData">
+                <el-option
+                    v-for="item in options"
+                    :key="item.name"
+                    :label="item.name"
+                    :value="item.id">
+                </el-option>
+                </el-select>
+                </el-form-item>
+                <el-form-item label="风机：">
+                    <el-select v-model="value2"  
+                     placeholder="请选择">
+                    <el-option
+                        v-for="item in options2"
+                        :key="item.name"
+                        :label="item.name"
+                        :value="item.id"
+                    >
+                    </el-option>
+                    </el-select>
+                    </el-form-item>
+                    <el-form-item label="选择时间：">
+                        <el-date-picker
+                        value-format="yyyy-MM-dd"
+                        v-model="time"
+                        type="date"
+                        placeholder="选择日期"
+                        format="yyyy-MM-dd">
+                        </el-date-picker>
+                    </el-form-item>
+                <el-form-item>
+                <el-button type="primary" @click="queryApData" :plain="true"
+                    >查询</el-button
+                >
+                </el-form-item>
+                <el-form-item>
+                <el-button type="primary" @click="toExcel()">导出</el-button>
+                </el-form-item>
+                <el-form-item>
+                <el-button type="primary" v-on:click="getPdf('单机性能分析')">导出pdf</el-button>
+                </el-form-item>
+            </el-row>
+            </el-form>
+            <el-table
+                id="callthepolicetable"
+                :row-style="{ height: '10px' }" 
+                :cell-style="{ textAlign: 'center',padding:'1px' }" 
+                :header-cell-style="{ textAlign:'center',background:'#F5F7FA'}"
+                @sort-change="changeTableSort"
+                @row-click="tableDatawindturbineName"
+                :data="tableData"
+                align="center"
+                border
+                style="width: 100%;margin-top:2%;cursor: pointer;">
+                <el-table-column
+                prop="wtid"
+                label="风机"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="gztop3name"
+                label="推荐检修"
+                width="300">
+                </el-table-column>
+            </el-table>
+        </div>
+    </div>
+</template>
+<script>
+import {formatDate} from '../../utils/fomatDate';
+export default {
+    data(){
+        return {
+            pdfTitle: '因子评价报告',
+            pdfSelector: '单机性能分析',
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            value:'',
+            value2:'',
+            options:[],
+            options2:[],
+            time:'',
+            fanData:'',
+            tableData: []
+            
+        }
+    },
+    filters: {　
+　　 　//方法一: yyyy-MM-dd hh:mm
+        
+    },
+    created(){
+        this.$http.get('/powercompare/windfarmAjax').then((res) => {
+            this.options = res.data.data;
+        })
+        // this.getHealthForm();
+    },
+    methods:{
+        queryApData() {
+             this.getHealthForm();
+        },
+        headStyle() {
+          return "text-align:center"
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.performance();
+        },
+        getFCData(){
+            this.$http.get('/powercompare/windturbineAjax?wpId=' + this.value).then((res) => {
+                this.options2 = res.data.data;
+            })
+        },
+        tableDatawindturbineName(val){
+          this.fanData = val;
+        //   console.log(this.fanData)
+          this.$router.push({
+            path:'/healthAssessmentReport',
+            query:{
+              data:this.fanData,
+              recorddate: this.time,
+            }
+          })
+        },
+        getHealthForm(){
+            // console.log(this.value2)
+            // console.log(this.time)
+            var healthForm = new URLSearchParams();
+            healthForm.append('wtId',this.value2);
+            healthForm.append('recorddate',this.time);
+            this.$http.post('/report/healthReport',healthForm).then((res) =>{
+                console.log(res.data.data.main)
+                this.tableData.push(res.data.data.main)
+            })
+        },
+    }
+}
+</script>
+<style lang="scss" scoped>
+    .box{
+		width: 100%;
+		display: flex;
+		justify-content: space-around;
+ 		align-items: center;
+ 		overflow: hidden;
+  	}
+    .searchBar{
+        margin-top: 1%;
+    }
+    .box-card{
+        width: 100%;
+    }
+</style>

src/views/HealthManagement/HealthAssessmentReport.vue

@@ -0,0 +1,682 @@
+<template>
+    <div class="box">
+        <div style="font-size:45px;font-weight:600;margin-top:1%;width:100%;text-align:center">健康评价报告概述</div>
+        <div style="font-size:35px;margin-left:8%;margin-top:3%;width:100%;text-align:left;font-weight:600">{{wtName}}</div>
+        <div style="font-size:30px;margin-left:8%;margin-top:1%;width:100%;text-align:left;font-weight:600">评级操作：{{djpgjb}}</div>
+        <div v-if="tjdiv">
+        <div style="font-size:30px;margin-left:8%;margin-top:8%;width:100%;text-align:left;font-weight:600">推荐检修方案：</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:1%;width:100%;text-align:left;">故障预测：</div>
+        <div style="font-size:30px;margin-left:13%;margin-top:1%;width:100%;text-align:left;">高频：{{highfrequency}}</div>
+        <div style="font-size:30px;margin-left:13%;margin-top:1%;width:100%;text-align:left;">中频：{{intermediatefrequency}}</div>
+        <div style="font-size:30px;margin-left:13%;margin-top:1%;width:100%;text-align:left;">低频：{{lowfrequency}}</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:5%;width:100%;text-align:left;">推荐检修理由：{{mainmethod}}</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:1%;width:100%;text-align:left;">推荐检修日期：{{maindate}}</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:1%;width:100%;text-align:left;">推荐排查方法：</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:1%;width:100%;text-align:left;">推荐处理方法：</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:1%;width:100%;text-align:left;">推荐工器具：{{tools}}</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:1%;width:100%;text-align:left;">平均消缺时长：{{mainhour}}</div>
+        <div style="font-size:30px;margin-left:10%;margin-top:1%;width:100%;text-align:left;">推荐检修风速：{{windspeed}}</div>
+        <div style="font-size:30px;margin-left:8%;margin-top:3%;width:100%;text-align:left;">结论：{{conclusion}}</div>
+        </div>
+        <div style="font-size:30px;margin-left:8%;margin-top:8%;width:100%;text-align:left;font-weight:600">报告出具时间：{{bgcjdate}}</div>
+        <div style="font-size:25px;margin-left:8%;margin-top:8%;width:100%;text-align:left;">近一周曲线偏差率对比：</div>
+        <div id="chartHistogram" style="width: 100%; height: 400px;margin-top:3%"></div>
+        <div style="font-size:25px;margin-left:10%;margin-top:8%;width:100%;text-align:left;font-weight:600">部件：</div>
+        <div style="font-size:25px;margin-left:10%;margin-top:1%;width:100%;text-align:left;font-weight:600">发电机</div>
+        <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">1）关键参数：发电机采用 发电机轴A温度、发电机轴B温度、发电机U相绕组温度、发电机V相绕组温度、发电机W相绕组温度、发电机冷却风为关键参数，该参数在统计周期内数据显示样本在安全运行区内，没有超过进入劣化区。</div>
+        <div style="font-size:25px;margin-top:1%;width:100%;text-align:center">表1 发电机关键参数值</div>
+        <el-table
+                id="callthepolicetable"
+                :row-style="{ height: '10px' }" 
+                :cell-style="{ textAlign: 'center',padding:'1px' }" 
+                :header-cell-style="{ textAlign:'center',background:'#F5F7FA'}"
+                @sort-change="changeTableSort"
+                :data="fdjtable"
+                align="center"
+                border
+                style="width: 100%;margin-top:2%;">
+                <el-table-column
+                prop="name"
+                label="关键参数"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="edz"
+                label="额定值"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="yxfw"
+                label="允许范围"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="qz"
+                label="权重"
+                width="300">
+                </el-table-column>
+            </el-table>
+            <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">2）发电机健康情况走势图（1 良好 2 正常 3 注意 4 严重）</div>
+            <div id="chartHistogram2" style="width: 100%; height: 400px;margin-top:3%"></div>
+            <div style="font-size:25px;margin-left:10%;margin-top:1%;width:100%;text-align:left;font-weight:600">齿轮箱</div>
+        <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">1）关键参数：齿轮箱采用齿轮箱输入轴1油温、齿轮箱输入轴2油温、齿轮箱入口油温、齿轮箱油温为关键参数，该参数在统计周期内数据显示样本在安全运行区内，没有超过进入劣化区。</div>
+        <div style="font-size:25px;margin-top:1%;width:100%;text-align:center">表2 齿轮箱关键参数值</div>
+        <el-table
+                id="callthepolicetable"
+                :row-style="{ height: '10px' }" 
+                :cell-style="{ textAlign: 'center',padding:'1px' }" 
+                :header-cell-style="{ textAlign:'center',background:'#F5F7FA'}"
+                @sort-change="changeTableSort"
+                :data="clxtable"
+                align="center"
+                border
+                style="width: 100%;margin-top:2%;">
+                <el-table-column
+                prop="name"
+                label="关键参数"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="edz"
+                label="额定值"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="yxfw"
+                label="允许范围"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="qz"
+                label="权重"
+                width="300">
+                </el-table-column>
+            </el-table>
+            <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">2）齿轮箱健康情况走势图（1 良好 2 正常 3 注意 4 严重）</div>
+            <div id="chartHistogram3" style="width: 100%; height: 400px;margin-top:3%"></div>
+            <div style="font-size:25px;margin-left:10%;margin-top:1%;width:100%;text-align:left;font-weight:600">变浆</div>
+        <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">1）关键参数：变浆采用变浆电容器温度1、变浆电容器温度2、变浆电容器温度3、变浆电容电压1、变浆电容电压2、变浆电容电压3、变浆电流器温度1、变浆电流器温度2、变浆电流器温度3、电机温度1、电机温度2、电机温度3、变浆控制柜温度1、变浆控制柜温度2、变浆控制柜温度3为关键参数，该参数在统计周期内数据显示样本在安全运行区内，没有超过进入劣化区。</div>
+        <div style="font-size:25px;margin-top:1%;width:100%;text-align:center">表3 变桨关键参数值</div>
+        <el-table
+                id="callthepolicetable"
+                :row-style="{ height: '10px' }" 
+                :cell-style="{ textAlign: 'center',padding:'1px' }" 
+                :header-cell-style="{ textAlign:'center',background:'#F5F7FA'}"
+                @sort-change="changeTableSort"
+                :data="bjtable"
+                align="center"
+                border
+                style="width: 100%;margin-top:2%;">
+                <el-table-column
+                prop="name"
+                label="关键参数"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="edz"
+                label="额定值"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="yxfw"
+                label="允许范围"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="qz"
+                label="权重"
+                width="300">
+                </el-table-column>
+            </el-table>
+            <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">2）变浆健康情况走势图（1 良好 2 正常 3 注意 4 严重）</div>
+            <div id="chartHistogram4" style="width: 100%; height: 400px;margin-top:3%"></div>
+            <div style="font-size:25px;margin-left:10%;margin-top:1%;width:100%;text-align:left;font-weight:600">主控</div>
+        <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">1）关键参数：主控采用 发电机轴A温度、发电机轴B温度、发电机U相绕组温度、发电机V相绕组温度、发电机W相绕组温度、发电机冷却风为关键参数，该参数在统计周期内数据显示样本在安全运行区内，没有超过进入劣化区。</div>
+        <div style="font-size:25px;margin-top:1%;width:100%;text-align:center">表4 主控关键参数值</div>
+        <el-table
+                id="callthepolicetable"
+                :row-style="{ height: '10px' }" 
+                :cell-style="{ textAlign: 'center',padding:'1px' }" 
+                :header-cell-style="{ textAlign:'center',background:'#F5F7FA'}"
+                @sort-change="changeTableSort"
+                :data="zktable"
+                align="center"
+                border
+                style="width: 100%;margin-top:2%;">
+                <el-table-column
+                prop="name"
+                label="关键参数"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="edz"
+                label="额定值"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="yxfw"
+                label="允许范围"
+                width="300">
+                </el-table-column>
+                <el-table-column
+                prop="qz"
+                label="权重"
+                width="300">
+                </el-table-column>
+            </el-table>
+            <div style="font-size:25px;margin-left:10%;margin-top:1%;width:80%;text-align:left;font-weight:600">2）主控健康情况走势图（1 良好 2 正常 3 注意 4 严重）</div>
+            <div id="chartHistogram5" style="width: 100%; height: 400px;margin-top:3%"></div>
+    </div>
+</template>
+<script>
+import * as echarts from "echarts";
+import {formatDate} from '../../utils/fomatDate';
+export default {
+    data(){
+        return {
+            tjdiv:'',
+            tableDataAll:[],
+            fdjtable:[],
+            clxtable:[],
+            zktable:[],
+            bjtable:[],
+            wtid:'',
+            textData:'',
+            recorddate:'',
+            qxpclChart:'',
+            qxpclData:[],
+            qxpcljzzData:[],
+            xqxpcldata:[],
+            fdlChart:[],
+            clxChart:[],
+            bjChart:[],
+            zkChart:[],
+            fdlData:[],
+            clxData:[],
+            bjData:[],
+            zkData:[],
+            xfdldata:[],
+            xclxdata:[],
+            xbjdata:[],
+            xzkdata:[],
+            //推荐检修风速
+            windspeed:'',
+            //结论
+            conclusion:'',
+            //高频
+            highfrequency:'',
+            //中频
+            intermediatefrequency:'',
+            //低频
+            lowfrequency:'',
+            //推荐工具器
+            tools:'',
+            //平均消缺时长
+            mainhour:'',
+            //推荐检修理由
+            mainmethod:'',
+            //推荐检修日期
+            maindate:'',
+            //报告出具时间
+            bgcjdate:'',
+            //风机
+            wtName:'',
+            //评级操作
+            djpgjb:'',
+            
+
+        }
+    },
+    created(){
+        this.getData();
+        this.KeyparameterData();
+    },
+    methods:{
+        headStyle() {
+          return "text-align:center"
+        },
+        KeyparameterData(){
+            this.fdjtable.push({name:'发电机轴A温度',edz:'76',yxfw:'0-95',qz:'0.035'});
+            this.fdjtable.push({name:'发电机轴B温度',edz:'76',yxfw:'0-95',qz:'0.035'});
+            this.fdjtable.push({name:'发电机U相绕组温度',edz:'120',yxfw:'0-150',qz:'0.038'});
+            this.fdjtable.push({name:'发电机V相绕组温度',edz:'120',yxfw:'0-150',qz:'0.427'});
+            this.fdjtable.push({name:'发电机W相绕组温度',edz:'120',yxfw:'0-150',qz:'0.465'});
+            this.fdjtable.push({name:'发电机冷却风',edz:'56',yxfw:'0-70',qz:'0'});
+            this.clxtable.push({name:'齿轮箱输入轴1油温',edz:'76',yxfw:'0-95',qz:'0.0114'});
+            this.clxtable.push({name:'齿轮箱输入轴2油温',edz:'76',yxfw:'0-95',qz:'0.4537'});
+            this.clxtable.push({name:'齿轮箱入口油温',edz:'64',yxfw:'0-80',qz:'0.0218'});
+            this.clxtable.push({name:'齿轮箱油温',edz:'31',yxfw:'10-14-76-80',qz:'0.5131'});
+            this.bjtable.push({name:'变浆电容器温度1',edz:'52',yxfw:'0-65',qz:'0.0069'});
+            this.bjtable.push({name:'变浆电容器温度2',edz:'52',yxfw:'0-65',qz:'0.0069'});
+            this.bjtable.push({name:'变浆电容器温度3',edz:'52',yxfw:'0-65',qz:'0.0069'});
+            this.bjtable.push({name:'变浆电容电压1',edz:'58',yxfw:'53-56-60-63',qz:'0.2724'});
+            this.bjtable.push({name:'变浆电容电压2',edz:'58',yxfw:'53-56-60-63',qz:'0.2724'});
+            this.bjtable.push({name:'变浆电容电压3',edz:'58',yxfw:'53-56-60-63',qz:'0.2724'});
+            this.bjtable.push({name:'变浆电流器温度1',edz:'60',yxfw:'0-75',qz:'0.0128'});
+            this.bjtable.push({name:'变浆电流器温度2',edz:'60',yxfw:'0-75',qz:'0.0128'});
+            this.bjtable.push({name:'变浆电流器温度3',edz:'60',yxfw:'0-75',qz:'0.0128'});
+            this.bjtable.push({name:'电机温度1',edz:'110',yxfw:'0-135',qz:'0.0083'});
+            this.bjtable.push({name:'电机温度2',edz:'110',yxfw:'0-135',qz:'0.0083'});
+            this.bjtable.push({name:'电机温度3',edz:'110',yxfw:'0-135',qz:'0.0083'});
+            this.bjtable.push({name:'变浆控制柜温度1',edz:'52',yxfw:'0-65',qz:'0.0033'});
+            this.bjtable.push({name:'变浆控制柜温度2',edz:'52',yxfw:'0-65',qz:'0.0033'});
+            this.bjtable.push({name:'变浆控制柜温度3',edz:'52',yxfw:'0-65',qz:'0.0033'});
+            this.zktable.push({name:'塔底柜温度',edz:'40',yxfw:'0-50',qz:'0.75'});
+            this.zktable.push({name:'塔顶机舱柜温度',edz:'60',yxfw:'0-75',qz:'0.25'});
+            
+
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+        }, 
+        getData(){
+            this.qxpclData = [];
+            this.qxpcljzzData = [];
+            this.fdlData = [];
+            this.wtid = this.$route.query.data.wtid;
+            this.recorddate = this.$route.query.recorddate;
+            console.log(this.recorddate)
+            var healthForm = new URLSearchParams();
+            healthForm.append('wtId',this.wtid);
+            healthForm.append('recorddate',this.recorddate);
+            this.$http.post('/report/healthReport',healthForm).then((res) =>{
+                console.log(res.data.data)
+                this.qxpclChart = res.data.data.sub;
+                if(res.data.data.main.gztop3name == '健康指标未达到推荐级别，故不在推荐范围之内'){
+                    this.tjdiv = false;
+                }else{
+                    this.tjdiv = true;
+                }
+                for(let i=0;i<this.qxpclChart.length;i++){
+                    this.djpgjb = this.qxpclChart[0].djpgjb;
+                    this.qxpclData.push(this.qxpclChart[i].qxpcl);
+                    this.qxpcljzzData.push(this.qxpclChart[i].qxpcljzz);
+                    let datechart = new Date(this.qxpclChart[i].recodedate);
+                    this.xqxpcldata.push(formatDate(datechart, 'yyyy-MM-dd'))
+                    this.$nextTick(function() {
+                        this.getChartDataImport('chartHistogram')
+                    })
+                }
+                this.conclusion = res.data.data.main.gztop3name;
+                this.highfrequency = res.data.data.main.top1type;
+                this.intermediatefrequency = res.data.data.main.top2type;
+                this.lowfrequency = res.data.data.main.top3type;
+                this.windspeed = res.data.data.main.speed;
+                this.tools = res.data.data.main.tools;
+                this.mainhour = res.data.data.main.mainhour;
+                this.mainmethod = res.data.data.main.mainmethod;
+                this.maindate = res.data.data.main.maindate;
+                let date = new Date(this.maindate);
+                this.maindate = formatDate(date, 'yyyy-MM-dd');
+                this.bgcjdate = res.data.data.main.recodedate;
+                let datebg = new Date(this.bgcjdate);
+                this.bgcjdate = formatDate(datebg, 'yyyy-MM-dd');
+            })
+            var healthFormCharts = new URLSearchParams();
+            healthFormCharts.append('wtId',this.wtid);
+            healthFormCharts.append('partId','fdj');
+            healthFormCharts.append('recorddate',this.recorddate);
+            this.$http.post('/report/healthReportChart',healthFormCharts).then((res) =>{
+                this.fdlChart = res.data.data;
+                for(let i=0;i<this.fdlChart.length;i++){
+                    this.fdlData.push(this.fdlChart[i].value);
+                    let datefdlchart = new Date(this.fdlChart[i].recorddate);
+                    this.xfdldata.push(formatDate(datefdlchart, 'yyyy-MM-dd'))
+                    this.$nextTick(function() {
+                        this.getChartDataImport2('chartHistogram2')
+                    })
+                }
+            })
+            var gearboxCharts = new URLSearchParams();
+            gearboxCharts.append('wtId',this.wtid);
+            gearboxCharts.append('partId','clx');
+            gearboxCharts.append('recorddate',this.recorddate);
+            this.$http.post('/report/healthReportChart',gearboxCharts).then((res) =>{
+                this.clxChart = res.data.data;
+                for(let i=0;i<this.clxChart.length;i++){
+                    this.clxData.push(this.clxChart[i].value);
+                    let dateclxchart = new Date(this.clxChart[i].recorddate);
+                    this.xclxdata.push(formatDate(dateclxchart, 'yyyy-MM-dd'))
+                    this.$nextTick(function() {
+                        this.getChartDataImport3('chartHistogram3')
+                    })
+                }
+            })
+            var PitchCharts = new URLSearchParams();
+            PitchCharts.append('wtId',this.wtid);
+            PitchCharts.append('partId','bj');
+            PitchCharts.append('recorddate',this.recorddate);
+            this.$http.post('/report/healthReportChart',PitchCharts).then((res) =>{
+                this.bjChart = res.data.data;
+                for(let i=0;i<this.bjChart.length;i++){
+                    this.bjData.push(this.bjChart[i].value);
+                    let datebjchart = new Date(this.bjChart[i].recorddate);
+                    this.xbjdata.push(formatDate(datebjchart, 'yyyy-MM-dd'))
+                    this.$nextTick(function() {
+                        this.getChartDataImport4('chartHistogram4')
+                    })
+                }
+            })
+            var mastercontrolCharts = new URLSearchParams();
+            mastercontrolCharts.append('wtId',this.wtid);
+            mastercontrolCharts.append('partId','zk');
+            mastercontrolCharts.append('recorddate',this.recorddate);
+            this.$http.post('/report/healthReportChart',mastercontrolCharts).then((res) =>{
+                this.zkChart = res.data.data;
+                console.log(this.zkChart)
+                for(let i=0;i<this.zkChart.length;i++){
+                    this.wtName = this.zkChart[0].wtname;
+                    this.zkData.push(this.zkChart[i].value);
+                    let datezkchart = new Date(this.zkChart[i].recorddate);
+                    this.xzkdata.push(formatDate(datezkchart, 'yyyy-MM-dd'))
+                    this.$nextTick(function() {
+                        this.getChartDataImport5('chartHistogram5')
+                    })
+                }
+            })
+        },
+        getChartDataImport(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'cross',
+                        crossStyle: {
+                            color: '#999'
+                        }
+                    }
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'center',
+                    bottom:'bottom',
+                    data: ['曲线偏差率', '基准值']
+                },
+                xAxis: {
+                    type: 'category',
+                    data: this.xqxpcldata,
+                    splitLine: {
+                        show: true,
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine:{       //y轴
+                        show: true
+                    },
+                    splitLine: {     //网格线
+                        show: true
+                    },
+                    max:10,
+                    axisLabel: {
+                        formatter: '{value} .00'
+                    }
+                    
+                },
+                series: [{
+                    name: '曲线偏差率',
+                    data: this.qxpclData,
+                    type: 'line',
+                    symbol: 'triangle',
+                    symbolSize: 20,
+                    lineStyle: {
+                        color: '#CC0400',
+                        width: 4,
+                    },
+                    itemStyle: {
+                        borderWidth: 3,
+                        color: '#CC0400'
+                    }
+                },
+                {
+                    name: '基准值',
+                    data: this.qxpcljzzData,
+                    type: 'line',
+                    symbol: 'circle',
+                    symbolSize: 20,
+                    lineStyle: {
+                        color: '#0072C5',
+                        width: 4,
+                    },
+                    itemStyle: {
+                        borderWidth: 3,
+                        color: '#0072C5'
+                    }
+                }]
+            };
+            charts.setOption(option);
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram2"));
+            let option = {
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'cross',
+                        crossStyle: {
+                            color: '#999'
+                        }
+                    }
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'center',
+                    bottom:'bottom',
+                    data: ['发电量健康走势']
+                },
+                xAxis: {
+                    type: 'category',
+                    data: this.xfdldata,
+                    splitLine: {
+                        show: true,
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine:{       //y轴
+                        show: true
+                    },
+                    axisTick:{       //y轴刻度线
+                        show: true
+                    },
+                    splitLine: {     //网格线
+                        show: true
+                    },
+                    max:5,
+                    axisLabel: {
+                        formatter: '{value} .00'
+                    }
+                },
+                series: [{
+                    name: '发电量健康走势',
+                    symbol: "none",
+                    data: this.fdlData,
+                    type: 'line',
+                    lineStyle: {
+                        color: '#99CDFF',
+                        width: 2,
+                    },
+                }]
+            };
+            charts.setOption(option);
+        },
+         getChartDataImport3(){
+            var charts =echarts.init(document.getElementById("chartHistogram3"));
+            let option = {
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'cross',
+                        crossStyle: {
+                            color: '#999'
+                        }
+                    }
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'center',
+                    bottom:'bottom',
+                    data: ['齿轮箱健康走势']
+                },
+                xAxis: {
+                    type: 'category',
+                    data: this.xclxdata,
+                    splitLine: {
+                        show: true,
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine:{       //y轴
+                        show: true
+                    },
+                    axisTick:{       //y轴刻度线
+                        show: true
+                    },
+                    splitLine: {     //网格线
+                        show: true
+                    },
+                    max:1,
+                    // axisLabel: {
+                    //     formatter: '{value} .00'
+                    // }
+                },
+                series: [{
+                    name: '齿轮箱健康走势',
+                    symbol: "none",
+                    data: this.clxData,
+                    type: 'line',
+                    lineStyle: {
+                        color: '#99CDFF',
+                        width: 2,
+                    },
+                }]
+            };
+            charts.setOption(option);
+        },
+        getChartDataImport4(){
+            var charts =echarts.init(document.getElementById("chartHistogram4"));
+            let option = {
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'cross',
+                        crossStyle: {
+                            color: '#999'
+                        }
+                    }
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'center',
+                    bottom:'bottom',
+                    data: ['变桨健康走势']
+                },
+                xAxis: {
+                    type: 'category',
+                    data: this.xbjdata,
+                    splitLine: {
+                        show: true,
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine:{       //y轴
+                        show: true
+                    },
+                    axisTick:{       //y轴刻度线
+                        show: true
+                    },
+                    splitLine: {     //网格线
+                        show: true
+                    },
+                    max:5,
+                    axisLabel: {
+                        formatter: '{value} .00'
+                    }
+                },
+                series: [{
+                    name: '变桨健康走势',
+                    symbol: "none",
+                    data: this.bjData,
+                    type: 'line',
+                    lineStyle: {
+                        color: '#99CDFF',
+                        width: 2,
+                    },
+                }]
+            };
+            charts.setOption(option);
+        },
+        getChartDataImport5(){
+            var charts =echarts.init(document.getElementById("chartHistogram5"));
+            let option = {
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'cross',
+                        crossStyle: {
+                            color: '#999'
+                        }
+                    }
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'center',
+                    bottom:'bottom',
+                    data: ['主控健康走势']
+                },
+                xAxis: {
+                    type: 'category',
+                    data: this.xzkdata,
+                    splitLine: {
+                        show: true,
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    axisLine:{       //y轴
+                        show: true
+                    },
+                    axisTick:{       //y轴刻度线
+                        show: true
+                    },
+                    splitLine: {     //网格线
+                        show: true
+                    },
+                    max:5,
+                    axisLabel: {
+                        formatter: '{value} .00'
+                    }
+                },
+                series: [{
+                    name: '主控健康走势',
+                    symbol: "none",
+                    data: this.zkData,
+                    type: 'line',
+                    lineStyle: {
+                        color: '#99CDFF',
+                        width: 2,
+                    },
+                }]
+            };
+            charts.setOption(option);
+        },
+    }
+}
+</script>
+<style lang="scss" scoped>
+    .box{
+		width: 100%;
+		// display: flex;
+		justify-content: space-around;
+ 		align-items: center;
+ 		overflow: hidden;
+  	}
+</style>