冲突处理

src/components/coms/table/table.vue

@@ -13,7 +13,7 @@
           <td
             v-for="(col, i) of data.column"
             :key="i"
-            :style="{ width: col.width }"
+            :style="{ width: col.width, color: row.color }"
             :class="{ light: hoverRow == row || hoverCol == col, num: col.is_num, 'always-light': col.is_light || row.is_light }"
             @mouseenter="hover(row, col)"
             @mouseleave="leave()"

src/router/index.js

@@ -399,10 +399,14 @@ const routes = [{
             import ( /* webpackChunkName: "fs" */ "../views/NewPages/forecast-system.vue"),
     },
     {
-        path: '/new/ztfx',
-        name: 'ztfx',
-        component: () =>
-            import ( /* webpackChunkName: "ztfx" */ '../views/NewPages/ztfx.vue'),
+      path: '/new/ztfx',
+      name: 'ztfx',
+      component: () => import( /* webpackChunkName: "ztfx" */ '../views/NewPages/ztfx.vue'),
+    },
+    {
+      path: '/new/fdlyl',
+      name: 'fdlyl',
+      component: () => import( /* webpackChunkName: "ztfx" */ '../views/NewPages/fdlyl.vue'),
     },
     {
         path: '/new/intelligentalarmcenter',

src/views/NewPages/alarm-center.vue

@@ -2,38 +2,49 @@
   <div class="alarm-center">
     <div class="action-bar">
       <div class="selections mg-b-16">
-        <div class="item" @click="tabSelect(0)" :class="{ active: tabIndex == 0 }">发电机</div>
+        <div v-for="(tabItem, tabIndex) in tabLists" :key="tabItem.type" class="item" :class="{ active: tabIndex == cureent }" @click="tabSelect(tabItem.type, tabIndex)" >
+          {{ tabItem.name }}
+        </div>
+        <!-- <div class="item" @click="tabSelect(0)" :class="{ active: tabIndex == 0 }">发电机</div>
         <div class="item" @click="tabSelect(1)" :class="{ active: tabIndex == 1 }">齿轮箱</div>
         <div class="item" @click="tabSelect(2)" :class="{ active: tabIndex == 2 }">变桨系统</div>
         <div class="item" @click="tabSelect(3)" :class="{ active: tabIndex == 3 }">液压站</div>
         <div class="item" @click="tabSelect(3)" :class="{ active: tabIndex == 4 }">风机震动</div>
-        <div class="item" @click="tabSelect(3)" :class="{ active: tabIndex == 5 }">其他参数</div>
+        <div class="item" @click="tabSelect(3)" :class="{ active: tabIndex == 5 }">其他参数</div> -->
       </div>
       <div class="query mg-b-16">
         <div class="query-items">
           <div class="query-item">
             <div class="lable">风场：</div>
             <div class="search-input">
-              <el-select v-model="value1" clearable placeholder="请选择" popper-class="select">
-                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+              <el-select v-model="optSelectValue" clearable placeholder="请选择" popper-class="select" @change="handelSelectChange">
+                <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"> </el-option>
               </el-select>
             </div>
           </div>
         </div>
         <div class="query-actions">
-          <button class="btn green">搜索</button>
+          <button class="btn green" @click="handelSelectChange">搜索</button>
         </div>
       </div>
     </div>
     <el-scrollbar>
       <div class="fj">
+        <div class="fj-item" v-for="(item, index) in tableLists" :key="index">
+          <div class="fj-title">风机编号:{{item[0].wtId}}</div>
+          <div class="fj-info">
+            <Table :data="handleTable(item)"></Table>
+          </div>
+        </div>
+      </div>
+      <!-- <div class="fj">
         <div class="fj-item" v-for="index in 25" :key="index">
           <div class="fj-title">风机编号:000</div>
           <div class="fj-info">
             <Table :data="tableData"></Table>
           </div>
         </div>
-      </div>
+      </div> -->
     </el-scrollbar>
   </div>
 </template>
@@ -44,7 +55,70 @@ export default {
   components: { Table },
   data() {
     return {
-      tableData: {
+      cureent: 0,
+      optSelectValue: '',
+      tabLists: [
+        {
+          type: 'fdj',
+          name: '发电机'
+        },
+        {
+          type: 'clx',
+          name: '齿轮箱'
+        },
+        {
+          type: 'bj',
+          name: '变桨系统'
+        },
+        {
+          type: 'yyz',
+          name: '液压站'
+        },
+        {
+          type: 'zd',
+          name: '风机震动'
+        },
+        {
+          type: 'qt',
+          name: '其他参数'
+        }
+      ],
+      // tableData: {
+      //   column: [
+      //     {
+      //       name: "",
+      //       field: "name",
+      //       is_num: false,
+      //       is_light: false,
+      //     },
+      //     {
+      //       name: "",
+      //       field: "value",
+      //       is_num: false,
+      //       is_light: false,
+      //     },
+      //   ],
+      //   data: [
+      //     // {
+      //     //   name: "发电机绕组U1温度",
+      //     //   desc: "1234.56",
+      //     // },
+      //   ],
+      // },
+      tableLists: [],
+      options: [],
+      type: '',
+      timmer: null, // 遮罩开关
+    };
+  },
+  methods: {
+    tabSelect(type, index) {
+      this.cureent = index
+      this.type = type
+      this.getList(true)
+    },
+    handleTable(item) {
+      let tableData = {
         column: [
           {
             name: "",
@@ -54,27 +128,69 @@ export default {
           },
           {
             name: "",
-            field: "desc",
+            field: "value",
             is_num: false,
             is_light: false,
           },
         ],
-        data: [
-          {
-            name: "发电机绕组U1温度",
-            desc: "1234.56",
+        data: item
+      }
+      return tableData
+    },
+    handelSelectChange() {
+      this.getList(true)
+    },
+    getList(showLoading) {
+      let _this = this
+      _this.API.requestData({
+          showLoading,
+          method: "POST",
+          subUrl: "/temperature/getTemperatureList",
+          data:{
+            type: this.type,
+            wpId: this.optSelectValue
           },
-        ],
-      },
-    };
-  },
-  methods: {
-    tabSelect(tab) {},
+          success(res) {
+            _this.tableLists = res.data
+            // this.tableData.data = res.data
+            // debugger
+            console.log(res)
+          }
+      })
+    },
+
+    getSelectLists(showLoading) {
+      let _this = this
+      _this.API.requestData({
+          showLoading,
+          method: "GET",
+          subUrl: "/powercompare/windfarmAjax",
+          success(res) {
+            _this.options = res.data
+            _this.optSelectValue = res.data[0].id
+            _this.$nextTick(() => {
+              _this.getList(false);
+              _this.timmer = setInterval(() => {
+                _this.getList(false)
+              }, _this.$store.state.websocketTimeSec);
+            });
+          }
+      })
+    }
   },
   created() {
-    for (let i = 1; i < 7; i++) {
-      this.tableData.data.push(JSON.parse(JSON.stringify(this.tableData.data[0])));
-    }
+    // for (let i = 1; i < 7; i++) {
+    //   this.tableData.data.push(JSON.parse(JSON.stringify(this.tableData.data[0])));
+    // }
+    this.type = this.tabLists[0].type
+    this.getSelectLists(false);
+
+    // this.getList()
+  },
+
+  unmounted() {
+    clearInterval(this.timmer);
+    this.timmer = null;
   },
 };
 </script>

src/views/NewPages/fdlyl.vue

@@ -0,0 +1,547 @@
+<template>
+  <div class="ztfx" >
+    <div class="action-bar">
+      <div class="query mg-b-16">
+        <div class="query-items">
+          <div class="query-item">
+            <div class="lable">日期：</div>
+            <div class="search-input">
+              <el-date-picker
+                v-model="monthValue"
+                type="year"
+                placeholder="选择年份"
+                popper-class="date-select"
+                :clearable="false"
+              >
+              </el-date-picker>
+            </div>
+          </div>
+          <div class="query-item">
+            <div class="search-input select-btn">
+              <button class="btn green" @click="onClickSearch">搜索</button>
+            </div>
+            <div class="search-input select-btn">
+              <button class="btn green" @click="exportPDF">导出</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-row :gutter="20" class="table-panel pdfDom">
+      <el-col :span="24">
+        <!-- <panel :title="'月度'" :showLine="false"> -->
+          <div class="table">
+            <table style="width:100%;" border="0" cellspacing="0">
+              <thead>
+                <tr>
+                  <th rowspan="2" class="type1" style="width:4vh;"></th>
+                  <template v-for="m of monthData" :key="m">
+                    <th style="width:6vh;" class="type1" rowspan="2">{{m}}</th>
+                  </template>
+                </tr>
+                
+              </thead>
+            </table>
+              <div style=" ">
+                <table
+                  style="width:100%;text-align:center;"
+                  border="0"
+                  cellspacing="0"
+                >
+                  <tbody>
+                    <tr>
+                      <td style="width:4vh;"></td>
+                      <template v-for="(x ,i) of MhsLists" :key="i">
+                        <td style="width:3vh;">本期</td>
+                        <td style="width:3vh;">同期</td>
+                      </template>
+                    </tr>
+                    <tr>
+                      <td class="td-item" style="width:4vh;">麻黄山</td>
+                      <template v-for="(item, index) of MhsLists" :key="index">
+                        <td style="width:3vh;">
+                          {{ item.current }}
+                          <template v-if="item.compare === -1">
+                            <span class="svg-icon svg-icon-yellow">
+                              <svg-icon svgid="svg-arrow-dpwn-1" />
+                            </span>
+                          </template>
+                          <template v-if="item.compare === 1">
+                            <span class="svg-icon svg-icon-green">
+                              <svg-icon svgid="svg-arrow-up-1" />
+                            </span>
+                          </template>
+                        </td>
+                        <td style="width:3vh;">
+                          {{ item.sameperiod }}
+                        </td>
+                      </template>
+                    </tr>
+                    <tr>
+                      <td class="td-item" style="width:4vh;">牛首山</td>
+                      <template v-for="(item, index) of NshList" :key="index">
+                        <td style="width:3vh;">
+                          {{ item.current }}
+                          <template v-if="item.compare === -1">
+                            <span class="svg-icon svg-icon-yellow">
+                              <svg-icon svgid="svg-arrow-dpwn-1" />
+                            </span>
+                          </template>
+                          <template v-if="item.compare === 1">
+                            <span class="svg-icon svg-icon-green">
+                              <svg-icon svgid="svg-arrow-up-1" />
+                            </span>
+                          </template>
+                        </td>
+                        <td style="width:3vh;">
+                          {{ item.sameperiod }}
+                        </td>
+                      </template>
+                    </tr>
+                    <tr>
+                      <td class="td-item" style="width:4vh;">青山</td>
+                      <template v-for="(item, index) of QshList" :key="index">
+                        <td style="width:3vh;">
+                          {{ item.current }}
+                          <template v-if="item.compare === -1">
+                            <span class="svg-icon svg-icon-yellow">
+                              <svg-icon svgid="svg-arrow-dpwn-1" />
+                            </span>
+                          </template>
+                          <template v-if="item.compare === 1">
+                            <span class="svg-icon svg-icon-green">
+                              <svg-icon svgid="svg-arrow-up-1" />
+                            </span>
+                          </template>
+                        </td>
+                        <td style="width:3vh;">
+                          {{ item.sameperiod }}
+                        </td>
+                      </template>
+                    </tr>
+                    <tr>
+                      <td class="td-item" style="width:4vh;">石板泉</td>
+                      <template v-for="(item, index) of SbaqList" :key="index">
+                        <td style="width:3vh;">
+                          {{ item.current }}
+                          <template v-if="item.compare === -1">
+                            <span class="svg-icon svg-icon-yellow">
+                              <svg-icon svgid="svg-arrow-dpwn-1" />
+                            </span>
+                          </template>
+                          <template v-if="item.compare === 1">
+                            <span class="svg-icon svg-icon-green">
+                              <svg-icon svgid="svg-arrow-up-1" />
+                            </span>
+                          </template>
+                        </td>
+                        <td style="width:3vh;">
+                          {{ item.sameperiod }}
+                        </td>
+                      </template>
+                    </tr>
+                    <tr>
+                      <td class="td-item" style="width:4vh;">香山</td>
+                      <template v-for="(item, index) of XshList" :key="index">
+                        <td style="width:3vh;">
+                          {{ item.current }}
+                          <template v-if="item.compare === -1">
+                            <span class="svg-icon svg-icon-yellow">
+                              <svg-icon svgid="svg-arrow-dpwn-1" />
+                            </span>
+                          </template>
+                          <template v-if="item.compare === 1">
+                            <span class="svg-icon svg-icon-green">
+                              <svg-icon svgid="svg-arrow-up-1" />
+                            </span>
+                          </template>
+                        </td>
+                        <td style="width:3vh;">
+                          {{ item.sameperiod }}
+                        </td>
+                      </template>
+                    </tr>
+                    <tr>
+                      <td class="td-item" style="width:4vh;">公司</td>
+                      <template v-for="(item, index) of GsList" :key="index">
+                        <td style="width:3vh;">
+                          {{ item.current }}
+                          <template v-if="item.compare === -1">
+                            <span class="svg-icon svg-icon-yellow">
+                              <svg-icon svgid="svg-arrow-dpwn-1" />
+                            </span>
+                          </template>
+                          <template v-if="item.compare === 1">
+                            <span class="svg-icon svg-icon-green">
+                              <svg-icon svgid="svg-arrow-up-1" />
+                            </span>
+                          </template>
+                        </td>
+                        <td style="width:3vh;">
+                          {{ item.sameperiod }}
+                        </td>
+                      </template>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            <!-- </el-scrollbar> -->
+          </div>
+      </el-col>
+    </el-row>
+    <el-row :gutter="20" class="table-panel">
+      <el-col :span="24">
+        <panel title="公司可利用率分析" :showLine="false">
+          <!-- <vertival-bar-line-chart
+            :height="'360px'"
+            :units="units"
+            :bardata="bardata"
+            :lineData="lineData"
+          /> -->
+
+          <MultipleLineChart  
+            :list="DayPower.value" 
+            :units="DayPower.units" 
+            height="40vh" :showLegend="true" 
+          />
+           <!-- :units="units"
+            :bardata="bardata"
+            :lineData="lineData" -->
+        </panel>
+      </el-col>
+    </el-row>
+      
+  </div>
+</template>
+
+<script>
+// import VertivalBarLineChart from "../../components/chart/combination/vertival-bar-line-chart.vue";
+// import VertivalBarLineChart from "../../components/chart/bar/list-bar-chart.vue";
+import MultipleLineChart from "../../components/chart/bar/multiple-bar-chart.vue";
+import Panel from "../../components/coms/panel/panel.vue";
+import DualPieChart from "../../components/chart/pie/dual-pie-chart.vue";
+import SvgIcon from "../../components/coms/icon/svg-icon.vue";
+import Get_PDF from "@tools/htmlToPdf";
+export default {
+  setup() {},
+  components: {
+    Panel,
+    DualPieChart,
+    SvgIcon,
+    // VertivalBarLineChart,
+    MultipleLineChart
+  },
+  data() {
+    return {
+      monthData: [],
+      MhsLists: [],
+      NshList: [],
+      QshList: [],
+      SbaqList: [],
+      XshList: [],
+      GsList: [],
+      units: [],
+      nowCurrent: 1,
+      months: new Date().getMonth() + 1,
+      pickerOptions: {},
+      bardata: { area: [], legend: [], data: [] }, // 损失电量分析echart数值
+      lineData: [],
+      timmer: null,
+      monthValue: this.getmonthValue(),
+      list: [],
+      DayPower: {
+        // 图表所用单位
+        units: [""],
+        value: [
+          {
+            title: "",
+            yAxisIndex: 0, // 使用单位
+            value: [],
+          },
+        ],
+      },
+    };
+  },
+  created() {
+    let _this = this
+    // _this.$nextTick(() => {
+      _this.getLists(false);
+    //   _this.timmer = setInterval(() => {
+    //     _this.getLists(false)
+    //   }, _this.$store.state.websocketTimeSec);
+    // });
+  },
+  unmounted() {
+    clearInterval(this.timmer);
+    this.timmer = null;
+  },
+  mounted() {},
+  methods: {
+    exportPDF (name) {
+      this.BASE.showMsg({
+        type: "success",
+        msg: "正在导出...请稍后..."
+      });
+      Get_PDF.downloadPDF(document.querySelector('.pdfDom'), "风能利用率");
+    },
+    getmonthValue(){
+      let year = new Date().getFullYear().toString()
+      return year
+    },
+    onClickSearch() {
+      this.getLists(false)
+    },
+    monthChange(data){
+      let year = data.getFullYear().toString();
+      return year
+    },
+
+    isNumber(val) {
+      return typeof val === 'number' && !isNaN(val)
+    },
+    getLists(showLoading) {
+      let MhsLists = []
+      let NshList= []
+      let QshList= []
+      let SbaqList= []
+      let XshList= []
+      let GsList= []
+      let _this = this
+      let year = ''
+      if (typeof(this.monthValue) === 'string') {
+        year = this.monthValue
+      } else {
+        year = this.monthChange(this.monthValue)
+      }
+      const site = ['compare', 'year', 'month']
+      _this.API.requestData({
+          showLoading,
+          method: "GET",
+          baseURL: 'http://10.155.32.4:8034',
+          subUrl: "/specific/fnlylList",
+          data:{
+            year: year
+          },
+          success(res) {
+            _this.list = res.data.map(item => {
+              for (let key in item) {
+                if (!site.includes(key)) {
+                  if(_this.isNumber(item[key])) {
+                    item[key] = item[key].toFixed(2)
+                  } else if (!item[key]){
+                    item[key] = 0
+                    item[key] = item[key].toFixed(2)
+                  }
+                }
+                
+              }
+              if (item.wpid === 'MHS_FDC') {
+                MhsLists.push(item)
+              } else if (item.wpid === 'NSS_FDC') {
+                NshList.push(item)
+              } else if (item.wpid === 'QS_FDC') {
+                QshList.push(item)
+              } else if (item.wpid === 'NSS_FDC') {
+                NshList.push(item)
+              } else if (item.wpid === 'SBQ_FDC') {
+                SbaqList.push(item)
+              } else if (item.wpid === 'XS_FDC') {
+                XshList.push(item)
+              } else {
+                GsList.push(item)
+              }
+            })
+
+            _this.MhsLists = MhsLists.sort(_this.compare('month'))
+            _this.NshList= NshList.sort(_this.compare('month'))
+            _this.QshList= QshList.sort(_this.compare('month'))
+            _this.SbaqList= SbaqList.sort(_this.compare('month'))
+            _this.XshList= XshList.sort(_this.compare('month'))
+            _this.GsList= GsList.sort(_this.compare('month'))
+
+            let nowCureent = []
+            let sameCureent = []
+            let monthData = []
+            let monthsAll = []
+            _this.GsList.map(item => {
+              let objs = {}
+              monthsAll.push(item.month)
+              if (item.month > 10) {
+                objs.text = item.month.toString()
+              } else {
+                item.text = '0'+ item.month
+                objs.text = item.text
+              }
+              for (let key in item) {
+                if (key === 'current') {
+                  objs.value = item.current
+                  nowCureent.push(objs)
+                } else if (key === 'sameperiod'){
+                  objs.value = item.sameperiod
+                  sameCureent.push(objs)
+                }
+                
+              }
+            })
+            console.log(nowCureent)
+            _this.monthData = monthsAll
+            _this.DayPower = {
+              // 图表所用单位
+              units: [""],
+              value: [
+                {
+                  title: "本期",
+                  yAxisIndex: 0, // 使用单位
+                  value: nowCureent,
+                  // nowCureent
+                },
+                {
+                  title: "同期",
+                  yAxisIndex: 0, // 使用单位
+                  value: sameCureent,
+                  // sameCureent
+                },
+              ],
+            }
+
+            console.log(111,_this.DayPower)
+            // _this.DayPower = {
+            //   // 图表所用单位
+            //   units: [""],
+            //   value: [
+            //     {
+            //       title: "本期",
+            //       yAxisIndex: 0, // 使用单位
+            //       value: [],
+            //     },
+            //     {
+            //       title: "同期",
+            //       yAxisIndex: 0, // 使用单位
+            //       value: [],
+            //     },
+            //   ],
+            // },
+            // _this.bardata.legend = ["本期", "同期"]
+            // _this.lineData = [];
+            // _this.bardata.area = monthData;
+            // _this.bardata.data[0] = sameCureent;
+            // _this.bardata.data[1] = nowCureent;
+          }
+      })
+    },
+    compare(property) {
+      return (a, b) => {
+        let val1 = a[property]
+        let val2 = b[property]
+        return val1 - val2
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less">
+.ztfx {
+  font-size: 12px;
+  .select-btn {
+    width: 92px;
+  }
+  .com-panel {
+    border: 1px solid #6067697d;
+  }
+  .table-complex {
+    margin-top: 10px;
+    .table {
+      border: 1px solid #6067697d;
+      tbody {
+        tr:nth-child(2n) td {
+          background-color: fade(@gray, 20%);
+
+          &.item {
+            background-color: transparent;
+          }
+        }
+      }
+
+      th {
+        background: fade(@gray, 40);
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 24px;
+        color: @gray-l;
+
+        &.type1 {
+          border-left: 0;
+          border-right: 0;
+        }
+      }
+      td {
+        color: @gray-l;
+        text-align: center;
+        height: 26px;
+        line-height: 26px;
+
+        // &.item {
+        //   width: 100px;
+        // }
+      }
+      svg {
+        height: 1.222vh;
+      }
+    }
+  }
+  .table-panel {
+    margin-top: 10px;
+    .panel-header {
+      text-align: center;
+    }
+    .table {
+      border: 1px solid #6067697d;
+      tbody {
+        tr:nth-child(2n) td {
+          background-color: fade(@gray, 20%);
+
+          &.item {
+            background-color: transparent;
+          }
+        }
+      }
+      .td-item {
+        width: 6vh;
+      }
+      th {
+        background: fade(@gray, 40);
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 24px;
+        color: @gray-l;
+
+        &.type1 {
+          border-left: 0;
+          border-right: 0;
+          height: 4vh;
+        }
+      }
+      td {
+        color: @gray-l;
+        text-align: center;
+        height: 46px;
+        line-height: 46px;
+
+        &.item {
+          width: 100px;
+        }
+      }
+      svg {
+        height: 1.222vh;
+      }
+    }
+  }
+  .pie-chart-panel {
+    margin-top: 10px;
+    .line{
+      border:none;
+    }
+  }
+}
+</style>

src/views/NewPages/ztfx.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ztfx">
+  <div class="ztfx pdfDom" >
     <div class="action-bar">
       <div class="query mg-b-16">
         <div class="query-items">
@@ -7,17 +7,21 @@
             <div class="lable">日期：</div>
             <div class="search-input">
               <el-date-picker
-                v-model="value4"
-                type="date"
-                placeholder="选择日期"
+                v-model="monthValue"
+                type="month"
+                placeholder="选择月份"
                 popper-class="date-select"
+                :clearable="false"
+                :picker-options="pickerOptions"
               >
               </el-date-picker>
             </div>
           </div>
           <div class="query-item">
             <div class="search-input select-btn">
-              <el-select
+              <button class="btn green" @click="onClickSearch">搜索</button>
+              
+              <!-- <el-select
                 v-model="value2"
                 multiple
                 placeholder="计算"
@@ -30,7 +34,10 @@
                   :value="item.value"
                 >
                 </el-option>
-              </el-select>
+              </el-select> -->
+            </div>
+            <div class="search-input select-btn">
+              <button class="btn green" @click="exportPDF">导出</button>
             </div>
           </div>
         </div>
@@ -43,42 +50,45 @@
             <table style="width:100%;" border="0" cellspacing="0">
               <thead>
                 <tr>
-                  <th rowspan="2" class="type1" style="width:5vh;"></th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1" style="width:6vh;"></th>
+                  <th rowspan="2" class="type1">
+                    理论发电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    实际发电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    风能利用率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    维护损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    维护损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
+                  <th rowspan="2" class="type1">
                     故障损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    故障损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    限电损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    限电损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    性能损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    性能损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    受累损失电量
+                  </th>
+                  <th rowspan="2" class="type1">
+                    受累损失率
                   </th>
                 </tr>
               </thead>
@@ -96,87 +106,219 @@
                         本期
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.yllfdl }}
+                        
+                        <template v-if="compares.yllfdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yllfdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
-                        <span class="svg-icon svg-icon-green">
-                          <svg-icon svgid="svg-arrow-up-1" />
-                        </span>
+                        {{ nowCurrents.ysjfdl }}
+                        <template v-if="compares.ysjfdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.ysjfdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.yfnlyl}}
+                        <template v-if="compares.yfnlyl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yfnlyl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.ywhssdl }}
+                        <template v-if="compares.ywhssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.ywhssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.ywhssl }}
+                        <template v-if="compares.ywhssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.ywhssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.ygzssdl }}
+                        <template v-if="compares.ygzssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.ygzssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.ygzssl }}
+                        <template v-if="compares.ygzssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.ygzssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.yxdssdl }}
+                        <template v-if="compares.yxdssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yxdssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.yxdssl }}
+                        <template v-if="compares.yxdssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yxdssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.yxnssdl }}
+                        <template v-if="compares.yxnssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yxnssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.yxnssl}}
+                        <template v-if="compares.yxnssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yxnssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.yslssdl }}
+                        <template v-if="compares.yslssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yslssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.yslssl }}
+                        <template v-if="compares.yslssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.yslssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                     </tr>
                     <tr>
                       <td style="width:5vh;">
-                        当期
+                        同期
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.yllfdl }}
+                        
                       </td>
                       <td class="td-item">
-                        0.59
-                        <span class="svg-icon svg-icon-yellow">
-                          <svg-icon svgid="svg-arrow-dpwn-1" />
-                        </span>
+                        {{ sameList.ysjfdl }}
+                      </td>
+                      <td class="td-item">
+                        {{ sameList.yfnlyl}}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.ywhssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.ywhssl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.ygzssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.ygzssl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.yxdssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.yxdssl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.yxnssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.yxnssl}}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.yslssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.yslssl }}
                       </td>
                     </tr>
                   </tbody>
