Merge branch 'master' of http://182.92.126.35:3000/hrx/mky-vent-base

public/js/config.js

@@ -17,5 +17,6 @@ const VENT_PARAM = {
   modalText: '', //国家能源集团沙吉海煤矿 //三维模型电子屏底部文字配置
   productionCrlPlatformUrl: '', // 神东要求主扇的控制功能改回跳转至生产管控平台,这里填写上生产管控地址后（例如填写："https://www.baidu.com/"），就可以跳转了
   safetyCrlPlatformUrl: '', // 神东要求安全监控跳转至安全监控管控平台,这里填写上生产管控地址后（例如填写："https://www.baidu.com/"），就可以跳转了
-  gasControlMock : true // 项目关于瓦斯自主调控，是否模拟演示， true: 真实调控； false 模拟调控
+  gasControlMock : true, // 项目关于瓦斯自主调控，是否模拟演示， true: 真实调控； false 模拟调控
+  historyIsMultiple: false, // 设备历史数据是否支持多选
 }

src/views/vent/gas/gasReport/index.vue

@@ -37,15 +37,15 @@
           </a-col>
 
           <a-button type="primary" preIcon="ant-design:search-outlined" @click="getSearch">查询</a-button>
-          <a-button preIcon="ant-design:sync-outlined" style="margin: 0px 15px" @click="onReset">重置</a-button>
-          <a-button type="primary" preIcon="ant-design:check-circle-outlined" style="margin-right:15px"
+          <a-button preIcon="ant-design:sync-outlined" style="margin: 0px 10px" @click="onReset">重置</a-button>
+          <a-button type="primary" preIcon="ant-design:check-circle-outlined" style="margin-right:10px"
             @click="getPassSh">审核通过</a-button>
           <a-button type="primary" preIcon="ant-design:download-outlined" @click="getExport">导出日报表</a-button>
           <a-button type="primary" preIcon="ant-design:download-outlined" @click="getExport1"
-            style="margin: 0px 15px">导出瓦斯三对照报表</a-button>
+            style="margin: 0px 10px">导出瓦斯三对照报表</a-button>
           <a-button type="primary" preIcon="ant-design:download-outlined" @click="getExport2"
-            style="margin-right:15px">导出瓦斯检查小票</a-button>
-          <a-button type="primary" preIcon="ant-design:download-outlined" @click="handleMenuClick">导出瓦斯检查小票</a-button>
+            style="margin-right:10px">导出瓦斯检查小票</a-button>
+          <a-button type="primary" preIcon="ant-design:download-outlined" @click="handleMenuClick">导出班报表</a-button>
           <!-- <a-dropdown>
             <template #overlay>
               <a-menu @click="handleMenuClick">

src/views/vent/monitorManager/comment/gasInspectDialog.vue

@@ -14,13 +14,47 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch, onUnmounted, } from 'vue';
-
-
-
-
+import { ref, reactive,onMounted, watch, onUnmounted, } from 'vue';
+import {queryNowGasSta} from '../deviceMonitor/components/device/device.api';
+import {  message,} from 'ant-design-vue';
+let props = defineProps({
+    gasSearch: {
+        type: Object,
+        default: () => {
+            return {}
+        }
+    }
+})
 
+const inspectJd = ref<any>('');
+    const inspectList = reactive<any[]>([
+    { label: '第一次巡检已检数', val: 0 },
+    { label: '第一次巡检未检数', val: 0 },
+    { label: '第二次巡检已检数', val: 0 },
+    { label: '第二次巡检未检数', val: 0 },
+]);
 
+async function getGasSta(param){
+    if (!param.insType) {
+        message.warning('请选择巡检类型!');
+    } else if (!param.class) {
+        message.warning('请选择巡检班次!');
+    } else {
+        let res = await queryNowGasSta({ insType: param.insType, class: param.class });
+        console.log(res, '巡检弹窗信息');
+        if (res) {
+            inspectJd.value = res.comRate || 0;
+            inspectList[0].val = res.finishNum1 || 0;
+            inspectList[1].val = res.missNum1 || 0;
+            inspectList[2].val = res.finishNum2 || 0;
+            inspectList[3].val = res.missNum2 || 0;
+        }
+    }
+}
+watch(()=>props.gasSearch,(newG,oldG)=>{
+    console.log(newG,'nreG--------')
+    getGasSta(newG)
+},{immediate:true,deep:true})
 onMounted(() => { });
 </script>
 

src/views/vent/monitorManager/comment/gasReport.vue

@@ -35,17 +35,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, watch } from 'vue';
+import { ref, reactive, onMounted, watch,defineExpose } from 'vue';
 import { ColumnsReport } from './comment.data';
-let props = defineProps({
-    tableData: {
-        type: Array,
-        default: () => {
-            return [];
-        },
-    },
-});
+import {queryReportData,} from '../deviceMonitor/components/device/device.api';
+import { useGlobSetting } from '/@/hooks/setting';
 
+const glob = useGlobSetting();
 let searchData = reactive({
     class: 'gasDayNight',
 });
@@ -55,30 +50,31 @@ let classList = reactive<any[]>([
     { label: '中班', value: 'gasDayNoon' },
 ]);
 let gaspatrolTableData = ref<any[]>([]);
-let $emit = defineEmits([ 'getSearchReport', 'locate']);
+let $emit = defineEmits([ 'locate']);
 //巡检班次选项切换
 let classChange = (val) => {
     searchData.class = val;
 };
 //查询
 let getSearch = () => {
-    $emit('getSearchReport',searchData.class);
+    getSearchReport()
 };
 //重置
 let getReset = () => {
     searchData.class = '';
+    getSearchReport()
 };
 //定位
 function handlerLocation(record) {
     $emit('locate', record);
 }
-watch(
-    () => props.tableData,
-    (newV, oldV) => {
-        gaspatrolTableData.value = newV
-    },
-    { immediate: true }
-);
+//查询瓦斯日报列表数据
+async function getSearchReport() {
+    let res = await queryReportData({ type: searchData.class });
+    console.log(res, '瓦斯日报列表');
+    gaspatrolTableData.value = JSON.parse(res.content) || [];
+}
+defineExpose({ getSearchReport })
 onMounted(() => { });
 </script>
 

src/views/vent/monitorManager/comment/gasReportCount.vue

@@ -32,16 +32,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, watch } from 'vue';
+import { ref, reactive, onMounted, watch,defineExpose } from 'vue';
 import { columnsGas1, columnsGas2 } from './comment.data';
-let props = defineProps({
-    tableData: {
-        type: Array,
-        default: () => {
-            return [];
-        },
-    },
-});
+import {queryReportData,} from '../deviceMonitor/components/device/device.api';
+
 
 let searchData = reactive({
     insType: 'gasDay1',
@@ -52,7 +46,7 @@ let classList = reactive<any[]>([
 ]);
 let ColumnsReport = ref<any>(columnsGas1)
 let gaspatrolTableData = ref<any[]>([]);
-let $emit = defineEmits(['getSearchReport', 'locate']);
+let $emit = defineEmits([ 'locate']);
 //巡检班次选项切换
 let typeChange = (val) => {
     searchData.insType = val;
@@ -67,23 +61,24 @@ let typeChange = (val) => {
 };
 //查询
 let getSearch = () => {
-    $emit('getSearchReport', searchData.insType);
+    getSearchReport()
 };
 //重置
 let getReset = () => {
     searchData.insType = '';
+    getSearchReport()
 };
 //定位
 function handlerLocation(record) {
     $emit('locate', record);
 }
-watch(
-    () => props.tableData,
-    (newV, oldV) => {
-        gaspatrolTableData.value = newV
-    },
-    { immediate: true }
-);
+//查询瓦斯日报列表数据
+async function getSearchReport() {
+    let res = await queryReportData({ type: searchData.insType});
+    console.log(res, '瓦斯日报列表');
+    gaspatrolTableData.value = JSON.parse(res.content) || [];
+}
+defineExpose({ getSearchReport })
 onMounted(() => { });
 </script>
 

src/views/vent/monitorManager/comment/gaspatrolTable.vue

@@ -20,7 +20,7 @@
             <a-select ref="select" v-model:value="searchData.insType" style="width: 240px" placeholder="请输入巡检类型"
               @change="insTypeChange">
               <a-select-option v-for="(item, index) in insTypeList" :key="item.value" :value="item.value">{{ item.label
-                }}</a-select-option>
+              }}</a-select-option>
             </a-select>
           </div>
         </a-col>
@@ -29,7 +29,7 @@
             <div class="item-text">巡检班次：</div>
             <a-select ref="select" v-model:value="searchData.class" style="width: 240px" placeholder="请输入巡检班次">
               <a-select-option v-for="(item, index) in classList" :key="item.value" :value="item.value">{{ item.label
-                }}</a-select-option>
+              }}</a-select-option>
             </a-select>
           </div>
         </a-col>
@@ -41,7 +41,8 @@
       </a-row>
     </div>
     <div class="content-area">
-      <a-table :columns="Columns" size="small" :data-source="gaspatrolTableData" class="tableW" :pagination="false" :scroll="{ y: 620 }">
+      <a-table :columns="Columns" size="small" :data-source="gaspatrolTableData" class="tableW" :pagination="false"
+        :scroll="{ y: 620 }">
         <!-- <template #bodyCell="{ column, record }">
           <a v-if="column.dataIndex === 'operation'" class="table-action-link" @click="handlerLocation(record)">定位</a>
         </template> -->
@@ -54,20 +55,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, watch } from 'vue';
+import { ref, reactive, onMounted, watch, defineExpose } from 'vue';
 import { gaspatrolColumnsOne, gaspatrolColumnsTwo } from './comment.data';
