<template>
  <div class="page">
    <el-form class="form" :inline="true" :model="formInline">
      <el-row :gutter="1">
        <el-form-item>
          <el-button style="margin-left: 20%" type="primary" @click="goReturn"
            >返回</el-button
          >
        </el-form-item>
        <el-form-item>
          <el-button
            style="margin-left: 20%"
            type="primary"
            v-on:click="getPdf('健康报告管理')"
            >导出pdf</el-button
          >
        </el-form-item>
      </el-row>
    </el-form>
    <div class="box" id="pdfDom">
      <div
        style="
          font-size: 45px;
          font-weight: 600;
          margin-top: 1%;
          width: 100%;
          text-align: center;
          font-family: STSong;
        "
      >
        健康评价报告概述
      </div>
      <div
        style="
          font-size: 35px;
          margin-left: 8%;
          margin-top: 3%;
          width: 100%;
          text-align: left;
          font-weight: 600;
          font-family: STHeiti;
        "
      >
        {{ wtName }}
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 8%;
          margin-top: 1%;
          width: 100%;
          text-align: left;
          font-weight: 600;
          font-family: STHeiti;
        "
      >
        评级操作：{{ djpgjb }}
      </div>
      <div v-if="tjdiv">
        <div
          style="
            font-size: 25px;
            margin-left: 8%;
            margin-top: 2%;
            width: 100%;
            text-align: left;
            font-weight: 600;
            font-family: STHeiti;
          "
        >
          推荐检修方案：
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          故障预测：
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 13%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          高频：{{ highfrequency }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 13%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          中频：{{ intermediatefrequency }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 13%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          低频：{{ lowfrequency }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 2%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          推荐检修理由：{{ mainreason }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          推荐检修日期：{{ maindate }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          推荐排查方法：{{ mainmethod }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 1%;
            width: 85%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          推荐处理方法：{{ approach }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          推荐工器具：{{ tools }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          平均消缺时长：{{ mainhour }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 10%;
            margin-top: 1%;
            width: 100%;
            text-align: left;
            font-family: STHeiti;
          "
        >
          推荐检修风速：{{ windspeed }}
        </div>
        <div
          style="
            font-size: 25px;
            margin-left: 8%;
            margin-top: 2%;
            width: 100%;
            text-align: left;
            font-family: STSong;
            font-weight: 600;
          "
        >
          结论：{{ conclusion }}
        </div>
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 8%;
          margin-top: 2%;
          width: 100%;
          text-align: left;
          font-weight: 600;
        "
      >
        报告出具时间：{{ bgcjdate }}
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 8%;
          margin-top: 2%;
          width: 100%;
          text-align: left;
          font-family: STSong;
          font-weight: 600;
        "
      >
        近一周曲线偏差率对比：
      </div>
      <div
        id="chartHistogram"
        style="width: 100%; height: 400px; margin-top: 2%"
      ></div>
      <div
        style="
          font-size: 25px;
          margin-left: 10%;
          margin-top: 2%;
          width: 100%;
          text-align: left;
          font-weight: 600;
          font-family: STSong;
        "
      >
        部件：
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 10%;
          margin-top: 1%;
          width: 100%;
          text-align: left;
          font-weight: 600;
          font-family: STSong;
        "
      >
        发电机
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 10%;
          margin-top: 1%;
          width: 80%;
          text-align: left;
          font-weight: 600;
          font-family: STSong;
        "
      >
        1）关键参数：发电机采用
        发电机轴A温度、发电机轴B温度、发电机U相绕组温度、发电机V相绕组温度、发电机W相绕组温度、发电机冷却风为关键参数，该参数在统计周期内数据显示样本在安全运行区内，没有超过进入劣化区。
      </div>
      <div
        style="
          font-size: 25px;
          margin-top: 1%;
          width: 100%;
          text-align: center;
          font-weight: 600;
          font-family: STSong;
        "
      >
        表1 发电机关键参数值
      </div>
      <el-table
        id="callthepolicetable"
        :row-style="{ height: '10px' }"
        :cell-style="{ textAlign: 'center' }"
        :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;
          font-family: STSong;
        "
      >
        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;
          font-family: STSong;
        "
      >
        齿轮箱
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 10%;
          margin-top: 1%;
          width: 80%;
          text-align: left;
          font-weight: 600;
          font-family: STSong;
        "
      >
        1）关键参数：齿轮箱采用齿轮箱输入轴1油温、齿轮箱输入轴2油温、齿轮箱入口油温、齿轮箱油温为关键参数，该参数在统计周期内数据显示样本在安全运行区内，没有超过进入劣化区。
      </div>
      <div
        style="
          font-size: 25px;
          margin-top: 1%;
          width: 100%;
          text-align: center;
          font-weight: 600;
          font-family: STSong;
        "
      >
        表2 齿轮箱关键参数值
      </div>
      <el-table
        id="callthepolicetable"
        :row-style="{ height: '10px' }"
        :cell-style="{ textAlign: 'center' }"
        :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;
          font-family: STSong;
        "
      >
        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;
          font-family: STSong;
        "
      >
        变浆
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 10%;
          margin-top: 1%;
          width: 80%;
          text-align: left;
          font-weight: 600;
          font-family: STSong;
        "
      >
        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;
          font-weight: 600;
          font-family: STSong;
        "
      >
        表3 变桨关键参数值
      </div>
      <el-table
        id="callthepolicetable"
        :row-style="{ height: '10px' }"
        :cell-style="{ textAlign: 'center' }"
        :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;
          font-family: STSong;
        "
      >
        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;
          font-family: STSong;
        "
      >
        主控
      </div>
      <div
        style="
          font-size: 25px;
          margin-left: 10%;
          margin-top: 1%;
          width: 80%;
          text-align: left;
          font-weight: 600;
          font-family: STSong;
        "
      >
        1）关键参数：主控采用
        发电机轴A温度、发电机轴B温度、发电机U相绕组温度、发电机V相绕组温度、发电机W相绕组温度、发电机冷却风为关键参数，该参数在统计周期内数据显示样本在安全运行区内，没有超过进入劣化区。
      </div>
      <div
        style="
          font-size: 25px;
          margin-top: 1%;
          width: 100%;
          text-align: center;
          font-weight: 600;
          font-family: STSong;
        "
      >
        表4 主控关键参数值
      </div>
      <el-table
        id="callthepolicetable"
        :row-style="{ height: '10px' }"
        :cell-style="{ textAlign: 'center' }"
        :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;
          font-family: STSong;
        "
      >
        2）主控健康情况走势图（1 良好 2 正常 3 注意 4 严重）
      </div>
      <div
        id="chartHistogram5"
        style="width: 100%; height: 400px; margin-top: 3%"
      ></div>
    </div>
  </div>
</template>
<script>
import healthAssessmentDetailed from "@assets/js/healthManagement/healthAssessmentDetailed";
export default healthAssessmentDetailed;
</script>
<style lang="scss" scoped>
@import "@assets/css/healthManagement/healthAssessmentDetailed.scss";
</style>