@@ -192,44 +334,44 @@
             <table style="width:100%;" border="0" cellspacing="0">
               <thead>
                 <tr>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                <th rowspan="2" class="type1">
+                    理论发电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    实际电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    风能利用率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    维护损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    维护损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
+                  <th rowspan="2" class="type1">
                     故障损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    故障损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    限电损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    限电损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    性能损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    性能损失率
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    受累损失电量
                   </th>
-                  <th rowspan="2" class="type1" style="width:6vh;">
-                    故障损失电量
+                  <th rowspan="2" class="type1">
+                    受累损失率
                   </th>
                 </tr>
               </thead>
@@ -242,48 +384,217 @@
                   cellspacing="0"
                 >
                   <tbody>
-                    <tr v-for="index of 2" :key="index">
+                    <tr>
+                       <td class="td-item">
+                        {{ nowCurrents.nllfdl }}
+                        
+                        <template v-if="compares.nllfdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nllfdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
                       <td class="td-item">
-                        0.59
+                        {{ nowCurrents.nsjfdl }}
+                        <template v-if="compares.nsjfdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nsjfdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
                       </td>
                       <td class="td-item">
-                        0.59
-                        <span class="svg-icon svg-icon-yellow">
-                          <svg-icon svgid="svg-arrow-dpwn-1" />
-                        </span>
+                        {{ nowCurrents.nfnlyl}}
+                        <template v-if="compares.nfnlyl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nfnlyl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nwhssdl }}
+                        <template v-if="compares.nwhssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nwhssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nwhssl }}
+                        <template v-if="compares.nwhssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nwhssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.ngzssdl }}
+                        <template v-if="compares.ngzssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.ngzssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.ngzssl }}
+                        <template v-if="compares.ngzssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.ngzssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nxdssdl }}
+                        <template v-if="compares.nxdssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nxdssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nxdssl }}
+                        <template v-if="compares.nxdssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nxdssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nxnssdl }}
+                        <template v-if="compares.nxnssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nxnssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nxnssl}}
+                        <template v-if="compares.nxnssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nxnssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nslssdl }}
+                        <template v-if="compares.nslssdl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nslssdl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                      <td class="td-item">
+                        {{ nowCurrents.nslssl }}
+                        <template v-if="compares.nslssl === 2">
+                          <span class="svg-icon svg-icon-green">
+                            <svg-icon svgid="svg-arrow-up-1" />
+                          </span>
+                        </template>
+                        <template v-if="compares.nslssl === 1">
+                          <span class="svg-icon svg-icon-yellow">
+                            <svg-icon svgid="svg-arrow-dpwn-1" />
+                          </span>
+                        </template>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="td-item">
+                        {{ sameList.nllfdl }}
+                      </td>
+                      <td class="td-item">
+                        {{ sameList.nsjfdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nfnlyl}}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nwhssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nwhssl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.ngzssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.ngzssl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nxdssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nxdssl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nxnssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nxnssl}}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nslssdl }}
                       </td>
                       <td class="td-item">
