5.5首页风量监测，预警管控详情数据接口重新对接

src/views/vent/home/colliery/components/wind-monitor.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="windMonitor">
-    <div class="title-top" @click="getDetail">风量监测</div>
+    <div class="title-top" @click="getDetail">风量监测11111</div>
     <div class="wind-contents">
       <div class="wind-bar" ref="windBar"></div>
     </div>
@@ -226,7 +226,7 @@ function getOption() {
           show: echartData.xdata.length > 8 ? true : false,
           type: 'slider', // 这里可以选择你需要的类型，例如 'inside'
           start: 0, // 数据窗口范围的起始百分比
-          end: echartData.xdata.length > 8 && echartData.xdata.length < 16 ? 50 : echartData.xdata.length > 16 ? 25 : 100, // 数据窗口范围的结束百分比
+          end: echartData.xdata.length > 8 && echartData.xdata.length <= 16 ? 50 : echartData.xdata.length > 16 ? 25 : 100, // 数据窗口范围的结束百分比
           height: 10, // 设置缩放条高度
           left: 'center',
           bottom: 25,

src/views/vent/monitorManager/alarmMonitor/common/closeWall.vue

@@ -118,7 +118,7 @@
   import warnZb from './warnZb.vue';
   import PredictionCurve from './predictionCurve.vue';
   import { Modal, Input } from 'ant-design-vue';
-  import { deviceControlApi } from '/@/api/vent/index';
+  // import { deviceControlApi } from '/@/api/vent/index';
 
   let props = defineProps({
     listData: Object,

src/views/vent/monitorManager/alarmMonitor/common/fireWork.vue

@@ -84,7 +84,7 @@ import echartLine from './echartLine.vue';
 import echartLine1 from './echartLine1.vue';
 import PredictionCurve from './predictionCurve.vue';
 import { topList, contentList } from '../common.data';
-import BaseTab from '../../../gas/components/tab/baseTab.vue';
+// import BaseTab from '../../../gas/components/tab/baseTab.vue';
 
 let props = defineProps({
   listData: Object,

src/views/vent/monitorManager/alarmMonitor/common/mainWell.vue

@@ -51,7 +51,7 @@
           </div>
         </div>
       </div>
-      <div class="content-box">
+      <!-- <div class="content-box">
         <div class="container-title">{{ tabLists.pl }}</div>
         <div class="container-content">
           <div class="container-content-box" v-for="(item, index) in monitorlistPl" :key="index">
@@ -73,6 +73,29 @@
             </div>
           </div>
         </div>
+      </div> -->
+      <div class="content-box">
+        <div class="container-title">{{ tabLists.wd }}</div>
+        <div class="container-content">
+          <div class="container-content-box" v-for="(item, index) in monitorlistWd" :key="index">
+            <div class="content-box-title">{{ item.strinstallpos || '--' }}</div>
+            <div class="content-box-text">
+              <div class="box-text-z">
+                <div class="text-label">值</div>
+                <div class="text-val">{{ item.val || '--' }}</div>
+              </div>
+              <div class="box-text-zt">
+                <div class="text-label">状态</div>
+                <div :class="item.warnLevel_str == '报警' ? 'text-val1' : 'text-val2'">{{ item.warnLevel_str || '--' }}
+                </div>
+              </div>
+              <div class="box-text-time">
+                <div class="text-label">时间</div>
+                <div class="text-val">{{ item.readTime || '--' }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div class="content-box">
         <div class="container-title">{{ tabLists.co }}</div>

src/views/vent/monitorManager/alarmMonitor/warn/dustWarn.vue

@@ -2,44 +2,34 @@
   <customHeader :options="options" @change="getSelectRow" :optionValue="optionValue"> 粉尘监测预警 </customHeader>
   <div class="dustWarn">
     <div class="top-dust">
-      <a-button
-        v-if="!hasPermission('dustWarn:return')"
-        preIcon="ant-design:rollback-outlined"
-        type="text"
-        size="small"
-        style="position: absolute; left: 15px; top: 15px; color: #fff"
-        @click="getBack"
-        >返回</a-button
-      >
+      <a-button v-if="!hasPermission('dustWarn:return')" preIcon="ant-design:rollback-outlined" type="text" size="small"
+        style="position: absolute; left: 15px; top: 15px; color: #fff" @click="getBack">返回</a-button>
       <div class="alarm-menu">
         <div class="card-btn">
-          <div :class="activeIndex1 == ind ? 'btn1' : 'btn'" v-for="(item, ind) in menuList" :key="ind" @click="cardClick(ind, item)">
+          <div :class="activeIndex1 == ind ? 'btn1' : 'btn'" v-for="(item, ind) in menuList" :key="ind"
+            @click="cardClick(ind, item)">
             <div class="text">{{ item.name }}</div>
             <div class="warn">{{ item.warn }}</div>
           </div>
         </div>
       </div>
       <div class="dust-content">
-        <div class="content-left" >
-          <div
-            :class="activeIndex == index ? 'content-left-item' : 'content-left-item1'"
-            v-for="(item, index) in topAreaList"
-            :key="index"
-            @click="topAreaClick(index)"
-          >
+        <div class="content-left">
+          <div :class="activeIndex == index ? 'content-left-item' : 'content-left-item1'"
+            v-for="(item, index) in topAreaList" :key="index" @click="topAreaClick(index)">
             <div class="content-title">{{ item.title }}</div>
-            <div class="content-items"   v-for="(ite, ind) in item.content" :key="ind">
+            <div class="content-items" v-for="(ite, ind) in item.content" :key="ind">
               <span>{{ ite.label }}</span>
               <span style="color: var(--vent-table-action-link)">{{ ite.value }}</span>
             </div>
           </div>
         </div>
-        <div  class="content-right">
+        <div class="content-right">
           <div class="title-t">
             <div class="text-t">粉尘信息状态监测</div>
           </div>
           <div class="echart-boxd">
-            <echartLine  :echartDataGq="echartDataFc" :maxY="maxY" :echartDw="echartDw" :gridV="gridV" />
+            <echartLine :echartDataGq="echartDataFc" :maxY="maxY" :echartDw="echartDw" :gridV="gridV" />
           </div>
         </div>
       </div>
@@ -53,615 +43,613 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, reactive, onMounted, onUnmounted } from 'vue';
-  import { sysTypeWarnList, sysWarn, getDevice } from '../common.api';
-  import echartLine from '../common/echartLine.vue';
-  import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
-  import { useRouter } from 'vue-router';
-  import CustomHeader from '/@/components/vent/customHeader.vue';
-  import { usePermission } from '/@/hooks/web/usePermission';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import MeasurePoint from '../common/measurePoint.vue';
-
-  const glob = useGlobSetting();
-  const { hasPermission } = usePermission();
-  const { options, optionValue, getSelectRow, getSysDataSource } = useSystemSelect('sys_surface_caimei'); // 参数为场景类型（设备类型管理中可以查询到）
-  //左侧数据列表
-  let menuList = ref<any[]>([]);
-  //当前左侧激活菜单的索引
-  let activeIndex1 = ref(0);
-  //顶部区域激活选项
-  let activeIndex = ref(0);
-  //顶部区域数据
-  let topAreaList = reactive<any[]>([]);
-  let choiceData = reactive<any[]>([]);
-  //粉尘图表数据
-  let echartDataFc = reactive<any>({
-    maxData: {
-      lengedData: '实时值(mg/m³)',
-      data: [],
-    },
-    minData: {
-      lengedData: '预测值(mg/m³)',
-      data: [],
-    },
-    aveValue: {
-      lengedData: '预警值(mg/m³)',
-      data: [],
+import { ref, reactive, onMounted, onUnmounted } from 'vue';
+import { sysTypeWarnList, sysWarn, getDevice } from '../common.api';
+import echartLine from '../common/echartLine.vue';
+import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
+import { useRouter } from 'vue-router';
+import CustomHeader from '/@/components/vent/customHeader.vue';
+import { usePermission } from '/@/hooks/web/usePermission';
+import { useGlobSetting } from '/@/hooks/setting';
+import MeasurePoint from '../common/measurePoint.vue';
+
+const glob = useGlobSetting();
+const { hasPermission } = usePermission();
+const { options, optionValue, getSelectRow, getSysDataSource } = useSystemSelect('sys_surface_caimei'); // 参数为场景类型（设备类型管理中可以查询到）
+//左侧数据列表
+let menuList = ref<any[]>([]);
+//当前左侧激活菜单的索引
+let activeIndex1 = ref(0);
+//顶部区域激活选项
+let activeIndex = ref(0);
+//顶部区域数据
+let topAreaList = reactive<any[]>([]);
+let choiceData = reactive<any[]>([]);
+//粉尘图表数据
+let echartDataFc = reactive<any>({
+  maxData: {
+    lengedData: '实时值(mg/m³)',
+    data: [],
+  },
+  minData: {
+    lengedData: '预测值(mg/m³)',
+    data: [],
+  },
+  aveValue: {
+    lengedData: '预警值(mg/m³)',
+    data: [],
+  },
+  xData: [],
+});
+let maxY = ref<any>(0);
+let echartDw = ref('(mg/m³)');
+let gridV = reactive({
+  top: '12%',
+  left: '2%',
+  bottom: '5%',
+  right: '5%',
+  containLabel: true,
+});
+const cardListTf = ref<any[]>([]);
+const chartListTf = ref<any[]>([]);
+let router = useRouter();
+let echartNow = ref<any[]>([]);
+let echartYc = reactive<any[]>([]);
+let flag = ref(true);
+
+// https获取监测数据
+let timer: null | NodeJS.Timeout = null;
+function getMonitor(flag?) {
+  timer = setTimeout(
+    async () => {
+      await getMenuList()
+      await getWindDeviceList();
+      if (timer) {
+        timer = null;
+      }
+      getMonitor(false);
     },
-    xData: [],
-  });
-  let maxY = ref<any>(0);
-  let echartDw = ref('(mg/m³)');
-  let gridV = reactive({
-    top: '12%',
-    left: '2%',
-    bottom: '5%',
-    right: '5%',
-    containLabel: true,
-  });
-  const cardListTf = ref<any[]>([]);
-  const chartListTf = ref<any[]>([]);
-  let router = useRouter();
-  let echartNow = ref<any[]>([]);
-  let echartYc = reactive<any[]>([]);
-  let flag = ref(true);
-
-  // https获取监测数据
-  let timer: null | NodeJS.Timeout = null;
-  function getMonitor(deviceID, flag?) {
-    timer = setTimeout(
-      async () => {
-        await getSysWarnList(deviceID, 'dust');
-        await getWindDeviceList();
-        if (timer) {
-          timer = null;
-        }
-        getMonitor(deviceID);
-      },
-      flag ? 0 : 3000
-    );
-  }
-  //返回首页
-  function getBack() {
-    router.push('/monitorChannel/monitor-alarm-home');
-  }
-  //菜单选项切换
-  function cardClick(ind, item) {
-    activeIndex1.value = ind;
-    clearTimeout(timer);
-    getMonitor(item.deviceID, true);
+    flag ? 0 : 3000
+  );
+}
+//返回首页
+function getBack() {
+  router.push('/monitorChannel/monitor-alarm-home');
+}
+//菜单选项切换
+function cardClick(ind, item) {
+  clearTimeout(timer);
+  activeIndex1.value = ind;
+  getMonitor(true);
+}
+//顶部区域选项切换
+function topAreaClick(index) {
+  activeIndex.value = index;
+  echartDataFc.maxData.data.length = 0;
+  echartDataFc.minData.data.length = 0;
+  echartDataFc.aveValue.data.length = 0;
+  echartDataFc.xData.length = 0;
+  echartYc.length = 0;
+  flag.value = true;
+  if (flag.value) {
+    echartNow.value = JSON.parse(choiceData[index].readData.expectInfo)['list'];
+    flag.value = false;
   }
-  //顶部区域选项切换
-  function topAreaClick(index) {
-    activeIndex.value = index;
-    echartDataFc.maxData.data.length = 0;
-    echartDataFc.minData.data.length = 0;
-    echartDataFc.aveValue.data.length = 0;
-    echartDataFc.xData.length = 0;
-    echartYc.length = 0;
-    flag.value = true;
-    if (flag.value) {
-      echartNow.value = JSON.parse(choiceData[index].readData.expectInfo)['list'];
-      flag.value = false;
+  echartYc.push({
+    time: JSON.parse(choiceData[index].readData.expectInfo)['nowTime'],
+    value: JSON.parse(choiceData[index].readData.expectInfo)['nowVal'],
+  });
+  let setData = [...echartNow.value, ...echartYc].sort((a, b) => Date.parse(new Date(a.time)) - Date.parse(new Date(b.time)));
+  setData.forEach((el) => {
+    if (el.value && el.value != '0') {
+      echartDataFc.xData.push(el.time);
+      echartDataFc.maxData.data.push(el.value);
+      echartDataFc.minData.data.push(JSON.parse(choiceData[index].readData.expectInfo)['aveVal']);
+      echartDataFc.aveValue.data.push(
+        JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
+          ? JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
+          : 0
+      );
     }
-    echartYc.push({
-      time: JSON.parse(choiceData[index].readData.expectInfo)['nowTime'],
-      value: JSON.parse(choiceData[index].readData.expectInfo)['nowVal'],
-    });
-    let setData = [...echartNow.value, ...echartYc].sort((a, b) => Date.parse(new Date(a.time)) - Date.parse(new Date(b.time)));
-    setData.forEach((el) => {
-      if (el.value && el.value != '0') {
-        echartDataFc.xData.push(el.time);
-        echartDataFc.maxData.data.push(el.value);
-        echartDataFc.minData.data.push(JSON.parse(choiceData[index].readData.expectInfo)['aveVal']);
-        echartDataFc.aveValue.data.push(
-          JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
-            ? JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
-            : 0
-        );
-      }
+  });
+}
+//获取左侧菜单列表
+async function getMenuList() {
+  let res = await sysTypeWarnList({ type: 'dust' });
+  if (res.length != 0) {
+    const menuListTemp: any[] = [];
+    res.forEach((el) => {
+      menuListTemp.push({
+        name: el.systemname,
+        warn: el.warnDes,
+        deviceID: el.id,
+        strtype: el.strtype,
+        detail: el.detail
+      });
     });
+    menuList.value = menuListTemp;
+    getDetailList(menuList.value[activeIndex1.value].detail);
   }
-  //获取左侧菜单列表
-  async function getMenuList() {
-    let res = await sysTypeWarnList({ type: 'dust' });
-    if (res.length != 0) {
-      const menuListTemp: any[] = [];
-      res.forEach((el) => {
-        menuListTemp.push({
-          name: el.systemname,
-          warn: '低风险',
-          deviceID: el.id,
-          strtype: el.strtype,
-        });
+}
+//获取右侧详情列表数据
+function getDetailList(param) {
+  topAreaList.length = 0;
+  if (JSON.stringify(param) != '{}') {
+    param.dust.forEach((el) => {
+      topAreaList.push({
+        title: el.strinstallpos,
+        content: [
+          { ids: 0, label: '温度(°C)', value: el.readData.temperature || '--' },
+          { ids: 1, label: '粉尘浓度(mg/m³)', value: el.readData.dustval || '--' },
+          { ids: 2, label: '喷雾水压(MPa)', value: el.readData.waterPressure || '--' },
+          { ids: 3, label: '喷雾状态', value: el.readData.atomizingState || '--' },
+        ],
       });
-      menuList.value = menuListTemp;
-      getMonitor(menuList.value[0].deviceID, true);
-    }
-  }
-  //获取预警详情弹窗右侧数据
-  function getSysWarnList(id, type) {
-    sysWarn({ sysid: id, type: type }).then((res) => {
-      // listData.common = res;
-      topAreaList.length = 0;
-
-      if (JSON.stringify(res) != '{}') {
-        res.dust.forEach((el) => {
-          topAreaList.push({
-            title: el.strinstallpos,
-            content: [
-              { ids: 0, label: '温度(°C)', value: el.readData.temperature || '--' },
-              { ids: 1, label: '粉尘浓度(mg/m³)', value: el.readData.dustval || '--' },
-              { ids: 2, label: '喷雾水压(MPa)', value: el.readData.waterPressure || '--' },
-              { ids: 3, label: '喷雾状态', value: el.readData.atomizingState || '--' },
-            ],
-          });
-        });
-        choiceData = res.dust;
+    });
+    choiceData = param.dust;
 
-        if (choiceData[activeIndex.value]) {
-          if (flag.value) {
-            echartNow.value = JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['list'];
-            flag.value = false;
-          }
-          echartYc.push({
-            time: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowTime'],
-            value: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowVal'],
-          });
-          let setData = [...echartNow.value, ...echartYc].sort((a, b) => Date.parse(new Date(a.time)) - Date.parse(new Date(b.time)));
-          echartDataFc.maxData.data.length = 0;
-          echartDataFc.minData.data.length = 0;
-          echartDataFc.aveValue.data.length = 0;
-          echartDataFc.xData.length = 0;
-          setData.forEach((el) => {
-            if (el.value && el.value != '0') {
-              echartDataFc.xData.push(el.time);
-              echartDataFc.maxData.data.push(el.value);
-              echartDataFc.minData.data.push(JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['aveVal']);
-              echartDataFc.aveValue.data.push(
-                JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
-                  ? JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
-                  : 0
-              );
-            }
-          });
-          maxY.value = echartDataFc.maxData.data.reduce((acr, cur) => {
-            return acr > cur ? acr : cur;
-          });
-          maxY.value =
-            maxY.value.toString().indexOf('.') == -1 ? maxY.value.toString() : maxY.value.toString().substring(0, maxY.value.toString().indexOf('.'));
-          if (maxY.value.length < 2 && Number(maxY.value) < 1) {
-            maxY.value = 1;
-          } else if (maxY.value.length < 2 && Number(maxY.value) >= 1) {
-            maxY.value = 10;
-          } else if (maxY.value.length < 3) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 10;
-          } else if (maxY.value.length < 4) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 100;
-          } else if (maxY.value.length < 5) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 1000;
-          } else if (maxY.value.length < 6) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 10000;
-          }
-        } else {
-          activeIndex.value = 0;
-          if (flag.value) {
-            echartNow.value = JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['list'];
-            flag.value = false;
-          }
-          echartYc.push({
-            time: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowTime'],
-            value: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowVal'],
-          });
-          let setData = [...echartNow.value, ...echartYc].sort((a, b) => Date.parse(new Date(a.time)) - Date.parse(new Date(b.time)));
-          echartDataFc.maxData.data.length = 0;
-          echartDataFc.minData.data.length = 0;
-          echartDataFc.aveValue.data.length = 0;
-          echartDataFc.xData.length = 0;
-          setData.forEach((el) => {
-            if (el.value && el.value != '0') {
-              echartDataFc.xData.push(el.time);
-              echartDataFc.maxData.data.push(el.value);
-              echartDataFc.minData.data.push(JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['aveVal']);
-              echartDataFc.aveValue.data.push(
-                JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
-                  ? JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
-                  : 0
-              );
-            }
-          });
-          maxY.value = echartDataFc.maxData.data.reduce((acr, cur) => {
-            return acr > cur ? acr : cur;
-          });
-          maxY.value =
-            maxY.value.toString().indexOf('.') == -1 ? maxY.value.toString() : maxY.value.toString().substring(0, maxY.value.toString().indexOf('.'));
-          if (maxY.value.length < 2) {
-            maxY.value = 10;
-          } else if (maxY.value.length < 3) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 10;
-          } else if (maxY.value.length < 4) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 100;
-          } else if (maxY.value.length < 5) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 1000;
-          } else if (maxY.value.length < 6) {
-            maxY.value = (Number(maxY.value[0]) + 1) * 10000;
-          }
+    if (choiceData[activeIndex.value]) {
+      if (flag.value) {
+        echartNow.value = JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['list'];
+        flag.value = false;
+      }
+      echartYc.push({
+        time: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowTime'],
+        value: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowVal'],
+      });
+      let setData = [...echartNow.value, ...echartYc].sort((a, b) => Date.parse(new Date(a.time)) - Date.parse(new Date(b.time)));
+      echartDataFc.maxData.data.length = 0;
+      echartDataFc.minData.data.length = 0;
+      echartDataFc.aveValue.data.length = 0;
+      echartDataFc.xData.length = 0;
+      setData.forEach((el) => {
+        if (el.value && el.value != '0') {
+          echartDataFc.xData.push(el.time);
+          echartDataFc.maxData.data.push(el.value);
+          echartDataFc.minData.data.push(JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['aveVal']);
+          echartDataFc.aveValue.data.push(
+            JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
+              ? JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
+              : 0
+          );
         }
+      });
+      maxY.value = echartDataFc.maxData.data.reduce((acr, cur) => {
+        return acr > cur ? acr : cur;
+      });
+      maxY.value =
+        maxY.value.toString().indexOf('.') == -1 ? maxY.value.toString() : maxY.value.toString().substring(0, maxY.value.toString().indexOf('.'));
+      if (maxY.value.length < 2 && Number(maxY.value) < 1) {
+        maxY.value = 1;
+      } else if (maxY.value.length < 2 && Number(maxY.value) >= 1) {
+        maxY.value = 10;
+      } else if (maxY.value.length < 3) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 10;
+      } else if (maxY.value.length < 4) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 100;
+      } else if (maxY.value.length < 5) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 1000;
+      } else if (maxY.value.length < 6) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 10000;
       }
-    });
+    } else {
+      activeIndex.value = 0;
+      if (flag.value) {
+        echartNow.value = JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['list'];
+        flag.value = false;
+      }
+      echartYc.push({
+        time: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowTime'],
+        value: JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['nowVal'],
+      });
+      let setData = [...echartNow.value, ...echartYc].sort((a, b) => Date.parse(new Date(a.time)) - Date.parse(new Date(b.time)));
+      echartDataFc.maxData.data.length = 0;
+      echartDataFc.minData.data.length = 0;
+      echartDataFc.aveValue.data.length = 0;
+      echartDataFc.xData.length = 0;
+      setData.forEach((el) => {
+        if (el.value && el.value != '0') {
+          echartDataFc.xData.push(el.time);
+          echartDataFc.maxData.data.push(el.value);
+          echartDataFc.minData.data.push(JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['aveVal']);
+          echartDataFc.aveValue.data.push(
+            JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
+              ? JSON.parse(choiceData[activeIndex.value].readData.expectInfo)['fmin']
+              : 0
+          );
+        }
+      });
+      maxY.value = echartDataFc.maxData.data.reduce((acr, cur) => {
+        return acr > cur ? acr : cur;
+      });
+      maxY.value =
+        maxY.value.toString().indexOf('.') == -1 ? maxY.value.toString() : maxY.value.toString().substring(0, maxY.value.toString().indexOf('.'));
+      if (maxY.value.length < 2) {
+        maxY.value = 10;
+      } else if (maxY.value.length < 3) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 10;
+      } else if (maxY.value.length < 4) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 100;
+      } else if (maxY.value.length < 5) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 1000;
+      } else if (maxY.value.length < 6) {
+        maxY.value = (Number(maxY.value[0]) + 1) * 10000;
+      }
+    }
   }
+}
+
+//获取粉尘监控测点信息
+async function getWindDeviceList() {
+  // cardListTf.length = 0;
+  const cardListTfTemp: any[] = [];
+  const chartListTfTemp: any[] = [];
+  let res = await getDevice({ devicetype: 'dusting', pagetype: 'normal' });
+  if (res && res.msgTxt[0]) {
+    let list = res.msgTxt[0].datalist || [];
+    if (list.length > 0) {
+      list.forEach((el: any) => {
+        const readData = el.readData;
+        el = Object.assign(el, readData);
+        cardListTfTemp.push({
+          label: '通信状态',
+          value: el.netStatus == '0' ? '断开' : '连接',
+          listR: [
+            { id: 0, label: '安装位置', dw: '', value: el.strinstallpos || '-' },
+            { id: 1, label: '粉尘浓度', dw: '(mg/m³)', value: el.dustval || '-' },
+            {
+              id: 2,
+              label: '巷道湿度',
+              dw: el.humidity && Number(el.humidity) < 1 ? '(RH)' : el.humidity && Number(el.humidity) > 1 ? '(%RH)' : '',
+              value: el.humidity || '-',
+            },
+            { id: 4, label: '巷道温度', dw: el.humidity ? '(℃)' : '', value: el.temperature || '-' },
+            {
+              id: 3,
+              label: '是否报警',
+              dw: '',
+              value: el.warnFlag == '0' ? '正常' : el.warnFlag == 1 ? '报警' : el.warnFlag == 2 ? '断开' : '未监测',
+            },
+          ],
+        });
 
-  //获取粉尘监控测点信息
-  async function getWindDeviceList() {
-    // cardListTf.length = 0;
-    const cardListTfTemp: any[] = [];
-    const chartListTfTemp: any[] = [];
-    let res = await getDevice({ devicetype: 'dusting', pagetype: 'normal' });
-    if (res && res.msgTxt[0]) {
-      let list = res.msgTxt[0].datalist || [];
-      if (list.length > 0) {
-        list.forEach((el: any) => {
-          const readData = el.readData;
-          el = Object.assign(el, readData);
-          cardListTfTemp.push({
-            label: '通信状态',
-            value: el.netStatus == '0' ? '断开' : '连接',
-            listR: [
-              { id: 0, label: '安装位置', dw: '', value: el.strinstallpos || '-' },
-              { id: 1, label: '粉尘浓度', dw: '(mg/m³)', value: el.dustval || '-' },
-              {
-                id: 2,
-                label: '巷道湿度',
-                dw: el.humidity && Number(el.humidity) < 1 ? '(RH)' : el.humidity && Number(el.humidity) > 1 ? '(%RH)' : '',
-                value: el.humidity || '-',
-              },
-              { id: 4, label: '巷道温度', dw: el.humidity ? '(℃)' : '', value: el.temperature || '-' },
-              {
-                id: 3,
-                label: '是否报警',
-                dw: '',
-                value: el.warnFlag == '0' ? '正常' : el.warnFlag == 1 ? '报警' : el.warnFlag == 2 ? '断开' : '未监测',
-              },
-            ],
-          });
-
-          // 初始化预测曲线配置，分别为x轴时间、平均、最大、最小、实时
-          const avgParam = el.avgParam || {
-            avg_dusting_value: 0,
-            max_dusting_value: 0,
-            min_dusting_value: 0,
-          };
-          chartListTfTemp.push({
-            label: el.strinstallpos,
-            time: new Date(),
-            data: [avgParam.avg_dusting_value, avgParam.max_dusting_value, avgParam.min_dusting_value, el.readData.dustval],
-          });
+        // 初始化预测曲线配置，分别为x轴时间、平均、最大、最小、实时
+        const avgParam = el.avgParam || {
+          avg_dusting_value: 0,
+          max_dusting_value: 0,
+          min_dusting_value: 0,
+        };
+        chartListTfTemp.push({
+          label: el.strinstallpos,
+          time: new Date(),
+          data: [avgParam.avg_dusting_value, avgParam.max_dusting_value, avgParam.min_dusting_value, el.readData.dustval],
         });
-      }
+      });
     }
-    cardListTf.value = cardListTfTemp;
-    chartListTf.value = chartListTfTemp;
   }
-  onMounted(() => {
-    getMenuList();
-    // getWindDeviceList();
-  });
-  onUnmounted(() => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = undefined;
-    }
-  });
+  cardListTf.value = cardListTfTemp;
+  chartListTf.value = chartListTfTemp;
+}
+onMounted(() => {
+  getMenuList();
+  getMonitor(true)
+});
+onUnmounted(() => {
+  if (timer) {
+    clearTimeout(timer);
+    timer = undefined;
+  }
+});
 </script>
 
 <style lang="less" scoped>
-  @import '/@/design/theme.less';
-
-  @{theme-deepblue} {
-    .dustWarn {
-      --image-border: url('/@/assets/images/themify/deepblue/fire/border.png');
-      --image-no-choice: url('/@/assets/images/themify/deepblue/fire/no-choice.png');
-      --image-choice: url('/@/assets/images/themify/deepblue/fire/choice.png');
-      --image-dust-choice: url('/@/assets/images/themify/deepblue/fire/dust-choice.png');
-      --image-dust-content: url('/@/assets/images/themify/deepblue/fire/dust-content.png');
-      --image-dust-choice1: url('/@/assets/images/themify/deepblue/fire/dust-choice1.png');
-      --image-dust-content: url('/@/assets/images/themify/deepblue/fire/dust-content.png');
-      --image-bj1: url('/@/assets/images/themify/deepblue/fire/bj1.png');
-    }
-  }
+@import '/@/design/theme.less';
 
+@{theme-deepblue} {
   .dustWarn {
-    --image-border: url('/@/assets/images/fire/border.png');
-    --image-no-choice: url('/@/assets/images/fire/no-choice.png');
-    --image-choice: url('/@/assets/images/fire/choice.png');
-    --image-dust-choice: url('/@/assets/images/fire/dust-choice.png');
-    --image-dust-content: url('/@/assets/images/fire/dust-content.png');
-    --image-dust-choice1: url('/@/assets/images/fire/dust-choice1.png');
-    --image-dust-content: url('/@/assets/images/fire/dust-content.png');
-    --image-bj1: url('/@/assets/images/fire/bj1.png');
-    width: 100%;
-    height: 100%;
-    padding: 80px 10px 15px 10px;
-    box-sizing: border-box;
-
-    .top-dust {
-      display: flex;
-      justify-content: space-between;
-      height: 50%;
-      margin-bottom: 15px;
-      background: var(--image-border) no-repeat center;
-      background-size: 100% 100%;
+    --image-border: url('/@/assets/images/themify/deepblue/fire/border.png');
+    --image-no-choice: url('/@/assets/images/themify/deepblue/fire/no-choice.png');
+    --image-choice: url('/@/assets/images/themify/deepblue/fire/choice.png');
+    --image-dust-choice: url('/@/assets/images/themify/deepblue/fire/dust-choice.png');
+    --image-dust-content: url('/@/assets/images/themify/deepblue/fire/dust-content.png');
+    --image-dust-choice1: url('/@/assets/images/themify/deepblue/fire/dust-choice1.png');
+    --image-dust-content: url('/@/assets/images/themify/deepblue/fire/dust-content.png');
+    --image-bj1: url('/@/assets/images/themify/deepblue/fire/bj1.png');
+  }
+}
+
+.dustWarn {
+  --image-border: url('/@/assets/images/fire/border.png');
+  --image-no-choice: url('/@/assets/images/fire/no-choice.png');
+  --image-choice: url('/@/assets/images/fire/choice.png');
+  --image-dust-choice: url('/@/assets/images/fire/dust-choice.png');
+  --image-dust-content: url('/@/assets/images/fire/dust-content.png');
+  --image-dust-choice1: url('/@/assets/images/fire/dust-choice1.png');
+  --image-dust-content: url('/@/assets/images/fire/dust-content.png');
+  --image-bj1: url('/@/assets/images/fire/bj1.png');
+  width: 100%;
+  height: 100%;
+  padding: 80px 10px 15px 10px;
+  box-sizing: border-box;
+
+  .top-dust {
+    display: flex;
+    justify-content: space-between;
+    height: 50%;
+    margin-bottom: 15px;
+    background: var(--image-border) no-repeat center;
+    background-size: 100% 100%;
+
+    .alarm-menu {
+      height: 100%;
+      width: 15%;
+      padding: 10px;
+      box-sizing: border-box;
 
-      .alarm-menu {
+      .card-btn {
+        width: 100%;
         height: 100%;
-        width: 15%;
-        padding: 10px;
-        box-sizing: border-box;
+        overflow-y: auto;
+
+        .btn {
+          position: relative;
+          width: 81%;
+          height: 24%;
+          margin-bottom: 6%;
+          font-family: 'douyuFont';
+          background: var(--image-no-choice) no-repeat;
+          background-size: 100% 100%;
+          cursor: pointer;
+
+          .text {
+            width: 80%;
+            position: absolute;
+            left: 50%;
+            top: 28px;
+            font-size: 14px;
+            color: var(--vent-table-action-link);
+            text-align: center;
+            transform: translate(-50%, 0);
+          }
 
-        .card-btn {
-          width: 100%;
-          height: 100%;
-          overflow-y: auto;
-
-          .btn {
-            position: relative;
-            width: 81%;
-            height: 24%;
-            margin-bottom: 6%;
-            font-family: 'douyuFont';
-            background: var(--image-no-choice) no-repeat;
-            background-size: 100% 100%;
-            cursor: pointer;
-
-            .text {
-              width: 80%;
-              position: absolute;
-              left: 50%;
-              top: 28px;
-              font-size: 14px;
-              color: var(--vent-table-action-link);
-              text-align: center;
-              transform: translate(-50%, 0);
-            }
+          .warn {
+            width: 100%;
+            position: absolute;
+            left: 50%;
+            bottom: 11px;
+            font-size: 12px;
+            color: #fff;
+            text-align: center;
+            transform: translate(-50%, 0);
+          }
+        }
 
-            .warn {
-              width: 100%;
-              position: absolute;
-              left: 50%;
-              bottom: 11px;
-              font-size: 12px;
-              color: #fff;
-              text-align: center;
-              transform: translate(-50%, 0);
-            }
+        .btn1 {
+          position: relative;
+          width: 100%;
+          height: 24%;
+          margin-bottom: 6%;
+          font-family: 'douyuFont';
+          background: var(--image-choice) no-repeat;
+          background-size: 100% 100%;
+          cursor: pointer;
+
+          .text {
+            width: 80%;
+            position: absolute;
+            left: 50%;
+            top: 28px;
+            font-size: 14px;
+            color: var(--vent-table-action-link);
+            text-align: center;
+            transform: translate(-62%, 0);
           }
 
-          .btn1 {
-            position: relative;
+          .warn {
             width: 100%;
-            height: 24%;
-            margin-bottom: 6%;
-            font-family: 'douyuFont';
-            background: var(--image-choice) no-repeat;
-            background-size: 100% 100%;
-            cursor: pointer;
-
-            .text {
-              width: 80%;
-              position: absolute;
-              left: 50%;
-              top: 28px;
-              font-size: 14px;
-              color: var(--vent-table-action-link);
-              text-align: center;
-              transform: translate(-62%, 0);
-            }
-
-            .warn {
-              width: 100%;
-              position: absolute;
-              left: 50%;
-              bottom: 11px;
-              font-size: 14px;
-              color: #fff;
-              text-align: center;
-              transform: translate(-60%, 0);
-            }
+            position: absolute;
+            left: 50%;
+            bottom: 11px;
+            font-size: 14px;
+            color: #fff;
+            text-align: center;
+            transform: translate(-60%, 0);
           }
         }
       }
+    }
 
-      .dust-content {
-        display: flex;
-        justify-content: space-between;
+    .dust-content {
+      display: flex;
+      justify-content: space-between;
+      height: 100%;
+      width: 85%;
+      padding: 10px 0px;
+      box-sizing: border-box;
+
+      .content-left {
+        width: 280px;
         height: 100%;
-        width: 85%;
-        padding: 10px 0px;
-        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        // justify-content: space-around;
+        align-items: flex-start;
+        overflow-y: auto;
+        overflow-x: hidden;
+
+        .content-left-item {
+          position: relative;
+          width: 272px;
+          height: 173px;
+          flex-shrink: 0;
+          background: var(--image-dust-choice) no-repeat center;
+          background-size: 100% 100%;
+          margin: 5px 0px;
+
+          .content-title {
+            width: 85%;
+            position: absolute;
+            top: 2px;
+            left: 50%;
+            transform: translate(-55%, 0);
+            font-size: 14px;
+            color: #fff;
+            text-align: center;
+          }
 
-        .content-left {
-          width: 280px;
-          height: 100%;
-          display: flex;
-          flex-direction: column;
-          // justify-content: space-around;
-          align-items: flex-start;
-          overflow-y: auto;
-          overflow-x: hidden;
-
-          .content-left-item {
-            position: relative;
-            width: 272px;
-            height: 173px;
-            flex-shrink: 0;
-            background: var(--image-dust-choice) no-repeat center;
+          .content-items {
+            position: absolute;
+            left: 50%;
+            transform: translate(-54%, 0);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            width: 240px;
+            height: 26px;
+            color: #fff;
+            font-size: 14px;
+            padding: 0px 5px;
+            box-sizing: border-box;
+            background: var(--image-dust-content) no-repeat center;
             background-size: 100% 100%;
-            margin: 5px 0px;
-
-            .content-title {
-              width: 85%;
-              position: absolute;
-              top: 2px;
-              left: 50%;
-              transform: translate(-55%, 0);
-              font-size: 14px;
-              color: #fff;
-              text-align: center;
+
+            &:nth-child(2) {
+              top: 32px;
             }
 
-            .content-items {
-              position: absolute;
-              left: 50%;
-              transform: translate(-54%, 0);
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              width: 240px;
-              height: 26px;
-              color: #fff;
-              font-size: 14px;
-              padding: 0px 5px;
-              box-sizing: border-box;
-              background: var(--image-dust-content) no-repeat center;
-              background-size: 100% 100%;
-
-              &:nth-child(2) {
-                top: 32px;
-              }
-
-              &:nth-child(3) {
-                top: 67px;
-              }
-
-              &:nth-child(4) {
-                top: 102px;
-              }
-
-              &:nth-child(5) {
-                top: 136px;
-              }
+            &:nth-child(3) {
+              top: 67px;
             }
-          }
 
-          .content-left-item1 {
-            position: relative;
-            width: 250px;
-            height: 173px;
-            flex-shrink: 0;
-            background: var(--image-dust-choice1) no-repeat center;
-            background-size: 100% 100%;
-            margin: 5px 0px;
-
-            .content-title {
-              width: 85%;
-              position: absolute;
-              top: 2px;
-              left: 50%;
-              transform: translate(-50%, 0);
-              font-size: 14px;
-              color: #fff;
-              text-align: center;
+            &:nth-child(4) {
+              top: 102px;
             }
 
-            .content-items {
-              position: absolute;
-              left: 50%;
-              transform: translate(-54%, 0);
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              width: 215px;
-              height: 26px;
-              color: #fff;
-              font-size: 14px;
-              padding: 0px 5px;
-              box-sizing: border-box;
-              background: var(--image-dust-content) no-repeat center;
-              background-size: 100% 100%;
-
-              &:nth-child(2) {
-                top: 32px;
-              }
-
-              &:nth-child(3) {
-                top: 67px;
-              }
-
-              &:nth-child(4) {
-                top: 102px;
-              }
-
-              &:nth-child(5) {
-                top: 136px;
-              }
+            &:nth-child(5) {
+              top: 136px;
             }
           }
         }
 
-        .content-right {
-          width: calc(100% - 280px);
-          height: 100%;
+        .content-left-item1 {
+          position: relative;
+          width: 250px;
+          height: 173px;
+          flex-shrink: 0;
+          background: var(--image-dust-choice1) no-repeat center;
+          background-size: 100% 100%;
+          margin: 5px 0px;
+
+          .content-title {
+            width: 85%;
+            position: absolute;
+            top: 2px;
+            left: 50%;
+            transform: translate(-50%, 0);
+            font-size: 14px;
+            color: #fff;
+            text-align: center;
+          }
 
-          .title-t {
-            height: 30px;
-            margin-bottom: 10px;
+          .content-items {
+            position: absolute;
+            left: 50%;
+            transform: translate(-54%, 0);
             display: flex;
             justify-content: space-between;
             align-items: center;
+            width: 215px;
+            height: 26px;
+            color: #fff;
+            font-size: 14px;
+            padding: 0px 5px;
+            box-sizing: border-box;
+            background: var(--image-dust-content) no-repeat center;
+            background-size: 100% 100%;
+
+            &:nth-child(2) {
+              top: 32px;
+            }
+
+            &:nth-child(3) {
+              top: 67px;
+            }
+
+            &:nth-child(4) {
+              top: 102px;
+            }
 
-            .text-t {
-              font-family: 'douyuFont';
-              font-size: 14px;
-              color: #fff;
+            &:nth-child(5) {
+              top: 136px;
             }
           }
+        }
+      }
 
-          .echart-boxd {
-            width: 100%;
-            height: calc(100% - 40px);
+      .content-right {
+        width: calc(100% - 280px);
+        height: 100%;
+
+        .title-t {
+          height: 30px;
+          margin-bottom: 10px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+
+          .text-t {
+            font-family: 'douyuFont';
+            font-size: 14px;
+            color: #fff;
           }
         }
-        .content-right1 {
+
+        .echart-boxd {
           width: 100%;
-          height: 100%;
+          height: calc(100% - 40px);
+        }
+      }
 
-          .title-t {
-            height: 30px;
-            margin-bottom: 10px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
+      .content-right1 {
+        width: 100%;
+        height: 100%;
 
-            .text-t {
-              font-family: 'douyuFont';
-              font-size: 14px;
-              color: #fff;
-            }
-          }
+        .title-t {
+          height: 30px;
+          margin-bottom: 10px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
 
-          .echart-boxd {
-            width: 100%;
-            height: calc(100% - 40px);
+          .text-t {
+            font-family: 'douyuFont';
+            font-size: 14px;
+            color: #fff;
           }
         }
+
+        .echart-boxd {
+          width: 100%;
+          height: calc(100% - 40px);
+        }
       }
     }
+  }
 
-    .bot-dust {
-      height: calc(50% - 15px);
-      background: var(--image-border) no-repeat center;
-      background-size: 100% 100%;
+  .bot-dust {
+    height: calc(50% - 15px);
+    background: var(--image-border) no-repeat center;
+    background-size: 100% 100%;
+    padding: 10px;
+    box-sizing: border-box;
+
+    .bot-area {
+      height: 100%;
       padding: 10px;
+      background: var(--image-bj1) no-repeat center;
+      background-size: 100% 100%;
       box-sizing: border-box;
-
-      .bot-area {
-        height: 100%;
-        padding: 10px;
-        background: var(--image-bj1) no-repeat center;
-        background-size: 100% 100%;
-        box-sizing: border-box;
-      }
     }
   }
+}
 </style>

src/views/vent/monitorManager/alarmMonitor/warn/fireWarn.vue

@@ -1,23 +1,18 @@
 <template>
   <customHeader :options="options" @change="getSelectRow" :optionValue="optionValue"> 火灾监测预警 </customHeader>
   <div class="fireWarn">
-    <a-button
-      v-if="!hasPermission('fireWarn:return')"
-      preIcon="ant-design:rollback-outlined"
-      type="text"
-      size="small"
-      style="position: absolute; left: 15px; top: 15px; color: var(--vent-font-color)"
-      @click="getBack"
-      >返回</a-button
-    >
+    <a-button v-if="!hasPermission('fireWarn:return')" preIcon="ant-design:rollback-outlined" type="text" size="small"
+      style="position: absolute; left: 15px; top: 15px; color: var(--vent-font-color)" @click="getBack">返回</a-button>
     <div class="alarm-menu">
       <div class="type-btn">
-        <div :class="activeIndex == index ? 'btn1' : 'btn'" v-for="(item, index) in typeMenuList" :key="index" @click="fireMenuToggle(index)">
+        <div :class="activeIndex == index ? 'btn1' : 'btn'" v-for="(item, index) in typeMenuList" :key="index"
+          @click="fireMenuToggle(index)">
           {{ item.name }}
         </div>
       </div>
       <div class="card-btn">
-        <div :class="activeIndex1 == ind ? 'btn1' : 'btn'" v-for="(item, ind) in menuList" :key="ind" @click="cardClick(ind, item)">
+        <div :class="activeIndex1 == ind ? 'btn1' : 'btn'" v-for="(item, ind) in menuList" :key="ind"
+          @click="cardClick(ind, item)">
           <div class="text">{{ item.name }}</div>
           <div class="warn">{{ item.warn }}</div>
         </div>
@@ -32,394 +27,406 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, reactive, onMounted, onUnmounted, defineAsyncComponent } from 'vue';
-  import { typeMenuList, componentName } from '../common.data';
-  import { sysTypeWarnList, sysWarn } from '../common.api';
-  import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { useRouter } from 'vue-router';
-  import CustomHeader from '/@/components/vent/customHeader.vue';
-  import { usePermission } from '/@/hooks/web/usePermission';
+import { ref, reactive, onMounted, onUnmounted, defineAsyncComponent } from 'vue';
+import { typeMenuList, componentName } from '../common.data';
+import { sysTypeWarnList, sysWarn } from '../common.api';
+import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
+import { useGlobSetting } from '/@/hooks/setting';
+import { useRouter } from 'vue-router';
+import CustomHeader from '/@/components/vent/customHeader.vue';
+import { usePermission } from '/@/hooks/web/usePermission';
 
-  let loading = ref(false); //加载状态
-  const { hasPermission } = usePermission();
-  const { options, optionValue, getSelectRow, getSysDataSource } = useSystemSelect('sys_surface_caimei'); // 参数为场景类型（设备类型管理中可以查询到）
-  //当前加载组件
-  let currentLoad = ref('');
-  //内外因火灾激活索引
-  let activeIndex = ref(0);
-  //当前激活菜单的索引
-  let activeIndex1 = ref(0);
-  let menuList = reactive<any[]>([]); //左侧菜单列表
-  let menuList1 = reactive({
-    external: [],
-    internal: [],
-    info: [],
-  });
-  //详情数据
-  let listData = reactive({
-    common: {},
-    bundletube: [],
-    fiber: [],
-    fire: [],
-    co: [],
-    smoke: [],
-    spray: [],
-    temperature: [],
-  }); //详情数据
-  let strType = ref(''); //火灾外因-区别工作面和煤层
-  let router = useRouter();
-  let tableLists = ref<any[]>([]);
+let loading = ref(false); //加载状态
+const { hasPermission } = usePermission();
+const { options, optionValue, getSelectRow, getSysDataSource } = useSystemSelect('sys_surface_caimei'); // 参数为场景类型（设备类型管理中可以查询到）
+//当前加载组件
+let currentLoad = ref('');
+//内外因火灾激活索引
+let activeIndex = ref(0);
+//当前激活菜单的索引
+let activeIndex1 = ref(0);
+let menuList = reactive<any[]>([]); //左侧菜单列表
+let menuList1 = reactive({
+  external: [],
+  internal: [],
+  info: [],
+});
+//详情数据
+let listData = reactive({
+  common: {},
+  bundletube: [],
+  fiber: [],
+  fire: [],
+  co: [],
+  smoke: [],
+  spray: [],
+  temperature: [],
+}); //详情数据
+let strType = ref(''); //火灾外因-区别工作面和煤层
+let router = useRouter();
+let tableLists = ref<any[]>([]);
 
-  // https获取监测数据
-  let timer: null | NodeJS.Timeout = null;
-  function getMonitor(deviceID, flag?) {
-    timer = setTimeout(
-      async () => {
-        await getSysWarnList(deviceID, 'fire');
-        if (timer) {
-          timer = null;
-        }
-        getMonitor(deviceID);
-      },
-      flag ? 0 : 1000
-    );
-  }
+// https获取监测数据
+let timer: null | NodeJS.Timeout = null;
+function getMonitor(flag?) {
+  timer = setTimeout(
+    async () => {
+      await getMenuList()
+      if (timer) {
+        timer = null;
+      }
+      getMonitor(false);
+    },
+    flag ? 0 : 1000
+  );
+}
 
-  //返回首页
-  function getBack() {
-    router.push('/monitorChannel/monitor-alarm-home');
-  }
+//返回首页
+function getBack() {
+  router.push('/monitorChannel/monitor-alarm-home');
+}
 
-  //获取左侧菜单列表
-  async function getMenuList() {
-    let res = await sysTypeWarnList({ type: 'fire' });
-    if (res.length != 0) {
-      menuList.length = 0;
-      menuList1.external = res.external;
-      menuList1.internal = res.internal;
-      menuList1.info = res.info;
-      if (menuList1.internal && menuList1.internal.length > 0) {
+//获取左侧菜单列表
+async function getMenuList() {
+  let res = await sysTypeWarnList({ type: 'fire' });
+  if (res.length != 0) {
+    menuList.length = 0;
+    menuList1.external = res.external;
+    menuList1.internal = res.internal;
+    menuList1.info = res.info;
+    if (!activeIndex.value && menuList1.internal && menuList1.internal.length > 0) {
+      menuList1.internal.forEach((el: any) => {
+        menuList.push({
+          name: el.systemname,
+          warn: el.warnDes,
+          type: 'on',
+          deviceID: el.id,
+          strtype: el.strtype,
+          detail: el.detail
+        });
+      });
+    } else if (activeIndex.value == 1 && menuList1.external && menuList1.external.length > 0) {
+      menuList1.external.forEach((el: any) => {
+        menuList.push({
+          name: el.systemname,
+          warn: el.warnDes,
+          type: 'out',
+          deviceID: el.id,
+          strtype: el.strtype,
+          detail: el.detail
+        });
+      });
+    }
+    getDetailList(menuList[activeIndex1.value].detail)
+  }
+}
+//获取右侧详情弹窗数据
+function getDetailList(param) {
+  listData.bundletube = param.bundletube;
+  listData.fiber = param.fiber;
+  listData.fire = param.fire;
+  listData.co = param.co;
+  listData.smoke = param.smoke;
+  listData.spray = param.spray;
+  listData.temperature = param.temperature;
+  loadZj();
+}
+//内外因火灾、预警指标选项切换
+function fireMenuToggle(ind) {
+  activeIndex.value = ind;
+  switch (ind) {
+    case 0:
+      loading.value = true;
+      setTimeout(() => {
+        activeIndex1.value = 0;
+        menuList.length = 0;
+        getClearList();
+        clearTimeout(timer);
+        currentLoad.value = '';
         menuList1.internal.forEach((el) => {
           menuList.push({
             name: el.systemname,
-            warn: '低风险',
+            warn: el.warnDes,
             type: 'on',
             deviceID: el.id,
             strtype: el.strtype,
           });
         });
-      }
-      getMonitor(menuList[0].deviceID, true);
-    }
-  }
-
-  //获取预警详情弹窗右侧数据
-  function getSysWarnList(id, type) {
-    sysWarn({ sysid: id, type: type }).then((res) => {
-      listData.bundletube = res.bundletube;
-      listData.fiber = res.fiber;
-      listData.fire = res.fire;
-      listData.co = res.co;
-      listData.smoke = res.smoke;
-      listData.spray = res.spray;
-      listData.temperature = res.temperature;
-      loadZj();
-    });
-  }
-  //内外因火灾、预警指标选项切换
-  function fireMenuToggle(ind) {
-    activeIndex.value = ind;
-    switch (ind) {
-      case 0:
-        loading.value = true;
-        setTimeout(() => {
-          activeIndex1.value = 0;
-          menuList.length = 0;
-          getClearList();
-          clearTimeout(timer);
-          currentLoad.value = '';
-          menuList1.internal.forEach((el) => {
+        getMonitor(true);
+        loading.value = false;
+      }, 1000);
+      break;
+    case 1:
+      loading.value = true;
+      setTimeout(() => {
+        activeIndex1.value = 0;
+        menuList.length = 0;
+        clearTimeout(timer);
+        getClearList();
+        currentLoad.value = '';
+        if (menuList1.external.length != 0) {
+          menuList1.external.forEach((el) => {
             menuList.push({
               name: el.systemname,
-              warn: '低风险',
-              type: 'on',
+              warn: el.warnDes,
+              type: 'out',
               deviceID: el.id,
               strtype: el.strtype,
             });
           });
-          getMonitor(menuList[0].deviceID, true);
-          loading.value = false;
-        }, 1000);
-        break;
-      case 1:
-        loading.value = true;
-        setTimeout(() => {
-          activeIndex1.value = 0;
+          getMonitor(true);
+          strType.value = menuList[activeIndex1.value].strtype;
+        } else {
           menuList.length = 0;
           clearTimeout(timer);
-          getClearList();
           currentLoad.value = '';
-          if (menuList1.external.length != 0) {
-            menuList1.external.forEach((el) => {
-              menuList.push({
-                name: el.systemname,
-                warn: '低风险',
-                type: 'out',
-                deviceID: el.id,
-                strtype: el.strtype,
-              });
-            });
-            getMonitor(menuList[0].deviceID, true);
-            strType.value = menuList[0].strtype;
-          } else {
-            menuList.length = 0;
-            clearTimeout(timer);
-            currentLoad.value = '';
-          }
-          loading.value = false;
-        }, 1000);
-        break;
-      case 2:
-        clearTimeout(timer);
-        menuList.length = 0;
-        activeIndex1.value = 0;
-        menuList1.info.forEach((el) => {
-          menuList.push({
-            name: el.sysname,
-            warn: '正常',
-            deviceID: el.sysid,
-            strtype: '',
-          });
-        });
-        loadZb();
-        break;
-    }
-  }
-  //加载预警指标组件
-  function loadZb() {
-    loading.value = true;
-    setTimeout(() => {
-      tableLists.value = menuList1.info[0].list;
-      const { sysOrgCode } = useGlobSetting();
-      switch (sysOrgCode) {
-        case 'sdmtjtbdmk': // 宝德
-          currentLoad.value = 'warnFireBd';
-          return currentLoad.value;
-        case 'sdmtjtbetmk': // 布尔台
-          currentLoad.value = 'warnFireBrt';
-          return currentLoad.value;
-        default:
-          currentLoad.value = 'warnFireBrt';
-          loading.value = false;
-          return currentLoad.value;
-      }
-    }, 1000);
-  }
-  //菜单选项切换
-  function cardClick(ind, item) {
-    if (activeIndex.value != 2) {
-      loading.value = true;
-      setTimeout(() => {
-        activeIndex1.value = ind;
-        clearTimeout(timer);
-        getClearList();
-        strType.value = item.strtype;
-        currentLoad.value = '';
-        getMonitor(item.deviceID, true);
+        }
         loading.value = false;
       }, 1000);
-    } else {
-      loading.value = true;
-      setTimeout(() => {
-        clearTimeout(timer);
-        activeIndex1.value = ind;
-        tableLists.value = menuList1.info[ind].list;
+      break;
+    case 2:
+      clearTimeout(timer);
+      menuList.length = 0;
+      activeIndex1.value = 0;
+      menuList1.info.forEach((el) => {
+        menuList.push({
+          name: el.sysname,
+          // warn: '正常',
+          deviceID: el.sysid,
+          strtype: '',
+        });
+      });
+      loadZb();
+      break;
+  }
+}
+//加载预警指标组件
+function loadZb() {
+  loading.value = true;
+  setTimeout(() => {
+    tableLists.value = menuList1.info[0].list;
+    const { sysOrgCode } = useGlobSetting();
+    switch (sysOrgCode) {
+      case 'sdmtjtbdmk': // 宝德
+        currentLoad.value = 'warnFireBd';
+        return currentLoad.value;
+      case 'sdmtjtbetmk': // 布尔台
+        currentLoad.value = 'warnFireBrt';
+        return currentLoad.value;
+      default:
+        currentLoad.value = 'warnFireBrt';
         loading.value = false;
-      }, 1000);
+        return currentLoad.value;
     }
-  }
-  //加载组件
-  function loadZj() {
-    if (!activeIndex.value && listData.fiber.length != 0 && listData.bundletube.length != 0) {
-      currentLoad.value = 'fireWork';
-    } else if (!activeIndex.value && listData.bundletube.length != 0) {
-      currentLoad.value = 'closeWall';
-    } else if (activeIndex.value && activeIndex.value != 2) {
-      currentLoad.value = 'mainWell';
-    } else {
+  }, 1000);
+}
+//菜单选项切换
+function cardClick(ind, item) {
+  if (activeIndex.value != 2) {
+    loading.value = true;
+    setTimeout(() => {
+      activeIndex1.value = ind;
+      clearTimeout(timer);
+      getClearList();
+      strType.value = item.strtype;
       currentLoad.value = '';
-    }
+      getMonitor(true);
+      loading.value = false;
+    }, 1000);
+  } else {
+    loading.value = true;
+    setTimeout(() => {
+      clearTimeout(timer);
+      activeIndex1.value = ind;
+      tableLists.value = menuList1.info[ind].list;
+      loading.value = false;
+    }, 1000);
   }
-  //清空数据
-  function getClearList() {
-    listData.common = {};
-    listData.bundletube.length = 0;
-    listData.fiber.length = 0;
-    listData.fire.length = 0;
-    listData.co.length = 0;
-    listData.smoke.length = 0;
-    listData.spray.length = 0;
-    listData.temperature.length = 0;
+}
+//加载组件
+function loadZj() {
+  if (!activeIndex.value && listData.fiber.length != 0 && listData.bundletube.length != 0) {
+    currentLoad.value = 'fireWork';
+  } else if (!activeIndex.value && listData.bundletube.length != 0) {
+    currentLoad.value = 'closeWall';
+  } else if (activeIndex.value && activeIndex.value != 2) {
+    currentLoad.value = 'mainWell';
+  } else {
+    currentLoad.value = '';
   }
+}
+//清空数据
+function getClearList() {
+  listData.common = {};
+  listData.bundletube.length = 0;
+  listData.fiber.length = 0;
+  listData.fire.length = 0;
+  listData.co.length = 0;
+  listData.smoke.length = 0;
+  listData.spray.length = 0;
+  listData.temperature.length = 0;
+}
 
-  onMounted(() => {
-    getMenuList();
-  });
-  onUnmounted(() => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = undefined;
-    }
-  });
+onMounted(() => {
+  getMenuList();
+  getMonitor(true);
+});
+onUnmounted(() => {
+  if (timer) {
+    clearTimeout(timer);
+    timer = undefined;
+  }
+});
 </script>
 
 <style lang="less" scoped>
-  @import '/@/design/theme.less';
+@import '/@/design/theme.less';
 
-  @{theme-deepblue} {
-    .fireWarn {
-      --image-no-choice: url('/@/assets/images/themify/deepblue/fire/no-choice.png');
-      --image-choice: url('/@/assets/images/themify/deepblue/fire/choice.png');
-      --image-border: url('/@/assets/images/themify/deepblue/fire/border.png');
-    }
+@{theme-deepblue} {
+  .fireWarn {
+    --image-no-choice: url('/@/assets/images/themify/deepblue/fire/no-choice.png');
+    --image-choice: url('/@/assets/images/themify/deepblue/fire/choice.png');
+    --image-border: url('/@/assets/images/themify/deepblue/fire/border.png');
   }
+}
 
-  .fireWarn {
-    --image-no-choice: url('/@/assets/images/fire/no-choice.png');
-    --image-choice: url('/@/assets/images/fire/choice.png');
-    --image-border: url('/@/assets/images/fire/border.png');
-    width: 100%;
+.fireWarn {
+  --image-no-choice: url('/@/assets/images/fire/no-choice.png');
+  --image-choice: url('/@/assets/images/fire/choice.png');
+  --image-border: url('/@/assets/images/fire/border.png');
+  width: 100%;
+  height: 100%;
+  padding: 80px 10px 15px 10px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+
+  .alarm-menu {
     height: 100%;
-    padding: 80px 10px 15px 10px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
+    width: 15%;
 
-    .alarm-menu {
-      height: 100%;
-      width: 15%;
+    .type-btn {
+      width: 100%;
+      height: 28px;
+      line-height: 28px;
+      background-color: var(--vent-warn-tab-bg);
+      border: 2px solid var(--vent-warn-tab-border);
+      margin-bottom: 20px;
+      border-radius: 5px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
 
-      .type-btn {
-        width: 100%;
-        height: 28px;
-        line-height: 28px;
-        background-color: var(--vent-warn-tab-bg);
-        border: 2px solid var(--vent-warn-tab-border);
-        margin-bottom: 20px;
-        border-radius: 5px;
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
+      .btn {
+        width: 33%;
+        height: 24px;
+        line-height: 24px;
+        font-size: 14px;
+        text-align: center;
+        color: var(--vent-font-color);
+        cursor: pointer;
+      }
 
-        .btn {
-          width: 33%;
-          height: 24px;
-          line-height: 24px;
-          font-size: 14px;
+      .btn1 {
+        width: 33%;
+        height: 24px;
+        line-height: 24px;
+        font-size: 14px;
+        color: var(--vent-font-color);
+        text-align: center;
+        border-radius: 2px;
+        background: var(--vent-warn-tab-bg-actived);
+        cursor: pointer;
+      }
+    }
+
+    .card-btn {
+      width: 100%;
+      height: calc(100% - 48px);
+      overflow-y: auto;
+
+      .btn {
+        position: relative;
+        width: 81%;
+        height: 14%;
+        margin-bottom: 10%;
+        font-family: 'douyuFont';
+        background: var(--image-no-choice) no-repeat;
+        background-size: 100% 100%;
+        cursor: pointer;
+
+        .text {
+          width: 80%;
+          position: absolute;
+          left: 50%;
+          top: 28px;
+          font-size: 16px;
+          color: var(--vent-table-action-link);
           text-align: center;
-          color: var(--vent-font-color);
-          cursor: pointer;
+          transform: translate(-50%, 0);
         }
 
-        .btn1 {
-          width: 33%;
-          height: 24px;
-          line-height: 24px;
+        .warn {
+          width: 100%;
+          position: absolute;
+          left: 50%;
+          bottom: 14px;
           font-size: 14px;
           color: var(--vent-font-color);
           text-align: center;
-          border-radius: 2px;
-          background: var(--vent-warn-tab-bg-actived);
-          cursor: pointer;
+          transform: translate(-50%, 0);
         }
       }
 
-      .card-btn {
+      .btn1 {
+        position: relative;
         width: 100%;
-        height: calc(100% - 48px);
-        overflow-y: auto;
+        height: 14%;
+        margin-bottom: 10%;
+        font-family: 'douyuFont';
+        background: var(--image-choice) no-repeat;
+        background-size: 100% 100%;
+        cursor: pointer;
 
-        .btn {
-          position: relative;
-          width: 81%;
-          height: 14%;
-          margin-bottom: 10%;
-          font-family: 'douyuFont';
-          background: var(--image-no-choice) no-repeat;
-          background-size: 100% 100%;
-          cursor: pointer;
-
-          .text {
-            width: 80%;
-            position: absolute;
-            left: 50%;
-            top: 28px;
-            font-size: 16px;
-            color: var(--vent-table-action-link);
-            text-align: center;
-            transform: translate(-50%, 0);
-          }
-
-          .warn {
-            width: 100%;
-            position: absolute;
-            left: 50%;
-            bottom: 14px;
-            font-size: 14px;
-            color: var(--vent-font-color);
-            text-align: center;
-            transform: translate(-50%, 0);
-          }
+        .text {
+          width: 80%;
+          position: absolute;
+          left: 50%;
+          top: 28px;
+          font-size: 16px;
+          color: var(--vent-table-action-link);
+          text-align: center;
+          transform: translate(-62%, 0);
         }
 
-        .btn1 {
-          position: relative;
+        .warn {
           width: 100%;
-          height: 14%;
-          margin-bottom: 10%;
-          font-family: 'douyuFont';
-          background: var(--image-choice) no-repeat;
-          background-size: 100% 100%;
-          cursor: pointer;
-
-          .text {
-            width: 80%;
-            position: absolute;
-            left: 50%;
-            top: 28px;
-            font-size: 16px;
-            color: var(--vent-table-action-link);
-            text-align: center;
-            transform: translate(-62%, 0);
-          }
-
-          .warn {
-            width: 100%;
-            position: absolute;
-            left: 50%;
-            bottom: 14px;
-            font-size: 14px;
-            color: var(--vent-font-color);
-            text-align: center;
-            transform: translate(-60%, 0);
-          }
+          position: absolute;
+          left: 50%;
+          bottom: 14px;
+          font-size: 14px;
+          color: var(--vent-font-color);
+          text-align: center;
+          transform: translate(-60%, 0);
         }
       }
     }
-
-    .fire-content {
-      width: calc(85% - 10px);
-      height: 100%;
-      margin-left: 10px;
-      background: var(--image-border) no-repeat;
-      background-size: 100% 100%;
-    }
-  }
-  ::v-deep .zxm-spin-nested-loading {
-    height: 100%;
   }
-  ::v-deep .zxm-spin-container {
+
+  .fire-content {
+    width: calc(85% - 10px);
     height: 100%;
+    margin-left: 10px;
+    background: var(--image-border) no-repeat;
+    background-size: 100% 100%;
   }
+}
+
+::v-deep .zxm-spin-nested-loading {
+  height: 100%;
+}
+
+::v-deep .zxm-spin-container {
+  height: 100%;
+}
 </style>

src/views/vent/monitorManager/alarmMonitor/warn/ventilateWarn.vue

@@ -107,7 +107,6 @@
   import MeasurePoint from '../common/measurePoint.vue';
   import { ventTunColumns } from '../alarm.data';
   import { realTimeNetCal, modalParam } from '../alarm.api';
-  // import moment from 'moment';
 
   //巷道阻力分析数据
   let hdData = reactive({
@@ -128,7 +127,6 @@
   let activeIndex1 = ref(0);
   let maxY = ref<any>(0);
   const loading = ref(false);
-  const currentDeviceId = ref('');
   let echartDw = ref('(m³/min)');
   //通风图表数据
   const echartDataFc1 = reactive<any>({
@@ -197,7 +195,8 @@
   function getMonitor(flag?) {
     timer = setTimeout(
       async () => {
-        await getSysWarnList(currentDeviceId.value, 'vent');
+        //获取左侧菜单数据
+        await getMenuList();
         await getWindDeviceList();
         getMonitor(false);
       },
@@ -227,23 +226,23 @@
       res.forEach((el) => {
         menuList.push({
           name: el.deviceName,
-          warn: '低风险',
+          warn: el.warnDes || '',
           deviceID: el.deviceID,
           strtype: el.deviceType,
+          detail:el.detail
         });
       });
-      currentDeviceId.value = menuList[0].deviceID;
-      // getMonitor(, true);
+     //获取右侧详情数据
+     getDetailList(menuList[activeIndex1.value].detail)
     }
   }
   //菜单选项切换
   function cardClick(ind, item) {
     if (!activeIndex.value) {
-      activeIndex1.value = ind;
-      if (timer) clearTimeout(timer);
+      clearTimeout(timer);
+      activeIndex1.value = ind;  
       loading.value = true;
       setTimeout(() => {
-        currentDeviceId.value = item.deviceID;
         getMonitor(true);
         loading.value = false;
       }, 1000);
@@ -251,22 +250,21 @@
       return;
     }
   }
-  //获取预警详情弹窗右侧数据
-  function getSysWarnList(id, type) {
-    sysWarn({ sysid: id, type: type }).then((res) => {
-      echartDataFc1.maxData.data.length = 0;
+  //获取右侧详情数据
+  function getDetailList(param){
+    echartDataFc1.maxData.data.length = 0;
       echartDataFc1.minData.data.length = 0;
       echartDataFc1.aveValue.data.length = 0;
       echartDataFc1.xData.length = 0;
-      if (JSON.stringify(res) != '{}') {
-        toggleData = Object.assign({}, res);
-        ventilateTopList[2].value = res.xufengliang || '--';
-        ventilateTopList[3].text = res.warnFlag ? res.warnDes : '正常';
+      if (JSON.stringify(param) != '{}') {
+        toggleData = Object.assign({}, param);
+        ventilateTopList[2].value = param.xufengliang || '--';
+        ventilateTopList[3].text = param.warnFlag ? param.warnDes : '正常';
         if (showToggle.value == 'monitor') {
-          ventilateTopList[0].value = res.jin;
-          ventilateTopList[1].value = res.hui;
-          if (res.history.length != 0) {
-            res.history.forEach((v) => {
+          ventilateTopList[0].value = param.jin;
+          ventilateTopList[1].value = param.hui;
+          if (param.history.length != 0) {
+            param.history.forEach((v) => {
               echartDataFc1.maxData.data.push(parseFloat(v.jin));
               echartDataFc1.minData.data.push(parseFloat(v.hui));
               if (ventilateTopList[2].value && ventilateTopList[2].value != '--') {
@@ -278,10 +276,10 @@
             });
           }
         } else if (showToggle.value == 'report') {
-          ventilateTopList[0].value = res.faceIntM3;
-          ventilateTopList[1].value = res.faceRetM3;
-          if (res.history_report.length != 0) {
-            res.history_report.forEach((v) => {
+          ventilateTopList[0].value = param.faceIntM3;
+          ventilateTopList[1].value = param.faceRetM3;
+          if (param.history_report.length != 0) {
+            param.history_report.forEach((v) => {
               echartDataFc1.maxData.data.push(parseFloat(v.faceIntM3));
               echartDataFc1.minData.data.push(parseFloat(v.faceRetM3));
               echartDataFc1.aveValue.data.push(0);
@@ -289,10 +287,10 @@
             });
           }
         } else {
-          ventilateTopList[0].value = monitor.value ? res.jin : res.faceIntM3;
-          ventilateTopList[1].value = monitor.value ? res.hui : res.faceRetM3;
-          if (monitor.value && res.history.length != 0) {
-            res.history.forEach((v) => {
+          ventilateTopList[0].value = monitor.value ? param.jin : param.faceIntM3;
+          ventilateTopList[1].value = monitor.value ? param.hui : param.faceRetM3;
+          if (monitor.value && param.history.length != 0) {
+            param.history.forEach((v) => {
               echartDataFc1.maxData.data.push(parseFloat(v.jin));
               echartDataFc1.minData.data.push(parseFloat(v.hui));
               if (ventilateTopList[2].value && ventilateTopList[2].value != '--') {
@@ -303,7 +301,7 @@
               echartDataFc1.xData.push(v.time);
             });
           } else {
-            res.history_report.forEach((v) => {
+            param.history_report.forEach((v) => {
               echartDataFc1.maxData.data.push(parseFloat(v.faceIntM3));
               echartDataFc1.minData.data.push(parseFloat(v.faceRetM3));
               echartDataFc1.aveValue.data.push(0);
@@ -335,7 +333,6 @@
           maxY.value = (Number(maxY.value[0]) + 1) * 10000;
         }
       }
-    });
   }
   //获取通风监控测点信息
   async function getWindDeviceList() {
@@ -395,20 +392,6 @@
           data = [];
         }
       });
-      // let maxLevel = data.length != 0 ? data.reduce((a, b) => (a.leveld > b.leveld ? a : b)).leveld : 0;
-      // hdData.address = data.length != 0 ? data.reduce((a, b) => (a.leveld > b.leveld ? a : b)).strName : '';
-      // console.log(hdData.maxLevel);
-      // if (maxLevel == 0) {
-      //   hdData.maxLevel = '正常';
-      // } else if (maxLevel > 0 && maxLevel <= 1) {
-      //   hdData.maxLevel = '低风险';
-      // } else if (maxLevel > 1 && maxLevel <= 3) {
-      //   hdData.maxLevel = '一般风险';
-      // } else if (maxLevel > 3 && maxLevel <= 5) {
-      //   hdData.maxLevel = '较大风险';
-      // } else {
-      //   hdData.maxLevel = '重大风险';
-      // }
       hdData.maxLevel = '正常';
     }
   }