-let props = defineProps({
-  isShowAction: {
-    type: Boolean,
-    default: false,
-  },
-  tableData: {
-    type: Array,
-    default: () => {
-      return [];
-    },
-  },
-});
+import { queryNowGasInsInfo } from '../deviceMonitor/components/device/device.api';
 
 let searchData = reactive({
   address: '',
@@ -86,7 +76,7 @@ let classList = reactive<any[]>([
 ]);
 let Columns = ref<any[]>(gaspatrolColumnsOne);
 let gaspatrolTableData = ref<any[]>([]);
-let $emit = defineEmits(['getSearch', 'locate']);
+let $emit = defineEmits(['locate','getSearch']);
 //巡检类型选项切换
 let insTypeChange = (val) => {
   searchData.insType = val;
@@ -102,6 +92,7 @@ function handlerLocation(record) {
 }
 //查询
 let getSearch = () => {
+  queryNowGasInsInfoList()
   $emit('getSearch', searchData);
 };
 //重置
@@ -110,129 +101,131 @@ let getReset = () => {
   searchData.class = '';
   searchData.insType = '';
   searchData.userName = '';
+  queryNowGasInsInfoList()
 };
-watch(
-  () => props.tableData,
-  (newV, oldV) => {
-    if (newV && newV.length != 0) {
-      if (searchData.insType == '1' && searchData.class == 'early') {
-        gaspatrolTableData.value = newV.map((el: any) => {
-          return {
-            strInstallPos: el.strInstallPos,
-            ch4One: el.ch4Early1,
-            co2One: el.co2Early1,
-            coOne: el.coEarly1,
-            o2One: el.o2Early1,
-            tOne: el.tearly1,
-            timeOne: el.timeEarly1,
-            checkPerson: el.checkPersonEarly,
-          };
-        });
-      } else if (searchData.insType == '2' && searchData.class == 'early') {
-        gaspatrolTableData.value = newV.map((el: any) => {
-          return {
-            strInstallPos: el.strInstallPos,
-            ch4One: el.ch4Early1,
-            co2One: el.co2Early1,
-            coOne: el.coEarly1,
-            o2One: el.o2Early1,
-            tOne: el.tearly1,
-            timeOne: el.timeEarly1,
-            ch4Two: el.ch4Early2,
-            co2Two: el.co2Early2,
-            coTwo: el.coEarly2,
-            o2Two: el.o2Early2,
-            tTwo: el.tearly2,
-            timeTwo: el.timeEarly2,
-            checkPerson: el.checkPersonEarly,
-          };
-        });
-      } else if (searchData.insType == '1' && searchData.class == 'noon') {
-        gaspatrolTableData.value = newV.map((el: any) => {
-          return {
-            strInstallPos: el.strInstallPos,
-            ch4One: el.ch4Noon1,
-            co2One: el.co2Noon1,
-            coOne: el.coNoon1,
-            o2One: el.o2Noon1,
-            tOne: el.tnoon1,
-            timeOne: el.timeNoon1,
-            checkPerson: el.checkPersonNoon,
-          };
-        });
-      } else if (searchData.insType == '2' && searchData.class == 'noon') {
-        gaspatrolTableData.value = newV.map((el: any) => {
-          return {
-            strInstallPos: el.strInstallPos,
-            ch4One: el.ch4Noon1,
-            co2One: el.co2Noon1,
-            coOne: el.coNoon1,
-            o2One: el.o2Noon1,
-            tOne: el.tnoon1,
-            timeOne: el.timeNoon1,
-            ch4Two: el.ch4Noon2,
-            co2Two: el.co2Noon2,
-            coTwo: el.coNoon2,
-            o2Two: el.o2Noon2,
-            tTwo: el.tnoon2,
-            timeTwo: el.timeNoon2,
-            checkPerson: el.checkPersonNoon,
-          };
-        });
-      } else if (searchData.insType == '1' && searchData.class == 'night') {
-        gaspatrolTableData.value = newV.map((el: any) => {
-          return {
-            strInstallPos: el.strInstallPos,
-            ch4One: el.ch4Night1,
-            co2One: el.co2Night1,
-            coOne: el.coNight1,
-            o2One: el.o2Night1,
-            tOne: el.tnight1,
-            timeOne: el.timeNight1,
-            checkPerson: el.checkPersonNight,
-          };
-        });
-      } else if (searchData.insType == '2' && searchData.class == 'night') {
-        gaspatrolTableData.value = newV.map((el: any) => {
-          return {
-            strInstallPos: el.strInstallPos,
-            ch4One: el.ch4Night1,
-            co2One: el.co2Night1,
-            coOne: el.coNight1,
-            o2One: el.o2Night1,
-            tOne: el.tnight1,
-            timeOne: el.timeNight1,
-            ch4Two: el.ch4Night2,
-            co2Two: el.co2Night2,
-            coTwo: el.coNight2,
-            o2Two: el.o2Night2,
-            tTwo: el.tnight2,
-            timeTwo: el.timeNight2,
-            checkPerson: el.checkPersonNoon,
-          };
-        });
-      } else {
-        gaspatrolTableData.value = newV.map((el: any) => {
-          return {
-            strInstallPos: el.strInstallPos,
-            ch4One: el.ch4Night1,
-            co2One: el.co2Night1,
-            coOne: el.coNight1,
-            o2One: el.o2Night1,
-            tOne: el.tnight1,
-            timeOne: el.timeNight1,
-            checkPerson: el.checkPersonNight,
-          };
-        });
-      }
-      console.log(gaspatrolTableData.value, ' gaspatrolTableData.value');
+//查询当前各班瓦斯巡检信息
+async function queryNowGasInsInfoList() {
+  let res = await queryNowGasInsInfo(searchData);
+  console.log(res, '查询当前各班瓦斯巡检信息');
+  if (res.length) {
+    if (searchData.insType == '1' && searchData.class == 'early') {
+      gaspatrolTableData.value = res.map((el: any) => {
+        return {
+          strInstallPos: el.strInstallPos,
+          ch4One: el.ch4Early1,
+          co2One: el.co2Early1,
+          coOne: el.coEarly1,
+          o2One: el.o2Early1,
+          tOne: el.tearly1,
+          timeOne: el.timeEarly1,
+          checkPerson: el.checkPersonEarly,
+        };
+      });
+    } else if (searchData.insType == '2' && searchData.class == 'early') {
+      gaspatrolTableData.value = res.map((el: any) => {
+        return {
+          strInstallPos: el.strInstallPos,
+          ch4One: el.ch4Early1,
+          co2One: el.co2Early1,
+          coOne: el.coEarly1,
+          o2One: el.o2Early1,
+          tOne: el.tearly1,
+          timeOne: el.timeEarly1,
+          ch4Two: el.ch4Early2,
+          co2Two: el.co2Early2,
+          coTwo: el.coEarly2,
+          o2Two: el.o2Early2,
+          tTwo: el.tearly2,
+          timeTwo: el.timeEarly2,
+          checkPerson: el.checkPersonEarly,
+        };
+      });
+    } else if (searchData.insType == '1' && searchData.class == 'noon') {
+      gaspatrolTableData.value = res.map((el: any) => {
+        return {
+          strInstallPos: el.strInstallPos,
+          ch4One: el.ch4Noon1,
+          co2One: el.co2Noon1,
+          coOne: el.coNoon1,
+          o2One: el.o2Noon1,
+          tOne: el.tnoon1,
+          timeOne: el.timeNoon1,
+          checkPerson: el.checkPersonNoon,
+        };
+      });
+    } else if (searchData.insType == '2' && searchData.class == 'noon') {
+      gaspatrolTableData.value = res.map((el: any) => {
+        return {
+          strInstallPos: el.strInstallPos,
+          ch4One: el.ch4Noon1,
+          co2One: el.co2Noon1,
+          coOne: el.coNoon1,
+          o2One: el.o2Noon1,
+          tOne: el.tnoon1,
+          timeOne: el.timeNoon1,
+          ch4Two: el.ch4Noon2,
+          co2Two: el.co2Noon2,
+          coTwo: el.coNoon2,
+          o2Two: el.o2Noon2,
+          tTwo: el.tnoon2,
+          timeTwo: el.timeNoon2,
+          checkPerson: el.checkPersonNoon,
+        };
+      });
+    } else if (searchData.insType == '1' && searchData.class == 'night') {
+      gaspatrolTableData.value = res.map((el: any) => {
+        return {
+          strInstallPos: el.strInstallPos,
+          ch4One: el.ch4Night1,
+          co2One: el.co2Night1,
+          coOne: el.coNight1,
+          o2One: el.o2Night1,
+          tOne: el.tnight1,
+          timeOne: el.timeNight1,
+          checkPerson: el.checkPersonNight,
+        };
+      });
+    } else if (searchData.insType == '2' && searchData.class == 'night') {
+      gaspatrolTableData.value = res.map((el: any) => {
+        return {
+          strInstallPos: el.strInstallPos,
+          ch4One: el.ch4Night1,
+          co2One: el.co2Night1,
+          coOne: el.coNight1,
+          o2One: el.o2Night1,
+          tOne: el.tnight1,
+          timeOne: el.timeNight1,
+          ch4Two: el.ch4Night2,
+          co2Two: el.co2Night2,
+          coTwo: el.coNight2,
+          o2Two: el.o2Night2,
+          tTwo: el.tnight2,
+          timeTwo: el.timeNight2,
+          checkPerson: el.checkPersonNoon,
+        };
+      });
     } else {
-      gaspatrolTableData.value = [];
+      gaspatrolTableData.value = res.map((el: any) => {
+        return {
+          strInstallPos: el.strInstallPos,
+          ch4One: el.ch4Night1,
+          co2One: el.co2Night1,
+          coOne: el.coNight1,
+          o2One: el.o2Night1,
+          tOne: el.tnight1,
+          timeOne: el.timeNight1,
+          checkPerson: el.checkPersonNight,
+        };
+      });
     }
-  },
-  { immediate: true }
-);
-onMounted(() => {});
+  } else {
+    gaspatrolTableData.value = [];
+  }
+}
+
+defineExpose({ queryNowGasInsInfoList })
+
+onMounted(() => { });
 </script>
 
 <style lang="less" scoped>

src/views/vent/monitorManager/comment/stationTable.vue

@@ -13,20 +13,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, watch } from 'vue';
+import { ref, reactive, onMounted, watch,defineExpose } from 'vue';
 import { stationColumns } from './comment.data';
-let props = defineProps({
-    isShowAction: {
-        type: Boolean,
-        default: false,
-    },
-    tableData: {
-        type: Array,
-        default: () => {
-            return [];
-        },
-    },
-});
+import {getListAll,} from '../deviceMonitor/components/device/device.api';
+
 let stationTableData = ref<any[]>([]);
 let $emit = defineEmits(['locate','stationDetail']);
 //定位
@@ -37,13 +27,17 @@ function handlerLocation(record) {
 function handlerDetail(record){
     $emit('stationDetail', record);
 }
-watch(
-    () => props.tableData,
-    (newV, oldV) => {
-        stationTableData.value = newV || []
-    },
-    { immediate: true }
-);
+//查询分站列表
+async function getStationList() {
+    let res = await getListAll();
+    res.forEach((el) => {
+        el.key = el.id;
+        el.linkstatusC = el.linkstatus ? '连接' : '断开';
+        el.gdmsC = el.gdms == '1' ? '直流供电' : el.gdms == '0' ? '交流供电' : '';
+    });
+    stationTableData.value = res;
+}
+defineExpose({ getStationList })
 onMounted(() => { });
 </script>
 

src/views/vent/monitorManager/deviceMonitor/components/device/index-copy.vue

@@ -1,2084 +0,0 @@
-<template>
-    <div class="scene-box">
-        <!-- <div class="top-header">智能通风管理系统</div> -->
-        <div class="select-node" :class="{ 'node-select-show': !treeShow, 'node-select-hide': treeShow }"
-            @click="showTree('treeShow', true)">
-            <SvgIcon class="is-expansion-icon put-away-icon" size="38" name="expansion" />
-            <span class="title">{{ treeNodeTitle }}</span>
-        </div>
-        <div class="device-select" :class="{ 'device-select-show': treeShow, 'device-select-hide': !treeShow }">
-            <SvgIcon class="is-expansion-icon expansion-icon" size="28" name="put-away"
-                @click="showTree('treeShow', false)" />
-            <div class="device-select-box">
-                <a-tree :show-line="true" :tree-data="treeData" v-model:selectedKeys="selectedKeys"
-                    :autoExpandParent="true" v-model:expandedKeys="expandedKeys" @select="onSelect">
-                </a-tree>
-            </div>
-        </div>
-        <!-- 瓦斯巡检弹窗信息 -->
-        <div v-if="deviceType.startsWith('gasDay_normal') && activeKey == '1'" class="inspect-info-xj">
-            <gasInspectDialog></gasInspectDialog>
-        </div>
-        <div class="location-icon"
-            :class="{ 'location-btn-show': !locationSettingShow, 'location-btn-hide': locationSettingShow }"
-            @click="showTree('location', true)">
-            <SvgIcon size="18" name="put-away" />
-            <span class="location-text">定位图标显示</span>
-        </div>
-        <div class="location-select"
-            :class="{ 'location-select-show': locationSettingShow, 'location-select-hide': !locationSettingShow }">
-            <div class="location-select-box">
-                <div class="location-top-title" @click="showTree('location', false)">
-                    <SvgIcon class="is-expansion-icon location-expansion-icon" size="28" name="expansion" />
-                    <div class="title">定位图标显示</div>
-                </div>
-                <div class="location-container">
-                    <template v-for="location in locationList" :key="location.deviceType">
-                        <div class="location-item">
-                            <div class="item-title">{{ location.title }}&nbsp;:</div>
-                            <div>
-                                <a-radio-group v-model:value="location.Visible" :name="location.deviceType">
-                                    <a-radio :value="1">是</a-radio>
-                                    <a-radio :value="0">否</a-radio>
-                                </a-radio-group>
-                            </div>
-                        </div>
-                    </template>
-                    <div class="location-bottom-btn">
-                        <span @click="setLocation">提交</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="tabs-box bottom-tabs-box" :class="{ 'table-hide': !tableShow, 'table-show': tableShow }"
-            style="height: 290px" @mousedown="setDivHeight($event, 230, scroll, 0)" id="monitorBox">
-            <div :style="`padding: 5px; height: ${scroll.y + 100}px`">
-                <div class="to-small">
-                    <div class="to-home" @click="toHome"></div>
-                    <FullscreenOutlined v-if="!tableShow" class="table-show-icon" @click="toHide" />
-                </div>
-                <div class="device-button-group" v-if="deviceList.length > 0">
-                    <!-- 关联设备 -->
-                    <div class="device-button" :class="{ 'device-active': deviceActive == device.deviceType }"
-                        v-for="(device, index) in deviceList" :key="index" @click="monitorChange(index)">{{
-                        device.deviceName }}
-                    </div>
-                    <!-- 场景详情进入 -->
-                    <div v-if="haveSysDetailArr.find((item) => deviceType.startsWith(item))" class="enter-detail"
-                        @click.stop="goDetail()">
-                        <send-outlined />
-                        {{ treeNodeTitle }}详情
-                    </div>
-                </div>
-                <!-- 进入瓦斯人工巡检历史详情 -->
-                <div v-if="deviceType == 'gasDay_normal'">
-                    <div class="device-button-group">
-                        <div v-if="deviceType.startsWith('gasDay_normal')" class="enter-detail"
-                            @click.stop="goGasDayReport()">
-                            <send-outlined />
-                            瓦斯人工巡检历史详情
-                        </div>
-                    </div>
-                </div>
-                <!-- 进入瓦斯日报历史详情 -->
-                <div v-if="deviceType == 'gasDayReport'">
-                    <div class="device-button-group">
-                        <div v-if="deviceType.startsWith('gasDayReport')" class="enter-detail"
-                            @click.stop="gogasDayReportHis()">
-                            <send-outlined />
-                            瓦斯日报历史详情
-                        </div>
-                    </div>
-                </div>
-                <!-- 进入粉尘报表分析详情 -->
-                <div v-if="deviceType == 'dustDayReport'">
-                    <div class="device-button-group">
-                        <div v-if="deviceType.startsWith('dustDayReport')" class="enter-detail"
-                            @click.stop="goDustDayReport()">
-                            <send-outlined />
-                            粉尘报表分析
-                        </div>
-                    </div>
-                </div>
-                <div v-if="deviceType == 'bundleDayReport'">
-                    <div class="device-button-group">
-                        <div v-if="deviceType.startsWith('bundleDayReport')" class="enter-detail"
-                            @click.stop="goBundleDayReport()">
-                            <send-outlined />
-                            束管日报分析
-                        </div>
-                    </div>
-                </div>
-                <div v-if="deviceType == 'bundleSpyDayReport'">
-                    <div class="device-button-group">
-                        <div v-if="deviceType.startsWith('bundleSpyDayReport')" class="enter-detail"
-                            @click.stop="goBundleSpyDayReport()">
-                            <send-outlined />
-                            色谱仪报表分析
-                        </div>
-                    </div>
-                </div>
-
-                <div v-if="deviceType == 'gaspatrol'">
-                    <div class="device-button-group">
-                        <div class="enter-detail" @click="exportXls()">
-                            <send-outlined />
-                            导出
-                        </div>
-                    </div>
-                </div>
-                <div class="table-hide-icon" @click="toHide">
-                    <FullscreenExitOutlined style="font-size: 18px" />
-                </div>
-                <!-- 是人员定位表单代码，由于放在tab中，表格对已知刷新，导致表单数据也在刷寻，造成输入一半的中文时会清空输入框的内容，导致的输入不上数据 -->
-                <div v-if="deviceType.startsWith('location') && activeKey == '1'" class="location-form"
-                    style="position: absolute; z-index: 9999; top: 50px">
-                    <div class="location-form-item">
-                        <span class="location-form-label">人员名称:</span>
-                        <Input style="width: 200px" v-model:value="locationForm.strname" />
-                    </div>
-                    <div class="location-form-item">
-                        <span class="location-form-label">所属部门:</span>
-                        <MTreeSelect style="width: 200px" v-model:value="locationForm.department" placeholder="请选择所属部门"
-                            api="/monitor/getDepartmentInfo" :virtual="false" :isGetPopupContainer="false" />
-                    </div>
-                    <div class="location-form-item">
-                        <span class="location-form-label">分站名称:</span>
-                        <Input style="width: 200px" v-model:value="locationForm.stationname" />
-                    </div>
-                </div>
-                <a-tabs class="tabs-box" v-model:activeKey="activeKey" @change="tabChange" id="tabsBox">
-                    <a-tab-pane key="1" :tab="deviceType.startsWith('gasDay_normal')
-                            ? '当日巡检监测'
-                            : deviceType.startsWith('dustDayReport') ||
-                                deviceType.startsWith('dustDayReport') ||
-                                deviceType.startsWith('bundleDayReport') ||
-                                deviceType.startsWith('bundleSpyDayReport')
-                                ? '最新监测报表'
-                                : '实时监测'
-                        ">
-                        <template
-                            v-if="(deviceType.startsWith('fanlocal') || deviceType.startsWith('fanmain')) && activeKey == '1'">
-                            <GroupMonitorTable ref="MonitorDataTable" :dataSource="dataSource"
-                                :columnsType="`${deviceType}_monitor`" :scroll="scroll" :isAction="true"
-                                :isShowSelect="false">
-                                <template #action="{ record }">
-                                    <TableAction :actions="haveDetailArr.find((item) => deviceType.startsWith(item))
-                                            ? [
-                                                {
-                                                    label: '详情',
-                                                    onClick: goDetail.bind(null, record),
-                                                },
-                                                {
-                                                    label: '定位',
-                                                    onClick: goLocation.bind(null, record),
-                                                },
-                                            ]
-                                            : [
-                                                {
-                                                    label: '定位',
-                                                    onClick: goLocation.bind(null, record),
-                                                },
-                                            ]
-                                        " />
-                                </template>
-                            </GroupMonitorTable>
-                        </template>
-                        <template v-else-if="deviceType == 'majorpath' && activeKey == '1'">
-                            <a-table :columns="majorColumns" :data-source="dataSource" bordered
-                                :scroll="{ y: scroll.y - 30 }" :pagination="false"></a-table>
-                        </template>
-                        <template v-else-if="deviceType.startsWith('safetymonitor') && activeKey == '1'">
-                            <MonitorTable ref="monitorTable" :columnsType="`${deviceType}_monitor`"
-                                :deviceType="deviceType" :dataSource="dataSource" design-scope="device_monitor"
-                                :isShowActionColumn="true" :isShowSelect="false" title="设备监测" :form-config="formConfig"
-                                :scroll="{ y: scroll.y - 110 }">
-                                <template #action="{ record }">
-                                    <TableAction :actions="haveDetailArr.find((item) => deviceType.startsWith(item))
-                                            ? [
-                                                {
-                                                    label: '详情',
-                                                    onClick: goDetail.bind(null, record),
-                                                },
-                                                {
-                                                    label: '定位',
-                                                    onClick: goLocation.bind(null, record),
-                                                },
-                                            ]
-                                            : [
-                                                {
-                                                    label: '定位',
-                                                    onClick: goLocation.bind(null, record),
-                                                },
-                                            ]
-                                        " />
-                                </template>
-                                <template #filterCell="{ column, record }">
-                                    <div v-if="!record.devicename && column.dataIndex === 'devicename'">-</div>
-                                    <div v-if="!record.V && column.dataIndex === 'V'">-</div>
-                                    <div v-if="!record.PointUnit && column.dataIndex === 'PointUnit'">-</div>
-                                    <div v-if="!record.highRange && column.dataIndex === 'highRange'">-</div>
-                                    <div v-if="!record.lowRange && column.dataIndex === 'lowRange'">-</div>
-                                    <div v-if="!record.dataTypeName && column.dataIndex === 'dataTypeName'">-</div>
-                                    <a-tag v-if="column.dataIndex === 'netStatus'"
-                                        :color="record.netStatus == '0' ? '#f00' : 'green'">{{
-                                            record.netStatus == '0' ? '断开' : '连接'
-                                        }}</a-tag>
-                                </template>
-                            </MonitorTable>
-                        </template>
-                        <template v-else-if="deviceType.startsWith('location') && activeKey == '1'">
-                            <MonitorTable ref="monitorTable" :columnsType="`${deviceType}_monitor`"
-                                :deviceType="deviceType" :dataSource="dataSource" design-scope="device_monitor"
-                                :isShowActionColumn="true" :isShowSelect="false" title="设备监测"
-                                :scroll="{ y: scroll.y - 110 }" style="margin-top: 60px">
-                                <template v-if="!noLocationList.includes('location')" #action="{ record }">
-                                    <TableAction :actions="[
-                                        {
-                                            label: '定位',
-                                            onClick: goLocation.bind(null, record),
-                                        },
-                                    ]" />
-                                </template>
-                            </MonitorTable>
-                        </template>
-                        <template v-else-if="deviceType.startsWith('vehicle') && activeKey == '1'">
-                            <MonitorTable ref="monitorTable" :columnsType="`${deviceType}_monitor`"
-                                :deviceType="deviceType" :dataSource="dataSource" design-scope="device_monitor"
-                                :isShowActionColumn="true" :isShowSelect="false" title="设备监测"
-                                :form-config="vehicleFormConfig" :scroll="{ y: scroll.y - 110 }">
-                                <template v-if="!noLocationList.includes('location')" #action="{ record }">
-                                    <TableAction :actions="[
-                                        {
-                                            label: '定位',
-                                            onClick: goLocation.bind(null, record),
-                                        },
-                                    ]" />
-                                </template>
-                            </MonitorTable>
-                        </template>
-                        <!-- <template v-else-if="deviceType.startsWith('gasmonitor') && activeKey == '1'">
-                <MonitorTable
-                  ref="monitorTable"
-                  :columnsType="`${deviceType}_monitor`"
-                  :dataSource="dataSource"
-                  design-scope="device_monitor"
-                  :isShowActionColumn="true"
-                  :isShowSelect="false"
-                  title="设备监测"
-                  :scroll="{ y: scroll.y - 30 }"
-                >
-                  <template #action="{ record }">
-                    <TableAction
-                      :actions="[
-                        {
-                          label: '故障诊断分析',
-                          onClick: goDetail.bind(null, record),
-                        },
-                        {
-                          label: '定位',
-                          onClick: goLocation.bind(null, record),
-                        },
-                      ]"
-                    />
-                  </template>
-                  <template #filterCell="{ column, record }">
-                    <template v-if="column.dataIndex === 'isLeakage'">
-                      {{ record.isLeakage === '1' ? '是' : '否' }}
-                    </template>
-                    <template v-if="column.dataIndex === 'leakagePoint' && record.pipFaultDiag && record.pipFaultDiag.isLeakage">
-                      {{ record.pipFaultDiag.ld_x }}
-                    </template>
-                    <a-tag v-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == 0 ? 'green' : record.warnFlag == 1 ? '#FF5812' : 'gray'">
-                      {{ record.warnFlag == 0 ? '正常' : record.warnFlag == 1 ? '报警' : record.warnFlag == 2 ? '断开' : '未监测' }}
-                    </a-tag>
-                    <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == '0' ? '#f00' : 'green'">
-                      {{ record.netStatus == '0' ? '断开' : '连接' }}
-                    </a-tag>
-                  </template>
-                </MonitorTable>
-              </template> -->
-                        <!-- 瓦斯人工巡检 -->
-                        <template v-else-if="deviceType.startsWith('gasDay_normal') && activeKey == '1'">
-                            <gaspatrolTable :tableData="gaspatrolData" @getSearch="getSearch" @locate="goLocation">
-                            </gaspatrolTable>
-                        </template>
-                        <!-- 瓦斯日报 -->
-                        <template
-                            v-else-if="deviceType.startsWith('gasDayReport') && activeKey == '1' && glob.sysOrgCode != 'sdmtjtbetmk'">
-                            <gasReport :tableData="reportTableData" @getSearchReport="getSearchReport"
-                                @locate="goLocation"> </gasReport>
-                        </template>
-                        <template
-                            v-else-if="deviceType.startsWith('gasDayReport') && activeKey == '1' && glob.sysOrgCode == 'sdmtjtbetmk'">
-                            <gasReportCount :tableData="reportTableData" @getSearchReport="getSearchReport"
-                                @locate="goLocation"> </gasReportCount>
-                        </template>
-                        <!-- 粉尘监测报表-->
-                        <template v-else-if="deviceType.startsWith('dustDayReport') && activeKey == '1'">
-                            <dustMonitorTable @locate="goLocation" :isShowAction="true"></dustMonitorTable>
-                        </template>
-                        <template v-else-if="deviceType.startsWith('bundleDayReport') && activeKey == '1'">
-                            <bundleMonitorTable @locate="goLocation" :isShowAction="true"></bundleMonitorTable>
-                        </template>
-                        <template v-else-if="deviceType.startsWith('bundleSpyDayReport') && activeKey == '1'">
-                            <bundleSpyMonitorTable @locate="goLocation" :isShowAction="true"></bundleSpyMonitorTable>
-                        </template>
-                        <template v-else-if="deviceType.startsWith('dusting') && activeKey == '1'">
-                            <DustingTable :dataSource="dataSource" :deviceType="deviceType" :scroll="scroll"
-                                @locate="goLocation" />
-                        </template>
-                        <!-- 设备分站 -->
-                        <template v-else-if="deviceType.startsWith('substation_normal') && activeKey == '1'">
-                            <stationTable :tableData="stationData" @locate="goLocation" @stationDetail="stationDetail">
-                            </stationTable>
-                        </template>
-                        <template v-else>
-                            <!-- 工作面echarts图标 -->
-                            <BarAndLine v-if="activeKey == '1' && deviceType == 'surface_history'" class="echarts-line"
-                                xAxisPropType="time" :dataSource="surfaceEchartsData" height="300px"
-                                :chartsColumns="surfaceChartsColumns" :option="echatsOption" />
-                            <MonitorTable v-else-if="activeKey == '1'" ref="monitorTable"
-                                :columnsType="`${deviceType}_monitor`" :dataSource="dataSource"
-                                design-scope="device_monitor" :isShowActionColumn="true" :isShowSelect="false"
-                                title="设备监测" :scroll="{ y: scroll.y - 30 }">
-                                <template #action="{ record }">
-                                    <TableAction :actions="haveDetailArr.find((item) => deviceType.startsWith(item))
-                                            ? [
-                                                {
-                                                    label: '详情',
-                                                    onClick: goDetail.bind(null, record),
-                                                },
-                                                {
-                                                    label: '定位',
-                                                    onClick: goLocation.bind(null, record),
-                                                },
-                                            ]
-                                            : [
-                                                {
-                                                    label: '定位',
-                                                    onClick: goLocation.bind(null, record),
-                                                },
-                                            ]
-                                        " />
-                                </template>
-                                <template #filterCell="{ column, record }">
-                                    <template v-if="deviceType.startsWith('gate') || deviceType.startsWith('door')">
-                                        <a-tag
-                                            v-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == '0'"
-                                            color="red">正在运行</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == 1"
-                                            color="default">关闭</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '0'"
-                                            color="#46C66F">打开</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '1'"
-                                            color="#FF0000">点位异常</a-tag>
-                                        <a-tag
-                                            v-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '0'"
-                                            color="red">正在运行</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '1'"
-                                            color="default">关闭</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '0'"
-                                            color="#46C66F">打开</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '1'"
-                                            color="#FF0000">点位异常</a-tag>
-                                        <a-tag
-                                            v-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == '0'"
-                                            color="red">正在运行</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == 1"
-                                            color="default">关闭</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '0'"
-                                            color="#46C66F">打开</a-tag>
-                                        <a-tag
-                                            v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '1'"
-                                            color="#FF0000">点位异常</a-tag>
-                                        <template v-if="column.dataIndex === 'ndoortype'">
-                                            <span>{{ render.renderDictText(record.ndoortype, 'ndoortype') }}</span>
-                                        </template>
-                                        <template v-if="column.dataIndex === 'doorUse'">
-                                            <span>{{ render.renderDictText(record.doorUse, 'doorUse') }}</span>
-                                        </template>
-                                    </template>
-                                    <template v-else-if="deviceType.startsWith('windrect')">
-                                        <a-tag v-if="column.dataIndex === 'sign'"
-                                            :color="record.sign == 0 ? '#95CF65' : record.sign == 1 ? '#4590EA' : '#9876AA'">
-                                            {{ record.sign == 0 ? '高位' : record.sign == 1 ? '中位' : '低位' }}</a-tag>
-                                        <template
-                                            v-if="record && column && column.dataIndex === 'isRun' && record.isRun">
-                                            <a-tag v-if="record.isRun == -2 || record.isRun == -1"
-                                                :color="record.isRun == -2 ? '#95CF65' : '#ED5700'">{{
-                                                    record.isRun == -2 ? '空闲' : '等待'
-                                                }}</a-tag>
-                                            <a-tag v-else-if="record.isRun == 100" color="#4693FF">完成</a-tag>
-                                            <Progress v-else :percent="Number(record.isRun)" size="small"
-                                                status="active" />
-                                        </template>
-                                    </template>
-                                    <template v-else-if="deviceType.startsWith('safetymonitor')">
-                                        <div v-if="!record.devicename && column.dataIndex === 'devicename'">-</div>
-                                        <div v-if="!record.V && column.dataIndex === 'V'">-</div>
-                                        <div v-if="!record.PointUnit && column.dataIndex === 'PointUnit'">-</div>
-                                        <div v-if="!record.highRange && column.dataIndex === 'highRange'">-</div>
-                                        <div v-if="!record.lowRange && column.dataIndex === 'lowRange'">-</div>
-                                        <div v-if="!record.dataTypeName && column.dataIndex === 'dataTypeName'">-</div>
-                                    </template>
-                                    <template v-else-if="deviceType.startsWith('atomizing')">
-                                        <a-tag v-if="column.dataIndex === 'stateConn' && record.stateConn == '1'"
-                                            color="green">连接</a-tag>
-                                        <a-tag v-if="column.dataIndex === 'stateConn' && record.stateConn == '0'"
-                                            color="red">断开</a-tag>
-                                    </template>
-                                    <template v-else-if="deviceType.startsWith('gaspatrol')">
-                                        <a-tag
-                                            v-if="column.dataIndex === 'deviceConnect_str' && record.deviceConnect_str.endsWith('正常')"
-                                            color="green">{{
-                                                record.deviceConnect_str
-                                            }}</a-tag>
-                                        <a-tag
-                                            v-if="column.dataIndex === 'deviceConnect_str' && record.deviceConnect_str.endsWith('断开')"
-                                            color="red">{{
-                                                record.deviceConnect_str
-                                            }}</a-tag>
-                                    </template>
-                                    <a-tag v-if="column.dataIndex === 'warnFlag'"
-                                        :color="record.warnFlag == 0 ? 'green' : record.warnFlag == 1 ? '#FF5812' : 'gray'">
-                                        {{ record.warnFlag == 0 ? '正常' : record.warnFlag == 1 ? '报警' : record.warnFlag
-                                        == 2 ? '断开' : '未监测'
-                                        }}</a-tag>
-                                    <template v-else-if="column.dataIndex === 'warnLevel'">
-                                        <a-tag v-if="record.warnLevel == '101'" color="green">低风险</a-tag>
-                                        <a-tag v-else-if="record.warnLevel == '102'" color="#FF5812">一般风险</a-tag>
-                                        <a-tag v-else-if="record.warnLevel == '103'" color="#FF5812">较大风险</a-tag>
-                                        <a-tag v-else-if="record.warnLevel == '104'" color="#FF5812">重大风险</a-tag>
-                                        <a-tag v-else-if="record.warnLevel == '201'" color="#FF0000">报警</a-tag>
-                                        <a-tag v-else-if="record.warnLevel == '10000'" color="#FF5812">数据超限</a-tag>
-                                        <a-tag v-else-if="record.warnLevel == '1001'" color="default">网络中断</a-tag>
-                                        <a-tag v-else color="green">正常</a-tag>
-                                    </template>
-                                    <a-tag v-if="column.dataIndex === 'netStatus'"
-                                        :color="record.netStatus == '0' ? '#f00' : 'green'">{{
-                                            record.netStatus == '0' ? '断开' : '连接'
-                                        }}</a-tag>
-                                </template>
-                            </MonitorTable>
-                        </template>
-                    </a-tab-pane>
-                    <a-tab-pane key="2" tab="历史数据" v-if="!noHistoryArr().find((item) => deviceType.startsWith(item))">
-                        <div class="tab-item" v-if="activeKey == '2'">
-                            <template v-if="deviceType.startsWith('firemon_normal')">
-                                <HistoryBall :dataSource="dataSource"></HistoryBall>
-                            </template>
-                            <template v-if="deviceType.startsWith('fanmain')">
-                                <HistoryTableNew class="w-100% h-100%" :device-code="`${deviceType}`" :scroll="scroll"
-                                    dict-code="fan_dict" />
-                            </template>
-                            <template v-if="deviceType.startsWith('fanlocal')">
-                                <HistoryTableNew class="w-100% h-100%" :device-code="`${deviceType}`" :scroll="scroll"
-                                    dict-code="fanlocal_dict" />
-                            </template>
-                            <template v-else>
-                                <HistoryTable ref="historyTable" :sysId="systemID" :columns-type="`${deviceType}`"
-                                    :device-type="deviceType" designScope="device-history" :scroll="scroll" />
-                            </template>
-                        </div>
-                    </a-tab-pane>
-                    <a-tab-pane key="3" tab="报警历史" v-if="!noWarningArr.find((item) => deviceType.startsWith(item))">
-                        <div class="tab-item">
-                            <AlarmHistoryTable ref="alarmHistoryTable" v-if="activeKey == '3'" :sysId="systemID"
-                                columns-type="alarm" :device-type="deviceType"
-                                :device-list-api="getDeviceList.bind(null, { devicekind: deviceType, sysId: systemID, pageSize: 10000 })"
-                                :scroll="scroll" designScope="alarm-history" />
-                        </div>
-                    </a-tab-pane>
-                    <a-tab-pane key="4" tab="操作历史" v-if="haveHandlerArr.find((item) => deviceType.startsWith(item))">
-                        <div class="tab-item">
-                            <HandlerHistoryTable ref="handlerHistoryTable" v-if="activeKey == '4'" :sysId="systemID"
-                                columns-type="operator_history" :device-type="deviceType"
-                                :device-list-api="getDeviceList.bind(null, { devicekind: deviceType, sysId: systemID })"
-                                :scroll="scroll" designScope="operator-history" />
-                        </div>
-                    </a-tab-pane>
-                </a-tabs>
-            </div>
-        </div>
-        <mainPath v-if="deviceType == 'majorpath'" :dataSource="majorPathEchartsData"
-            style="width: 300px; height: 300px; position: absolute; left: 250px; top: 40px" />
-        <component v-if="modalVisible" :is="currentModal" v-model:visible="modalVisible" :dataSource="dataSource"
-            :activeID="activeID" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted, ComponentOptions, shallowRef, reactive, defineProps, watch } from 'vue';
-import { SendOutlined, FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue';
-import {
-    list,
-    getDeviceList,
-    getDeviceTypeList,
-    devPosition,
-    getDepartmentInfo,
-    getExportUrl,
-    queryNowGasInsInfo,
-    queryNowGasSta,
-    queryReportData,
-    getListAll,
-} from './device.api';
-import AlarmHistoryTable from '../../../comment/AlarmHistoryTable.vue';
-import HistoryTable from '../../../comment/HistoryTable.vue';
-import HistoryTableNew from '/@/views/vent/comment/history/HistoryTable.vue';
-import HandlerHistoryTable from '../../../comment/HandlerHistoryTable.vue';
-import MonitorTable from '../../../comment/MonitorTable.vue';
-import GroupMonitorTable from '../../../comment/GroupMonitorTable.vue';
-import stationTable from '../../../comment/stationTable.vue';
-import gaspatrolTable from '../../../comment/gaspatrolTable.vue';
-import gasReport from '../../../comment/gasReport.vue';
-import gasReportCount from '../../../comment/gasReportCount.vue';
-import dustMonitorTable from '../../../comment/dustMonitorTable.vue';
-import bundleMonitorTable from '../../../comment/bundleMonitorTable.vue';
-import gasInspectDialog from '../../../comment/gasInspectDialog.vue'
-import DustingTable from '../../../comment/DustingTable.vue';
-import bundleSpyMonitorTable from '../../../comment/bundleSpyMonitorTable.vue';
-import HistoryBall from './modal/history-ball.vue';
-import { TreeProps, message, Progress, Input, Select } from 'ant-design-vue';
-import { TableAction } from '/@/components/Table';
-import { SvgIcon } from '/@/components/Icon';
-import { getActions } from '/@/qiankun/state';
-import { useRouter } from 'vue-router';
-import { setDivHeight } from '/@/utils/event';
-import { render } from '/@/utils/common/renderUtils';
-import {
-    majorColumns,
-    haveSysDetailArr,
-    haveDetailArr,
-    haveHandlerArr,
-    noWarningArr,
-    surfaceChartsColumns,
-    noHistoryArr,
-    getMonitorComponent,
-    vehicleFormConfig,
-    noLocationArr,
-} from './device.data';
-import mainPath from './modal/mainPath.vue';
-import { formConfig } from '../../../safetyMonitor/safety.data';
-import { getDictItemsByCode } from '/@/utils/dict';
-import BarAndLine from '/@/components/chart/BarAndLine.vue';
-import MTreeSelect from '/@/components/Form/src/jeecg/components/MTreeSelect.vue';
-// import ApiSelect from '/@/components/Form/src/components/ApiSelect.vue';
-import { nextTick } from 'vue';
-import { useMethods } from '/@/hooks/system/useMethods';
-import { useGo } from '/@/hooks/web/usePage';
-import { useGlobSetting } from '/@/hooks/setting';
-
-type DeviceType = { deviceType: string; deviceName: string; datalist: any[] };
-const glob = useGlobSetting();
-// import { BorderBox8 as DvBorderBox8 } from '@kjgl77/datav-vue3';
-
-const { FiberModal, BundleModal, DustModal, BallvalveModal, AtomizingModal, GaspatrolModal, WisdomBallModal } = getMonitorComponent();
-
-const props = defineProps({
-    pageData: {
-        type: Object,
-        default: () => { },
-    },
-});
-const { handleExportXls } = useMethods();
-const go = useGo();
-const echatsOption = {
-    grid: {
-        top: '35',
-        left: '30',
-        right: '45',
-        bottom: '25',
-        containLabel: true,
-    },
-    toolbox: {
-        feature: {},
-    },
-};
-const router = useRouter();
-const actions = getActions();
-const locationForm = reactive({
-    strname: '',
-    department: '',
-    stationname: '',
-});
-const noLocationList = noLocationArr();
-const monitorTable = ref();
-const historyTable = ref();
-const alarmHistoryTable = ref();
-const handlerHistoryTable = ref();
-
-// const routerParam = ref('home') // 默认进来时首页
-const isRefresh = ref(true);
-// 模态框
-const currentModal = shallowRef<Nullable<ComponentOptions>>(null); //模态框
-const modalVisible = ref<Boolean>(false); // 模态框是否可见
-
-// const drawerHeight = ref(240) // 监测框最小高度
-const treeShow = ref(true); //是否显示树形菜单
-const tableShow = ref(true); //是否显示树形菜单
-const locationSettingShow = ref(false); //是否显示树形菜单
-const treeNodeTitle = ref(''); // 选中的树形标题
-
-const locationList = ref([]); //巷道定位图标显示列表
-const deviceList = ref<DeviceType[]>([]); //关联设备列表
-const deviceActive = ref('');
-const activeKey = ref('1'); // tab key
-const dataSource = shallowRef([]); // 实时监测数据
-const majorPathEchartsData = ref({}); // 关键路线echarts数据
-const surfaceEchartsData = ref<any[]>(); // 工作面历史记录，echarts数据
-const activeID = ref(''); // 打开详情modal时监测的设备id
-const deviceType = ref(''); // 监测设备类型
-const systemType = ref('');
-const systemID = ref(''); // 系统监测时，系统id
-const selectedKeys = ref<string[]>([]);
-const expandedKeys = ref<string[]>([]);
-const scroll = reactive({
-    y: 180,
-});
-const treeData = ref<TreeProps['treeData']>([]);
-let departmentInfo: Null | Object = null;
-let startMonitorTimer = 0;
-//瓦斯巡检查询参数
-const addressData = ref(''); //巡检地点
-const personData = ref(''); //巡检员
-const instypeData = ref('2'); //巡检类型
-const classData = ref('night'); //巡检班次
-const gaspatrolData = ref<any[]>([]);
-const inspectJd = ref<any>('');
-const inspectList = reactive<any[]>([
-    { label: '第一次巡检已检数', val: 0 },
-    { label: '第一次巡检未检数', val: 0 },
-    { label: '第二次巡检已检数', val: 0 },
-    { label: '第二次巡检未检数', val: 0 },
-]);
-const stationData = ref<any[]>([]);
-let searchReportParam = ref('gasDayNight'); //瓦斯日报查询条件-非布尔台
-let searchReportParam1 = ref('gasDay1'); //瓦斯日报查询条件-布尔台
-let reportTableData = ref<any[]>([]); //瓦斯日报列表数据
-
-//树形菜单选择事件
-const onSelect: TreeProps['onSelect'] = (keys, e) => {
-    deviceType.value = '';
-    systemID.value = '';
-    deviceList.value = [];
-    const title = e.node.title; // 在
-    if (e.node.parent && e.node.parent.node.type.toString().startsWith('sys')) {
-        systemType.value = e.node.parent.node.type;
-        if (deviceType.value != e.node.parent.node.type) deviceType.value = e.node.parent.node.type;
-        systemID.value = e.node.type;
-        // 传递工作面id信息,用于定位
-        go(`/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=${deviceType.value}&deviceid=${systemID.value}`);
-    } else {
-        systemType.value = e.node.type;
-        if (deviceType.value != e.node.type) deviceType.value = e.node.type;
-        go(`/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=${deviceType.value}&deviceid=`);
-    }
-    clearTimeout(timer);
-    timer = undefined;
-    if (startMonitorTimer) {
-        clearTimeout(startMonitorTimer);
-    }
-    dataSource.value = [];
-    monitorTable.value.resetPagination();
-    if (!startMonitorTimer) {
-        startMonitorTimer = setTimeout(() => {
-            expandedKeys.value = keys;
-            selectedKeys.value = keys;
-            treeNodeTitle.value = e.node.title;
-
-            if (e.node.children?.length < 1 && timer) {
-                getMonitor(true);
-            }
-        }, 1000);
-    }
-    // activeKey.value = '1';
-};
-
-function tabChange(activeKeyVal) {
-    activeKey.value = activeKeyVal;
-}
-
-function showTree(flag, value) {
-    if (flag == 'treeShow') treeShow.value = value;
-    if (flag == 'location') locationSettingShow.value = value;
-}
-
-async function getDeviceType(sysType?) {
-    if (treeData.value?.length > 0) return;
-    const result = await getDeviceTypeList({});
-    if (result.length > 0) {
-        const dataSource = <TreeProps['treeData']>[];
-        let key = '0';
-        const getData = (resultList, dataSourceList, keyVal) => {
-            resultList.forEach((item, index) => {
-                if (item.deviceType != 'sys' && item.children && item.children.length > 0) {
-                    const children = getData(item.children, [], `${keyVal}-${index}`);
-                    // 判断关键阻力路线
-                    if (item.itemValue.startsWith(sysType) && children[0]) {
-                        systemID.value = item.children[0]['itemValue'];
-                    }
-
-                    dataSourceList.push({
-                        children: children,
-                        title: item.itemText,
-                        key: `${keyVal}-${index}`,
-                        type: item.itemValue,
-                        parentKey: `${keyVal}`,
-                    });
-                } else {
-                    dataSourceList.push({
-                        children: [],
-                        title: item.itemText,
-                        key: `${keyVal}-${index}`,
-                        type: item.itemValue,
-                        parentKey: `${keyVal}`,
-                    });
-                }
-            });
-            return dataSourceList;
-        };
-        treeData.value = getData(result, dataSource, key);
-    }
-}
-
-// https获取监测数据
-let timer: null | NodeJS.Timeout = undefined;
-function getMonitor(flag?) {
-    if (deviceType.value) {
-        if (timer) timer = null;
-        if (Object.prototype.toString.call(timer) === '[object Null]') {
-            timer = setTimeout(
-                async () => {
-                    if (deviceType.value.startsWith('gasDay_normal')) {
-                        await queryNowGasInsInfoList(); //人工瓦斯巡检
-                    } else if (deviceType.value.startsWith('gasDayReport')) {
-                        let searchParams = glob.sysOrgCode == 'sdmtjtbetmk' ? searchReportParam1.value : searchReportParam.value;
-                        await getSearchReport(searchParams); //瓦斯日报
-                    } else if (deviceType.value.startsWith('substation')) {
-                        //分站
-                        await getStationList();
-                    } else {
-                        await getDataSource();
-                    }
-                    if (timer) {
-                        getMonitor();
-                    }
-                },
-                flag ? 0 : 1000
-            );
-        }
-    }
-}
-
-async function getDataSource() {
-    if (deviceType.value && deviceType.value.startsWith('sys') && systemID.value) {
-        const res = await list({ devicetype: 'sys', systemID: systemID.value });
-        const result = res.msgTxt;
-        const deviceArr = <DeviceType[]>[];
-        result.forEach((item) => {
-            const data = item['datalist'].filter((data: any) => {
-                const readData = data.readData;
-                return Object.assign(data, readData);
-            });
-            if (item.type != 'sys') {
-                if (item.type === 'majorpath') {
-                    deviceArr.unshift({ deviceType: item.type, deviceName: item['typeName'], datalist: item['datalist'][0]['paths'] });
-                    majorPathEchartsData.value = item['datalist'][0];
-                } else if (item.type.startsWith('surface_history')) {
-                    surfaceEchartsData.value = item['datalist'][0];
-                    deviceArr.unshift({
-                        deviceType: item.type,
-                        deviceName: item['typeName'] ? item['typeName'] : item['datalist'][0]['typeName'],
-                        datalist: data,
-                    });
-                } else {
-                    deviceArr.unshift({
-                        deviceType: item.type,
-                        deviceName: item['typeName'] ? item['typeName'] : item['datalist'][0]['typeName'],
-                        datalist: data,
-                    });
-                }
-            }
-        });
-
-        deviceList.value = deviceArr;
-        if (deviceArr.length > 0) {
-            // if (deviceArr[1]) {
-            //   deviceActive.value = deviceArr[1].deviceType
-            //   monitorChange(1)
-            // } else {
-            //   deviceActive.value = deviceArr[0].deviceType
-            //   monitorChange(0)
-            // }
-            deviceActive.value = deviceArr[0].deviceType;
-            monitorChange(0);
-        }
-    } else {
-        let res = null;
-        if (systemID.value) {
-            res = await list({ devicetype: 'sys', types: deviceType.value, systemID: systemID.value });
-            if (res && res.msgTxt) {
-                const result = res.msgTxt;
-                result.forEach((item) => {
-                    const data = item['datalist'].filter((data: any) => {
-                        const readData = data.readData;
-                        return Object.assign(data, readData);
-                    });
-                    if (item.type != 'sys') {
-                        if (item.type.startsWith('majorpath') && item.type == deviceType.value) {
-                            dataSource.value = item['datalist'][0]['paths'];
-                            majorPathEchartsData.value = item['datalist'][0];
-                            return;
-                        } else if (item.type == deviceType.value) {
-                            if (item.type == 'surface_history') {
-                                // 工作面图标数据
-                                surfaceEchartsData.value = item['datalist'][0];
-                            } else {
-                                dataSource.value = data;
-                                console.log('关联设备数据--------------->', data);
-                            }
-                            return;
-                        }
-                    }
-                });
-            }
-        } else {
-            let resultData, searchForm;
-            if (monitorTable.value) {
-                const formData = monitorTable.value.getForm();
-                searchForm = formData.getFieldsValue();
-            }
-
-            if (monitorTable.value) {
-                if (deviceType.value.startsWith('safetymonitor')) {
-                    resultData = await list({ devicetype: deviceType.value, pagetype: 'normal', filterParams: { ...searchForm } });
-                } else if (deviceType.value.startsWith('location')) {
-                    if (!departmentInfo) {
-                        departmentInfo = await getDepartmentInfo({});
-                    }
-                    let department = null;
-                    if (departmentInfo && locationForm && locationForm['department']) {
-                        for (const key in departmentInfo) {
-                            const item = departmentInfo[key];
-                            if (item['id'] === locationForm['department']) {
-                                department = item;
-                                break;
-                            }
-                        }
-                    }
-                    resultData = await list({
-                        devicetype: deviceType.value,
-                        pagetype: 'normal',
-                        filterParams: {
-                            strinstallpos: locationForm['stationname'] ? locationForm['stationname'] : '',
-                            userName: locationForm['strname'] ? locationForm['strname'] : '',
-                            userJson: department && department['name'] ? department['name'] : '',
-                        },
-                    });
-                } else if (deviceType.value.startsWith('vehicle')) {
-                    resultData = await list({
-                        devicetype: deviceType.value,
-                        pagetype: 'normal',
-                        filterParams: {
-                            strinstallpos: locationForm['stationname'] ? locationForm['stationname'] : '',
-                            vehicleName: locationForm['strname'] ? locationForm['strname'] : '',
-                        },
-                    });
-                } else {
-                    resultData = await list({ devicetype: deviceType.value, pagetype: 'normal' });
-                }
-            } else {
-                // 非安全监控
-                resultData = await list({ devicetype: deviceType.value, pagetype: 'normal' });
-            }
-            if (resultData && resultData.msgTxt) {
-                const result = resultData.msgTxt[0];
-                if (result) {
-                    const data = result['datalist'].filter((data: any) => {
-                        const readData = data.readData;
-                        return Object.assign(data, readData);
-                    });
-                    if (deviceType.value.startsWith('safetymonitor')) {
-                        const resultData = <any[]>[];
-                        // 如果是安全监控的数据时需要过滤常见设备数据，根据设定的常用安全监控字典去匹配
-                        const dictCodes = getDictItemsByCode('safetynormal');
-                        if (searchForm && !searchForm['dataTypeName'] && dictCodes && dictCodes.length) {
-                            for (let i = 0; i < dictCodes.length; i++) {
-                                const dict = dictCodes[i];
-                                data.forEach((item) => {
-                                    if (dict['value'] == item['dataTypeName']) {
-                                        resultData.push(item);
-                                    }
-                                });
-                            }
-                            dataSource.value = resultData;
-                        } else {
-                            dataSource.value = data;
-                        }
-                    } else {
-                        let tableData: any[] = [];
-                        let noNetData: any[] = [];
-                        data.filter((el) => {
-                            if (el.netStatus == 1) {
-                                tableData.push(el);
-                            } else {
-                                noNetData.push(el);
-                            }
-                        });
-                        dataSource.value = [...tableData, ...noNetData];
-                    }
-                } else {
-                    dataSource.value = [];
-                }
-            } else {
-                dataSource.value = [];
-            }
-        }
-    }
-}
-
-//设备分站详情跳转
-function stationDetail() {
-    const newPage = router.resolve({ path: '/safety/list/detail/home' });
-    window.open(newPage.href, '_blank');
-}
-
-function goLocation(record) {
-    // debugger;
-    if (record['deviceType'] == 'person_bd' || record['deviceType'] == 'car_bd') {
-        actions.setGlobalState({ locationId: record.devNum, locationObj: null, pageObj: null, type: record['deviceType'].split('_')[0] });
-    } else if (deviceType.value == 'bundleSpyDayReport' || deviceType.value == 'dustDayReport' || deviceType.value == 'bundleDayReport') {
-        actions.setGlobalState({ locationName: record.jcdd, locationObj: null, pageObj: null, type: record['deviceType'] });
-    } else if (deviceType.value.startsWith('gasDay')) {
-        actions.setGlobalState({ locationName: record.strInstallPos, locationObj: null, pageObj: null, type: record['deviceType'] });
-    } else if (deviceType.value == 'gasDayReport') {
-        actions.setGlobalState({ locationName: record.jcdd, locationObj: null, pageObj: null, type: record['deviceType'] });
-    } else if (deviceType.value.startsWith('substation')) {
-        actions.setGlobalState({ locationId: record.id, locationObj: null, pageObj: null, type: record['deviceType'] });
-    } else {
-        if (deviceType.value.startsWith('location')) {
-            actions.setGlobalState({ locationId: record.deviceID, locationObj: null, pageObj: null, type: 'person' });
-        } else if (deviceType.value.startsWith('vehicle')) {
-            actions.setGlobalState({ locationId: record.deviceID, locationObj: null, pageObj: null, type: 'car' });
-        } else {
-            actions.setGlobalState({ locationId: record.deviceID, locationObj: null, pageObj: null });
-        }
-    }
-}
-
-//查询分站列表
-async function getStationList() {
-    let res = await getListAll();
-    res.forEach((el) => {
-        el.key = el.id;
-        el.linkstatusC = el.linkstatus ? '连接' : '断开';
-        el.gdmsC = el.gdms == '1' ? '直流供电' : el.gdms == '0' ? '交流供电' : '';
-    });
-    stationData.value = res;
-}
-//查询当前各班瓦斯巡检信息
-async function queryNowGasInsInfoList() {
-    let res = await queryNowGasInsInfo({
-        address: addressData.value,
-        userName: personData.value,
-        insType: instypeData.value,
-        class: classData.value,
-    });
-    console.log(res, '查询当前各班瓦斯巡检信息');
-    if (res.length) {
-        gaspatrolData.value = res;
-    } else {
-        gaspatrolData.value = [];
-    }
-}
-//查询巡检弹窗信息
-async function getSearch(param) {
-    addressData.value = param.address;
-    personData.value = param.userName;
-    instypeData.value = param.insType;
-    classData.value = param.class;
-    if (!param.insType) {
-        message.warning('请选择巡检类型!');
-    } else if (!param.class) {
-        message.warning('请选择巡检班次!');
-    } else {
-        await queryNowGasInsInfoList();
-        let res = await queryNowGasSta({ insType: param.insType, class: param.class });
-        console.log(res, '巡检弹窗信息');
-        if (res) {
-            inspectJd.value = res.comRate || 0;
-            inspectList[0].val = res.finishNum1 || 0;
-            inspectList[1].val = res.missNum1 || 0;
-            inspectList[2].val = res.finishNum2 || 0;
-            inspectList[3].val = res.missNum2 || 0;
-        }
-    }
-}
-//查询瓦斯日报列表数据
-async function getSearchReport(param) {
-    if (glob.sysOrgCode == 'sdmtjtbetmk') {
-        searchReportParam1.value = param;
-    } else {
-        searchReportParam.value = param;
-    }
-    let res = await queryReportData({ type: param });
-    console.log(res, '瓦斯日报列表');
-    reportTableData.value = JSON.parse(res.content) || [];
-}
-// 详情跳转
-function goDetail(record?) {
-    if (record) {
-        activeID.value = record.deviceID;
-        if (deviceType.value.startsWith('fiber')) {
-            currentModal.value = FiberModal;
-            modalVisible.value = true;
-        } else if (deviceType.value.startsWith('dusting')) {
-            currentModal.value = DustModal;
-            modalVisible.value = true;
-        } else if (deviceType.value.startsWith('bundletube')) {
-            currentModal.value = BundleModal;
-            modalVisible.value = true;
-        } else if (deviceType.value.startsWith('firemon_normal')) {
-            // currentModal.value = BundleModal;
-            currentModal.value = WisdomBallModal;
-            modalVisible.value = true;
-        } else if (deviceType.value.startsWith('ballvalve')) {
-            currentModal.value = BallvalveModal;
-            modalVisible.value = true;
-        } else if (deviceType.value.startsWith('atomizing')) {
-            currentModal.value = AtomizingModal;
-            modalVisible.value = true;
-        } else if (deviceType.value.startsWith('gaspatrol')) {
-            currentModal.value = GaspatrolModal;
-            modalVisible.value = true;
-        } else if (deviceType.value.startsWith('door')) {
-            const newPage = router.resolve({ path: '/monitorChannel/monitor-firedoor', query: { id: activeID.value, deviceType: deviceType.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('gate') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/monitor-gate', query: { id: activeID.value, deviceType: deviceType.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('window') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/monitor-window', query: { id: activeID.value, deviceType: deviceType.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('windrect') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/monitor-windrect', query: { id: activeID.value, deviceType: deviceType.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('fanmain') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/monitor-fanmain', query: { id: activeID.value, deviceType: deviceType.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('fanlocal') != -1 && glob.sysOrgCode !== 'ymdnymdn') {
-            const newPage = router.resolve({ path: '/monitorChannel/monitor-fanlocal', query: { id: activeID.value, deviceType: deviceType.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('fanlocal') != -1 && glob.sysOrgCode == 'ymdnymdn') {
-            const newPage = router.resolve({ path: '/monitorChannel/monitor-fanlocal1', query: { id: activeID.value, deviceType: record.deviceType } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('pulping') != -1) {
-            const newPage = router.resolve({ path: '/grout-home', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('pressurefan') != -1) {
-            const newPage = router.resolve({ path: '/nitrogen/home', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('chamber') != -1) {
-            const newPage = router.resolve({ path: '/chamber-home', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('safetymonitor') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/device-monitor/safetymonitor', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('pump') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/gasPump-home', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (systemType.value.indexOf('nitrogen') != -1) {
-            const newPage = router.resolve({ path: '/nitrogen-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('forcFan') != -1) {
-            const newPage = router.resolve({ path: '/forcFan/home', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('pulping') != -1) {
-            const newPage = router.resolve({ path: '/grout-home', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('gasmonitor') != -1) {
-            const newPage = router.resolve({ path: '/gas/warn/home' });
-            window.open(newPage.href, '_blank');
-        } else {
-            message.info('待开发。。。');
-        }
-    } else {
-        if (systemType.value.indexOf('sys_dongshi') != -1) {
-            const newPage = router.resolve({ path: '/chamber-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (systemType.value.indexOf('sys_obfurage') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/obfurage-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (systemType.value.indexOf('sys_surface_caimei') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/wokerFace-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (systemType.value.indexOf('sys_surface_juejin') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/tunFace-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (systemType.value.indexOf('sys_maintunnel_leather') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/beltTun-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (systemType.value.indexOf('sys_surface_junya') != -1) {
-            const newPage = router.resolve({ path: '/monitorChannel/balancePress-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (systemType.value.indexOf('sys_nitrogen') != -1) {
-            const newPage = router.resolve({ path: '/nitrogen-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('forcFan') != -1) {
-            const newPage = router.resolve({ path: '/forcFan/home', query: { id: activeID.value } });
-            window.open(newPage.href, '_blank');
-        } else if (deviceType.value.indexOf('pulping') != -1) {
-            const newPage = router.resolve({ path: '/grout-home', query: { id: systemID.value } });
-            window.open(newPage.href, '_blank');
-        } else {
-            message.info('待开发。。。');
-        }
-    }
-}
-function goGasDayReport() {
-    const newPage = router.resolve({ path: '/gas/gas-report-inspect/home' });
-    window.open(newPage.href, '_blank');
-}
-function gogasDayReportHis() {
-    const newPage = router.resolve({ path: '/gas/gasDayReport/home' });
-    window.open(newPage.href, '_blank');
-}
-function goDustDayReport() {
-    const newPage = router.resolve({ path: '/dustDayReport/home' });
-    window.open(newPage.href, '_blank');
-}
-function goBundleDayReport() {
-    const newPage = router.resolve({ path: '/bundleDayReport/home' });
-    window.open(newPage.href, '_blank');
-}
-function goBundleSpyDayReport() {
-    const newPage = router.resolve({ path: '/bundleSpyDayReport/home' });
-    window.open(newPage.href, '_blank');
-}
-function exportXls() {
-    handleExportXls('瓦斯巡检记录', getExportUrl, { devicetype: deviceType.value });
-}
-
-function toHome() {
-    deviceList.value = [];
-    if (timer) clearTimeout(timer);
-    timer = undefined;
-    deviceType.value = '';
-    go(glob.homePath);
-}
-
-function toHide() {
-    tableShow.value = !tableShow.value;
-    document.getElementById('monitorBox').addEventListener('animationend', () => {
-        if (!tableShow.value) {
-            document.getElementById('monitorBox').style.height = '0px';
-        } else {
-            document.getElementById('monitorBox').style.height = '290';
-        }
-    });
-}
-
-async function findTreeDataValue(obj) {
-    const findDeviceType = (data: any[], obj, flag = true) => {
-        return data.find((item: any) => {
-            if (item.children.length > 0) {
-                findDeviceType(item.children, obj);
-            }
-            // debugger;
-            if (obj.deviceType && obj.deviceType.startsWith('sys_')) {
-                // debugger;
-                if (item.type == obj.deviceid) {
-                    deviceType.value = 'sys';
-                    systemID.value = obj.deviceid;
-                    selectedKeys.value = [item.key];
-                    expandedKeys.value = [item.key];
-                    treeNodeTitle.value = item.title;
-                }
-            } else {
-                if (!flag) {
-                    if (obj.deviceType && item.type.startsWith(obj.deviceType)) {
-                        deviceType.value = item.type;
-                        selectedKeys.value = [item.key];
-                        expandedKeys.value = [item.key];
-                        treeNodeTitle.value = item.title;
-                        return true;
-                    }
-                    return false;
-                } else {
-                    if (obj.deviceType && item.type == obj.deviceType) {
-                        deviceType.value = item.type;
-                        selectedKeys.value = [item.key];
-                        expandedKeys.value = [item.key];
-                        treeNodeTitle.value = item.title;
-                        return true;
-                    }
-                    return false;
-                }
-            }
-            return false;
-        });
-    };
-    const flag = findDeviceType(treeData.value, obj);
-    if (!flag) {
-        findDeviceType(treeData.value, obj, false);
-    }
-    // 无类型时
-    if (!treeNodeTitle.value && treeData.value && treeData.value[0] && treeData.value[0]['children']) {
-        const defaultData = treeData.value[0]['children'][0];
-        if (deviceType.value !== defaultData.type) deviceType.value = defaultData.type;
-        selectedKeys.value = [defaultData.key as string];
-        expandedKeys.value = [defaultData.key as string];
-        treeNodeTitle.value = defaultData.title;
-    }
-
-    if (timer === undefined) {
-        timer = null;
-        await getDataSource();
-        getMonitor(true);
-    }
-}
-
-function monitorChange(index) {
-    dataSource.value = [];
-    deviceActive.value = deviceList.value[index].deviceType;
-    if (deviceType.value != deviceActive.value) deviceType.value = deviceActive.value;
-    if (activeKey.value == '1' && monitorTable.value) {
-        monitorTable.value.setLoading(true);
-        dataSource.value = deviceList.value[index].datalist;
-    }
-    if (activeKey.value == '2' && historyTable.value) {
-        historyTable.value.setLoading(true);
-    }
-    if (activeKey.value == '3' && alarmHistoryTable.value) {
-        alarmHistoryTable.value.setLoading(true);
-    }
-    if (activeKey.value == '4' && handlerHistoryTable.value) {
-        handlerHistoryTable.value.setLoading(true);
-    }
-}
-/**
- * 设置巷道设备定位图标的显示与隐藏
- */
-function setLocation() {
-    let locationStr = '';
-    locationList.value.forEach((item: any) => {
-        if (item.Visible) {
-            locationStr = locationStr ? locationStr + ',' + item.value : item.value;
-        }
-    });
-    actions.setGlobalState({ locationId: null, locationObj: null, pageObj: null, locationPlane: locationStr });
-    setTimeout(() => {
-        message.success('设置成功');
-    }, 600);
-}
-watch(
-    () => props.pageData,
-    async (pageObj) => {
-        isRefresh.value = false;
-        if (!treeData.value || treeData.value?.length < 1) {
-            await getDeviceType();
-        }
-        nextTick(() => {
-            isRefresh.value = true;
-            // if (pageObj && pageObj.pageType && pageObj.pageType.startsWith('sys_')) {
-            //   findTreeDataValue({ deviceid: systemID.value });
-            // } else {
-            //   findTreeDataValue({ deviceType: pageObj.pageType });
-            // }
-            findTreeDataValue(pageObj);
-        });
-    },
-    { immediate: true }
-);
-
-onMounted(async () => {
-    const pageObj = props.pageData;
-    if (!pageObj) return;
-    if (pageObj && pageObj.pageType) {
-        if (pageObj.pageType.startsWith('sys_')) {
-            await getDeviceType(pageObj.pageType);
-            findTreeDataValue({ deviceType: pageObj.pageType, deviceid: pageObj.deviceid });
-        } else {
-            await getDeviceType();
-            findTreeDataValue({ deviceType: pageObj.pageType });
-        }
-    } else {
-        await getDeviceType();
-        findTreeDataValue({ deviceid: pageObj.deviceid });
-    }
-    // 定位
-    const posShowData = pageObj.locationPlane;
-    if (posShowData) {
-        locationList.value = posShowData;
-    } else {
-        locationList.value = await devPosition({});
-    }
-
-    // safetyOption.value = await safetyDeviceList(null, { devicetype: 'safetymonitor', code: 'dataTypeName' })
-});
-
-onUnmounted(() => {
-    if (timer) {
-        clearTimeout(timer);
-    }
-    timer = undefined;
-});
-</script>
-
-<style lang="less" scoped>
-@import '/@/design/theme.less';
-@import '/@/design/vent/modal.less';
-@ventSpace: zxm;
-
-@{theme-deepblue} {
-    .scene-box {
-        // --image-modal-top: url('/@/assets/images/themify/deepblue/vent/home/modal-top.png');
-        // --image-tree-icon-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-icon-bg.png');
-        // --image-tree-icon-hover-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-icon-hover-bg.png');
-        // --image-tree-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-bg.png');
-        // --image-tree-expansion-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-expansion-bg.png');
-        // --image-tree-expansion-hover-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-expansion-hover-bg.png');
-        // --image-location-bg: url('/@/assets/images/themify/deepblue/vent/home/location-bg.png');
-        // --image-location-hover-bg: url('/@/assets/images/themify/deepblue/vent/home/location-hover-bg.png');
-        // --image-tree-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-bg.png');
-        // --image-turn-location-top-bg: url('/@/assets/images/themify/deepblue/vent/home/turn-location-top-bg.png');
-        // --image-tree-icon-cover-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-icon-cover-bg.png');
-        // --image-tree-icon-cover-hover-bg: url('/@/assets/images/themify/deepblue/vent/home/tree-icon-cover-hover-bg.png');
-        // --image-tohome: url('/@/assets/images/themify/deepblue/vent/home/tohome.png');
-        // --tree-node-select: #0963c1;
-        // --tree-node-hover: #0f376ccc;
-        // --location-bottom-bg: #21324855;
-        // --location-bottom-border: #aed1ff4d;
-    }
-}
-
-.scene-box {
-    --image-modal-top: url('/@/assets/images/vent/home/modal-top.png');
-    --image-tree-icon-bg: url('/@/assets/images/vent/home/tree-icon-bg.png');
-    --image-tree-icon-hover-bg: url('/@/assets/images/vent/home/tree-icon-hover-bg.png');
-    --image-tree-bg: url('/@/assets/images/vent/home/tree-bg.png');
-    --image-tree-expansion-bg: url('/@/assets/images/vent/home/tree-expansion-bg.png');
-    --image-tree-expansion-hover-bg: url('/@/assets/images/vent/home/tree-expansion-hover-bg.png');
-    --image-location-bg: url('/@/assets/images/vent/home/location-bg.png');
-    --image-location-hover-bg: url('/@/assets/images/vent/home/location-hover-bg.png');
-    --image-turn-location-top-bg: url('/@/assets/images/vent/home/turn-location-top-bg.png');
-    --image-tree-icon-cover-bg: url('/@/assets/images/vent/home/tree-icon-cover-bg.png');
-    --image-tree-icon-cover-hover-bg: url('/@/assets/images/vent/home/tree-icon-cover-hover-bg.png');
-    --image-tohome: url('/@/assets/images/vent/home/tohome.png');
-    --tree-node-select: #00b1c8;
-    --tree-node-hover: #00b1c855;
-    --location-bottom-bg: #00709955;
-    --location-bottom-border: #aef3ff4d;
-}
-
-.top-header {
-    position: fixed;
-    width: 100%;
-    height: 56px;
-    background: var(--image-modal-top);
-    text-align: center;
-    line-height: 56px;
-    font-size: 28px;
-    color: #ffffffdd;
-    font-weight: 600;
-    z-index: 1;
-    letter-spacing: 2px;
-    font-size: 30px;
-}
-
-.select-node {
-    position: fixed;
-    top: 100px;
-    left: 10px;
-    color: var(--vent-font-color);
-    display: flex;
-    justify-content: center;
-    font-size: 22px;
-
-    .title {
-        margin-left: 10px;
-    }
-}
-
-.expansion-icon {
-    background: var(--image-tree-icon-bg) no-repeat;
-    background-size: contain;
-    position: absolute;
-    left: 190px;
-    top: 25px;
-
-    &:hover {
-        background: var(--image-tree-icon-hover-bg) no-repeat;
-        background-size: contain;
-    }
-}
-
-.device-select {
-    width: 250px;
-    height: 500px;
-    background: var(--image-tree-bg) no-repeat;
-    position: fixed;
-    top: 100px;
-    left: 10px;
-    background-size: contain;
-    pointer-events: auto;
-    padding: 20px 10px 30px 10px;
-}
-
-.inspect-info-xj {
-    position: fixed;
-    top: 100px;
-    left: 250px;
-    width: 320px;
-    height: 272px;
-    padding: 20px;
-    background: url('@/assets/images/inspect-bg.png') no-repeat center;
-    background-size: 100% 100%;
-    box-sizing: border-box;
-}
-
-.is-expansion-icon {
-    padding: 5px;
-    pointer-events: auto;
-    z-index: 999;
-}
-
-.device-select-show {
-    left: 10px;
-    animation-name: treeShow;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-}
-
-.device-select-hide {
-    left: -250px;
-    animation-name: treeHide;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-}
-
-.node-select-show {
-    width: 276px;
-    height: 44px;
-    background: var(--image-tree-expansion-bg) no-repeat;
-    left: 10px;
-    animation-name: treeShow;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-    display: flex;
-    align-items: center;
-    margin-left: 0;
-    justify-content: flex-start;
-    pointer-events: auto;
-
-    &:hover {
-        background: var(--image-tree-expansion-hover-bg) no-repeat;
-    }
-
-    .put-away-icon {
-        position: relative;
-        display: inline-block;
-        left: 4px;
-    }
-}
-
-.node-select-hide {
-    left: -400px;
-    animation-name: treeHide;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-}
-
-.device-select-box {
-    width: 208px;
-    height: 450px;
-    overflow-y: auto;
-    color: var(--vent-font-color);
-
-    :deep(.zxm-tree) {
-        background: transparent !important;
-        color: var(--vent-font-color) !important;
-
-        .zxm-tree-switcher {
-            background: transparent !important;
-        }
-
-        .zxm-tree-node-content-wrapper.zxm-tree-node-selected {
-            background-color: var(--tree-node-select);
-        }
-
-        .zxm-tree-node-content-wrapper:hover {
-            background-color: var(--tree-node-hover);
-        }
-
-        input {
-            height: 0px !important;
-        }
-    }
-
-    &::-webkit-scrollbar-track {
-        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-        border-radius: 10px;
-        background: #ededed22;
-        height: 100px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-        background: #4288a444;
-    }
-}
-
-.location-icon {
-    width: 46px;
-    height: 178px;
-    position: absolute;
-    top: 100px;
-    background: var(--image-location-bg) no-repeat;
-    background-size: contain;
-    writing-mode: vertical-lr;
-    line-height: 46px;
-    color: var(--vent-font-color);
-    padding-top: 10px;
-    pointer-events: auto;
-    cursor: pointer;
-
-    &:hover {
-        background: var(--image-location-hover-bg) no-repeat;
-    }
-
-    .location-text {
-        padding-top: 20px;
-        letter-spacing: 3px;
-        font-size: 16px;
-    }
-}
-
-.location-select {
-    position: fixed;
-    top: 100px;
-    pointer-events: auto;
-
-    .location-select-box {
-        width: 100%;
-        height: 100%;
-        position: relative;
-
-        &::before {
-            content: '';
-            position: absolute;
-            width: 230px;
-            height: 500px;
-            top: 0;
-            left: 0;
-            background: var(--image-tree-bg) no-repeat;
-            background-size: contain;
-            transform: rotateY(180deg);
-            z-index: -1;
-        }
-
-        .location-top-title {
-            color: var(--vent-font-color);
-            position: absolute;
-            width: 225px;
-            height: 68px;
-            background: var(--image-turn-location-top-bg) no-repeat;
-            background-size: contain;
-            top: 5px;
-            left: 5px;
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
-            align-items: flex-end;
-
-            .title {
-                font-size: 18px;
-                position: relative;
-                top: -14px;
-                right: 15px;
-            }
-        }
-
-        .location-expansion-icon {
-            background: var(--image-tree-icon-cover-bg) no-repeat;
-            background-size: contain;
-            position: relative;
-            left: 10px;
-            top: -15px;
-            padding: 5px;
-
-            &:hover {
-                background: var(--image-tree-icon-cover-hover-bg) no-repeat;
-                background-size: contain;
-            }
-        }
-    }
-
-    .location-container {
-        width: 200px;
-        height: 390px;
-        position: absolute;
-        display: flex;
-        flex-direction: column;
-        top: 80px;
-        left: 18px;
-        overflow-y: auto;
-
-        .location-item {
-            color: var(--vent-font-color);
-            line-height: 30px;
-            display: flex;
-            justify-content: space-between;
-            // background-image: var(--vent-gas-list-item-bg-img);
-            background-image: linear-gradient(to left, #39f5ff05, #39f5ff10);
-            margin: 3px 0;
-
-            .item-title {
-                width: 80px;
-                text-align: right;
-                color: var(--vent-table-action-link);
-            }
-        }
-
-        .location-bottom-btn {
-            width: 100%;
-            color: var(--vent-font-color);
-            display: flex;
-            justify-content: flex-end;
-            margin-top: 20px;
-
-            span {
-                display: inline-block;
-                width: 100%;
-                background: var(--location-bottom-bg);
-                border-radius: 3px;
-                border: 1px solid var(--location-bottom-border);
-                text-align: center;
-                padding: 2px 0;
-                cursor: pointer;
-
-                &:hover {
-                    background: #00557422;
-                }
-            }
-        }
-    }
-}
-
-.location-select-show {
-    right: 240px;
-    animation-name: locationShow;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-}
-
-.location-select-hide {
-    right: -2px;
-    animation-name: locationHide;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-}
-
-.location-btn-show {
-    right: -0px;
-    animation-name: locationBtnShow;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-}
-
-.location-btn-hide {
-    right: -240px;
-    animation-name: locationBtnHide;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
-}
-
-.tabs-box {
-    height: 290px;
-}
-
-.bottom-tabs-box {
-    position: relative;
-
-    .tabs-box {
-        width: calc(100% - 12px) !important;
-        bottom: 3px !important;
-        background-color: red;
-    }
-
-    .to-small {
-        position: absolute;
-        top: -65px;
-        right: 36px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        .to-home {
-            width: 60px;
-            height: 60px;
-            background: var(--image-tohome) no-repeat center;
-            background-size: auto;
-            padding: 8px;
-
-            &:hover {
-                background-color: rgba(79, 104, 134, 0.418);
-            }
-        }
-
-        .table-show-icon {
-            width: 30px;
-            height: 30px;
-            font-size: 30px;
-            color: var(--vent-font-color);
-            margin-left: 10px;
-        }
-    }
-
-    .device-button-group {
-        position: absolute;
-        top: -30px;
-        display: flex;
-        width: 100%;
-
-        .device-active {
-            background: linear-gradient(45deg, #04e6fb, #0c5cab);
-
-            &::before {
-                border-color: #0efcff;
-                box-shadow: 1px 1px 3px 1px #0efcff inset;
-            }
-        }
-    }
-
-    .table-hide-icon {
-        color: var(--vent-font-color);
-        cursor: pointer;
-        position: absolute;
-        right: 20px;
-        top: 10px;
-        z-index: 9999;
-    }
-
-    .enter-detail {
-        color: var(--vent-font-color);
-        cursor: pointer;
-        position: absolute;
-        right: 35px;
-        top: 35px;
-        padding: 5px;
-        border-radius: 5px;
-        margin-left: 8px;
-        margin-right: 8px;
-        width: auto;
-        height: 33px !important;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: var(--vent-font-color);
-        padding: 5px 15px 5px 15px;
-        z-index: 999;
-        cursor: pointer;
-
-        &:hover {
-            background: var(--vent-device-manager-control-btn-hover);
-        }
-
-        &::before {
-            width: calc(100% - 6px);
-            height: 27px;
-            content: '';
-            position: absolute;
-            top: 3px;
-            right: 0;
-            left: 3px;
-            bottom: 0;
-            z-index: -1;
-            border-radius: inherit;
-            /*important*/
-            background: var(--vent-device-manager-control-btn);
-        }
-    }
-}
-
-.table-hide {
-    height: 0px;
-    animation-name: tableHide;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s;
-}
-
-.table-show {
-    height: 290px;
-    animation-name: tableShow;
-    /* 持续时间 */
-    animation-duration: 1s;
-    transition: all 1s;
-}
-
-.location-form {
-    display: flex;
-    margin: 8px;
-
-    .location-form-item {
-        width: 400px;
-
-        .location-form-label {
-            width: 100px;
-            display: inline-block;
-            color: var(--vent-font-color);
-        }
-
-        input {
-            background: transparent !important;
-            color: var(--vent-font-color);
-            border: 1px solid var(--vent-form-item-border) !important;
-        }
-    }
-
-    .zxm-select-selector {
-        width: 200px !important;
-    }
-}
-
-@keyframes tableShow {
-    0% {
-        height: 0px;
-        opacity: 0;
-    }
-
-    100% {
-        height: 290px;
-        opacity: 1;
-    }
-}
-
-@keyframes tableHide {
-    0% {
-        opacity: 1;
-    }
-
-    100% {
-        height: 0px;
-        opacity: 0;
-    }
-}
-
-@keyframes treeShow {
-    0% {
-        left: -400px;
-        opacity: 0;
-    }
-
-    100% {
-        left: 10px;
-        opacity: 1;
-    }
-}
-
-@keyframes treeHide {
-    0% {
-        left: 10px;
-        opacity: 1;
-    }
-
-    100% {
-        left: -400px;
-        opacity: 0;
-    }
-}
-
-@keyframes locationShow {
-    0% {
-        right: 0px;
-        opacity: 0;
-    }
-
-    100% {
-        right: 240px;
-        opacity: 1;
-    }
-}
-
-@keyframes locationHide {
-    0% {
-        right: 240px;
-        opacity: 1;
-    }
-
-    100% {
-        right: 0;
-        opacity: 0;
-    }
-}
-
-@keyframes locationBtnShow {
-    0% {
-        right: -240px;
-        opacity: 0;
-    }
-
-    100% {
-        right: -2px;
-        opacity: 1;
-    }
-}
-
-@keyframes locationBtnHide {
-    0% {
-        right: -2px;
-        opacity: 1;
-    }
-
-    100% {
-        right: -240px;
-        opacity: 0;
-    }
-}
-
-:deep(.@{ventSpace}-picker-datetime-panel) {
-    height: 200px !important;
-    overflow-y: auto !important;
-}
-
-:deep(.@{ventSpace}-tabs-tabpane-active) {
-    // overflow: auto;
-    height: 100%;
-}
-
-:deep(.zxm-select-dropdown) {
-    left: 0 !important;
-    color: #000000 !important;
-}
-
-:deep(.zxm-select-selector) {
-    height: 34px !important;
-    line-height: 34px !important;
-}
-
-:deep(.zxm-input) {
-    height: 32px !important;
-    line-height: 32px !important;
-
-    .zxm-select-selection-item {
-        line-height: 32px !important;
-    }
-}
-
-.device-button {
-    height: 26px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: var(--vent-font-color);
-    position: relative;
-    cursor: pointer;
-    padding: 0 20px;
-    background: linear-gradient(45deg, #04e6fb55, #0c5cab55);
-    clip-path: polygon(10px 0, 0 50%, 10px 100%, 100% 100%, calc(100% - 10px) 50%, 100% 0);
-
-    &:nth-child(1) {
-        left: calc(-6px * 1);
-    }
-
-    &:nth-child(2) {
-        left: calc(-6px * 2);
-    }
-
-    &:nth-child(3) {
-        left: calc(-6px * 3);
-    }
-
-    &:nth-child(4) {
-        left: calc(-6px * 4);
-    }
-
-    &:nth-child(5) {
-        left: calc(-6px * 5);
-    }
-
-    &:nth-child(6) {
-        left: calc(-6px * 6);
-    }
-
-    &:nth-child(7) {
-        left: calc(-6px * 7);
-    }
-
-    &:nth-child(8) {
-        left: calc(-6px * 8);
-    }
-
-    &:nth-child(9) {
-        left: calc(-6px * 9);
-    }
-
-    &:nth-child(10) {
-        left: calc(-6px * 10);
-    }
-
-    &:nth-child(11) {
-        left: calc(-6px * 11);
-    }
-
-    &:nth-child(12) {
-        left: calc(-6px * 12);
-    }
-
-    &:nth-child(13) {
-        left: calc(-6px * 13);
-    }
-
-    &:nth-child(14) {
-        left: calc(-6px * 14);
-    }
-
-    &:nth-child(15) {
-        left: calc(-6px * 15);
-    }
-
-    &:nth-child(16) {
-        left: calc(-6px * 16);
-    }
-
-    &:nth-child(17) {
-        left: calc(-6px * 17);
-    }
-
-    &:nth-child(18) {
-        left: calc(-6px * 18);
-    }
-
-    &:nth-child(19) {
-        left: calc(-6px * 19);
-    }
-
-    // &:first-child {
-    //   clip-path: polygon(0 0, 10px 50%, 0 100%, 100% 100%, calc(100% - 10px) 50%, 100% 0);
-    // }
-}
-
-// :deep(.@{ventSpace}-pagination){
-//   margin-right: 20px !important;
-//   margin-top: 5px !important;
-//   display: flex;
-//   align-items: center;
-// }</style>

src/views/vent/monitorManager/deviceMonitor/components/device/index.vue

@@ -21,16 +21,7 @@
     </div>
     <!-- 瓦斯巡检弹窗信息 -->
     <div v-if="deviceType.startsWith('gasDay_normal') && activeKey == '1'" class="inspect-info-xj">
-      <div class="info-xj-title">
-        <span>当前巡检进度</span>
-        <span style="margin-left: 10px">{{ inspectJd || '' }}</span>
-      </div>
-      <div class="info-xj-content">
-        <div class="xj-content-item" v-for="(item, index) in inspectList" :key="index">
-          <div class="content-item-title">{{ item.label }}</div>
-          <div class="content-item-val">{{ item.val }}</div>
-        </div>
-      </div>
+      <gasInspectDialog :gasSearch="gasSearch"></gasInspectDialog>
     </div>
     <div
       class="location-icon"
@@ -95,7 +86,7 @@
         <!-- 进入瓦斯人工巡检历史详情 -->
         <div v-if="deviceType == 'gasDay_normal'">
           <div class="device-button-group">
-            <div v-if="deviceType.startsWith('gasDay_normal')" class="enter-detail" @click.stop="goDetail()">
+            <div v-if="deviceType.startsWith('gasDay_normal')" class="enter-detail" @click.stop="goGasDayReport()">
               <send-outlined />
               瓦斯人工巡检历史详情
             </div>
@@ -104,7 +95,7 @@
         <!-- 进入瓦斯日报历史详情 -->
         <div v-if="deviceType == 'gasDayReport'">
           <div class="device-button-group">
-            <div v-if="deviceType.startsWith('gasDayReport')" class="enter-detail" @click.stop="goDetail()">
+            <div v-if="deviceType.startsWith('gasDayReport')" class="enter-detail" @click.stop="gogasDayReportHis()">
               <send-outlined />
               瓦斯日报历史详情
             </div>
@@ -113,7 +104,7 @@
         <!-- 进入粉尘报表分析详情 -->
         <div v-if="deviceType == 'dustDayReport'">
           <div class="device-button-group">
-            <div v-if="deviceType.startsWith('dustDayReport')" class="enter-detail" @click.stop="goDetail()">
+            <div v-if="deviceType.startsWith('dustDayReport')" class="enter-detail" @click.stop="goDustDayReport()">
               <send-outlined />
               粉尘报表分析
             </div>
@@ -121,7 +112,7 @@
         </div>
         <div v-if="deviceType == 'bundleDayReport'">
           <div class="device-button-group">
-            <div v-if="deviceType.startsWith('bundleDayReport')" class="enter-detail" @click.stop="goDetail()">
+            <div v-if="deviceType.startsWith('bundleDayReport')" class="enter-detail" @click.stop="goBundleDayReport()">
               <send-outlined />
               束管日报分析
             </div>
@@ -129,7 +120,7 @@
         </div>
         <div v-if="deviceType == 'bundleSpyDayReport'">
           <div class="device-button-group">
-            <div v-if="deviceType.startsWith('bundleSpyDayReport')" class="enter-detail" @click.stop="goDetail()">
+            <div v-if="deviceType.startsWith('bundleSpyDayReport')" class="enter-detail" @click.stop="goBundleSpyDayReport()">
               <send-outlined />
               色谱仪报表分析
             </div>
@@ -148,16 +139,12 @@
           <FullscreenExitOutlined style="font-size: 18px" />
         </div>
         <!-- 是人员定位表单代码，由于放在tab中，表格对已知刷新，导致表单数据也在刷寻，造成输入一半的中文时会清空输入框的内容，导致的输入不上数据 -->
-        <div
-          v-if="deviceType.startsWith('location') || (deviceType.startsWith('vehicle') && activeKey == '1')"
-          class="location-form"
-          style="position: absolute; z-index: 9999; top: 50px"
-        >
+        <div v-if="deviceType.startsWith('location') && activeKey == '1'" class="location-form" style="position: absolute; z-index: 9999; top: 50px">
           <div class="location-form-item">
-            <span class="location-form-label">{{ deviceType.startsWith('location') ? '人员名称:' : '车辆名称' }}</span>
+            <span class="location-form-label">人员名称:</span>
             <Input style="width: 200px" v-model:value="locationForm.strname" />
           </div>
-          <!-- <div class="location-form-item">
+          <div class="location-form-item">
             <span class="location-form-label">所属部门:</span>
             <MTreeSelect
               style="width: 200px"
@@ -167,7 +154,7 @@
               :virtual="false"
               :isGetPopupContainer="false"
             />
-          </div> -->
+          </div>
           <div class="location-form-item">
             <span class="location-form-label">分站名称:</span>
             <Input style="width: 200px" v-model:value="locationForm.stationname" />
@@ -308,7 +295,7 @@
                 :isShowActionColumn="true"
                 :isShowSelect="false"
                 title="设备监测"
-                style="margin-top: 60px"
+                :form-config="vehicleFormConfig"
                 :scroll="{ y: scroll.y - 110 }"
               >
                 <template v-if="!noLocationList.includes('location')" #action="{ record }">
@@ -366,14 +353,14 @@
             </template> -->
             <!-- 瓦斯人工巡检 -->
             <template v-else-if="deviceType.startsWith('gasDay_normal') && activeKey == '1'">
-              <gaspatrolTable :tableData="gaspatrolData" @getSearch="getSearch" @locate="goLocation"></gaspatrolTable>
+              <gaspatrolTable ref="gaspatrol" @getSearch="getSearch" @locate="goLocation"> </gaspatrolTable>
             </template>
             <!-- 瓦斯日报 -->
             <template v-else-if="deviceType.startsWith('gasDayReport') && activeKey == '1' && glob.sysOrgCode != 'sdmtjtbetmk'">
-              <gasReport :tableData="reportTableData" @getSearchReport="getSearchReport" @locate="goLocation"> </gasReport>
+              <gasReport ref="gasreport" @locate="goLocation"> </gasReport>
             </template>
             <template v-else-if="deviceType.startsWith('gasDayReport') && activeKey == '1' && glob.sysOrgCode == 'sdmtjtbetmk'">
-              <gasReportCount :tableData="reportTableData" @getSearchReport="getSearchReport" @locate="goLocation"> </gasReportCount>
+              <gasReportCount ref="gasreportcount" @locate="goLocation"> </gasReportCount>
             </template>
             <!-- 粉尘监测报表-->
             <template v-else-if="deviceType.startsWith('dustDayReport') && activeKey == '1'">
@@ -390,7 +377,7 @@
             </template>
             <!-- 设备分站 -->
             <template v-else-if="deviceType.startsWith('substation_normal') && activeKey == '1'">
-              <stationTable :tableData="stationData" @locate="goLocation" @stationDetail="stationDetail"></stationTable>
+              <stationTable ref="station" @locate="goLocation" @stationDetail="stationDetail"> </stationTable>
             </template>
             <template v-else>
               <!-- 工作面echarts图标 -->
@@ -551,10 +538,10 @@
               <template v-if="deviceType.startsWith('firemon_normal')">
                 <HistoryBall :dataSource="dataSource"></HistoryBall>
               </template>
-              <template v-if="deviceType.startsWith('fanmain')">
+              <template v-else-if="deviceType.startsWith('fanmain')">
                 <HistoryTableNew class="w-100% h-100%" :device-code="`${deviceType}`" :scroll="scroll" dict-code="fan_dict" />
               </template>
-              <template v-if="deviceType.startsWith('fanlocal')">
+              <template v-else-if="deviceType.startsWith('fanlocal')">
                 <HistoryTableNew class="w-100% h-100%" :device-code="`${deviceType}`" :scroll="scroll" dict-code="fanlocal_dict" />
               </template>
               <template v-else>
@@ -612,18 +599,7 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, ComponentOptions, shallowRef, reactive, defineProps, watch } from 'vue';
 import { SendOutlined, FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue';
-import {
-  list,
-  getDeviceList,
-  getDeviceTypeList,
-  devPosition,
-  getDepartmentInfo,
-  getExportUrl,
-  queryNowGasInsInfo,
-  queryNowGasSta,
-  queryReportData,
-  getListAll,
-} from './device.api';
+import { list, getDeviceList, getDeviceTypeList, devPosition, getDepartmentInfo, getExportUrl } from './device.api';
 import AlarmHistoryTable from '../../../comment/AlarmHistoryTable.vue';
 import HistoryTable from '../../../comment/HistoryTable.vue';
 import HistoryTableNew from '/@/views/vent/comment/history/HistoryTable.vue';
@@ -636,6 +612,7 @@ import gasReport from '../../../comment/gasReport.vue';
 import gasReportCount from '../../../comment/gasReportCount.vue';
 import dustMonitorTable from '../../../comment/dustMonitorTable.vue';
 import bundleMonitorTable from '../../../comment/bundleMonitorTable.vue';
+import gasInspectDialog from '../../../comment/gasInspectDialog.vue';
 import DustingTable from '../../../comment/DustingTable.vue';
 import bundleSpyMonitorTable from '../../../comment/bundleSpyMonitorTable.vue';
 import HistoryBall from './modal/history-ball.vue';
@@ -739,23 +716,12 @@ const scroll = reactive({
 const treeData = ref<TreeProps['treeData']>([]);
 let departmentInfo: Null | Object = null;
 let startMonitorTimer = 0;
-//瓦斯巡检查询参数
-const addressData = ref(''); //巡检地点
-const personData = ref(''); //巡检员
-const instypeData = ref('2'); //巡检类型
-const classData = ref('night'); //巡检班次
-const gaspatrolData = ref<any[]>([]);
-const inspectJd = ref<any>('');
-const inspectList = reactive<any[]>([
-  { label: '第一次巡检已检数', val: 0 },
-  { label: '第一次巡检未检数', val: 0 },
-  { label: '第二次巡检已检数', val: 0 },
-  { label: '第二次巡检未检数', val: 0 },
-]);
-const stationData = ref<any[]>([]);
-let searchReportParam = ref('gasDayNight'); //瓦斯日报查询条件-非布尔台
-let searchReportParam1 = ref('gasDay1'); //瓦斯日报查询条件-布尔台
-let reportTableData = ref<any[]>([]); //瓦斯日报列表数据
+
+let gasSearch = reactive({});
+let gaspatrol = ref(null);
+let gasreport = ref(null);
+let gasreportcount = ref(null);
+let station = ref(null);
 
 //树形菜单选择事件
 const onSelect: TreeProps['onSelect'] = (keys, e) => {
@@ -850,14 +816,17 @@ function getMonitor(flag?) {
     if (Object.prototype.toString.call(timer) === '[object Null]') {
       timer = setTimeout(
         async () => {
-          if (deviceType.value.startsWith('gasDay_normal')) {
-            await queryNowGasInsInfoList(); //人工瓦斯巡检
+          if (deviceType.value.startsWith('gasDay_normal') && gaspatrol.value) {
+            gaspatrol.value.queryNowGasInsInfoList(); //人工瓦斯巡检
           } else if (deviceType.value.startsWith('gasDayReport')) {
-            let searchParams = glob.sysOrgCode == 'sdmtjtbetmk' ? searchReportParam1.value : searchReportParam.value;
-            await getSearchReport(searchParams); //瓦斯日报
-          } else if (deviceType.value.startsWith('substation')) {
+            if (glob.sysOrgCode == 'sdmtjtbetmk') {
+              gasreportcount.value.getSearchReport();
+            } else {
+              gasreport.value.getSearchReport(); //瓦斯日报
+            }
+          } else if (deviceType.value.startsWith('substation') && station.value) {
             //分站
-            await getStationList();
+            station.value.getStationList();
           } else {
             await getDataSource();
           }
@@ -1066,65 +1035,9 @@ function goLocation(record) {
     }
   }
 }
-
-//查询分站列表
-async function getStationList() {
-  let res = await getListAll();
-  res.forEach((el) => {
-    el.key = el.id;
-    el.linkstatusC = el.linkstatus ? '连接' : '断开';
-    el.gdmsC = el.gdms == '1' ? '直流供电' : el.gdms == '0' ? '交流供电' : '';
-  });
-  stationData.value = res;
-}
-//查询当前各班瓦斯巡检信息
-async function queryNowGasInsInfoList() {
-  let res = await queryNowGasInsInfo({
-    address: addressData.value,
-    userName: personData.value,
-    insType: instypeData.value,
-    class: classData.value,
-  });
-  console.log(res, '查询当前各班瓦斯巡检信息');
-  if (res.length) {
-    gaspatrolData.value = res;
-  } else {
-    gaspatrolData.value = [];
-  }
-}
-//查询巡检弹窗信息
-async function getSearch(param) {
-  addressData.value = param.address;
-  personData.value = param.userName;
-  instypeData.value = param.insType;
-  classData.value = param.class;
-  if (!param.insType) {
-    message.warning('请选择巡检类型!');
-  } else if (!param.class) {
-    message.warning('请选择巡检班次!');
-  } else {
-    await queryNowGasInsInfoList();
-    let res = await queryNowGasSta({ insType: param.insType, class: param.class });
-    console.log(res, '巡检弹窗信息');
-    if (res) {
-      inspectJd.value = res.comRate || 0;
-      inspectList[0].val = res.finishNum1 || 0;
-      inspectList[1].val = res.missNum1 || 0;
-      inspectList[2].val = res.finishNum2 || 0;
-      inspectList[3].val = res.missNum2 || 0;
-    }
-  }
-}
-//查询瓦斯日报列表数据
-async function getSearchReport(param) {
-  if (glob.sysOrgCode == 'sdmtjtbetmk') {
-    searchReportParam1.value = param;
-  } else {
-    searchReportParam.value = param;
-  }
-  let res = await queryReportData({ type: param });
-  console.log(res, '瓦斯日报列表');
-  reportTableData.value = JSON.parse(res.content) || [];
+function getSearch(param) {
+  gasSearch = param;
+  console.log(gasSearch);
 }
 // 详情跳转
 function goDetail(record?) {
@@ -1231,46 +1144,31 @@ function goDetail(record?) {
     } else if (deviceType.value.indexOf('pulping') != -1) {
       const newPage = router.resolve({ path: '/grout-home', query: { id: systemID.value } });
       window.open(newPage.href, '_blank');
-    } else if (deviceType.value.indexOf('gasDay_normal') != -1) {
-      const newPage = router.resolve({ path: '/gas/gas-report-inspect/home' });
-      window.open(newPage.href, '_blank');
-    } else if (deviceType.value.indexOf('gasDayReport') != -1) {
-      const newPage = router.resolve({ path: '/gas/gasDayReport/home' });
-      window.open(newPage.href, '_blank');
-    } else if (deviceType.value.indexOf('dustDayReport') != -1) {
-      const newPage = router.resolve({ path: '/dustDayReport/home' });
-      window.open(newPage.href, '_blank');
-    } else if (deviceType.value.indexOf('bundleDayReport') != -1) {
-      const newPage = router.resolve({ path: '/bundleDayReport/home' });
-      window.open(newPage.href, '_blank');
-    } else if (deviceType.value.indexOf('bundleSpyDayReport') != -1) {
-      const newPage = router.resolve({ path: '/bundleSpyDayReport/home' });
-      window.open(newPage.href, '_blank');
     } else {
       message.info('待开发。。。');
     }
   }
 }
-// function goGasDayReport() {
-//   const newPage = router.resolve({ path: '/gas/gas-report-inspect/home' });
-//   window.open(newPage.href, '_blank');
-// }
-// function gogasDayReportHis() {
-//   const newPage = router.resolve({ path: '/gas/gasDayReport/home' });
-//   window.open(newPage.href, '_blank');
-// }
-// function goDustDayReport() {
-//   const newPage = router.resolve({ path: '/dustDayReport/home' });
-//   window.open(newPage.href, '_blank');
-// }
-// function goBundleDayReport() {
-//   const newPage = router.resolve({ path: '/bundleDayReport/home' });
-//   window.open(newPage.href, '_blank');
-// }
-// function goBundleSpyDayReport() {
-//   const newPage = router.resolve({ path: '/bundleSpyDayReport/home' });
-//   window.open(newPage.href, '_blank');
-// }
+function goGasDayReport() {
+  const newPage = router.resolve({ path: '/gas/gas-report-inspect/home' });
+  window.open(newPage.href, '_blank');
+}
+function gogasDayReportHis() {
+  const newPage = router.resolve({ path: '/gas/gasDayReport/home' });
+  window.open(newPage.href, '_blank');
+}
+function goDustDayReport() {
+  const newPage = router.resolve({ path: '/dustDayReport/home' });
+  window.open(newPage.href, '_blank');
+}
+function goBundleDayReport() {
+  const newPage = router.resolve({ path: '/bundleDayReport/home' });
+  window.open(newPage.href, '_blank');
+}
+function goBundleSpyDayReport() {
+  const newPage = router.resolve({ path: '/bundleSpyDayReport/home' });
+  window.open(newPage.href, '_blank');
+}
 function exportXls() {
   handleExportXls('瓦斯巡检记录', getExportUrl, { devicetype: deviceType.value });
 }
@@ -1551,43 +1449,6 @@ onUnmounted(() => {
   background: url('@/assets/images/inspect-bg.png') no-repeat center;
   background-size: 100% 100%;
   box-sizing: border-box;
-
-  .info-xj-title {
-    width: 230px;
-    height: 36px;
-    line-height: 36px;
-    padding-left: 50px;
-    margin: 10px 0px;
-    color: #fff;
-    background: url('@/assets/images/inspect-title.png') no-repeat center;
-    background-size: 100% 100%;
-  }
-
-  .info-xj-content {
-    display: flex;
-    flex-wrap: wrap;
-    height: calc(100% - 56px);
-    padding: 10px 0px;
-    box-sizing: border-box;
-
-    .xj-content-item {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-around;
-      align-items: center;
-      width: 126px;
-      height: 67px;
-      margin: 7px;
-      color: #fff;
-      padding-bottom: 5px;
-      background: url('@/assets/images/inspect-item.png') no-repeat center;
-
-      .content-item-val {
-        font-family: 'douyuFont';
-        color: #74e9fe;
-      }
-    }
-  }
 }
 
 .is-expansion-icon {
@@ -1901,6 +1762,7 @@ onUnmounted(() => {
     top: -30px;
     display: flex;
     width: 100%;
+
     .device-active {
       background: linear-gradient(45deg, #04e6fb, #0c5cab);
 
@@ -2096,10 +1958,12 @@ onUnmounted(() => {
     opacity: 0;
   }
 }
+
 :deep(.@{ventSpace}-picker-datetime-panel) {
   height: 200px !important;
   overflow-y: auto !important;
 }
+
 :deep(.@{ventSpace}-tabs-tabpane-active) {
   // overflow: auto;
   height: 100%;
@@ -2135,9 +1999,11 @@ onUnmounted(() => {
   padding: 0 20px;
   background: linear-gradient(45deg, #04e6fb55, #0c5cab55);
   clip-path: polygon(10px 0, 0 50%, 10px 100%, 100% 100%, calc(100% - 10px) 50%, 100% 0);
+
   &:nth-child(1) {
     left: calc(-6px * 1);
   }
+
   &:nth-child(2) {
     left: calc(-6px * 2);
   }
@@ -2221,4 +2087,4 @@ onUnmounted(() => {
 //   display: flex;
 //   align-items: center;
 // }
-</style>
+</style>

src/views/vent/monitorManager/deviceMonitor/index.vue

@@ -13,7 +13,6 @@
 <script setup lang="ts" name="device-monitor">
   import { ref, onMounted, watch, onUnmounted, onBeforeUnmount } from 'vue';
   import DeviceVue from './components/device/index.vue';
-  // import DeviceVue from './components/device/index-copy.vue';
   import Network from './components/network/index.vue';
   import Emergency from './components/emergency/index.vue';
   import { unmountMicroApps } from '/@/qiankun';

src/views/vent/monitorManager/windowMonitor/index.vue

@@ -283,7 +283,7 @@
     activeKey.value = activeKeyVal;
     if (activeKeyVal == 1) {
       nextTick(() => {
-        MonitorDataTable.value.setSelectedRowKeys([selectData.deviceID]);
+        MonitorDataTable.value.setSelectedRowKeys([selectData.value.deviceID]);
       });
     }
   };
@@ -307,7 +307,7 @@
   };
 
   // 监测数据
-  const selectData = reactive(lodash.cloneDeep(initData));
+  const selectData = ref(lodash.cloneDeep(initData));
   const currentData = ref(initData);
   // https获取监测数据
   let timer: null | NodeJS.Timeout = null;
@@ -317,9 +317,9 @@
         async () => {
           const data = await getDataSource();
           currentData.value = data;
-          Object.assign(selectData, data);
-          playAnimation(selectData, selectData.maxarea);
-          addMonitorText(selectData);
+          selectData.value = data;
+          playAnimation(selectData.value, selectData.value.maxarea);
+          addMonitorText(selectData.value);
           if (timer) {
             timer = null;
           }
@@ -362,13 +362,13 @@
     selectRowIndex.value = index;
     loading.value = true;
     const baseData: any = deviceBaseList.value.find((baseData: any) => baseData.id === selectRow.deviceID);
-    Object.assign(selectData, initData, selectRow, baseData);
+    selectData.value = Object.assign(initData, selectRow, baseData);
 
-    const type = selectData.windowModal ? selectData.windowModal : selectData.nwindownum == 1 ? 'ddFc5' : 'sdFc1';
+    const type = selectData.value.windowModal ? selectData.value.windowModal : selectData.value.nwindownum == 1 ? 'ddFc5' : 'sdFc1';
 
     setModelType(type).then(() => {
-      addMonitorText(selectData);
-      playAnimation(selectRow, selectData.maxarea, true);
+      addMonitorText(selectData.value);
+      playAnimation(selectRow, selectData.value.maxarea, true);
       loading.value = false;
     });
     await getCamera(selectRow.deviceID, playerRef.value);
@@ -383,7 +383,7 @@
   const setArea = (flag) => {
     modalType.value = flag + '';
     if (flag == 1 || flag == 2) {
-      if (selectData.nwindownum == 2) {
+      if (selectData.value.nwindownum == 2) {
         modalTitle.value = flag === 1 ? '设定前窗面积' : '设定后窗面积';
       } else {
         modalTitle.value = '设定风窗面积';
@@ -404,7 +404,7 @@
         }
         modalIsShow.value = true;
       } else {
-        handleOK('', modalType.value, selectData.nwindownum);
+        handleOK('', modalType.value, selectData.value.nwindownum);
       }
     }
   };
@@ -413,7 +413,7 @@
   const setAngle = (flag) => {
     modalType.value = flag + '';
     if (flag == 1 || flag == 2) {
-      if (selectData.nwindownum == 2) {
+      if (selectData.value.nwindownum == 2) {
         modalTitle.value = flag === 1 ? '设定前窗角度' : '设定后窗角度';
       } else {
         modalTitle.value = '设定风窗角度';
@@ -435,7 +435,7 @@
         }
         modalIsShow.value = true;
       } else {
-        handleOK('', modalType.value, selectData.nwindownum);
+        handleOK('', modalType.value, selectData.value.nwindownum);
       }
     }
   };
@@ -452,8 +452,8 @@
       return;
     }
     let data = {
-      deviceid: selectData.deviceID,
-      devicetype: selectData.deviceType,
+      deviceid: selectData.value.deviceID,
+      devicetype: selectData.value.deviceType,
       paramcode: '',
       password: passWord || globalConfig?.simulatedPassword,
       value: null,
@@ -464,7 +464,7 @@
       if (handlerState == 7) {
         // 单道风窗
         params = {
-          windowId: selectData.deviceID,
+          windowId: selectData.value.deviceID,
           auto: 1,
           fengliangF: value,
         };
@@ -489,9 +489,9 @@
       data.value = handlerState == 'ldkzStart' ? 1 : 0;
       if (handlerState == 'ldkzStart') {
         ch4.value = value;
-        params = { auto: 1, windowId: selectData.deviceID, gasMax: ch4.value };
+        params = { auto: 1, windowId: selectData.value.deviceID, gasMax: ch4.value };
       } else {
-        params = { auto: 0, windowId: selectData.deviceID };
+        params = { auto: 0, windowId: selectData.value.deviceID };
       }
       if (isMock.value) {
         showGasModal.value = true;
@@ -517,7 +517,7 @@
         data.value = windowAngle.value;
       } else if (handlerState == 5 || handlerState == 6) {
         data.paramcode = 'frontSetValue';
-        data.value = handlerState == 5 ? selectData.maxarea : 0;
+        data.value = handlerState == 5 ? selectData.value.maxarea : 0;
       } else if (handlerState.startsWith('frontSetValue')) {
         data.paramcode = handlerState;
         data.value = value;
@@ -570,7 +570,7 @@
     mountedThree().then(async () => {
       getMonitor(true);
       loading.value = false;
-      addMonitorText(selectData);
+      addMonitorText(selectData.value);
     });
   });
   onUnmounted(() => {

src/views/vent/safetyList/common/detail-130.vue

@@ -0,0 +1,1508 @@
+<template>
+  <div class="safetyList">
+    <customHeader>监控分站管理详情</customHeader>
+    <div class="content">
+      <a-tabs class="tab-box" v-model:activeKey="activeKey" @change="onChangeTab">
+        <a-tab-pane tab="分站监测" key="device" />
+        <!-- <a-tab-pane tab="历史数据" key="history" /> -->
+        <!-- <a-tab-pane tab="监测详情" key="manageAuto" /> -->
+        <!-- <a-tab-pane tab="操作记录" key="operationRecord" /> -->
+      </a-tabs>
+      <div class="box-content">
+        <!-- 分站监测 -->
+        <div class="now-content" v-if="activeKey == 'device'">
+          <div class="left-box">
+            <div class="left-title">
+              <div class="title-fz">
+                <span>分站：</span>
+                <span>
+                  [通讯正常]
+                  <span class="zd-open">{{ openNum || 0 }}</span>
+                </span>
+                <span>
+                  [通讯中断]
+                  <span class="zd-close">{{ clsoeNum || 0 }}</span>
+                </span>
+              </div>
+              <div class="title-btn" style="margin-left: 55%">
+                <a-button type="primary" size="small" @click="getAllShow">显示全部</a-button>
+              </div>
+            </div>
+            <div class="left-content">
+              <div class="card-box" v-for="(item, index) in cardList" :key="index">
+                <div
+                  :class="[
+                    'card-item',
+                    {
+                      selected: selectedIndex === index,
+                      'card-itemN': item.isNewAccess,
+                      'card-itemL': !item.isNewAccess && item.linkstatus,
+                      'card-itemD': !item.isNewAccess && !item.linkstatus,
+                    },
+                  ]"
+                  @click="cardClick(item, index)"
+                >
+                  <div class="card-item-label">{{ item.strname }}</div>
+                </div>
+                <div :class="activeIndex % 4 == 3 ? 'card-modal1' : 'card-modal'" v-if="activeIndex == index && isShow">
+                  <div class="modal-name">站点名称：</div>
+                  <a-input v-model:value="stationName" size="small" placeholder="请输入" @blur="changeName" />
+                  <div class="modal-lj">连接状态：</div>
+                  <a-radio-group v-model:value="stationStatus" size="small" :options="ljList" @change="changeStatus" />
+                  <a-popconfirm
+                    title="删除内容无法恢复，是否删除"
+                    ok-text="确定"
+                    cancel-text="取消"
+                    @confirm="handleDelStation"
+                    @cancel="handleCancelDelStation"
+                  >
+                    <a-button type="primary" preIcon="ant-design:delete-outlined" size="mini" class="down-btn">删除</a-button>
+                  </a-popconfirm>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="right-box">
+            <div class="right-title">详细信息：</div>
+            <a-table size="small" :scroll="{ y: 680 }" :columns="columns" :data-source="tableData" :pagination="pagination" @change="pageChange">
+              <template #action="{ record }">
+                <a-button
+                  v-if="!record.devInfoList"
+                  type="primary"
+                  :disabled="record.linkId != '0'"
+                  size="small"
+                  @click="handlerunDeviceMonitor(record, '启动')"
+                  >启动</a-button
+                >
+                <a-button type="success" size="small" style="margin: 0px 10px" @click="handlerunDeviceMonitor(record, '编辑')">编辑</a-button>
+                <a-popconfirm
+                  title="删除内容无法恢复，是否删除"
+                  ok-text="确定"
+                  cancel-text="取消"
+                  @confirm="handlerunDeviceMonitor(record, '删除')"
+                  @cancel="handleCancelDelStation"
+                >
+                  <a-button v-if="!record.devInfoList" type="success" size="small" style="margin-right: 10px">删除</a-button>
+                </a-popconfirm>
+                <a-button type="primary" v-if="!record.devInfoList" size="small" @click="debugClick(record)">{{ record.debugTitle }}</a-button>
+              </template>
+              <template #bodyCell="{ column, text }">
+                <template v-if="column.dataIndex === 'valueJc' && text">
+                  <div v-for="item in text.split(',')" :key="item">
+                    <span
+                      v-if="item.substring(item.indexOf(':') + 1) && !isNaN(parseFloat(item.substring(item.indexOf(':') + 1)))"
+                      style="display: inline-block; width: 42%; text-align: right; color: rgb(0, 242, 255); margin-right: 5px"
+                      >{{ item.substring(0, item.indexOf(':') + 1) }}</span
+                    >
+                    <span
+                      v-if="item.substring(item.indexOf(':') + 1) && !isNaN(parseFloat(item.substring(item.indexOf(':') + 1)))"
+                      style="display: inline-block; width: 52%; text-align: left; color: #fff"
+                      >{{
+                        item.substring(item.indexOf(':') + 1) === '1'
+                          ? '正风'
+                          : item.substring(item.indexOf(':') + 1) === '2'
+                          ? '反风'
+                          : item.substring(item.indexOf(':') + 1)
+                      }}
+                    </span>
+                  </div>
+                </template>
+              </template>
+            </a-table>
+            <!-- 一键启动弹窗 -->
+            <a-modal
+              style="top: 300px; left: 360px"
+              v-model:visible="visibleModal"
+              :width="450"
+              title="一键启动"
+              @ok="handleOk"
+              @cancel="handleCancel"
+            >
+              <a-form :model="startupData" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+                <a-form-item label="安装位置">
+                  <a-input v-model:value="startupData.address" placeholder="请输入" style="width: 260px" />
+                </a-form-item>
+              </a-form>
+            </a-modal>
+            <!-- 编辑弹窗 -->
+            <a-modal
+              style="top: 300px; left: 360px"
+              v-model:visible="visibleModalEdit"
+              :width="450"
+              title="编辑信息"
+              @ok="handleOkEdit"
+              @cancel="handleCancelEdit"
+            >
+              <a-form :model="startupDataEdit" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+                <a-form-item label="安装位置">
+                  <a-input v-model:value="startupDataEdit.address" placeholder="请输入" style="width: 260px" />
+                </a-form-item>
+              </a-form>
+            </a-modal>
+            <!-- 调试弹窗 -->
+            <a-modal
+              style="top: 300px; left: 360px"
+              v-model:visible="visibleModalDebug"
+              :width="450"
+              title="调试信息"
+              @ok="handleOkDebug"
+              @cancel="handleCancelDebug"
+            >
+              <a-form :model="startupDataDebug" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+                <a-form-item label="风速">
+                  <a-input v-model:value="startupDataDebug.speed" placeholder="请输入" style="width: 260px" />
+                </a-form-item>
+                <a-form-item label="风向">
+                  <a-select v-model:value="startupDataDebug.direction" style="width: 260px">
+                    <a-select-option v-for="file in derictList" :key="file.label" :value="file.value">{{ file.label }}</a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-form>
+            </a-modal>
+          </div>
+        </div>
+        <!-- 历史数据 -->
+        <div class="history-content" v-if="activeKey == 'history'">
+          <div class="left-box">
+            <div class="left-title">
+              <div class="title-fz">
+                <span>分站：</span>
+                <span>
+                  [通讯正常]
+                  <span class="zd-open">{{ openNum || 0 }}</span>
+                </span>
+                <span>
+                  [通讯中断]
+                  <span class="zd-close">{{ clsoeNum || 0 }}</span>
+                </span>
+              </div>
+            </div>
+            <div class="left-content">
+              <div class="card-box" v-for="(item, index) in cardList" :key="index">
+                <div
+                  :class="[
+                    'card-item',
+                    {
+                      selected: selectedIndex === index,
+                      'card-itemN': item.isNewAccess,
+                      'card-itemL': !item.isNewAccess && item.linkstatus,
+                      'card-itemD': !item.isNewAccess && !item.linkstatus,
+                    },
+                  ]"
+                  @click="cardClick(item, index)"
+                >
+                  <div class="card-item-label">{{ item.strname }}</div>
+                </div>
+                <div :class="activeIndex % 4 == 3 ? 'card-modal1' : 'card-modal'" v-if="activeIndex == index && isShow">
+                  <div class="modal-name">站点名称：</div>
+                  <a-input v-model:value="stationName" size="small" placeholder="请输入" @blur="changeName" />
+                  <div class="modal-lj">连接状态：</div>
+                  <a-radio-group v-model:value="stationStatus" size="small" :options="ljList" @change="changeStatus" />
+                  <a-popconfirm
+                    title="删除内容无法恢复，是否删除"
+                    ok-text="确定"
+                    cancel-text="取消"
+                    @confirm="handleDelStation"
+                    @cancel="handleCancelDelStation"
+                  >
+                    <a-button type="primary" preIcon="ant-design:delete-outlined" size="mini" class="down-btn">删除</a-button>
+                  </a-popconfirm>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="right-box">
+            <HistoryTable class="historytable" :scroll="scroll" :historyColumns="historyColumns" :stationId="stationId" />
+          </div>
+        </div>
+        <!-- 监测详情 -->
+        <div class="detail-content" v-if="activeKey == 'manageAuto'">
+          <!-- <a-button preIcon="ant-design:sync-outlined" @click="visibleModalEdit1 = true">重置</a-button> -->
+          <a-table
+            size="small"
+            :scroll="{ y: 710 }"
+            :row-key="(record) => record.stationId"
+            :expandedRowKeys="expandedRowKeys"
+            :columns="columnsDetail"
+            :data-source="tableData1"
+            @expand="tableExpand"
+          >
+            <template #action="{ record }">
+              <a-button v-if="hasPermission('operateRecord:return') && record.deviceList" type="primary" size="small" @click="handleEdit(record)"
+                >编辑</a-button
+              >
+            </template>
+            <template #expandedRowRender>
+              <a-table :columns="deviceColumns" :data-source="tableData2" :pagination="false" />
+            </template>
+          </a-table>
+          <!-- 编辑弹窗 -->
+          <a-modal
+            v-model:visible="visibleModalEdit1"
+            :width="1100"
+            @cancel="cancenModal"
+            :bodyStyle="{ display: 'flex', height: '680px', 'overflow-y': 'auto', 'margin-bottom': '15px' }"
+            title="编辑信息"
+            :footer="null"
+          >
+            <a-form :model="formView" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+              <a-form-item label="第一路风速风向：">
+                <a-input v-model:value="formView.dylfsfx" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="第一路报警状态：">
+                <a-input v-model:value="formView.dylbjzt" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="第一路1发2收AD值：">
+                <a-input v-model:value="formView.dyl1f2sADz" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="第一路2发1收AD值：">
+                <a-input v-model:value="formView.dyl2f1sADz" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="通风量：">
+                <a-input v-model:value="formView.tfl" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="硬件版本：">
+                <a-input v-model:value="formView.yjbb" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="软件版本：">
+                <a-input v-model:value="formView.rjbb" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="在线离线标志：">
+                <a-input v-model:value="formView.zxlxbz" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+              <a-form-item label="日期和时间：">
+                <a-input v-model:value="formView.rqsj" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+              </a-form-item>
+            </a-form>
+
+            <a-form :model="formEdit" labelAlign="right" :label-col="{ span: 7 }" :wrapper-col="{ span: 17 }">
+              <a-form-item label="传感器设备：">
+                <a-select v-model:value="formEdit.cgq" @change="changeCgq" style="width: 260px; margin-right: 10px">
+                  <a-select-option v-for="(file, index) in cgqList" :key="index" :value="file.value">{{ file.label }}</a-select-option>
+                </a-select>
+                <a-button type="success" @click="getDeviceList">读取</a-button>
+              </a-form-item>
+              <a-form-item label="RS485_MODBUS地址：">
+                <a-input v-model:value="formEdit.rs485modbusdz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('RS485_MODBUS地址')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="探头安装距离：">
+                <a-input v-model:value="formEdit.ttazjl" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('探头安装距离')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="基线距离：">
+                <a-input v-model:value="formEdit.jxjl" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('基线距离')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="安装角度：">
+                <a-input v-model:value="formEdit.azjd" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('安装角度')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="设置时长：">
+                <a-input v-model:value="formEdit.szsz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('设置时长')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="数据平均周期：">
+                <a-input v-model:value="formEdit.sjpjzq" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('数据平均周期')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路一发二收PG值：">
+                <a-input v-model:value="formEdit.dylyfesPGz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路一发二收PG值')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路二发一收PG值：">
+                <a-input v-model:value="formEdit.dylefysPGz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路二发一收PG值')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="风道截面积：">
+                <a-input v-model:value="formEdit.fdjmj" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('风道截面积')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路整体系数k：">
+                <a-input v-model:value="formEdit.dylztxsk" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路整体系数k')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路第一段系数：">
+                <a-input v-model:value="formEdit.dyldydxs1" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路第一段系数')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路第二段系数：">
+                <a-input v-model:value="formEdit.dyldedxs2" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路第二段系数')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路第三段系数：">
+                <a-input v-model:value="formEdit.dyldsdxs3" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路第三段系数')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路第四段系数：">
+                <a-input v-model:value="formEdit.dyldsdxs4" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路第四段系数')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路第五段系数：">
+                <a-input v-model:value="formEdit.dyldwdxs5" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路第五段系数')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路第六段系数：">
+                <a-input v-model:value="formEdit.dyldldxs6" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路第六段系数')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="系数KB：">
+                <a-input v-model:value="formEdit.xsKB" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('系数KB')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="系数KB符号：">
+                <a-input v-model:value="formEdit.xsKBfh" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('系数KB符号')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="高报警阈值：">
+                <a-input v-model:value="formEdit.gbjyz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('高报警阈值')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="低报警阈值：">
+                <a-input v-model:value="formEdit.dbjyz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('低报警阈值')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="报警使能：">
+                <a-input v-model:value="formEdit.bjsn" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('报警使能')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="第一路485波特率：">
+                <a-input v-model:value="formEdit.dyl485btl" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('第一路485波特率')">下发</a-button>
+              </a-form-item>
+              <a-form-item label="四个字节保存密码：">
+                <a-input v-model:value="formEdit.sgzjbcmm" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-button class="down-btn" type="primary" @click="handleClick('四个字节保存密码')">下发</a-button>
+              </a-form-item>
+            </a-form>
+          </a-modal>
+        </div>
+        <!-- 操作记录 -->
+        <div class="detail-content" v-if="activeKey == 'operationRecord'">
+          <operateRecord :operationData="operationData" @get-search-record="getSearchRecord" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, reactive, onMounted, onUnmounted } from 'vue';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import {
+    subStationList,
+    getList,
+    getListAll,
+    getEdit,
+    runDeviceMonitor,
+    update130DevName,
+    updateDebugStatus,
+    get130StationData,
+    set130StationDevicesRead,
+    set130StationData,
+    get130StationDevices,
+    set130StationRead,
+    remove130Substation,
+    get130SetLog,
+    remove130Device,
+  } from '../safetyList.api';
+  import { historyColumns } from '../historyLsit.data';
+  import { columnsDetail, columns, deviceColumns } from '../safetyList.data';
+  import HistoryTable from './HistoryTable.vue';
+  import customHeader from '/@/components/vent/customHeader.vue';
+  import operateRecord from './operateRecord.vue';
+
+  const expandedRowKeys = reactive<any[]>([]);
+  const { hasPermission } = usePermission();
+  const activeKey = ref('device');
+  const cardList = ref<any[]>([]);
+  const activeIndex = ref(null);
+  const isShow = ref(false);
+  const stationName = ref('');
+  const stationStatus = ref(null);
+  const ljList = reactive<any[]>([
+    { value: 0, label: '断开' },
+    { value: 1, label: '连接' },
+  ]);
+  const selectedIndex = ref(0);
+  const openNum = ref(0);
+  const clsoeNum = ref(0);
+  const tableData = ref<any[]>([]);
+  const tableData1 = ref<any[]>([]);
+  const tableData2 = ref<any[]>([]);
+  //分页参数配置
+  const pagination = reactive({
+    current: 1, // 当前页码
+    pageSize: 20, // 每页显示条数
+    total: 0, // 总条目数，后端返回
+    // showTotal: (total, range) => `${range[0]}-${range[1]} 条，总共 ${total} 条`, // 分页右下角显示信息
+    showSizeChanger: true, // 是否可改变每页显示条数
+    pageSizeOptions: ['10', '20', '30', '40', '50', '100'], // 可选的每页显示条数
+  });
+  const visibleModalEdit = ref(false);
+  const visibleModalEdit1 = ref(false);
+  const formEdit = reactive({
+    id: '',
+    cgq: '',
+    rs485modbusdz: '',
+    ttazjl: '',
+    jxjl: '',
+    azjd: '',
+    szsz: '',
+    sjpjzq: '',
+    dylyfesPGz: '',
+    dylefysPGz: '',
+    fdjmj: '',
+    dylztxsk: '',
+    dyldydxs1: '',
+    dyldedxs2: '',
+    dyldsdxs3: '',
+    dyldsdxs4: '',
+    dyldwdxs5: '',
+    dyldldxs6: '',
+    xsKB: '',
+    xsKBfh: '',
+    gbjyz: '',
+    dbjyz: '',
+    bjsn: '',
+    dyl485btl: '',
+    sgzjbcmm: '',
+  });
+  const formView = reactive({
+    dylfsfx: '',
+    dylbjzt: '',
+    dyl1f2sADz: '',
+    dyl2f1sADz: '',
+    tfl: '',
+    yjbb: '',
+    rjbb: '',
+    zxlxbz: '',
+    rqsj: '',
+  });
+
+  const cgqList = reactive<any[]>([]);
+  const devId = ref('');
+  const startupDataEdit = reactive({
+    address: '',
+  });
+  //一键启动弹窗
+  const visibleModal = ref(false);
+  const startupData = reactive({
+    address: '',
+  });
+  const paramId = ref('');
+  const startupDataDebug = reactive({
+    speed: '',
+    direction: '',
+  });
+  const visibleModalDebug = ref(false);
+  const debugFlag = ref('');
+  const debugStationId = ref('');
+  const debugDeviceId = ref('');
+  const derictList = reactive<any[]>([
+    { label: '正向', value: '0' },
+    { label: '反向', value: '1' },
+  ]);
+  const devStationId = ref('');
+  const stationId = ref('');
+  const scroll = reactive({
+    y: 680,
+  });
+  const operationData = ref<any[]>([]); //操作记录列表
+  //定时刷新左侧分站数据
+  let timer: any = null;
+  function getMonitor(flag = false) {
+    timer = setTimeout(
+      async () => {
+        await getSubStationList();
+        if (timer) {
+          timer = null;
+        }
+        getMonitor();
+      },
+      flag ? 0 : 3000
+    );
+  }
+  let timer1: any = null;
+  function getMonitor1(flag = false) {
+    timer1 = setTimeout(
+      async () => {
+        await getStationList();
+        if (timer1) {
+          timer1 = null;
+        }
+        getMonitor1();
+      },
+      flag ? 0 : 5000
+    );
+  }
+  let timer2: any = null;
+  function getMonitor2(flag = false) {
+    timer2 = setTimeout(
+      async () => {
+        await getShowReadList();
+        if (timer2) {
+          timer2 = null;
+        }
+        getMonitor2();
+      },
+      flag ? 0 : 3000
+    );
+  }
+  async function getDeviceList() {
+    const res = await set130StationRead({ stationId: devStationId.value, deviceId: formEdit.cgq });
+    if (res) {
+      getMonitor2(true);
+    }
+  }
+  async function getShowReadList() {
+    const data = await get130StationData();
+    if (data && data.length != 0) {
+      const list = data.filter((v) => v.stationId == devStationId.value)[0];
+      formView.dylfsfx = list.dylfsfx;
+      formView.dyl1f2sADz = list.dyl1f2sADz;
+      formView.dyl2f1sADz = list.dyl2f1sADz;
+      formView.tfl = list.tfl;
+      formView.yjbb = list.yjbb;
+      formView.rjbb = list.rjbb;
+      formView.zxlxbz = list.zxlxbz;
+      formView.rqsj = list.rqsj;
+    }
+  }
+  async function tableExpand(expaned, record) {
+    const res = await set130StationDevicesRead({ stationId: record.stationId });
+    if (res && expaned) {
+      expandedRowKeys.length = 0;
+      const data = await get130StationData();
+      tableData2.value = data.filter((v) => v.stationId == record.stationId)[0].deviceList || [];
+      expandedRowKeys.push(record.stationId);
+    } else {
+      expandedRowKeys.length = 0;
+    }
+  }
+
+  //tab选项切换
+  async function onChangeTab(tab) {
+    activeKey.value = tab;
+    stationId.value = '';
+    clearTimeout(timer1);
+    clearTimeout(timer);
+    if (activeKey.value == 'device') {
+      await getSubStationList();
+      await getStationList1();
+      getMonitor();
+    } else if (activeKey.value == 'history') {
+      await getSubStationList();
+      await getStationList();
+      getMonitor();
+    } else if (activeKey.value == 'manageAuto') {
+      await getStationList();
+      getMonitor1(true);
+    } else if (activeKey.value == 'operationRecord') {
+      await getSearchRecord({ stationId: '', deviceId: '' });
+    }
+  }
+
+  //弹窗关闭
+  function cancenModal() {
+    clearTimeout(timer2);
+    formEdit.id = '';
+    formEdit.cgq = '';
+    formEdit.rs485modbusdz = '';
+    formEdit.ttazjl = '';
+    formEdit.jxjl = '';
+    formEdit.azjd = '';
+    formEdit.szsz = '';
+    formEdit.sjpjzq = '';
+    formEdit.dylyfesPGz = '';
+    formEdit.dylefysPGz = '';
+    formEdit.fdjmj = '';
+    formEdit.dylztxsk = '';
+    formEdit.dyldydxs1 = '';
+    formEdit.dyldedxs2 = '';
+    formEdit.dyldsdxs3 = '';
+    formEdit.dyldsdxs4 = '';
+    formEdit.dyldwdxs5 = '';
+    formEdit.dyldldxs6 = '';
+    formEdit.xsKB = '';
+    formEdit.xsKBfh = '';
+    formEdit.gbjyz = '';
+    formEdit.dbjyz = '';
+    formEdit.bjsn = '';
+    formEdit.dyl485btl = '';
+    formEdit.sgzjbcmm = '';
+
+    formView.dylfsfx = '';
+    formView.dylbjzt = '';
+    formView.dyl1f2sADz = '';
+    formView.dyl2f1sADz = '';
+    formView.tfl = '';
+    formView.yjbb = '';
+    formView.rjbb = '';
+    formView.zxlxbz = '';
+    formView.rqsj = '';
+  }
+  //获取详细信息列表
+  async function getStationList() {
+    const res = await get130StationData();
+    res.forEach((el) => {
+      el.linkstatusC = el.linkstatus ? '连接' : '断开';
+      el.key = el.stationId;
+    });
+    tableData1.value = res;
+  }
+  //传感器选项切换
+  function changeCgq(val) {
+    formEdit.cgq = val;
+  }
+  //编辑
+  async function handleEdit(record) {
+    cgqList.length = 0;
+    visibleModalEdit1.value = true;
+    devStationId.value = record.stationId;
+    const res = await get130StationDevices({ stationId: devStationId.value });
+    console.log(res, '分站下设备下拉选项-------------');
+    if (res.length != 0) {
+      res.forEach((el) => {
+        cgqList.push({ label: el.strinstallpos, value: el.id });
+      });
+    }
+  }
+
+  //下发
+  async function handleClick(data) {
+    switch (data) {
+      case 'RS485_MODBUS地址':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'rs485modbusdz', value: formEdit.rs485modbusdz });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '探头安装距离':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'ttazjl', value: formEdit.ttazjl });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '基线距离':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'jxjl', value: formEdit.jxjl });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '安装角度':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'azjd', value: formEdit.azjd });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '设置时长':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'szsz', value: formEdit.szsz });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '数据平均周期':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'sjpjzq', value: formEdit.sjpjzq });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路一发二收PG值':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dylyfesPGz', value: formEdit.dylyfesPGz });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路二发一收PG值':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dylefysPGz', value: formEdit.dylefysPGz });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '风道截面积':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'fdjmj', value: formEdit.fdjmj });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路整体系数k':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dylztxsk', value: formEdit.dylztxsk });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路第一段系数':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dyldydxs1', value: formEdit.dyldydxs1 });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路第二段系数':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dyldedxs2', value: formEdit.dyldedxs2 });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路第三段系数':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dyldsdxs3', value: formEdit.dyldsdxs3 });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路第四段系数':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dyldsdxs4', value: formEdit.dyldsdxs4 });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路第五段系数':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dyldwdxs5', value: formEdit.dyldwdxs5 });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路第六段系数':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dyldldxs6', value: formEdit.dyldldxs6 });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '系数KB':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'xsKB', value: formEdit.xsKB });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '系数KB符号':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'xsKBfh', value: formEdit.xsKBfh });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '高报警阈值':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'gbjyz', value: formEdit.gbjyz });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '低报警阈值':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dbjyz', value: formEdit.dbjyz });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '报警使能':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'bjsn', value: formEdit.bjsn });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '第一路485波特率':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'dyl485btl', value: formEdit.dyl485btl });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+      case '四个字节保存密码':
+        await set130StationData({ stationId: devStationId.value, deviceId: formEdit.cgq, plcCode: 'sgzjbcmm', value: formEdit.sgzjbcmm });
+        visibleModalEdit1.value = false;
+        getStationList();
+        break;
+    }
+  }
+
+  //获取分站实时监测信息
+  async function getSubStationList() {
+    const res = await subStationList({ strtype: 'modbus', reqparam: 130 });
+    if (res.length != 0) {
+      cardList.value = res;
+      stationId.value = stationId.value ? stationId.value : cardList.value[0].id;
+      openNum.value = cardList.value?.filter((v) => v.linkstatus == 1)['length'];
+      clsoeNum.value = cardList.value?.filter((v) => v.linkstatus == 0)['length'];
+    } else {
+      cardList.value = [];
+    }
+  }
+  //分站站点选项点击
+  function cardClick(item, index) {
+    console.log('debug', item, index);
+    selectedIndex.value = index; // 更新选中索引
+    activeIndex.value = item.isNewAccess || !item.linkstatus ? index : null;
+    stationName.value = item.strname;
+    stationStatus.value = item.linkstatus;
+    stationId.value = item.id;
+    isShow.value = true;
+    getStationList1();
+  }
+  //分站站点名称编辑
+  function changeName() {
+    getChangeStation();
+  }
+  async function getChangeStation() {
+    await getEdit({ id: stationId.value, strname: stationName.value, linkstatus: stationStatus.value });
+    getSubStationList();
+    isShow.value = false;
+  }
+  //站点连接状态修改
+  function changeStatus() {
+    getChangeStation();
+  }
+  //获取详细信息列表
+  async function getStationList1() {
+    const res = await getList({ subId: stationId.value, pageNo: pagination.current, pageSize: pagination.pageSize });
+    if (res && res.length != 0) {
+      res.forEach((el) => {
+        el.key = el.id;
+        el.linkIdC = el.linkId || '';
+        el.stripC = el.strip || '';
+        el.linkstatusC = el.linkstatus ? '连接' : '断开';
+        el.gdmsC = el.gdms == '1' ? '直流供电' : el.gdms == '0' ? '交流供电' : '';
+        el.children = el.devInfoList;
+        el.children.forEach((v) => {
+          v.key = v.id;
+          v.debugTitle = v.deviceType == 'windrect_ds_25x' || v.deviceType == 'windrect_ds_two' ? '调试' : '';
+          v.stripC = v.strserno || '';
+          v.linkstatusC = v.netStatus ? '连接' : '断开';
+          v.linkIdC = v.linkId == '0' ? '未启用' : v.linkId == '1' ? '启用' : v.linkId == '2' ? '设备异常' : '';
+          v.updateTime = v.time;
+          v.gdmsC = v.gdms == '1' ? '直流供电' : v.gdms == '0' ? '交流供电' : '';
+          v.valueJc = `风向:${v.forward || ''},风量:${v.m3 || ''}m³/min,风速:${v.windSpeed || ''}m/s,气压:${v.pa || ''}Pa,压差:${
+            v.difPress || ''
+          }Pa,温度:${v.temperature || ''}℃,湿度:${v.humidity || ''}%,断面积:${v.area || ''}㎡`;
+        });
+      });
+    }
+
+    tableData.value = res;
+    pagination.total = res.total;
+  }
+  async function getStationListAll() {
+    const res = await getListAll();
+    res.forEach((el) => {
+      el.key = el.id;
+      el.linkIdC = el.linkId || '';
+      el.stripC = el.strip || '';
+      el.linkstatusC = el.linkstatus ? '连接' : '断开';
+      el.gdmsC = el.gdms == '1' ? '直流供电' : el.gdms == '0' ? '交流供电' : '';
+      el.children = el.devInfoList;
+      el.children.forEach((v) => {
+        v.key = v.id;
+        v.debugTitle = v.deviceType == 'windrect_ds_25x' || v.deviceType == 'windrect_ds_two' ? '调试' : '';
+        v.stripC = v.strserno || '';
+        v.linkstatusC = v.netStatus ? '连接' : '断开';
+        v.linkIdC = v.linkId == '0' ? '未启用' : v.linkId == '1' ? '启用' : v.linkId == '2' ? '设备异常' : '';
+        v.updateTime = v.time;
+        v.gdmsC = v.gdms == '1' ? '直流供电' : v.gdms == '0' ? '交流供电' : '';
+        v.valueJc = `风向:${v.forward || ''},风量:${v.m3 || ''}m³/min,风速:${v.windSpeed || ''}m/s,气压:${v.pa || ''}Pa,压差:${
+          v.difPress || ''
+        }Pa,温度:${v.temperature || ''}℃,湿度:${v.humidity || ''}%,断面积:${v.area || ''}㎡`;
+      });
+    });
+    tableData.value = res;
+    // pagination.total = res.total;
+  }
+  //显示全部
+  function getAllShow() {
+    // pagination.current = 1;
+    // stationId.value = '';
+    getStationListAll();
+  }
+  //启动新设备
+  async function handlerunDeviceMonitor(record, val) {
+    devId.value = record.id;
+    switch (val) {
+      case '编辑':
+        visibleModalEdit.value = true;
+        startupDataEdit.address = record.strinstallpos;
+        paramId.value = record.devInfoList ? 'subId' : 'devId';
+        break;
+      case '启动':
+        visibleModal.value = true;
+        startupData.address = record.strinstallpos;
+        break;
+      case '删除':
+        await remove130Device({ devId: devId.value });
+        getStationList1();
+        break;
+    }
+  }
+  //分站，设备调试
+  function debugClick(record) {
+    if (record.debugTitle == '调试') {
+      //正在调试中
+      startupDataDebug.speed = '';
+      startupDataDebug.direction = '';
+      visibleModalDebug.value = true;
+      debugFlag.value = 'device';
+      debugDeviceId.value = record.id;
+      tableData.value.forEach((el) => {
+        el.devInfoList.forEach((v) => {
+          if (v.id == debugDeviceId.value) {
+            debugStationId.value = el.id;
+          }
+        });
+      });
+      record.debugTitle = '结束调试';
+      // if (record.devInfoList) {
+      //     debugFlag.value = 'station'
+      //     debugStationId.value = record.id
+      //     tableData.value.forEach(el => {
+      //         el.debugTitle = '结束调试'
+      //         el.devInfoList.forEach(v => {
+      //             v.debugTitle = '结束调试'
+      //         })
+      //     })
+      // } else {
+      //     debugFlag.value = 'device'
+      //     debugDeviceId.value = record.id
+      //     tableData.value.forEach(el => {
+      //         el.devInfoList.forEach(v => {
+      //             if (v.id == debugDeviceId.value) {
+      //                 debugStationId.value = el.id
+      //             }
+      //         })
+      //     })
+      //     record.debugTitle = '结束调试'
+      // }
+    } else if (record.debugTitle == '结束调试') {
+      debugFlag.value = 'device';
+      debugDeviceId.value = record.id;
+      tableData.value.forEach((el) => {
+        el.devInfoList.forEach((v) => {
+          if (v.id == debugDeviceId.value) {
+            debugStationId.value = el.id;
+          }
+        });
+      });
+      record.debugTitle = '调试';
+      stopDebug();
+      // if (record.devInfoList) {
+      //     debugFlag.value = 'station'
+      //     debugStationId.value = record.id
+      //     tableData.value.forEach(el => {
+      //         el.debugTitle = '调试'
+      //         el.devInfoList.forEach(v => {
+      //             v.debugTitle = '调试'
+      //         })
+      //     })
+      //     stopDebug()
+      // } else {
+      //     debugFlag.value = 'device'
+      //     debugDeviceId.value = record.id
+      //     tableData.value.forEach(el => {
+      //         el.devInfoList.forEach(v => {
+      //             if (v.id == debugDeviceId.value) {
+      //                 debugStationId.value = el.id
+      //             }
+      //         })
+      //     })
+      //     record.debugTitle = '调试'
+      //     stopDebug()
+      // }
+    }
+  }
+  //停止调试
+  async function stopDebug() {
+    const res = await updateDebugStatus({ stationId: debugStationId.value, deviceId: debugDeviceId.value, debugFlag: '0' });
+    if (res) {
+      getStationList1();
+    }
+    // if (debugFlag.value == 'station') {
+    //     const res = await updateDebugStatus({ stationId: debugStationId.value, debugFlag: '0' })
+    //     getStationList1()
+    // } else {
+    //     const res = await updateDebugStatus({ stationId: debugStationId.value, deviceId: debugDeviceId.value, debugFlag: '0' })
+    //     getStationList1()
+    // }
+  }
+  async function handleOk() {
+    await runDeviceMonitor({ devId: devId.value, devName: startupData.address });
+    visibleModal.value = false;
+    getStationList1();
+  }
+  function handleCancel() {
+    visibleModal.value = false;
+    startupData.address = '';
+  }
+  //编辑
+  async function handleOkEdit() {
+    if (paramId.value == 'subId') {
+      const res = await update130DevName({ subId: devId.value, devName: startupDataEdit.address });
+      console.log(res, '设备名称编辑---');
+      visibleModalEdit.value = false;
+      getStationList1();
+    } else {
+      const res = await update130DevName({ devId: devId.value, devName: startupDataEdit.address });
+      console.log(res, '设备名称编辑---');
+      visibleModalEdit.value = false;
+      getStationList1();
+    }
+  }
+  //取消编辑
+  function handleCancelEdit() {
+    visibleModalEdit.value = false;
+    startupDataEdit.address = '';
+  }
+  //调试确认
+  async function handleOkDebug() {
+    const res = await updateDebugStatus({
+      stationId: debugStationId.value,
+      deviceId: debugDeviceId.value,
+      speed: startupDataDebug.speed,
+      direction: startupDataDebug.direction,
+      debugFlag: '1',
+    });
+    if (res) {
+      visibleModalDebug.value = false;
+      getStationList1();
+    }
+    // if (debugFlag.value == 'station') {
+    //     const res = await updateDebugStatus({ stationId: debugStationId.value, speed: startupDataDebug.speed, direction: startupDataDebug.direction, debugFlag: '1' })
+    //     visibleModalDebug.value = false
+    //     getStationList1()
+    // } else {
+    //     const res = await updateDebugStatus({ stationId: debugStationId.value, deviceId: debugDeviceId.value, speed: startupDataDebug.speed, direction: startupDataDebug.direction, debugFlag: '1' })
+    //     visibleModalDebug.value = false
+    //     getStationList1()
+    // }
+  }
+  //调试取消
+  function handleCancelDebug() {
+    visibleModalDebug.value = false;
+    tableData.value.forEach((el) => {
+      el.devInfoList.forEach((v) => {
+        v.debugTitle = v.deviceType == 'windrect_ds_25x' || v.deviceType == 'windrect_ds_two' ? '调试' : '';
+      });
+    });
+    debugFlag.value = '';
+    debugStationId.value = '';
+    debugDeviceId.value = '';
+  }
+  //分页切换
+  function pageChange(val) {
+    pagination.current = val.current;
+    pagination.pageSize = val.pageSize;
+    getStationList1();
+  }
+
+  //删除左侧分站
+  async function handleDelStation() {
+    const res = await remove130Substation({ stationId: stationId.value });
+    console.log(res, '删除左侧分站');
+    if (res) {
+      getSubStationList();
+      getStationList1();
+    }
+  }
+  //取消删除左侧分站
+  function handleCancelDelStation() {}
+
+  //操作记录查询
+  async function getSearchRecord(param) {
+    const res = await get130SetLog({ ...param });
+    if (res && res.length != 0) {
+      operationData.value = res.records;
+    }
+  }
+  onMounted(async () => {
+    await getSubStationList();
+    await getStationList1();
+    getMonitor();
+  });
+  onUnmounted(() => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = undefined;
+    }
+    if (timer1) {
+      clearTimeout(timer1);
+      timer1 = undefined;
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  .safetyList {
+    width: calc(100% - 20px);
+    height: calc(100% - 80px);
+    position: relative;
+    margin: 70px 10px 10px 10px;
+
+    .content {
+      position: relative;
+      width: 100%;
+      height: 100%;
+
+      .tab-box {
+        display: flex;
+        color: #fff;
+        position: relative;
+        background: linear-gradient(#001325, #012e4f);
+
+        :deep(.zxm-tabs-nav) {
+          margin: 0 !important;
+
+          .zxm-tabs-tab {
+            width: 180px;
+            height: 45px;
+            background: url('/@/assets/images/top-btn.png') center no-repeat;
+            background-size: cover;
+            display: flex;
+            justify-content: center;
+            font-size: 16px;
+          }
+
+          .zxm-tabs-tab-active {
+            width: 180px;
+            position: relative;
+            background: url('/@/assets/images/top-btn-select.png') center no-repeat;
+            background-size: cover;
+
+            .zxm-tabs-tab-btn {
+              color: #fff !important;
+            }
+          }
+
+          .zxm-tabs-ink-bar {
+            width: 0 !important;
+          }
+
+          .zxm-tabs-tab + .zxm-tabs-tab {
+            margin: 0 !important;
+          }
+        }
+      }
+
+      .box-content {
+        height: calc(100% - 50px);
+        padding-top: 10px;
+        box-sizing: border-box;
+
+        .now-content {
+          position: relative;
+          width: 100%;
+          height: 100%;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+
+          .left-box {
+            width: 40%;
+            height: 100%;
+            margin-right: 15px;
+            padding: 10px;
+            box-sizing: border-box;
+            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background-size: 100% 100%;
+
+            .left-title {
+              display: flex;
+              height: 30px;
+              align-items: center;
+              font-size: 14px;
+              margin-bottom: 10px;
+
+              span {
+                color: #fff;
+              }
+
+              .zd-open {
+                color: rgb(0, 242, 255);
+              }
+
+              .zd-close {
+                color: #ff0000;
+              }
+
+              .title-fz {
+                margin-right: 25px;
+              }
+            }
+
+            .left-content {
+              display: flex;
+              justify-content: flex-start;
+              align-items: flex-start;
+              flex-wrap: wrap;
+              height: calc(100% - 40px);
+              overflow-y: auto;
+
+              .card-box {
+                position: relative;
+                // width: 242px;
+                width: 182px;
+                height: 120px;
+                margin-bottom: 15px;
+                display: flex;
+                justify-content: center;
+
+                .card-itemN {
+                  position: relative;
+                  width: 85px;
+                  height: 120px;
+                  background: url('/@/assets/images/zd-2.png') no-repeat center;
+                  background-size: 100% 100%;
+                  cursor: pointer;
+
+                  .card-item-label {
+                    width: 100%;
+                    position: absolute;
+                    bottom: 5px;
+                    font-size: 12px;
+                    color: #fff;
+                    text-align: center;
+                  }
+                }
+
+                .card-itemL {
+                  position: relative;
+                  width: 85px;
+                  height: 120px;
+                  background: url('/@/assets/images/zd-3.png') no-repeat center;
+                  background-size: 100% 100%;
+                  cursor: pointer;
+
+                  .card-item-label {
+                    width: 100%;
+                    position: absolute;
+                    bottom: 5px;
+                    font-size: 12px;
+                    color: #fff;
+                    text-align: center;
+                  }
+                }
+
+                .card-itemD {
+                  position: relative;
+                  width: 85px;
+                  height: 120px;
+                  background: url('/@/assets/images/zd-1.png') no-repeat center;
+                  background-size: 100% 100%;
+                  cursor: pointer;
+
+                  .card-item-label {
+                    width: 100%;
+                    position: absolute;
+                    bottom: 5px;
+                    font-size: 12px;
+                    color: #fff;
+                    text-align: center;
+                  }
+                }
+
+                .card-modal {
+                  width: 86px;
+                  position: absolute;
+                  left: 140px;
+                  color: #fff;
+                  top: 50%;
+                  transform: translate(0, -50%);
+                  font-size: 12px;
+                }
+
+                .card-modal1 {
+                  width: 86px;
+                  position: absolute;
+                  left: -42px;
+                  color: #fff;
+                  top: 50%;
+                  transform: translate(0, -50%);
+                  font-size: 12px;
+                }
+              }
+            }
+          }
+
+          .right-box {
+            width: calc(60% - 15px);
+            height: 100%;
+            padding: 10px;
+            box-sizing: border-box;
+            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background-size: 100% 100%;
+
+            .right-title {
+              display: flex;
+              height: 30px;
+              align-items: center;
+              font-size: 14px;
+              color: #fff;
+              margin-bottom: 10px;
+            }
+          }
+        }
+
+        .detail-content {
+          width: 100%;
+          height: 100%;
+        }
+
+        .history-content {
+          position: relative;
+          width: 100%;
+          height: 100%;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+          background-size: 100% 100%;
+          color: #fff;
+
+          .left-box {
+            width: 40%;
+            height: 100%;
+            margin-right: 15px;
+            padding: 10px;
+            box-sizing: border-box;
+            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background-size: 100% 100%;
+
+            .left-title {
+              display: flex;
+              height: 30px;
+              align-items: center;
+              font-size: 14px;
+              margin-bottom: 10px;
+
+              span {
+                color: #fff;
+              }
+
+              .zd-open {
+                color: rgb(0, 242, 255);
+              }
+
+              .zd-close {
+                color: #ff0000;
+              }
+
+              .title-fz {
+                margin-right: 25px;
+              }
+            }
+
+            .left-content {
+              display: flex;
+              justify-content: flex-start;
+              align-items: flex-start;
+              flex-wrap: wrap;
+              height: calc(100% - 40px);
+              overflow-y: auto;
+
+              .card-box {
+                position: relative;
+                // width: 242px;
+                width: 182px;
+                height: 120px;
+                margin-bottom: 15px;
+                display: flex;
+                justify-content: center;
+
+                .card-itemN {
+                  position: relative;
+                  width: 85px;
+                  height: 120px;
+                  background: url('/@/assets/images/zd-2.png') no-repeat center;
+                  background-size: 100% 100%;
+                  cursor: pointer;
+
+                  .card-item-label {
+                    width: 100%;
+                    position: absolute;
+                    bottom: 5px;
+                    font-size: 12px;
+                    color: #fff;
+                    text-align: center;
+                  }
+                }
+
+                .card-itemL {
+                  position: relative;
+                  width: 85px;
+                  height: 120px;
+                  background: url('/@/assets/images/zd-3.png') no-repeat center;
+                  background-size: 100% 100%;
+                  cursor: pointer;
+
+                  .card-item-label {
+                    width: 100%;
+                    position: absolute;
+                    bottom: 5px;
+                    font-size: 12px;
+                    color: #fff;
+                    text-align: center;
+                  }
+                }
+
+                .card-itemD {
+                  position: relative;
+                  width: 85px;
+                  height: 120px;
+                  background: url('/@/assets/images/zd-1.png') no-repeat center;
+                  background-size: 100% 100%;
+                  cursor: pointer;
+
+                  .card-item-label {
+                    width: 100%;
+                    position: absolute;
+                    bottom: 5px;
+                    font-size: 12px;
+                    color: #fff;
+                    text-align: center;
+                  }
+                }
+
+                .card-modal {
+                  width: 86px;
+                  position: absolute;
+                  left: 140px;
+                  color: #fff;
+                  top: 50%;
+                  transform: translate(0, -50%);
+                  font-size: 12px;
+                }
+
+                .card-modal1 {
+                  width: 86px;
+                  position: absolute;
+                  left: -42px;
+                  color: #fff;
+                  top: 50%;
+                  transform: translate(0, -50%);
+                  font-size: 12px;
+                }
+              }
+            }
+          }
+
+          .right-box {
+            width: calc(60% - 15px);
+            height: 100%;
+            padding: 10px;
+            box-sizing: border-box;
+            background: url('/@/assets/images/fire/bj1.png') no-repeat center;
+            background-size: 100% 100%;
+
+            .historytable {
+              height: 100%;
+            }
+
+            .right-title {
+              display: flex;
+              height: 30px;
+              align-items: center;
+              font-size: 14px;
+              color: #fff;
+              margin-bottom: 10px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .down-btn {
+    line-height: 15px;
+    height: 20px;
+    padding: 0px 17px;
+    font-size: 12px;
+  }
+
+  .zxm-form {
+    width: 50%;
+    height: 100%;
+    padding-top: 20px !important;
+    box-sizing: border-box;
+  }
+
+  .zxm-picker,
+  .zxm-input {
+    border: 1px solid #3ad8ff77 !important;
+    background-color: #ffffff !important;
+    color: #fff !important;
+  }
+
+  .card-item.selected {
+    border: 2px solid #3ad8ff77;
+    /* 选中时的边框颜色 */
+  }
+</style>

src/views/vent/safetyList/safetyList.api.ts

@@ -11,10 +11,19 @@ enum Api {
   set158StationData = '/safety/ventanalyDeviceInfo/set158StationData',
   get158StationDevices = '/safety/ventanalyDeviceInfo/get158StationDevices',
   set158StationRead = '/safety/ventanalyDeviceInfo/set158StationRead',
-  remove158Substation='/safety/ventanalyDeviceInfo/remove158Substation',//删除158分站及其关联传感器
-  get158SetLog='/safety/ventanalySubStation/get158SetLog',//操作记录
-  remove158Device='/safety/ventanalyDeviceInfo/remove158Device',//删除158分站传感器
-  set158StationDevicesRead='/safety/ventanalyDeviceInfo/set158StationDevicesRead'
+  remove158Substation = '/safety/ventanalyDeviceInfo/remove158Substation', //删除158分站及其关联传感器
+  get158SetLog = '/safety/ventanalySubStation/get158SetLog', //操作记录
+  remove158Device = '/safety/ventanalyDeviceInfo/remove158Device', //删除158分站传感器
+  set158StationDevicesRead = '/safety/ventanalyDeviceInfo/set158StationDevicesRead',
+  update130DevName = '/safety/ventanalyDeviceInfo/update130DevName',
+  get130StationData = '/safety/ventanalyDeviceInfo/get130StationData',
+  set130StationData = '/safety/ventanalyDeviceInfo/set130StationData',
+  get130StationDevices = '/safety/ventanalyDeviceInfo/get130StationDevices',
+  set130StationRead = '/safety/ventanalyDeviceInfo/set130StationRead',
+  remove130Substation = '/safety/ventanalyDeviceInfo/remove130Substation', //删除130分站及其关联传感器
+  get130SetLog = '/safety/ventanalySubStation/get130SetLog', //操作记录
+  remove130Device = '/safety/ventanalyDeviceInfo/remove130Device', //删除130分站传感器
+  set130StationDevicesRead = '/safety/ventanalyDeviceInfo/set130StationDevicesRead',
 }
 
 // 分站查询接口
@@ -42,8 +51,26 @@ export const set158StationRead = (params) => defHttp.post({ url: Api.set158Stati
 //删除158分站及其关联传感器
 export const remove158Substation = (params) => defHttp.post({ url: Api.remove158Substation, params }, { joinParamsToUrl: true });
 //158分站操作记录
-export const get158SetLog = (params) => defHttp.post({ url: Api.get158SetLog,params }, { joinParamsToUrl: true });
+export const get158SetLog = (params) => defHttp.post({ url: Api.get158SetLog, params }, { joinParamsToUrl: true });
 //删除158分站传感器
 export const remove158Device = (params) => defHttp.post({ url: Api.remove158Device, params });
 //158监测详情读取列表
-export const set158StationDevicesRead = (params) => defHttp.post({ url: Api.set158StationDevicesRead,params }, { joinParamsToUrl: true });
+export const set158StationDevicesRead = (params) => defHttp.post({ url: Api.set158StationDevicesRead, params }, { joinParamsToUrl: true });
+//编辑设备名称
+export const update130DevName = (params) => defHttp.post({ url: Api.update130DevName, params });
+// 分站详情列表
+export const get130StationData = () => defHttp.post({ url: Api.get130StationData });
+// 分站详情下发
+export const set130StationData = (params) => defHttp.post({ url: Api.set130StationData, params }, { joinParamsToUrl: true });
+// 根据分站ID获取分站下设备
+export const get130StationDevices = (params) => defHttp.post({ url: Api.get130StationDevices, params }, { joinParamsToUrl: true });
+//读取分站设备数据
+export const set130StationRead = (params) => defHttp.post({ url: Api.set130StationRead, params }, { joinParamsToUrl: true });
+//删除130分站及其关联传感器
+export const remove130Substation = (params) => defHttp.post({ url: Api.remove130Substation, params }, { joinParamsToUrl: true });
+//130分站操作记录
+export const get130SetLog = (params) => defHttp.post({ url: Api.get130SetLog, params }, { joinParamsToUrl: true });
+//删除130分站传感器
+export const remove130Device = (params) => defHttp.post({ url: Api.remove130Device, params });
+//130监测详情读取列表
+export const set130StationDevicesRead = (params) => defHttp.post({ url: Api.set130StationDevicesRead, params }, { joinParamsToUrl: true });