-                        0.59
+                        {{ sameList.nslssl }}
                       </td>
                     </tr>
                   </tbody>
@@ -329,286 +640,1230 @@
                 cellspacing="0"
               >
                 <tbody>
-                  <tr v-for="index of 5" :key="index">
+                  <tr>
                     <td style="width:50px;">
-                      NTEF
+                      MTBF
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['麻黄山'].mtbf }}
+                      <template v-if="currentMonth['麻黄山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['麻黄山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-yellow">
-                        <svg-icon svgid="svg-arrow-dpwn-1" />
-                      </span>
+                      {{ currentMonth['麻黄山'].tqmtbf }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['牛首山'].mtbf }}
+                      <template v-if="currentMonth['牛首山'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['牛首山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-green">
-                        <svg-icon svgid="svg-arrow-up-1" />
-                      </span>
+                      {{ currentMonth['牛首山'].tqmtbf }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['青山'].mtbf }}
+                      <template v-if="currentMonth['青山'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['青山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-yellow">
-                        <svg-icon svgid="svg-arrow-dpwn-1" />
-                      </span>
+                      {{ currentMonth['青山'].tqmtbf }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['石板泉'].mtbf }}
+                      <template v-if="currentMonth['石板泉'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['石板泉'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-green">
-                        <svg-icon svgid="svg-arrow-up-1" />
-                      </span>
+                      {{ currentMonth['石板泉'].tqmtbf }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['香山'].mtbf }}
+                      <template v-if="currentMonth['香山'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['香山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-yellow">
-                        <svg-icon svgid="svg-arrow-dpwn-1" />
-                      </span>
+                      {{ currentMonth['香山'].tqmtbf }}
                     </td>
                   </tr>
