Browse Source

[Mod 0000]羊马河首页关键阻力路线屏蔽跳转;优化三个风机监测时间

hongrunxia 1 day ago
parent
commit
4f9f7cf378

+ 361 - 357
src/views/vent/home/colliery/components/wind-line.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="windLine">
-    <div class="title-top">关键通风路线智能管控</div>
+    <div class="title-top" @click="getDetail">关键通风路线智能管控</div>
     <div class="toggle-search">
       <i class="icon-search">
         <SvgIcon class="icon" size="14" name="toggle" />
@@ -45,418 +45,422 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted, nextTick, defineProps, watch } from 'vue';
-import { SvgIcon } from '/@/components/Icon';
-import * as echarts from 'echarts';
-import { formatNum } from '/@/utils/ventutil';
-
-const emit = defineEmits(['goDetail']);
-
-let props = defineProps({
-  lineList: Array,
-});
-
-//获取dom节点
-let line = ref<any>();
-let lineData = reactive<any[]>([]);
-let searchValue = ref('');
-const lineTypeList = reactive<any[]>([]);
-
-let echartData = reactive<any[]>([
-  { name: '进风区', value: 0 },
-  { name: '用风区', value: 0 },
-  { name: '回风区', value: 0 },
-]);
-let xData = reactive<any[]>([]);
-let yData = reactive<any[]>([]);
-let percentE = ref<any>(0);
-let percentF = ref<any>(0);
-let percentT = ref<any>(0);
-
-let tabList = reactive<any[]>([
-  { name: '总风量(m³/min)', val: 0 },
-  { name: '总阻力(Pa)', val: 0 },
-  { name: '等积孔(m²)', val: 0 },
-]);
-//跳转详情
-function getDetail() {
-  emit('goDetail', { deviceType: 'majorpath', id: searchValue.value });
-}
-//选项切换
-function changeSelect(val) {
-  searchValue.value = val;
-  const selectData = lineData.find((item) => item['deviceID'] == val);
-  if (selectData) {
-    echartData[0].value = (selectData.majorpath['drag_1'] || Math.floor(Math.random() * (629 - 620 + 1)) + 620).toFixed(2);
-    echartData[1].value = (selectData.majorpath['drag_2'] || Math.floor(Math.random() * (949 - 940 + 1)) + 940).toFixed(2);
-    echartData[2].value = (selectData.majorpath['drag_3'] || Math.floor(Math.random() * (855 - 850 + 1)) + 850).toFixed(2);
-    tabList[0].val = (selectData.majorpath['m3_total'] || Math.floor(Math.random() * (10700 - 10600 + 1)) + 10600).toFixed(2);
-    tabList[1].val = (selectData.majorpath['drag_total'] || Math.floor(Math.random() * (2433 - 2423 + 1)) + 2423).toFixed(2);
-    tabList[2].val = formatNum((1.19 * Number(tabList[0].val)) / 60 / Math.sqrt(Number(tabList[1].val)));
-    percentF.value = formatNum(
-      (Number(echartData[0].value) / (Number(echartData[0].value) + Number(echartData[1].value) + Number(echartData[2].value))) * 100
-    );
-    percentT.value = formatNum(
-      (Number(echartData[1].value) / (Number(echartData[0].value) + Number(echartData[1].value) + Number(echartData[2].value))) * 100
-    );
-    percentE.value = formatNum(
-      (echartData[2].value / (Number(echartData[0].value) + Number(echartData[1].value) + Number(echartData[2].value))) * 100
-    );
+  import { ref, reactive, onMounted, nextTick, defineProps, watch } from 'vue';
+  import { SvgIcon } from '/@/components/Icon';
+  import * as echarts from 'echarts';
+  import { formatNum } from '/@/utils/ventutil';
+  import { useGlobSetting } from '/@/hooks/setting';
+
+  const emit = defineEmits(['goDetail']);
+
+  let props = defineProps({
+    lineList: Array,
+  });
+
+  const { sysOrgCode } = useGlobSetting();
+
+  //获取dom节点
+  let line = ref<any>();
+  let lineData = reactive<any[]>([]);
+  let searchValue = ref('');
+  const lineTypeList = reactive<any[]>([]);
+
+  let echartData = reactive<any[]>([
+    { name: '进风区', value: 0 },
+    { name: '用风区', value: 0 },
+    { name: '回风区', value: 0 },
+  ]);
+  let xData = reactive<any[]>([]);
+  let yData = reactive<any[]>([]);
+  let percentE = ref<any>(0);
+  let percentF = ref<any>(0);
+  let percentT = ref<any>(0);
+
+  let tabList = reactive<any[]>([
+    { name: '总风量(m³/min)', val: 0 },
+    { name: '总阻力(Pa)', val: 0 },
+    { name: '等积孔(m²)', val: 0 },
+  ]);
+  //跳转详情
+  function getDetail() {
+    if (sysOrgCode === 'hnjtymhmk') return; //羊马河暂时屏蔽跳转
+    emit('goDetail', { deviceType: 'majorpath', id: searchValue.value });
   }
-  getOption();
-}
-
-function getOption() {
-  nextTick(() => {
-    function deepCopy(obj) {
-      if (typeof obj !== 'object') {
-        return obj;
-      }
-      var newobj = {};
-      for (var attr in obj) {
-        newobj[attr] = obj[attr];
-      }
-      return newobj;
+  //选项切换
+  function changeSelect(val) {
+    searchValue.value = val;
+    const selectData = lineData.find((item) => item['deviceID'] == val);
+    if (selectData) {
+      echartData[0].value = (selectData.majorpath['drag_1'] || Math.floor(Math.random() * (629 - 620 + 1)) + 620).toFixed(2);
+      echartData[1].value = (selectData.majorpath['drag_2'] || Math.floor(Math.random() * (949 - 940 + 1)) + 940).toFixed(2);
+      echartData[2].value = (selectData.majorpath['drag_3'] || Math.floor(Math.random() * (855 - 850 + 1)) + 850).toFixed(2);
+      tabList[0].val = (selectData.majorpath['m3_total'] || Math.floor(Math.random() * (10700 - 10600 + 1)) + 10600).toFixed(2);
+      tabList[1].val = (selectData.majorpath['drag_total'] || Math.floor(Math.random() * (2433 - 2423 + 1)) + 2423).toFixed(2);
+      tabList[2].val = formatNum((1.19 * Number(tabList[0].val)) / 60 / Math.sqrt(Number(tabList[1].val)));
+      percentF.value = formatNum(
+        (Number(echartData[0].value) / (Number(echartData[0].value) + Number(echartData[1].value) + Number(echartData[2].value))) * 100
+      );
+      percentT.value = formatNum(
+        (Number(echartData[1].value) / (Number(echartData[0].value) + Number(echartData[1].value) + Number(echartData[2].value))) * 100
+      );
+      percentE.value = formatNum(
+        (echartData[2].value / (Number(echartData[0].value) + Number(echartData[1].value) + Number(echartData[2].value))) * 100
+      );
     }
+    getOption();
+  }
 
-    echartData.map((a, b) => {
-      xData.push(a.name);
-      yData.push(a.value);
-    });
-    var startColor = ['rgba(255, 224, 28,.6)', 'rgba(31, 248, 251,.6)', 'rgba(154, 255, 168,.6)'];
-    var borderStartColor = ['#ffe01c', '#1ff8fb', '#9affa8'];
-    var RealData = [];
-    var borderData = [];
-    echartData.map((item, index) => {
-      var newobj = deepCopy(item);
-      var newobj1 = deepCopy(item);
-      RealData.push(newobj);
-      borderData.push(newobj1);
-    });
-    RealData.map((item, index) => {
-      item.itemStyle = {
-        normal: {
-          color: startColor[index],
-        },
-      };
-    });
-    borderData.map((item, index) => {
-      item.itemStyle = {
-        normal: {
-          color: borderStartColor[index],
-        },
-      };
-    });
-    const myChart = echarts.init(line.value);
-
-    let option = {
-      legend: [
-        {
-          // orient: 'vertical',
-          x: '50%',
-          y: '12%',
-          itemWidth: 10,
-          itemHeight: 10,
-          align: 'left',
-          textStyle: {
-            fontSize: 14,
-            color: '#b3b8cc',
-          },
-          data: ['进风区'],
-        },
-        {
-          // orient: 'vertical',
-          x: '50%',
-          y: '42%',
-          itemWidth: 10,
-          itemHeight: 10,
-          align: 'left',
-          textStyle: {
-            fontSize: 14,
-            color: '#b3b8cc',
+  function getOption() {
+    nextTick(() => {
+      function deepCopy(obj) {
+        if (typeof obj !== 'object') {
+          return obj;
+        }
+        var newobj = {};
+        for (var attr in obj) {
+          newobj[attr] = obj[attr];
+        }
+        return newobj;
+      }
+
+      echartData.map((a, b) => {
+        xData.push(a.name);
+        yData.push(a.value);
+      });
+      var startColor = ['rgba(255, 224, 28,.6)', 'rgba(31, 248, 251,.6)', 'rgba(154, 255, 168,.6)'];
+      var borderStartColor = ['#ffe01c', '#1ff8fb', '#9affa8'];
+      var RealData = [];
+      var borderData = [];
+      echartData.map((item, index) => {
+        var newobj = deepCopy(item);
+        var newobj1 = deepCopy(item);
+        RealData.push(newobj);
+        borderData.push(newobj1);
+      });
+      RealData.map((item, index) => {
+        item.itemStyle = {
+          normal: {
+            color: startColor[index],
           },
-          data: ['用风区'],
-        },
-        {
-          // orient: 'vertical',
-          x: '50%',
-          y: '70%',
-          itemWidth: 10,
-          itemHeight: 10,
-          align: 'left',
-          textStyle: {
-            fontSize: 14,
-            color: '#b3b8cc',
+        };
+      });
+      borderData.map((item, index) => {
+        item.itemStyle = {
+          normal: {
+            color: borderStartColor[index],
           },
-          data: ['回风区'],
-        },
-      ],
-      tooltip: {
-        formatter: '{b}:{c}',
-      },
-      series: [
-        // 主要展示层的
-        {
-          radius: ['40%', '80%'],
-          center: ['25%', '50%'],
-          type: 'pie',
-          z: 10,
-          label: {
-            normal: {
-              show: false,
-            },
-            emphasis: {
-              show: false,
+        };
+      });
+      const myChart = echarts.init(line.value);
+
+      let option = {
+        legend: [
+          {
+            // orient: 'vertical',
+            x: '50%',
+            y: '12%',
+            itemWidth: 10,
+            itemHeight: 10,
+            align: 'left',
+            textStyle: {
+              fontSize: 14,
+              color: '#b3b8cc',
             },
+            data: ['进风区'],
           },
-          labelLine: {
-            normal: {
-              show: false,
-            },
-            emphasis: {
-              show: false,
+          {
+            // orient: 'vertical',
+            x: '50%',
+            y: '42%',
+            itemWidth: 10,
+            itemHeight: 10,
+            align: 'left',
+            textStyle: {
+              fontSize: 14,
+              color: '#b3b8cc',
             },
+            data: ['用风区'],
           },
-          itemStyle: {
-            normal: {
-              borderWidth: 5,
-              borderColor: 'rgba(1, 57, 134,1)',
+          {
+            // orient: 'vertical',
+            x: '50%',
+            y: '70%',
+            itemWidth: 10,
+            itemHeight: 10,
+            align: 'left',
+            textStyle: {
+              fontSize: 14,
+              color: '#b3b8cc',
             },
+            data: ['回风区'],
           },
-          data: RealData,
+        ],
+        tooltip: {
+          formatter: '{b}:{c}',
         },
-        // 边框的设置
-        {
-          radius: ['45%', '52%'],
-          center: ['25%', '50%'],
-          type: 'pie',
-          z: 5,
-          label: {
-            normal: {
-              show: false,
+        series: [
+          // 主要展示层的
+          {
+            radius: ['40%', '80%'],
+            center: ['25%', '50%'],
+            type: 'pie',
+            z: 10,
+            label: {
+              normal: {
+                show: false,
+              },
+              emphasis: {
+                show: false,
+              },
             },
-            emphasis: {
-              show: false,
+            labelLine: {
+              normal: {
+                show: false,
+              },
+              emphasis: {
+                show: false,
+              },
+            },
+            itemStyle: {
+              normal: {
+                borderWidth: 5,
+                borderColor: 'rgba(1, 57, 134,1)',
+              },
             },
+            data: RealData,
           },
-          labelLine: {
-            normal: {
-              show: false,
+          // 边框的设置
+          {
+            radius: ['45%', '52%'],
+            center: ['25%', '50%'],
+            type: 'pie',
+            z: 5,
+            label: {
+              normal: {
+                show: false,
+              },
+              emphasis: {
+                show: false,
+              },
+            },
+            labelLine: {
+              normal: {
+                show: false,
+              },
+              emphasis: {
+                show: false,
+              },
             },
-            emphasis: {
+
+            animation: false,
+            tooltip: {
               show: false,
             },
+            data: borderData,
           },
+        ],
+      };
+      myChart.setOption(option);
+      window.onresize = function () {
+        myChart.resize();
+      };
+    });
+  }
 
-          animation: false,
-          tooltip: {
-            show: false,
-          },
-          data: borderData,
-        },
-      ],
-    };
-    myChart.setOption(option);
-    window.onresize = function () {
-      myChart.resize();
-    };
-  });
-}
-
-watch(
-  () => props.lineList,
-  (val) => {
-    lineData = val;
-    lineTypeList.length = 0;
-    lineData.forEach((el) => {
-      lineTypeList.push({
-        label: el.deviceName,
-        value: el.deviceID,
+  watch(
+    () => props.lineList,
+    (val) => {
+      lineData = val;
+      lineTypeList.length = 0;
+      lineData.forEach((el) => {
+        lineTypeList.push({
+          label: el.deviceName,
+          value: el.deviceID,
+        });
       });
-    });
 
-    if (searchValue.value) {
-      changeSelect(searchValue.value);
-    } else {
-      searchValue.value = lineTypeList[0].value;
-      changeSelect(searchValue.value);
+      if (searchValue.value) {
+        changeSelect(searchValue.value);
+      } else {
+        searchValue.value = lineTypeList[0].value;
+        changeSelect(searchValue.value);
+      }
+    },
+    {
+      deep: true,
     }
-  },
-  {
-    deep: true,
-  }
-);
+  );
 
-onMounted(() => {});
+  onMounted(() => {});
 </script>
 
 <style lang="less" scoped>
-@font-face {
-  font-family: 'douyuFont';
-  src: url('../../../../../assets/font/douyuFont.otf');
-}
-
-.windLine {
-  width: 100%;
-  height: 100%;
-  position: relative;
-
-  .title-top {
-    position: absolute;
-    top: 9px;
-    left: 46px;
-    color: #fff;
-    font-size: 16px;
+  @font-face {
     font-family: 'douyuFont';
-    cursor: pointer;
-
-    &:hover {
-      color: #66ffff;
-    }
+    src: url('../../../../../assets/font/douyuFont.otf');
   }
 
-  .toggle-search {
-    position: absolute;
-    left: 9px;
-    top: 37px;
-    display: flex;
-
-    .icon-search {
-      position: absolute;
-      top: 50%;
-      left: 5px;
-      transform: translate(0%, -50%);
-    }
-  }
-
-  .line-echart {
-    position: absolute;
-    top: 66px;
-    left: 0;
+  .windLine {
     width: 100%;
-    height: 120px;
+    height: 100%;
+    position: relative;
 
-    .line {
-      width: 100%;
-      height: 100%;
+    .title-top {
+      position: absolute;
+      top: 9px;
+      left: 46px;
+      color: #fff;
+      font-size: 16px;
+      font-family: 'douyuFont';
+      cursor: pointer;
+
+      &:hover {
+        color: #66ffff;
+      }
     }
 
-    .pic {
-      height: 100%;
+    .toggle-search {
       position: absolute;
-      left: 45%;
-      top: 0;
+      left: 9px;
+      top: 37px;
       display: flex;
-      align-items: center;
 
-      img {
-        height: 60%;
+      .icon-search {
+        position: absolute;
+        top: 50%;
+        left: 5px;
+        transform: translate(0%, -50%);
       }
     }
 
-    .percent {
+    .line-echart {
       position: absolute;
-      left: 75%;
-      top: 0;
-      width: 45px;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      // justify-content: space-between;
-      align-items: center;
+      top: 66px;
+      left: 0;
+      width: 100%;
+      height: 120px;
 
-      .percent-box {
-        font-size: 14px;
+      .line {
+        width: 100%;
+        height: 100%;
+      }
 
-        // color: #b3b8cc;
-        &:nth-child(1) {
-          position: absolute;
-          top: 12%;
-          color: #ffe01c;
-        }
+      .pic {
+        height: 100%;
+        position: absolute;
+        left: 45%;
+        top: 0;
+        display: flex;
+        align-items: center;
 
-        &:nth-child(2) {
-          position: absolute;
-          top: 42%;
-          color: #1ff8fb;
+        img {
+          height: 60%;
         }
+      }
 
-        &:nth-child(3) {
-          position: absolute;
-          top: 70%;
-          color: #9affa8;
-        }
+      .percent {
+        position: absolute;
+        left: 75%;
+        top: 0;
+        width: 45px;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        // justify-content: space-between;
+        align-items: center;
+
+        .percent-box {
+          font-size: 14px;
 
-        .dw {
-          color: #b3b8cc;
-          margin-left: 5px;
+          // color: #b3b8cc;
+          &:nth-child(1) {
+            position: absolute;
+            top: 12%;
+            color: #ffe01c;
+          }
+
+          &:nth-child(2) {
+            position: absolute;
+            top: 42%;
+            color: #1ff8fb;
+          }
+
+          &:nth-child(3) {
+            position: absolute;
+            top: 70%;
+            color: #9affa8;
+          }
+
+          .dw {
+            color: #b3b8cc;
+            margin-left: 5px;
+          }
         }
       }
     }
-  }
 
-  .line-card {
-    position: absolute;
-    top: 186px;
-    left: 0;
-    width: 100%;
-    height: calc(100% - 186px);
-    padding: 0px 15px 15px 15px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-
-    .card-item {
+    .line-card {
+      position: absolute;
+      top: 186px;
+      left: 0;
+      width: 100%;
+      height: calc(100% - 186px);
+      padding: 0px 15px 15px 15px;
+      box-sizing: border-box;
       display: flex;
-      flex: 1;
-      justify-content: center;
+      justify-content: space-around;
       align-items: center;
-      height: 100%;
-
-      .item-s {
-        position: relative;
-        width: 105px;
-        height: 58px;
-        margin-top: 20px;
-        background: url('../../../../../assets/images/home-container/line-val.png') no-repeat;
-        background-size: 100% 90%;
-
-        .item-label {
-          width: 100%;
-          text-align: center;
-          color: #b3b8cc;
-          font-size: 12px;
-        }
 
-        .item-val {
-          position: absolute;
-          left: 50%;
-          top: 26px;
-          font-size: 14px;
-          font-family: 'douyuFont';
-          color: #fff;
-          transform: translate(-50%, 0);
+      .card-item {
+        display: flex;
+        flex: 1;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+
+        .item-s {
+          position: relative;
+          width: 105px;
+          height: 58px;
+          margin-top: 20px;
+          background: url('../../../../../assets/images/home-container/line-val.png') no-repeat;
+          background-size: 100% 90%;
+
+          .item-label {
+            width: 100%;
+            text-align: center;
+            color: #b3b8cc;
+            font-size: 12px;
+          }
+
+          .item-val {
+            position: absolute;
+            left: 50%;
+            top: 26px;
+            font-size: 14px;
+            font-family: 'douyuFont';
+            color: #fff;
+            transform: translate(-50%, 0);
+          }
         }
       }
     }
   }
-}
-
-:deep .zxm-select-selector {
-  width: 100%;
-  height: 30px !important;
-  padding: 0 11px 0px 25px !important;
-  background-color: rgba(8, 148, 255, 0.3) !important;
-  border: 1px solid #1d80da !important;
-}
-
-:deep .zxm-select-selection-item {
-  color: #fff !important;
-  line-height: 28px !important;
-}
-
-:deep .zxm-select-arrow {
-  color: #fff !important;
-}
+
+  :deep .zxm-select-selector {
+    width: 100%;
+    height: 30px !important;
+    padding: 0 11px 0px 25px !important;
+    background-color: rgba(8, 148, 255, 0.3) !important;
+    border: 1px solid #1d80da !important;
+  }
+
+  :deep .zxm-select-selection-item {
+    color: #fff !important;
+    line-height: 28px !important;
+  }
+
+  :deep .zxm-select-arrow {
+    color: #fff !important;
+  }
 </style>

+ 1 - 1
src/views/vent/monitorManager/comment/GroupMonitorTable.vue

@@ -282,7 +282,7 @@
             } else if (columnKey.endsWith('_merge')) {
               resultData1[columnKey] = data[columnKey];
             } else {
-              resultData1[columnKey] = resultData2[columnKey] = data[columnKey];
+              resultData1[columnKey] = resultData2[columnKey] = resultData3[columnKey] = data[columnKey];
             }
           }
         });

+ 82 - 82
src/views/vent/monitorManager/mainFanMonitor/components/AnalysisTable.vue

@@ -1,95 +1,95 @@
 <template>
   <div class="alarm-history-table">
-    <a-table :dataSource="mockData" :columns="Warncolumns" :scroll="{ y: 180 }"> </a-table>
+    <a-table :dataSource="mockData" :columns="Warncolumns" :scroll="{ y: 180 }" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+  import { ref } from 'vue';
 
-const Warncolumns = ref([
-  {
-    title: '序号',
-    align: 'center',
-    key: 'index',
-    width: 80,
-    customRender: ({ index }) => {
-      return index + 1;
+  const Warncolumns = ref([
+    {
+      title: '序号',
+      align: 'center',
+      key: 'index',
+      width: 80,
+      customRender: ({ index }) => {
+        return index + 1;
+      },
     },
-  },
-  {
-    title: '设备名称',
-    align: 'center',
-    width: 200,
-    customRender: () => '羊马河主通风机',
-  },
-  {
-    title: '故障描述',
-    align: 'center',
-    customRender: ({ record }) => {
-      const activeFaults = record.title;
-      return activeFaults;
+    {
+      title: '设备名称',
+      align: 'center',
+      width: 200,
+      customRender: () => '羊马河主通风机',
     },
-  },
-  {
-    title: '故障原因',
-    align: 'center',
-    key: 'faultStatus',
-    customRender: ({ record }) => {
-      const activeFaults = record.faultStatus;
-      return activeFaults;
+    {
+      title: '故障描述',
+      align: 'center',
+      customRender: ({ record }) => {
+        const activeFaults = record.title;
+        return activeFaults;
+      },
     },
-  },
-  {
-    title: '解决方案',
-    align: 'center',
-    key: 'netStatus',
-    customRender: ({ record }) => {
-      const activeFaults = record.netStatus;
-      return activeFaults;
+    {
+      title: '故障原因',
+      align: 'center',
+      key: 'faultStatus',
+      customRender: ({ record }) => {
+        const activeFaults = record.faultStatus;
+        return activeFaults;
+      },
     },
-  },
-  {
-    title: '时间',
-    align: 'center',
-    key: 'readTime',
-    customRender: () => {
-      const now = new Date();
-      return now.toLocaleString(); // 格式化为本地时间字符串
+    {
+      title: '解决方案',
+      align: 'center',
+      key: 'netStatus',
+      customRender: ({ record }) => {
+        const activeFaults = record.netStatus;
+        return activeFaults;
+      },
     },
-  },
-]);
+    {
+      title: '时间',
+      align: 'center',
+      key: 'readTime',
+      customRender: () => {
+        const now = new Date();
+        return now.toLocaleString(); // 格式化为本地时间字符串
+      },
+    },
+  ]);
 
-const mockData = [
-  {
-    key: 0,
-    title: '水平或垂直振动>6mm',
-    faultStatus: '通风阻力增大;静压值低于正常运行值100pa',
-    netStatus: '检查相关参数传感器、增大风机运行频率',
-  },
-  {
-    key: 1,
-    title: '前轴/后轴温度>70℃',
-    faultStatus: '缺乏润滑脂或轴承损坏',
-    netStatus: '检查轴承润滑脂状态、检查轴承是否损坏、检查相关参数传感器',
-  },
-  {
-    key: 2,
-    title: '前轴/后轴温度>105℃',
-    faultStatus: '轴承损坏',
-    netStatus: '检查轴承是否损坏',
-  },
-  {
-    key: 3,
-    title: '水平或垂直振动>8mm,且变化范围较大',
-    faultStatus: '电机轴承发生损坏;风机扇叶发生损坏',
-    netStatus: '检查振动传感器、检查电机轴承、检查风机扇叶',
-  },
-  {
-    key: 4,
-    title: '额定电压超过额定值的10%时',
-    faultStatus: '电网电压出现出现异常或者通风阻力增大',
-    netStatus: '检查相关参数传感器、检查电网电压',
-  },
-];
-</script>
+  const mockData = [
+    {
+      key: 0,
+      title: '水平或垂直振动>6mm',
+      faultStatus: '通风阻力增大;静压值低于正常运行值100pa',
+      netStatus: '检查相关参数传感器、增大风机运行频率',
+    },
+    {
+      key: 1,
+      title: '前轴/后轴温度>70℃',
+      faultStatus: '缺乏润滑脂或轴承损坏',
+      netStatus: '检查轴承润滑脂状态、检查轴承是否损坏、检查相关参数传感器',
+    },
+    {
+      key: 2,
+      title: '前轴/后轴温度>105℃',
+      faultStatus: '轴承损坏',
+      netStatus: '检查轴承是否损坏',
+    },
+    {
+      key: 3,
+      title: '水平或垂直振动>8mm,且变化范围较大',
+      faultStatus: '电机轴承发生损坏;风机扇叶发生损坏',
+      netStatus: '检查振动传感器、检查电机轴承、检查风机扇叶',
+    },
+    {
+      key: 4,
+      title: '额定电压超过额定值的10%时',
+      faultStatus: '电网电压出现出现异常或者通风阻力增大',
+      netStatus: '检查相关参数传感器、检查电网电压',
+    },
+  ];
+</script>