-                </tbody>
-              </table>
-            </div>
-          </el-scrollbar>
-        </div>
-      </el-col>
-      <el-col :span="12">
-        <div class="table">
-          <table style="width:100%;" border="0" cellspacing="0">
-            <thead>
-              <tr>
-                <th rowspan="2" class="type1" style="width:50px;"></th>
-                <th colspan="2" class="type1" style="width:205px;">麻黄山</th>
-                <th colspan="2" class="type1" style="width:205px;">牛首山</th>
-                <th colspan="2" class="type1" style="width:205px;">青山</th>
-                <th colspan="2" class="type1" style="width:205px;">石板泉</th>
-                <th colspan="2" class="type1" style="width:205px;">香山</th>
-              </tr>
-              <tr>
-                <th style="width:105px;">当月</th>
-                <th style="width:105px;">同期</th>
-                <th style="width:105px;">当月</th>
-                <th style="width:105px;">同期</th>
-                <th style="width:105px;">当月</th>
-                <th style="width:105px;">同期</th>
-                <th style="width:105px;">当月</th>
-                <th style="width:105px;">同期</th>
-                <th style="width:105px;">当月</th>
-                <th style="width:105px;">同期</th>
-              </tr>
-            </thead>
-          </table>
-          <el-scrollbar>
-            <div style=" ">
-              <table
-                style="width:100%;text-align:center;"
-                border="0"
-                cellspacing="0"
-              >
-                <tbody>
-                  <tr v-for="index of 5" :key="index">
+
+                  <tr>
                     <td style="width:50px;">
-                      NTEF
+                      MTTR
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['麻黄山'].mttr }}
+                      <template v-if="currentMonth['麻黄山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['麻黄山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-yellow">
-                        <svg-icon svgid="svg-arrow-dpwn-1" />
-                      </span>
+                      {{ currentMonth['麻黄山'].tqmttr }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['牛首山'].mttr }}
+                      <template v-if="currentMonth['牛首山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['牛首山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-green">
-                        <svg-icon svgid="svg-arrow-up-1" />
-                      </span>
+                      {{ currentMonth['牛首山'].tqmttr }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['青山'].mttr }}
+                      <template v-if="currentMonth['青山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['青山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-yellow">
-                        <svg-icon svgid="svg-arrow-dpwn-1" />
-                      </span>
+                      {{ currentMonth['青山'].tqmttr }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['石板泉'].mttr }}
+                      <template v-if="currentMonth['石板泉'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['石板泉'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-green">
-                        <svg-icon svgid="svg-arrow-up-1" />
-                      </span>
+                      {{ currentMonth['石板泉'].tqmttr }}
                     </td>
                     <td style="width:105px;">
-                      0.59
+                      {{ currentMonth['香山'].mttr }}
+                      <template v-if="currentMonth['香山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['香山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
                     </td>
                     <td style="width:105px;">
-                      0.59
-                      <span class="svg-icon svg-icon-yellow">
-                        <svg-icon svgid="svg-arrow-dpwn-1" />
-                      </span>
+                      {{ currentMonth['香山'].tqmttr }}
                     </td>
                   </tr>
-                </tbody>
-              </table>
-            </div>
-          </el-scrollbar></div
-      ></el-col>
-    </el-row>
-    <el-row :gutter="20" class="pie-chart-panel">
-      <el-col :span="6">
-        <panel title="当月理论平衡分析">
-          <dual-pie-chart height="27.296vh" />
-        </panel>
-      </el-col>
-      <el-col :span="6">
-        <panel title="当月理论平衡分析">
-          <dual-pie-chart height="27.296vh" />
-        </panel>
-      </el-col>
-      <el-col :span="6">
-        <panel title="当月理论平衡分析">
-          <dual-pie-chart height="27.296vh" />
-        </panel>
-      </el-col>
-      <el-col :span="6">
-        <panel title="当月理论平衡分析">
-          <dual-pie-chart height="27.296vh" />
-        </panel>
-      </el-col>
-    </el-row>
-  </div>
-</template>
 
-<script>
-import Panel from "../../components/coms/panel/panel.vue";
-import DualPieChart from "../../components/chart/pie/dual-pie-chart.vue";
-import SvgIcon from "../../components/coms/icon/svg-icon.vue";
 
-export default {
-  setup() {},
-  components: {
-    Panel,
-    DualPieChart,
-    SvgIcon,
-  },
-  data() {
-    return {
-      tableData2: {
-        column: [
-          {
-            name: " ",
-            field: "name",
-            width: "10%",
-          },
-          {
-            name: "故障损失电量",
-            field: "v1",
-          },
-          {
-            name: "故障损失电量",
-            field: "v2",
-            template: function(data) {
-              return data;
-            },
-          },
-          {
-            name: "故障损失电量",
-            field: "v3",
-          },
-          {
-            name: "故障损失电量",
-            field: "v4",
-          },
-          {
-            name: "故障损失电量",
-            field: "v5",
-          },
-          {
-            name: "故障损失电量",
-            field: "v6",
-          },
-          {
-            name: "故障损失电量",
-            field: "v7",
-          },
-          {
-            name: "故障损失电量",
-            field: "v8",
-          },
-          {
-            name: "故障损失电量",
-            field: "v9",
-          },
-          {
-            name: "故障损失电量",
-            field: "v10",
-          },
-          {
-            name: "故障损失电量",
-            field: "v11",
-          },
-          {
-            name: "故障损失电量",
-            field: "v12",
-          },
-        ],
-        data: [
-          {
-            name: "本期",
-            v1: "0.59",
-            v2: "0.59",
-            v3: "0.59",
-            v4: "0.59",
-            v5: "0.59",
-            v6: "0.59",
-            v7: "0.59",
-            v8: "0.59",
-            v9: "0.59",
-            v10: "0.59",
-            v11: "0.59",
-            v12: "0.59",
-          },
-          {
-            name: "同期",
-            v1: "0.59",
-            v2: "0.59",
-            v3: "0.59",
-            v4: "0.59",
-            v5: "0.59",
-            v6: "0.59",
-            v7: "0.59",
-            v8: "0.59",
-            v9: "0.59",
-            v10: "0.59",
-            v11: "0.59",
-            v12: "0.59",
-          },
-        ],
-      },
-    };
-  },
-  created() {},
+                  <tr>
+                    <td style="width:50px;">
+                      复位
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['麻黄山'].fwjsl }}
+                      <template v-if="currentMonth['麻黄山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['麻黄山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['麻黄山'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['牛首山'].mttr }}
+                      <template v-if="currentMonth['牛首山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['牛首山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['牛首山'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['青山'].fwjsl }}
+                      <template v-if="currentMonth['青山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['青山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['青山'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['石板泉'].fwjsl }}
+                      <template v-if="currentMonth['石板泉'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['石板泉'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['石板泉'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['香山'].fwjsl }}
+                      <template v-if="currentMonth['香山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['香山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['香山'].tqfwjsl }}
+                    </td>
+                  </tr>
+
+                  <tr>
+                    <td style="width:50px;">
+                      转换
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['麻黄山'].ztzhl }}
+                      <template v-if="currentMonth['麻黄山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['麻黄山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['麻黄山'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['牛首山'].ztzhl }}
+                      <template v-if="currentMonth['牛首山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['牛首山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['牛首山'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['青山'].ztzhl }}
+                      <template v-if="currentMonth['青山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['青山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['青山'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['石板泉'].ztzhl }}
+                      <template v-if="currentMonth['石板泉'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['石板泉'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['石板泉'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['香山'].ztzhl }}
+                      <template v-if="currentMonth['香山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['香山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['香山'].tqztzhl }}
+                    </td>
+                  </tr>
+
+                   <tr>
+                    <td style="width:50px;">
+                      消缺
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['麻黄山'].xqjsl }}
+                      <template v-if="currentMonth['麻黄山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['麻黄山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['麻黄山'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['牛首山'].xqjsl }}
+                      <template v-if="currentMonth['牛首山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['牛首山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['牛首山'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['青山'].xqjsl }}
+                      <template v-if="currentMonth['青山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['青山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['青山'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['石板泉'].xqjsl }}
+                      <template v-if="currentMonth['石板泉'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['石板泉'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['石板泉'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['香山'].xqjsl }}
+                      <template v-if="currentMonth['香山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentMonth['香山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentMonth['香山'].tqxqjsl }}
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </el-scrollbar>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="table">
+          <table style="width:100%;" border="0" cellspacing="0">
+            <thead>
+              <tr>
+                <th rowspan="2" class="type1" style="width:50px;"></th>
+                <th colspan="2" class="type1" style="width:205px;">麻黄山</th>
+                <th colspan="2" class="type1" style="width:205px;">牛首山</th>
+                <th colspan="2" class="type1" style="width:205px;">青山</th>
+                <th colspan="2" class="type1" style="width:205px;">石板泉</th>
+                <th colspan="2" class="type1" style="width:205px;">香山</th>
+              </tr>
+              <tr>
+                <th style="width:105px;">当年 </th>
+                <th style="width:105px;">同期</th>
+                <th style="width:105px;">当年</th>
+                <th style="width:105px;">同期</th>
+                <th style="width:105px;">当年</th>
+                <th style="width:105px;">同期</th>
+                <th style="width:105px;">当年</th>
+                <th style="width:105px;">同期</th>
+                <th style="width:105px;">当年</th>
+                <th style="width:105px;">同期</th>
+              </tr>
+            </thead>
+          </table>
+          <el-scrollbar>
+            <div style=" ">
+              <table
+                style="width:100%;text-align:center;"
+                border="0"
+                cellspacing="0"
+              >
+                <tbody>
+                  <tr>
+                    <td style="width:50px;">
+                      MTBF
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].mtbf }}
+                      <template v-if="currentYear['麻黄山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['麻黄山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].tqmtbf }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].mtbf }}
+                      <template v-if="currentYear['牛首山'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['牛首山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].tqmtbf }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].mtbf }}
+                      <template v-if="currentYear['青山'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['青山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].tqmtbf }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].mtbf }}
+                      <template v-if="currentYear['石板泉'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['石板泉'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].tqmtbf }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].mtbf }}
+                      <template v-if="currentYear['香山'].mtbfCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['香山'].mtbfCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].tqmtbf }}
+                    </td>
+                  </tr>
+
+                  <tr>
+                    <td style="width:50px;">
+                      MTTR
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].mttr }}
+                      <template v-if="currentYear['麻黄山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['麻黄山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].tqmttr }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].mttr }}
+                      <template v-if="currentYear['牛首山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['牛首山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].tqmttr }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].mttr }}
+                      <template v-if="currentYear['青山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['青山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].tqmttr }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].mttr }}
+                      <template v-if="currentYear['石板泉'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['石板泉'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].tqmttr }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].mttr }}
+                      <template v-if="currentYear['香山'].mttrCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['香山'].mttrCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].tqmttr }}
+                    </td>
+                  </tr>
+
+
+                  <tr>
+                    <td style="width:50px;">
+                      复位
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].fwjsl }}
+                      <template v-if="currentYear['麻黄山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['麻黄山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].mttr }}
+                      <template v-if="currentYear['牛首山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['牛首山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].fwjsl }}
+                      <template v-if="currentYear['青山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['青山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].fwjsl }}
+                      <template v-if="currentYear['石板泉'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['石板泉'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].tqfwjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].fwjsl }}
+                      <template v-if="currentYear['香山'].fwjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['香山'].fwjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].tqfwjsl }}
+                    </td>
+                  </tr>
+
+                  <tr>
+                    <td style="width:50px;">
+                      转换
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].ztzhl }}
+                      <template v-if="currentYear['麻黄山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['麻黄山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].ztzhl }}
+                      <template v-if="currentYear['牛首山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['牛首山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].ztzhl }}
+                      <template v-if="currentYear['青山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['青山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].ztzhl }}
+                      <template v-if="currentYear['石板泉'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['石板泉'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].tqztzhl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].ztzhl }}
+                      <template v-if="currentYear['香山'].ztzhlCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['香山'].ztzhlCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].tqztzhl }}
+                    </td>
+                  </tr>
+
+                   <tr>
+                    <td style="width:50px;">
+                      消缺
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].xqjsl }}
+                      <template v-if="currentYear['麻黄山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['麻黄山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['麻黄山'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].xqjsl }}
+                      <template v-if="currentYear['牛首山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['牛首山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['牛首山'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].xqjsl }}
+                      <template v-if="currentYear['青山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['青山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['青山'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].xqjsl }}
+                      <template v-if="currentYear['石板泉'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['石板泉'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['石板泉'].tqxqjsl }}
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].xqjsl }}
+                      <template v-if="currentYear['香山'].xqjslCompare === 1">
+                        <span class="svg-icon svg-icon-yellow">
+                          <svg-icon svgid="svg-arrow-dpwn-1" />
+                        </span>
+                      </template>
+                      <template v-if="currentYear['香山'].xqjslCompare === 2">
+                        <span class="svg-icon svg-icon-green">
+                          <svg-icon svgid="svg-arrow-up-1" />
+                        </span>
+                      </template>
+                    </td>
+                    <td style="width:105px;">
+                      {{ currentYear['香山'].tqxqjsl }}
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </el-scrollbar></div
+      ></el-col>
+    </el-row>
+    <el-row :gutter="20" class="pie-chart-panel">
+        <el-col :span="6">
+            <panel title="当月理论平衡分析">
+              <dual-pie-chart height="27.296vh" :innerData=innerDataCurentsChart :outerData=innerDataCurentsChart />
+            </panel>
+          </el-col>
+          <el-col :span="6">
+            <panel title="同期理论平衡分析">
+              <dual-pie-chart height="27.296vh" :innerData=innerDataSameChart :outerData=innerDataSameChart />
+            </panel>
+          </el-col>
+          <el-col :span="6">
+            <panel title="当年理论平衡分析">
+              <dual-pie-chart height="27.296vh" :innerData=innerDataCurentsYearChart :outerData=innerDataCurentsYearChart />
+            </panel>
+          </el-col>
+          <el-col :span="6">
+            <panel title="年同期理论平衡分析">
+              <dual-pie-chart height="27.296vh" :innerData=innerDataSameYearChart :outerData=innerDataSameYearChart />
+            </panel>
+          </el-col>
+      </el-row>
+      
+  </div>
+</template>
+
+<script>
+import VertivalBarLineChart from "../../components/chart/combination/vertival-bar-line-chart.vue";
+import Panel from "../../components/coms/panel/panel.vue";
+import DualPieChart from "../../components/chart/pie/dual-pie-chart.vue";
+import SvgIcon from "../../components/coms/icon/svg-icon.vue";
+import Get_PDF from "@tools/htmlToPdf";
+export default {
+  setup() {},
+  components: {
+    Panel,
+    DualPieChart,
+    SvgIcon,
+    VertivalBarLineChart
+  },
+  data() {
+    return {
+      pickerOptions: {},
+      bardata: { area: [], legend: [], data: [] }, // 损失电量分析echart数值
+      lineData: [],
+      timmer: null,
+      monthValue: this.getmonthValue(),
+      nowCurrents: {},
+      innerDataCurentsChart: [],
+      innerDataSameChart: [],
+      innerDataCurentsYearChart: [],
+      innerDataSameYearChart: [],
+      currentMonth: {
+        '麻黄山': {},
+        '牛首山': {},
+        '石板泉': {},
+        '香山': {},
+        '青山':{}
+      },
+      currentYear: {
+        '麻黄山': {},
+        '牛首山': {},
+        '石板泉': {},
+        '香山': {},
+        '青山':{}
+      },
+      compares: {},
+      sameList: {}
+    };
+  },
+  created() {
+    
+    let _this = this
+    _this.$nextTick(() => {
+      _this.getMonthList(false);
+      _this.getSecordList(false)
+      _this.timmer = setInterval(() => {
+        _this.getMonthList(false)
+        _this.getSecordList(false)
+      }, _this.$store.state.websocketTimeSec);
+    });
+  },
+  unmounted() {
+    clearInterval(this.timmer);
+    this.timmer = null;
+  },
+  mounted() {},
+  methods: {
+    exportPDF (name) {
+      this.BASE.showMsg({
+        type: "success",
+        msg: "正在导出...请稍后..."
+      });
+      Get_PDF.downloadPDF(document.querySelector('.pdfDom'), "测试123");
+    },
+    getmonthValue(){
+      let data = new Date()
+      let year = data.getFullYear();
+      let month = data.getMonth() > 9 ? data.getMonth() : '0' + (data.getMonth() + 1)
+      let toMonth = year + '-' + month
+      return toMonth
+    },
+    monthChange(data){
+      let year = data.getFullYear();
+      let month = data.getMonth() > 9 ? data.getMonth() : '0' + (data.getMonth() + 1)
+      let toMonth = year + '-' + month
+      return toMonth
+    },
+    onClickSearch() {
+      this.getMonthList(false)
+      this.getSecordList(false)
+    },
+
+    isNumber(val) {
+      return typeof val === 'number' && !isNaN(val)
+    },
+    getSecordList(showLoading) {
+      let _this = this
+      let months = ''
+      if (typeof(this.monthValue) === 'string') {
+        months = this.monthValue
+      } else {
+        months = this.monthChange(this.monthValue)
+      }
+      _this.API.requestData({
+          showLoading,
+          method: "GET",
+          baseURL: 'http://10.155.32.4:8034',
+          subUrl: "/specific/maincenterlist",
+          data:{
+            month: months
+          },
+          success(res) {
+            let currentMonth = {}
+            let currentYear = {}
+            res.data['当月'].map(item => {
+              for (let key in item) {
+                if(_this.isNumber(item[key]) && key.indexOf('Compare') === -1) {
+                  item[key] = item[key].toFixed(2)
+                }
+              }
+              if (item.wpid === '麻黄山风电场') {
+                currentMonth['麻黄山'] = item
+              } else if (item.wpid === '牛首山风电场') {
+                currentMonth['牛首山'] = item
+              } else if (item.wpid === '青山风电场') {
+                currentMonth['青山'] = item
+              } else if (item.wpid === '石板泉风电场') {
+                currentMonth['石板泉'] = item
+              } else if (item.wpid === '香山风电场') {
+                currentMonth['香山'] = item
+              }
+              
+            })
+            res.data['当年'].map(item => {
+              for (let key in item) {
+                if(_this.isNumber(item[key]) && key.indexOf('Compare') === -1) {
+                  item[key] = item[key].toFixed(2)
+                }
+              }
+              if (item.wpid === '麻黄山风电场') {
+                currentYear['麻黄山'] = item
+              } else if (item.wpid === '牛首山风电场') {
+                currentYear['牛首山'] = item
+              } else if (item.wpid === '青山风电场') {
+                currentYear['青山'] = item
+              } else if (item.wpid === '石板泉风电场') {
+                currentYear['石板泉'] = item
+              } else if (item.wpid === '香山风电场') {
+                currentYear['香山'] = item
+              }
+              
+            })
+            _this.currentMonth = currentMonth
+            _this.currentYear = currentYear
+          }
+      })
+    },
+    getMonthList(showLoading) {
+      let _this = this
+      let months = ''
+      if (typeof(this.monthValue) === 'string') {
+        months = this.monthValue
+      } else {
+        months = this.monthChange(this.monthValue)
+      }
+      _this.API.requestData({
+          showLoading,
+          method: "GET",
+          baseURL: 'http://10.155.32.4:8034',
+          subUrl: "/specific/maintoplist",
+          data:{
+            month: months
+          },
+          success(res) {
+            res.data.map(item => {
+              for (let key in item) {
+                if(_this.isNumber(item[key]) && item.type !== '比较') {
+                  item[key] = item[key].toFixed(2)
+                }
+              }
+              if (item.type === '本期') {
+                _this.nowCurrents = item
+                _this.innerDataCurentsChart = [
+                  {
+                    value: item.ywhssl,
+                    name: '维护损失率'
+                  },
+                  {
+                    value: item.ygzssl,
+                    name: '故障损失率'
+                  },
+                  {
+                    value: item.yxdssl,
+                    name: '限电损失率'
+                  },
+                  {
+                    value: item.yxnssl,
+                    name: '性能损失率'
+                  },
+                  {
+                    value: item.yslssl,
+                    name: '受累损失率'
+                  },
+                  {
+                    value: item.yfnlyl,
+                    name: '风能利用率'
+                  }
+                ]
+
+                _this.innerDataCurentsYearChart = [
+                  {
+                    value: item.nwhssl,
+                    name: '维护损失率'
+                  },
+                  {
+                    value: item.ngzssl,
+                    name: '故障损失率'
+                  },
+                  {
+                    value: item.nxdssl,
+                    name: '限电损失率'
+                  },
+                  {
+                    value: item.nxnssl,
+                    name: '性能损失率'
+                  },
+                  {
+                    value: item.nslssl,
+                    name: '受累损失率'
+                  },
+                  {
+                    value: item.nfnlyl,
+                    name: '风能利用率'
+                  }
+                ]
+              } else if (item.type === '比较') {
+                _this.compares = item
+              } else {
+                _this.sameList = item
+                _this.innerDataSameChart = [
+                  {
+                    value: item.ywhssl,
+                    name: '维护损失率'
+                  },
+                  {
+                    value: item.ygzssl,
+                    name: '故障损失率'
+                  },
+                  {
+                    value: item.yxdssl,
+                    name: '限电损失率'
+                  },
+                  {
+                    value: item.yxnssl,
+                    name: '性能损失率'
+                  },
+                  {
+                    value: item.yslssl,
+                    name: '受累损失率'
+                  },
+                  {
+                    value: item.yfnlyl,
+                    name: '风能利用率'
+                  }
+                ]
+                _this.innerDataSameYearChart = [
+                  {
+                    value: item.nwhssl,
+                    name: '维护损失率'
+                  },
+                  {
+                    value: item.ngzssl,
+                    name: '故障损失率'
+                  },
+                  {
+                    value: item.nxdssl,
+                    name: '限电损失率'
+                  },
+                  {
+                    value: item.nxnssl,
+                    name: '性能损失率'
+                  },
+                  {
+                    value: item.nslssl,
+                    name: '受累损失率'
+                  },
+                  {
+                    value: item.nfnlyl,
+                    name: '风能利用率'
+                  }
+                ]
+              }
+            })
+          }
+      })
+    }
+  }
 };
 </script>
 

src/views/layout/Menu.vue

@@ -107,6 +107,18 @@ export default {
                   path: "/historySearch"
                 }
               ]
+            },
+            {
+              text: "预警记录",
+              icon: "svg-wind-site",
+              path: "/new",
+              children: [
+                {
+                  text: "预警管理",
+                  icon: "svg-wind-site",
+                  path: "/new/alarmcenter"
+                }
+              ]
             }
           ],
         },