فهرست منبع

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

lxh 4 ماه پیش
والد
کامیت
5c0ba3b8b1

+ 2 - 1
public/js/config.js

@@ -13,5 +13,6 @@ const VENT_PARAM = {
   // simulatedPassword: '123456', //(simulatedPassword 为空时有密码输入框弹出,不为空时不弹出密码输入框,无需输入密码)
   simulatedPassword: '',
   showReport: true,
-  isoOpenSso: 'false'
+  isoOpenSso: 'false',
+  modalText: '' //国家能源集团沙吉海煤矿 //三维模型电子屏底部文字配置
 }

+ 4 - 4
src/components/Modal/src/hooks/useModalDrag.ts

@@ -38,11 +38,11 @@ export function useModalDragMove(context: UseModalDragMoveContext) {
       const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
       const minDragDomTop = dragDom.offsetTop;
       let maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
-      //update-begin-author:liusq---date:20230407--for: [issue/430]弹出页面出现自动吸顶,无法移动和显示头部--- 
-      if(maxDragDomTop<0){
-        maxDragDomTop = screenHeight - dragDom.offsetTop
+      //update-begin-author:liusq---date:20230407--for: [issue/430]弹出页面出现自动吸顶,无法移动和显示头部---
+      if (maxDragDomTop < 0) {
+        maxDragDomTop = screenHeight - dragDom.offsetTop;
       }
-      //update-end-author:liusq---date:20230407--for: [issue/430]弹出页面出现自动吸顶,无法移动和显示头部--- 
+      //update-end-author:liusq---date:20230407--for: [issue/430]弹出页面出现自动吸顶,无法移动和显示头部---
       // 获取到的值带px 正则匹配替换
       const domLeft = getStyle(dragDom, 'left');
       const domTop = getStyle(dragDom, 'top');

+ 1 - 1
src/hooks/event/useDrag.ts

@@ -42,4 +42,4 @@ export function useDrag(sliderDom: HTMLElement) {
   document.addEventListener('pointerup', onMosueUp);
 
   return { onMouseDown, onMouseMove, onMosueUp };
-}
+}

+ 31 - 16
src/layouts/default/header/components/VoiceBroadcast.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="position: fixed; z-index: 999; right: 120px; top: 20px; color: #fff">
+  <div style="position: fixed; z-index: 999999; right: 120px; top: 20px; color: #fff">
     <div class="btn" @click="showWarningBroad">
       <!-- <div>语音播报</div>
     <a-badge :count="10">
@@ -10,11 +10,11 @@
         <WarningOutlined style="font-size: 22px; color: #fff" />
       </a-badge>
     </div>
-    <div v-if="isShowWarningBroad" class="broadcast">
+    <div v-if="isShowWarningBroad" class="broadcast" ref="VoiceBroadcastRef" id="VoiceBroadcast">
       <div class="title">
         <div class="message-title">预警通知</div>
         <div class="badge-box">
-          <SoundOutlined :class="{ 'no-play': !isBroad }" style="font-size: 16px; color: #fff" @click="handleBroad" />
+          <SoundOutlined :class="{ 'no-play': !isBroad }" style="font-size: 20px; color: #fff" @click="handleBroad" />
         </div>
       </div>
       <div class="broadcast-context">
@@ -33,7 +33,7 @@
             :style="{ color: item['isok'] == 0 ? '#f73210' : '#eee', fontWeight: item['isok'] == 0 ? '600' : '500' }"
           >
             <div>{{ item['createTime'] }}</div>
-            <div>{{ item['devicekind_dictText'] }}</div>
+            <div>{{ item['devicename'] }}</div>
             <div>{{ item['wardescrip'] || item['nwartype_dictText'] }}</div>
             <div>{{ item['isok'] ? '已解决' : '未解决' }}</div>
           </div>
@@ -47,7 +47,7 @@
   import { Tooltip, Badge } from 'ant-design-vue';
   import { SoundOutlined, BellOutlined, WarningOutlined } from '@ant-design/icons-vue';
   import Icon from '/@/components/Icon';
-  import { defineComponent, ref, unref, onMounted } from 'vue';
+  import { defineComponent, ref, unref, onMounted, nextTick } from 'vue';
   import { defHttp } from '/@/utils/http/axios';
   import { useRouter } from 'vue-router';
   import { connectWebSocket, onWebSocket } from '/@/hooks/web/useWebSocket';
@@ -55,6 +55,7 @@
   import { useUserStore } from '/@/store/modules/user';
   import { useGlobSetting } from '/@/hooks/setting';
   import SpeakVoice from './notify/speakVoice';
+  import { useDrag } from '@/hooks/event/useDrag';
 
   export default defineComponent({
     name: 'VoiceBroadcast',
@@ -71,10 +72,15 @@
       const isBroad = ref(true);
       const isWarningDot = ref(false);
       const broadcastList = ref([]);
+
       function showWarningBroad() {
         isShowWarningBroad.value = !isShowWarningBroad.value;
         if (isShowWarningBroad.value) {
           toSelectList(0);
+          nextTick(() => {
+            const dom = document.getElementById('VoiceBroadcast');
+            if (dom) useDrag(dom);
+          });
         }
       }
 
@@ -84,7 +90,7 @@
 
       async function toSelectList(key) {
         activeKey.value = key;
-        const res = await list({ pageSize: 20, devicetype: '', isok: key == 1 ? 0 : key == 2 ? 1 : null });
+        const res = await list({ pageSize: 20, devicetype: '', isok: key == 1 ? 0 : key == 2 ? 1 : null, sort: 'createTime' });
         broadcastList.value = res['records'];
         // const isHasWarning = broadcastList.value.findIndex((item) => !item['isok']);
         // isWarningDot.value = isHasWarning > -1 ? true : false;
@@ -145,14 +151,23 @@
   }
 
   .no-play {
-    background: linear-gradient(
-      to bottom left,
-      transparent 0%,
-      transparent calc(50% - 1px),
-      #000000 50%,
-      transparent calc(50% + 1px),
-      transparent 100%
-    );
+    position: relative;
+    &::after {
+      position: absolute;
+      width: 70%;
+      height: 100%;
+      content: '';
+      left: 15%;
+      top: 0;
+      background: linear-gradient(
+        to bottom left,
+        transparent 0%,
+        transparent calc(50% - 1px),
+        #ffffff 50%,
+        transparent calc(50% + 1px),
+        transparent 100%
+      );
+    }
   }
 
   .broadcast {
@@ -248,11 +263,11 @@
             justify-content: flex-start;
 
             &:nth-child(1) {
-              width: 40%;
+              width: 44%;
             }
 
             &:nth-child(2) {
-              width: 20%;
+              width: 40%;
             }
 
             &:nth-child(3) {

+ 20 - 4
src/layouts/default/header/components/notify/speakVoice.ts

@@ -9,7 +9,12 @@ export default class SpeakVoice {
     this.voices = [];
     this.initVoice();
   }
-
+  button = document.createElement('button');
+  event = new MouseEvent('click', {
+    view: window,
+    bubbles: true,
+    cancelable: true,
+  });
   // 初始化
   initVoice() {
     this.instance.volume = 1; // 声音音量:1,范围从0到1
@@ -28,9 +33,20 @@ export default class SpeakVoice {
 
   // 语音队列重播
   handleReply(text) {
-    this.instance.text = text;
-    this.handleCancel();
-    this.handleSpeak();
+    const _this = this;
+
+    // button.textContent = '点击我';
+
+    // 添加点击事件处理程序
+    this.button.addEventListener('click', function () {
+      _this.instance.text = text;
+      _this.handleCancel();
+      _this.handleSpeak();
+    });
+
+    // 模拟用户点击事件
+
+    this.button.dispatchEvent(this.event);
   }
 
   // 语音队列删除 , 删除队列中所有的语音.如果正在播放,则直接停止

+ 2 - 0
src/layouts/default/header/index.less

@@ -11,6 +11,8 @@
   margin-left: -1px;
   line-height: @header-height;
   color: @white;
+  position: relative;
+  z-index: 99999;
   // background-color: @white;
 
   // align-items: center;

+ 2 - 1
src/layouts/default/header/index.vue

@@ -12,6 +12,7 @@
         'no-header': currentRoute.path.endsWith('home'),
       },
     ]"
+    style="z-index: 9999"
   >
     <!-- left start -->
     <div :class="`${prefixCls}-left`">
@@ -55,7 +56,7 @@
   <div
     v-else-if="currentRoute.path.endsWith('home') || currentRoute.path.startsWith('/micro')"
     :class="`${prefixCls}-action`"
-    style="position: fixed; top: 30px; right: 20px; z-index: 999"
+    style="position: fixed; top: 30px; right: 20px; z-index: 999999"
   >
     <div class="right-position">
       <UserDropDown v-if="showUserDropdown" :theme="getHeaderTheme" />

+ 11 - 11
src/views/vent/deviceManager/configurationTable/configuration.data.ts

@@ -39,7 +39,7 @@ export const searchFormSchema: FormSchema[] = [
   {
     label: '设备类型',
     field: 'deviceType',
-    component: 'JDictSelectTag',
+    component: 'Input',
     componentProps: {
       dictCode: 'devicekind',
       placeholder: '请选择设备类型',
@@ -71,16 +71,16 @@ export const formSchema: FormSchema[] = [
     component: 'Input',
     required: true,
   },
-  {
-    label: '设备类型',
-    field: 'deviceType',
-    component: 'JDictSelectTag',
-    required: true,
-    componentProps: {
-      dictCode: 'devicekind',
-      placeholder: '请选择设备类型',
-    },
-  },
+  // {
+  //   label: '设备类型',
+  //   field: 'deviceType',
+  //   component: 'JDictSelectTag',
+  //   required: true,
+  //   componentProps: {
+  //     dictCode: 'devicekind',
+  //     placeholder: '请选择设备类型',
+  //   },
+  // },
   {
     label: '所属页面',
     field: 'pageType',

+ 5 - 4
src/views/vent/deviceManager/configurationTable/index.vue

@@ -37,9 +37,10 @@
   import { BasicModal } from '/@/components/Modal';
   import CodeEditor from '/@/components/CodeEditor/src/CodeEditor.vue';
   import { ModulePresetMap } from './options';
+  import _ from 'lodash-es';
   import helpContext from './types?raw';
 
-  const formData = reactive({});
+  const formData = reactive<any>({});
   const isUpdate = ref(false);
   const deviceType = ref('');
   const formSchemaData = ref(formSchema);
@@ -141,7 +142,7 @@
 
   function handleConfig(record) {
     Object.assign(formData, toRaw(record));
-    configJSON.value = record.moduleData || '';
+    configJSON.value = _.pick(formData, ['deviceType', 'pageType', 'moduleName', 'moduleData', 'showStyle']);
     configModalCtx.openModal();
   }
 
@@ -150,8 +151,8 @@
     isUpdate.value = true;
     try {
       saveOrUpdateHandler({
-        ...formData,
-        moduleData: JSON.parse(configJSON.value),
+        id: formData.id,
+        ...JSON.parse(configJSON.value),
       })
         .then(() => {
           message.success('保存成功');

+ 7 - 0
src/views/vent/home/configurable/components/content.vue

@@ -353,6 +353,13 @@
   // .content__module:last-of-type {
   //   margin-bottom: 0;
   // }
+  ::-webkit-scrollbar {
+    width: 5px !important;
+  }
+  ::-webkit-scrollbar-thumb {
+    width: 5px !important;
+  }
+
   ::v-deep .zxm-select:not(.zxm-select-customize-input) .zxm-select-selector {
     /* background-color: transparent; */
     color: #fff;

+ 2488 - 0
src/views/vent/home/configurable/configurable.data.bd.ts

@@ -0,0 +1,2488 @@
+import { Config } from '../../deviceManager/configurationTable/types';
+// 保德
+
+const BDdustMock = {
+  allMineWarn: '低风险', //全矿井风险级别
+  dustManageInfo: {
+    //工作面风险监测
+    totalNum: '5', //工作面总数
+    dfxNum: '5', //工作面低风险数
+    ybNum: '5', //工作面一般风险数
+    jdNum: '5', //工作面较大风险数
+    zdNum: '5', //工作面重大风险
+    sysList: [
+      {
+        sysNamme: '工作面名称1', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: 0.1, //最高粉尘浓度
+      },
+      {
+        sysNamme: '工作面名称2', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: '1.88', //最高粉尘浓度
+      },
+      {
+        sysNamme: '工作面名称3', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: 0, //最高粉尘浓度
+      },
+      {
+        sysNamme: '工作面名称4', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: '1.88', //最高粉尘浓度
+      },
+      {
+        sysNamme: '工作面名称5', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: '1.88', //最高粉尘浓度
+      },
+    ],
+  },
+  dustDustGraph: [
+    //粉尘传感器曲线图(综放工作面粉尘浓度)
+    {
+      strinstallpos: '81202工作面', //安装位置
+      historyList: [
+        //历史数据
+        {
+          dustval: '0.86', //粉尘浓度值
+          time: '2024-09-12 15:33:50', //时间
+        },
+        {
+          dustval: '0.96', //粉尘浓度值
+          time: '2024-09-12 15:34:50', //时间
+        },
+      ],
+    },
+    {
+      strinstallpos: '81203工作面', //安装位置
+      historyList: [
+        //历史数据
+        {
+          dustval: '0.86', //粉尘浓度值
+          time: '2024-09-12 15:33:50', //时间
+        },
+        {
+          dustval: '1.00', //粉尘浓度值
+          time: '2024-09-12 15:34:50', //时间
+        },
+      ],
+    },
+  ],
+  atomObj: {
+    //智能喷雾降尘装置
+    totalNum: '5', //喷雾设备总数
+    openNum: '5', //喷雾设备连接数
+    breakNum: '0', //喷雾设备断开数
+    atomOpenNum: '1', //喷雾设备开启数
+  },
+  dustRelArray: [
+    {
+      temp: '15.80',
+      atomState: '',
+      strinstallpos: '81205胶运掘进面粉尘',
+      id: 1834606303323583700,
+      windSpeed: '0.09',
+    },
+    {
+      temp: '18.60',
+      atomState: '',
+      strinstallpos: '81203采面粉尘',
+      id: 1834606303324389400,
+      windSpeed: '2.13',
+    },
+    {
+      temp: '15.20',
+      atomState: '',
+      strinstallpos: '81206胶运掘进面粉尘',
+      id: 1834606303328583700,
+      windSpeed: '',
+    },
+    {
+      temp: '19.60',
+      atomState: '',
+      strinstallpos: '81207辅运掘进面粉尘',
+      id: 1834606303328583700,
+      windSpeed: '',
+    },
+    {
+      temp: '13.90',
+      atomState: '',
+      strinstallpos: '81206辅运掘进面粉尘',
+      id: 1834606303328583700,
+      windSpeed: '3.53',
+    },
+  ],
+  devGbsb: [
+    //隔爆设备信息
+    {
+      devicename: '81202工作面', //地点
+      kind: '22', //性质
+      bag: '10', //水袋(个)
+      timeval: '2024-09-12 15:34:50', //安装日期
+      len: '2000.3', //棚区长度(m)
+      water: '20', //水量(升)
+      netStatus: '连接', //连接状态
+      warnLevel: '低风险', //风险等级
+      fsectarea: '13.8', //巷道断面(m2)
+      num: '3', //获取架数(架)
+      addr: '2201巷道', //吊挂位置
+    },
+  ],
+};
+export const testConfigBDDust: Config[] = [
+  {
+    deviceType: '',
+    moduleName: '工作面风险监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'column',
+        basis: ['20%', '80%'],
+      },
+      layout: ['gallery', 'complex_list'],
+      board: [],
+      chart: [],
+      gallery: [
+        {
+          type: 'F',
+          readFrom: 'dustManageInfo',
+          items: [
+            {
+              label: '',
+              value: '${totalNum}',
+              color: 'blue',
+            },
+            {
+              label: '低风险',
+              value: '${dfxNum}',
+              color: 'blue',
+            },
+            {
+              label: '一般风险',
+              value: '${ybNum}',
+              color: 'blue',
+            },
+            {
+              label: '较大风险',
+              value: '${jdNum}',
+              color: 'blue',
+            },
+            {
+              label: '重大风险',
+              value: '${zdNum}',
+              color: 'blue',
+            },
+          ],
+        },
+      ],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [
+        {
+          type: 'A',
+          readFrom: 'dustManageInfo.sysList',
+          mapFromData: true,
+          items: [
+            {
+              title: '${sysNamme}',
+              contents: [
+                {
+                  label: '风险监测',
+                  value: '${warnLevel}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '最高粉尘浓度',
+                  value: '${maxVal}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      preset: [],
+      // mock: BDdustMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:750px;',
+      version: '保德',
+      position: 'top:170px;left:0;',
+    },
+  },
+  {
+    deviceType: 'dustDustGraph',
+    moduleName: '综放工作面粉尘浓度',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${strinstallpos}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['chart'],
+      board: [],
+      chart: [
+        {
+          type: 'line_area',
+          readFrom: '',
+          legend: { show: false },
+          xAxis: [{ show: true }],
+          yAxis: [{ show: true, name: '浓度', position: 'left' }],
+          series: [
+            {
+              label: '${strinstallpos}',
+              readFrom: 'historyList',
+              xprop: 'time',
+              yprop: 'dustval',
+            },
+          ],
+        },
+      ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+    },
+    showStyle: {
+      size: 'width:1000px;height:280px;',
+      version: '保德',
+      position: 'top:640px;left:460px',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '智能喷雾降尘装置',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['gallery'],
+      board: [],
+      chart: [],
+      gallery: [
+        {
+          type: 'E',
+          readFrom: 'atomObj',
+          items: [
+            {
+              label: '设备总数',
+              value: '${totalNum}',
+              color: 'blue',
+            },
+            {
+              label: '喷雾开启数',
+              value: '${atomOpenNum}',
+              color: 'blue',
+            },
+            {
+              label: '连网数量',
+              value: '${openNum}',
+              color: 'blue',
+            },
+            {
+              label: '断网数量',
+              value: '${breakNum}',
+              color: 'blue',
+            },
+          ],
+        },
+      ],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      to: 'http://10.248.210.154:8801',
+      // mock: BDdustMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:280px;',
+      version: '保德',
+      position: 'top:60px;right:0;',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '隔爆设施管理台账',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['table'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [
+        {
+          type: 'C',
+          readFrom: 'devGbsb',
+          columns: [
+            {
+              name: '地点',
+              prop: 'strinstallpos',
+            },
+            {
+              name: '吊挂位置',
+              prop: 'addr',
+            },
+            {
+              name: '性质',
+              prop: 'kind',
+            },
+          ],
+        },
+      ],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: BDdustMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:280px;',
+      version: '保德',
+      position: 'top:350px;right:0;',
+    },
+  },
+  {
+    deviceType: 'statics',
+    moduleName: '粉尘静态指标',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '${name}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['board'],
+      board: [
+        {
+          type: 'E',
+          readFrom: '',
+          layout: 'label-top',
+          items: [
+            {
+              label: '火焰长度',
+              value: '>400mm',
+            },
+            {
+              label: '抑制煤层爆炸最低岩粉量',
+              value: '75%',
+            },
+            {
+              label: '鉴定结论',
+              value: '有煤层爆炸性',
+            },
+          ],
+        },
+      ],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: BDdustMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:280px;',
+      version: '保德',
+      position: 'top:640px;right:0;',
+    },
+  },
+];
+
+const BDfireMock = {
+  allMineWarn: '低风险', //全矿井风险级别
+  fireManageInfo: {
+    //工作面风险监测
+    totalNum: '5', //工作面总数
+    dfxNum: '5', //工作面低风险数
+    ybNum: '5', //工作面一般风险数
+    jdNum: '5', //工作面较大风险数
+    zdNum: '5', //工作面重大风险
+    nyWarnLevel: '低风险', //内因火灾预警级别
+    wyWarnLevel: '低风险', //外因火灾预警级别
+    sysList: [
+      {
+        sysName: '工作面名称1', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: '1.88', //最高温度
+      },
+      {
+        sysNamme: '工作面名称2', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: '1.88', //最高温度
+      },
+      // {
+      //   sysNamme: '工作面名称3', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+      // {
+      //   sysNamme: '工作面名称4', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+      // {
+      //   sysNamme: '工作面名称5', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+      // {
+      //   sysNamme: '工作面名称6', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+    ],
+  },
+  obfObj: {
+    //密闭采空区监测系统
+    maxC2H4: '', //乙烯最高值
+    maxDp: '', //压差最大值
+    maxTemperature: '', //温度最大值
+    maxCo: '', //一氧化碳最大值
+    maxCo2: '', //二氧化碳最大值
+    maxCh4: '', //甲烷最大值
+    maxC2h2: '', //乙炔最大值
+    maxO2: '', //氧气最大值
+    arrayDev: [
+      //密闭各设备详情信息
+      {
+        strinstallpos: '位置1', //设备安装位置
+        c2h4Val: '0.2', //乙烯
+        dpVal: '0.6', //压差
+        tempVal: '12.1', //温度
+        coVal: '0', //一氧化碳
+        co2Val: '10', //二氧化碳
+        ch4Val: '0', //甲烷
+        c2h2Val: '0', //乙炔
+        o2Val: '20', //氧气
+      },
+      {
+        strinstallpos: '位置2', //设备安装位置
+        c2h4Val: '0.2', //乙烯
+        dpVal: '0.6', //压差
+        tempVal: '12.1', //温度
+        coVal: '0', //一氧化碳
+        co2Val: '10', //二氧化碳
+        ch4Val: '0', //甲烷
+        c2h2Val: '0', //乙炔
+        o2Val: '20', //氧气
+      },
+    ],
+  },
+  sgGxObj: {
+    //工作面束管监测
+    btArray: [
+      //束管统计信息
+      {
+        name: 'CO', //数据名称(前端自己处理化学方程式的标识符)
+        val: '0.2', //最大值
+        strinstallpos: '位置1', //安装位置
+        time: '2024-09-12 15:33:50',
+      },
+      {
+        name: 'CO2', //数据名称(前端自己处理化学方程式的标识符)
+        val: '0.3', //最大值
+        strinstallpos: '位置1', //安装位置
+        time: '2024-09-12 15:33:50',
+      },
+    ],
+    devGxcw: [
+      //光纤测温各设备信息
+      {
+        strinstallpos: '位置1', //安装位置
+        fmax: '0', //最高浓度
+        fmin: '0', //最低温度
+        favg: '0', //平均温度
+        fibreTemperature:
+          '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+        warnLevel: '低风险', //风险监测
+      },
+      {
+        strinstallpos: '位置2', //安装位置
+        fmax: '0', //最高浓度
+        fmin: '0', //最低温度
+        favg: '0', //平均温度
+        fibreTemperature:
+          '[{"pos":1,"value":"7.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+        warnLevel: '低风险', //风险监测
+      },
+    ],
+    devSgjc: [
+      //束管监测各设备信息
+      {
+        strinstallpos: '位置1', //安装位置
+        coVal: '0', //一氧化碳值
+        co2Val: '0', //二氧化碳值
+        ch4Val: '0', //甲烷值
+        c2h2Val: '0', //乙炔值
+        c2h4Val: '0', //乙烯值
+        o2Val: '0', //氧气值
+        connectSta: '连接', //连接状态
+        warnLevel: '低风险', //风险监测
+        btTriBlast: '{"G_y":10.53,"G_x":0,"F_y":0,"A_x":5.0,"B_x":15.0,"A_y":19.93,"B_y":17.83,"E_y":10.0,"F_x":9.55,"E_x":5.0}', //爆炸三角信息
+      },
+      {
+        strinstallpos: '位置2', //安装位置
+        coVal: '0', //一氧化碳值
+        co2Val: '0', //二氧化碳值
+        ch4Val: '0', //甲烷值
+        c2h2Val: '0', //乙炔值
+        c2h4Val: '0', //乙烯值
+        o2Val: '0', //氧气值
+        connectSta: '连接', //连接状态
+        warnLevel: '低风险', //风险监测
+        btTriBlast: '{"G_y":10.53,"G_x":0,"F_y":0,"A_x":5.0,"B_x":15.0,"A_y":19.93,"B_y":17.83,"E_y":10.0,"F_x":9.55,"E_x":5.0}', //爆炸三角信息
+      },
+    ],
+  },
+  pdArray: [
+    //带式输送机防灭火监控系统
+    {
+      systemname: '皮带场景1', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"19.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '皮带场景2', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  dsArray: [
+    //变电硐室防灭火监控系统
+    {
+      systemname: '硐室场景1', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '硐室场景2', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  aqjkArray: [
+    //安全监控系统
+    {
+      strinstallpos: '位置1', //安装位置
+      nowVal: '25.0', //温度
+      warnLevel: '低风险', //预警级别
+      time: '2024-09-12 15:33:50', //时间
+    },
+    {
+      strinstallpos: '位置2', //安装位置
+      nowVal: '25.0', //温度
+      warnLevel: '低风险', //预警级别
+      time: '2024-09-12 15:33:50', //时间
+    },
+  ],
+  //从设计图看以下信息暂时无用了
+  pdGxcw: [
+    //皮带光纤测温
+    {
+      systemname: '皮带场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '皮带场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  dsGxcw: [
+    //硐室光纤测温
+    {
+      systemname: '硐室场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '硐室场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  pdSgjc: [
+    //皮带束管监测
+    {
+      systemname: '皮带场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+    {
+      systemname: '皮带场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+  ],
+  dsSgjc: [
+    //硐室束管监测
+    {
+      systemname: '硐室场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+    {
+      systemname: '硐室场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+  ],
+  managesGxcw: [
+    //场景-光纤测温
+    {
+      systemname: '场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  managesSgjc: [
+    //场景-束管监测
+    {
+      systemname: '场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+    {
+      systemname: '场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+  ],
+};
+export const testConfigBDFire: Config[] = [
+  {
+    deviceType: '',
+    moduleName: '重点区域风险监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'column',
+        basis: ['50%', '50%'],
+      },
+      layout: ['board', 'complex_list'],
+      board: [
+        {
+          type: 'A',
+          readFrom: 'fireManageInfo',
+          layout: 'label-top',
+          items: [
+            {
+              label: '内因风险等级',
+              value: '${nyWarnLevel}',
+            },
+            {
+              label: '外因风险等级',
+              value: '${wyWarnLevel}',
+            },
+          ],
+        },
+      ],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [
+        {
+          type: 'D',
+          readFrom: 'fireManageInfo.sysList',
+          mapFromData: true,
+          items: [
+            {
+              title: '${sysNamme}',
+              contents: [
+                {
+                  label: '风险监测',
+                  value: '${warnLevel}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '最高温度',
+                  value: '${maxVal}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      preset: [],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:310px;',
+      version: '保德',
+      position: 'top:170px;left:0;',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '开采煤层自燃发火特性',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '${systemname}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'column',
+        basis: ['100%'],
+      },
+      layout: ['table'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [
+        {
+          type: 'A',
+          readFrom: 'mockTable',
+          columns: [
+            {
+              name: '煤层',
+              prop: 'a',
+            },
+            {
+              name: '自燃倾向性',
+              prop: 'b',
+            },
+            {
+              name: '最短发火期',
+              prop: 'c',
+            },
+            {
+              name: '最小推进速度',
+              prop: 'd',
+            },
+          ],
+        },
+      ],
+      list: [],
+      complex_list: [],
+      preset: [],
+      mock: {
+        mockTable: [
+          {
+            a: '8煤',
+            b: '自燃',
+            c: '123天',
+            d: '0.87md',
+          },
+        ],
+      },
+    },
+    showStyle: {
+      size: 'width:450px;height:120px;',
+      version: '保德',
+      position: 'top:490px;left:0;',
+    },
+  },
+  {
+    deviceType: 'pdArray',
+    moduleName: '带式输送机防灭火监控系统',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${systemname}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'column',
+        ignoreOverflow: true,
+        basis: ['30%', '70%'],
+      },
+      layout: ['board', 'chart'],
+      board: [
+        {
+          type: 'F',
+          layout: 'val-top',
+          readFrom: 'arrayCount',
+          items: [
+            {
+              label: '光纤预警',
+              value: '${[0].val}℃',
+            },
+            {
+              label: '一氧化碳预警',
+              value: '${[1].val}ppm',
+            },
+            {
+              label: '烟雾预警',
+              value: '${[2].val}',
+            },
+          ],
+        },
+      ],
+      chart: [
+        {
+          type: 'line_smooth',
+          readFrom: 'arrayFiber',
+          legend: { show: true },
+          xAxis: [{ show: true }],
+          yAxis: [{ show: true, name: '温度(℃)', position: 'left' }],
+          series: [
+            {
+              label: '${strinstallpos}',
+              readFrom: 'fibreTemperatureArr',
+              xprop: 'pos',
+              yprop: 'value',
+            },
+          ],
+        },
+      ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:300px;',
+      version: '保德',
+      position: 'top:620px;left:0;',
+    },
+  },
+  {
+    deviceType: 'sgGxObj.devSgjc',
+    moduleName: '工作面束管监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${strinstallpos}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['65%', '35%'],
+      },
+      layout: ['list', 'blast_delta'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [
+        {
+          type: 'G',
+          readFrom: '',
+          items: [
+            {
+              label: 'CO',
+              value: '${coVal}',
+              color: 'blue',
+              info: '一氧化碳',
+            },
+            {
+              label: 'CO₂',
+              value: '${co2Val}',
+              color: 'blue',
+              info: '二氧化碳',
+            },
+            {
+              label: 'CH₄',
+              value: '${ch4Val}',
+              color: 'blue',
+              info: '甲烷',
+            },
+            {
+              label: 'C₂H₂',
+              value: '${c2h2Val}',
+              color: 'blue',
+              info: '乙炔',
+            },
+            {
+              // label: 'C₂H₄',
+              label: 'O₂',
+              value: '${o2Val}',
+              color: 'blue',
+              info: '氧气',
+            },
+            {
+              // label: 'O₂',
+              label: 'C₂H₄',
+              value: '${c2h4Val}',
+              color: 'blue',
+              info: '乙烯',
+            },
+            {
+              label: '温度',
+              value: '--',
+              color: 'blue',
+              info: '',
+            },
+            {
+              label: '风险',
+              value: '${warnLevel}',
+              color: 'blue',
+              info: '',
+            },
+          ],
+        },
+      ],
+      complex_list: [],
+      preset: [
+        {
+          readFrom: '',
+        },
+      ],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:1000px;height:300px;',
+      version: '保德',
+      position: 'top:620px;left:460px',
+    },
+  },
+  {
+    deviceType: 'sgGxObj.devGxcw',
+    moduleName: '工作面光纤监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${strinstallpos}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['chart'],
+      board: [],
+      chart: [
+        {
+          type: 'line_smooth',
+          readFrom: '',
+          legend: { show: true },
+          xAxis: [{ show: true }],
+          yAxis: [{ show: true, name: '温度(℃)', position: 'left' }],
+          series: [
+            {
+              label: '${strinstallpos}',
+              readFrom: 'fibreTemperatureArr',
+              xprop: 'pos',
+              yprop: 'value',
+            },
+          ],
+        },
+      ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:1000px;height:280px;',
+      version: '保德',
+      position: 'top:640px;left:460px',
+    },
+  },
+  {
+    deviceType: 'obfObj.arrayDev',
+    moduleName: '密闭采空区监测区域',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${strinstallpos}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['board'],
+      board: [
+        {
+          type: 'G',
+          layout: 'label-top',
+          readFrom: '',
+          items: [
+            {
+              label: '一氧化碳',
+              value: '${coVal}',
+            },
+            {
+              label: '二氧化碳',
+              value: '${co2Val}',
+            },
+            {
+              label: '氧气',
+              value: '${o2Val}',
+            },
+            {
+              label: '温度',
+              value: '${tempVal}',
+            },
+            {
+              label: '乙烯',
+              value: '${c2h4Val}',
+            },
+            {
+              label: '甲烷',
+              value: '${ch4Val}',
+            },
+            {
+              label: '乙炔',
+              value: '${c2h2Val}',
+            },
+            {
+              label: '压差',
+              value: '${dpVal}',
+            },
+          ],
+        },
+      ],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:230px;',
+      version: '保德',
+      position: 'top:170px;right:0;',
+    },
+  },
+  {
+    deviceType: 'dsArray',
+    moduleName: '变电硐室防灭火监控系统',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${systemname}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['list'],
+      board: [],
+      chart: [],
+      // chart: [
+      //   {
+      //     type: 'line_bar',
+      //     readFrom: 'dsArray',
+      //     xAxis: [
+      //       {
+      //         label: 'null',
+      //       },
+      //     ],
+      //     yAxis: [
+      //       {
+      //         label: 'A',
+      //         align: 'left',
+      //       },
+      //       {
+      //         label: 'A',
+      //         align: 'left',
+      //       },
+      //     ],
+      //     series: [
+      //       {
+      //         label: 'A',
+      //         prop: 'top',
+      //       },
+      //       {
+      //         label: 'B',
+      //         prop: 'bot',
+      //       },
+      //     ],
+      //   },
+      // ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [
+        {
+          type: 'F',
+          readFrom: 'arrayCount',
+          items: [
+            {
+              label: '光纤预警',
+              info: '最高温度',
+              value: '${[0].val}℃',
+              color: 'blue',
+            },
+            {
+              label: '一氧化碳预警',
+              info: '最高浓度',
+              value: '${[1].val}ppm',
+              color: 'blue',
+            },
+            {
+              label: '烟雾预警',
+              info: '最高浓度',
+              value: '${[2].val}',
+              color: 'blue',
+            },
+          ],
+        },
+      ],
+      complex_list: [],
+      preset: [],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:240px;',
+      version: '保德',
+      position: 'top:410px;right:0;',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '安全监控系统',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['table'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [
+        {
+          type: 'C',
+          readFrom: 'aqjkArray',
+          columns: [
+            {
+              name: '测点位置',
+              prop: 'strinstallpos',
+            },
+            {
+              name: '温度',
+              prop: 'nowVal',
+            },
+            {
+              name: '预警级别',
+              prop: 'warnLevel',
+            },
+            // {
+            //   name: '时间',
+            //   prop: 'time',
+            // },
+          ],
+        },
+      ],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:260px;',
+      version: '保德',
+      position: 'top:660px;right:0;',
+    },
+  },
+];
+
+export const testConfigBDNew: Config[] = [
+  {
+    deviceType: '',
+    moduleName: '束管监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        ignoreOverflow: true,
+        basis: ['65%', '35%'],
+      },
+      layout: ['list', 'blast_delta'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [
+        {
+          type: 'G',
+          readFrom: 'obfObj',
+          items: [
+            {
+              label: 'CO',
+              value: '${maxCo}',
+              color: 'blue',
+              info: '一氧化碳',
+            },
+            {
+              label: 'CO₂',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'CH₄',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'C₂H₂',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'C₂H₄',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'O₂',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            // {
+            //   label: '温度',
+            //   value: '--',
+            //   color: 'blue',
+            //   info: '--',
+            // },
+            // {
+            //   label: '风险',
+            //   value: '--',
+            //   color: 'blue',
+            //   info: '--',
+            // },
+          ],
+        },
+      ],
+      complex_list: [],
+      preset: [
+        {
+          readFrom: '',
+        },
+      ],
+      // mock: BDfireMock,
+    },
+    // showStyle: {
+    //   size: 'width:450px;height:760px;',
+    //   version: '保德',
+    //   position: 'top:160px;left:0;',
+    // },
+    showStyle: {
+      size: 'width:1000px;height:280px;',
+      version: '新版',
+      position: 'top:350px;left:460px;',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '束管监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'column',
+        basis: ['65%', '35%'],
+      },
+      layout: ['list', 'blast_delta'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [
+        {
+          type: 'G',
+          readFrom: 'dsArray',
+          items: [
+            {
+              label: 'CO',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'CO₂',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'CH₄',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'C₂H₂',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'C₂H₄',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: 'O₂',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: '温度',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+            {
+              label: '风险',
+              value: '--',
+              color: 'blue',
+              info: '--',
+            },
+          ],
+        },
+      ],
+      complex_list: [],
+      preset: [
+        {
+          readFrom: '',
+        },
+      ],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:760px;',
+      version: '保德',
+      position: 'top:160px;left:0;',
+    },
+  },
+  {
+    deviceType: 'btArray',
+    moduleName: '工作面束管监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '${systemname}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['chart'],
+      board: [],
+      chart: [
+        {
+          type: 'bar_stack',
+          readFrom: 'chartMock',
+          legend: { show: true },
+          xAxis: [{ show: true }],
+          yAxis: [{ show: true, name: '温度(℃)', position: 'left' }],
+          series: [
+            {
+              label: '${name1}',
+              readFrom: 'data1',
+              xprop: 'pos',
+              yprop: 'val',
+            },
+            {
+              label: '${name2}',
+              readFrom: 'data2',
+              xprop: 'pos',
+              yprop: 'val',
+            },
+          ],
+        },
+      ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [
+        {
+          type: 'B',
+          readFrom: 'devList',
+          mapFromData: false,
+          items: [
+            {
+              title: 'CO',
+              contents: [
+                {
+                  label: '最大浓度',
+                  value: '${[0].val}ppm',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '位置',
+                  value: '${[0].strinstallpos}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '时间',
+                  value: '${[0].time}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+            {
+              title: 'CO₂',
+              contents: [
+                {
+                  label: '最大浓度',
+                  value: '${[1].val}ppm',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '位置',
+                  value: '${[1].strinstallpos}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '时间',
+                  value: '${[1].time}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+            {
+              title: 'CH₄',
+              contents: [
+                {
+                  label: '最大浓度',
+                  value: '${[2].val}ppm',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '位置',
+                  value: '${[2].strinstallpos}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '时间',
+                  value: '${[2].time}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+            {
+              title: 'C₂H₂',
+              contents: [
+                {
+                  label: '最大浓度',
+                  value: '${[3].val}ppm',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '位置',
+                  value: '${[3].strinstallpos}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '时间',
+                  value: '${[3].time}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+            {
+              title: 'C₂H₄',
+              contents: [
+                {
+                  label: '最大浓度',
+                  value: '${[4].val}ppm',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '位置',
+                  value: '${[4].strinstallpos}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '时间',
+                  value: '${[4].time}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+            {
+              title: 'O₂',
+              contents: [
+                {
+                  label: '最大浓度',
+                  value: '${[5].val}ppm',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '位置',
+                  value: '${[5].strinstallpos}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '时间',
+                  value: '${[5].time}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      preset: [],
+      mock: {
+        chartMock: {
+          name1: 'A',
+          data1: [
+            { val: 1, pos: '1' },
+            { val: 2, pos: '2' },
+            { val: 3, pos: '3' },
+            { val: 4, pos: '4' },
+          ],
+          name2: 'B',
+          data2: [
+            { val: 4, pos: '4' },
+            { val: 3, pos: '3' },
+            { val: 2, pos: '2' },
+            { val: 1, pos: '1' },
+          ],
+        },
+      },
+    },
+    showStyle: {
+      size: 'width:1000px;height:280px;',
+      version: '保德',
+      position: 'top:640px;left:460px;',
+    },
+  },
+  {
+    deviceType: 'mockPath',
+    moduleName: '测试右上',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${orgname}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['measure_detail'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [
+        {
+          readFrom: 'dust_data',
+        },
+      ],
+      mock: {
+        mockPath: [
+          {
+            orgname: '布尔台煤矿',
+            orgcode: 'sdmtjtbetmk',
+            dust_data: [
+              {
+                devicePos: '布尔台煤矿掘进工作面',
+                dustType: '煤',
+                fireLen: '',
+                isBlast: '无',
+                airQuantity: '1208.00',
+                dustCon: '8.00',
+                respirableDustCon: '3.90',
+                SiO2Content: '28.00',
+                respirableDustRatio: '68.00',
+              },
+              {
+                devicePos: '布尔台煤矿综放工作面',
+                dustType: '煤',
+                fireLen: '',
+                isBlast: '无',
+                airQuantity: '708.00',
+                dustCon: '3.17',
+                respirableDustCon: '1.65',
+                SiO2Content: '18.00',
+                respirableDustRatio: '48.00',
+              },
+            ],
+          },
+          {
+            orgname: '大柳塔井',
+            orgcode: 'sdmtjtdltmk',
+            dust_data: [
+              {
+                devicePos: '22煤主运大巷掘进工作面',
+                dustType: '煤',
+                fireLen: '',
+                isBlast: '无',
+                airQuantity: '',
+                dustCon: '8.00',
+                respirableDustCon: '3.90',
+                SiO2Content: '28.00',
+                respirableDustRatio: '68.00',
+              },
+              {
+                devicePos: '42205综放工作面',
+                dustType: '煤',
+                fireLen: '',
+                isBlast: '无',
+                airQuantity: '',
+                dustCon: '3.17',
+                respirableDustCon: '1.65',
+                SiO2Content: '18.00',
+                respirableDustRatio: '48.00',
+              },
+            ],
+          },
+        ],
+      },
+    },
+    showStyle: {
+      size: 'width:450px;height:570px;',
+      version: '新版',
+      position: 'top:60px;right:0;',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '测试用的',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      // layout: ['table'],
+      layout: ['gallery'],
+      board: [],
+      chart: [],
+      gallery: [
+        {
+          type: 'H',
+          readFrom: '',
+          items: [
+            {
+              label: '一氧化碳',
+              value: '${coVal}',
+              color: 'blue',
+            },
+            {
+              label: '二氧化碳',
+              value: '${co2Val}',
+              color: 'blue',
+            },
+            {
+              label: '氧气',
+              value: '${o2Val}',
+              color: 'blue',
+            },
+            {
+              label: '温度',
+              value: '${tempVal}',
+              color: 'blue',
+            },
+            {
+              label: '乙烯',
+              value: '${c2h4Val}',
+              color: 'blue',
+            },
+          ],
+        },
+      ],
+      gallery_list: [],
+      table: [
+        {
+          type: 'A',
+          readFrom: 'aqjkArray',
+          columns: [
+            {
+              name: '测点位置',
+              prop: 'strinstallpos',
+            },
+            {
+              name: '温度',
+              prop: 'nowVal',
+            },
+            {
+              name: '预警级别',
+              prop: 'warnLevel',
+            },
+            // {
+            //   name: '时间',
+            //   prop: 'time',
+            // },
+          ],
+        },
+      ],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: BDfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:280px;',
+      version: '保德',
+      position: 'top:640px;right:0;',
+    },
+  },
+];

+ 1 - 1
src/views/vent/home/configurable/configurable.data.ts

@@ -2022,7 +2022,7 @@ export const testConfigBDFire: Config[] = [
         },
       ],
       preset: [],
-      // mock: BDfireMock,
+      mock: BDfireMock,
     },
     showStyle: {
       size: 'width:450px;height:310px;',

+ 1189 - 0
src/views/vent/home/configurable/configurable.data.wz.ts

@@ -0,0 +1,1189 @@
+import { Config } from '../../deviceManager/configurationTable/types';
+// 王庄
+
+const WZfireMock = {
+  allMineWarn: '低风险', //全矿井风险级别
+  fireManageInfo: {
+    //工作面风险监测
+    totalNum: '5', //工作面总数
+    dfxNum: '5', //工作面低风险数
+    ybNum: '5', //工作面一般风险数
+    jdNum: '5', //工作面较大风险数
+    zdNum: '5', //工作面重大风险
+    nyWarnLevel: '低风险', //内因火灾预警级别
+    wyWarnLevel: '低风险', //外因火灾预警级别
+    sysList: [
+      {
+        sysName: '工作面名称1', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: '1.88', //最高温度
+      },
+      {
+        sysNamme: '工作面名称2', //工作面名称
+        warnLevel: '低风险', //预警级别
+        maxVal: '1.88', //最高温度
+      },
+      // {
+      //   sysNamme: '工作面名称3', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+      // {
+      //   sysNamme: '工作面名称4', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+      // {
+      //   sysNamme: '工作面名称5', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+      // {
+      //   sysNamme: '工作面名称6', //工作面名称
+      //   warnLevel: '低风险', //预警级别
+      //   maxVal: '1.88', //最高温度
+      // },
+    ],
+  },
+  obfObj: {
+    //密闭采空区监测系统
+    maxC2H4: '', //乙烯最高值
+    maxDp: '', //压差最大值
+    maxTemperature: '', //温度最大值
+    maxCo: '', //一氧化碳最大值
+    maxCo2: '', //二氧化碳最大值
+    maxCh4: '', //甲烷最大值
+    maxC2h2: '', //乙炔最大值
+    maxO2: '', //氧气最大值
+    arrayDev: [
+      //密闭各设备详情信息
+      {
+        strinstallpos: '位置1', //设备安装位置
+        c2h4Val: '0.2', //乙烯
+        dpVal: '0.6', //压差
+        tempVal: '12.1', //温度
+        coVal: '0', //一氧化碳
+        co2Val: '10', //二氧化碳
+        ch4Val: '0', //甲烷
+        c2h2Val: '0', //乙炔
+        o2Val: '20', //氧气
+      },
+      {
+        strinstallpos: '位置2', //设备安装位置
+        c2h4Val: '0.2', //乙烯
+        dpVal: '0.6', //压差
+        tempVal: '12.1', //温度
+        coVal: '0', //一氧化碳
+        co2Val: '10', //二氧化碳
+        ch4Val: '0', //甲烷
+        c2h2Val: '0', //乙炔
+        o2Val: '20', //氧气
+      },
+    ],
+  },
+  sgGxObj: {
+    //工作面束管监测
+    btArray: [
+      //束管统计信息
+      {
+        name: 'CO', //数据名称(前端自己处理化学方程式的标识符)
+        val: '0.2', //最大值
+        strinstallpos: '位置1', //安装位置
+        time: '2024-09-12 15:33:50',
+      },
+      {
+        name: 'CO2', //数据名称(前端自己处理化学方程式的标识符)
+        val: '0.3', //最大值
+        strinstallpos: '位置1', //安装位置
+        time: '2024-09-12 15:33:50',
+      },
+    ],
+    devGxcw: [
+      //光纤测温各设备信息
+      {
+        strinstallpos: '位置1', //安装位置
+        fmax: '0', //最高浓度
+        fmin: '0', //最低温度
+        favg: '0', //平均温度
+        fibreTemperature:
+          '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+        warnLevel: '低风险', //风险监测
+      },
+      {
+        strinstallpos: '位置2', //安装位置
+        fmax: '0', //最高浓度
+        fmin: '0', //最低温度
+        favg: '0', //平均温度
+        fibreTemperature:
+          '[{"pos":1,"value":"7.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+        warnLevel: '低风险', //风险监测
+      },
+    ],
+    devSgjc: [
+      //束管监测各设备信息
+      {
+        strinstallpos: '位置1', //安装位置
+        coVal: '0', //一氧化碳值
+        co2Val: '0', //二氧化碳值
+        ch4Val: '0', //甲烷值
+        c2h2Val: '0', //乙炔值
+        c2h4Val: '0', //乙烯值
+        o2Val: '0', //氧气值
+        connectSta: '连接', //连接状态
+        warnLevel: '低风险', //风险监测
+        btTriBlast: '{"G_y":10.53,"G_x":0,"F_y":0,"A_x":5.0,"B_x":15.0,"A_y":19.93,"B_y":17.83,"E_y":10.0,"F_x":9.55,"E_x":5.0}', //爆炸三角信息
+      },
+      {
+        strinstallpos: '位置2', //安装位置
+        coVal: '0', //一氧化碳值
+        co2Val: '0', //二氧化碳值
+        ch4Val: '0', //甲烷值
+        c2h2Val: '0', //乙炔值
+        c2h4Val: '0', //乙烯值
+        o2Val: '0', //氧气值
+        connectSta: '连接', //连接状态
+        warnLevel: '低风险', //风险监测
+        btTriBlast: '{"G_y":10.53,"G_x":0,"F_y":0,"A_x":5.0,"B_x":15.0,"A_y":19.93,"B_y":17.83,"E_y":10.0,"F_x":9.55,"E_x":5.0}', //爆炸三角信息
+      },
+    ],
+  },
+  pdArray: [
+    //带式输送机防灭火监控系统
+    {
+      systemname: '皮带场景1', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"19.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '皮带场景2', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature:
+            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  dsArray: [
+    //变电硐室防灭火监控系统
+    {
+      systemname: '硐室场景1', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '硐室场景2', //场景名称
+      arrayCount: [
+        //场景统计信息
+        {
+          name: '光纤预警', //设备名称
+          type: '最高温度', //参数类型
+          val: '35.2', //参数值
+        },
+        {
+          name: '一氧化碳预警',
+          type: '最高浓度',
+          val: '2.3',
+        },
+        {
+          name: '烟雾预警',
+          type: '最高浓度',
+          val: '2.4',
+        },
+      ],
+      arrayFiber: [
+        //场景下各光纤测温设备详情信息
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  aqjkArray: [
+    //安全监控系统
+    {
+      strinstallpos: '位置1', //安装位置
+      nowVal: '25.0', //温度
+      warnLevel: '低风险', //预警级别
+      time: '2024-09-12 15:33:50', //时间
+    },
+    {
+      strinstallpos: '位置2', //安装位置
+      nowVal: '25.0', //温度
+      warnLevel: '低风险', //预警级别
+      time: '2024-09-12 15:33:50', //时间
+    },
+  ],
+  //从设计图看以下信息暂时无用了
+  pdGxcw: [
+    //皮带光纤测温
+    {
+      systemname: '皮带场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '皮带场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  dsGxcw: [
+    //硐室光纤测温
+    {
+      systemname: '硐室场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '硐室场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  pdSgjc: [
+    //皮带束管监测
+    {
+      systemname: '皮带场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+    {
+      systemname: '皮带场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+  ],
+  dsSgjc: [
+    //硐室束管监测
+    {
+      systemname: '硐室场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+    {
+      systemname: '硐室场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+  ],
+  managesGxcw: [
+    //场景-光纤测温
+    {
+      systemname: '场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+    {
+      systemname: '场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          fmax: '0', //最高浓度
+          fmin: '0', //最低温度
+          favg: '0', //平均温度
+          fibreTemperature: [], //曲线图数据
+          warnLevel: '低风险', //风险监测
+        },
+      ],
+    },
+  ],
+  managesSgjc: [
+    //场景-束管监测
+    {
+      systemname: '场景1', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+    {
+      systemname: '场景2', //场景名称
+      devList: [
+        {
+          strinstallpos: '位置1', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+        {
+          strinstallpos: '位置2', //安装位置
+          coVal: '0', //一氧化碳值
+          co2Val: '0', //二氧化碳值
+          ch4Val: '0', //甲烷值
+          c2h2Val: '0', //乙炔值
+          c2h4Val: '0', //乙烯值
+          o2Val: '0', //氧气值
+          connectSta: '连接', //连接状态
+          warnLevel: '低风险', //风险监测
+          btTriBlast: '', //爆炸三角信息
+        },
+      ],
+    },
+  ],
+};
+export const testConfigWZFire: Config[] = [
+  {
+    deviceType: '',
+    moduleName: '重点区域风险监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'column',
+        basis: ['50%', '50%'],
+      },
+      layout: ['board', 'complex_list'],
+      board: [
+        {
+          type: 'A',
+          readFrom: 'fireManageInfo',
+          layout: 'label-top',
+          items: [
+            {
+              label: '内因风险等级',
+              value: '${nyWarnLevel}',
+            },
+            {
+              label: '外因风险等级',
+              value: '${wyWarnLevel}',
+            },
+          ],
+        },
+      ],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [
+        {
+          type: 'D',
+          readFrom: 'fireManageInfo.sysList',
+          mapFromData: true,
+          items: [
+            {
+              title: '${sysNamme}',
+              contents: [
+                {
+                  label: '风险监测',
+                  value: '${warnLevel}',
+                  color: 'blue',
+                  info: '',
+                },
+                {
+                  label: '最高温度',
+                  value: '${maxVal}',
+                  color: 'blue',
+                  info: '',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      preset: [],
+      // mock: WZfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:310px;',
+      version: '保德',
+      position: 'top:170px;left:0;',
+    },
+  },
+  {
+    deviceType: 'pdArray',
+    moduleName: '带式输送机防灭火监控系统',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${systemname}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'column',
+        ignoreOverflow: true,
+        basis: ['30%', '70%'],
+      },
+      layout: ['board', 'chart'],
+      board: [
+        {
+          type: 'F',
+          layout: 'val-top',
+          readFrom: 'arrayCount',
+          items: [
+            {
+              label: '光纤预警',
+              value: '${[0].val}℃',
+            },
+            {
+              label: '一氧化碳预警',
+              value: '${[1].val}ppm',
+            },
+            {
+              label: '烟雾预警',
+              value: '${[2].val}',
+            },
+          ],
+        },
+      ],
+      chart: [
+        {
+          type: 'line_smooth',
+          readFrom: 'arrayFiber',
+          legend: { show: true },
+          xAxis: [{ show: true }],
+          yAxis: [{ show: true, name: '温度(℃)', position: 'left' }],
+          series: [
+            {
+              label: '${strinstallpos}',
+              readFrom: 'fibreTemperatureArr',
+              xprop: 'pos',
+              yprop: 'value',
+            },
+          ],
+        },
+      ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: WZfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:430px;',
+      version: '保德',
+      position: 'top:490px;left:0;',
+    },
+  },
+  {
+    deviceType: 'sgGxObj.devGxcw',
+    moduleName: '工作面光纤监测',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${strinstallpos}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['chart'],
+      board: [],
+      chart: [
+        {
+          type: 'line_smooth',
+          readFrom: '',
+          legend: { show: true },
+          xAxis: [{ show: true }],
+          yAxis: [{ show: true, name: '温度(℃)', position: 'left' }],
+          series: [
+            {
+              label: '${strinstallpos}',
+              readFrom: 'fibreTemperatureArr',
+              xprop: 'pos',
+              yprop: 'value',
+            },
+          ],
+        },
+      ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: WZfireMock,
+    },
+    showStyle: {
+      size: 'width:1000px;height:280px;',
+      version: '保德',
+      position: 'top:640px;left:460px',
+    },
+  },
+  {
+    deviceType: 'obfObj.arrayDev',
+    moduleName: '密闭采空区监测区域',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${strinstallpos}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['board'],
+      board: [
+        {
+          type: 'G',
+          layout: 'label-top',
+          readFrom: '',
+          items: [
+            {
+              label: '一氧化碳',
+              value: '${coVal}',
+            },
+            {
+              label: '二氧化碳',
+              value: '${co2Val}',
+            },
+            {
+              label: '氧气',
+              value: '${o2Val}',
+            },
+            {
+              label: '温度',
+              value: '${tempVal}',
+            },
+            {
+              label: '乙烯',
+              value: '${c2h4Val}',
+            },
+            {
+              label: '甲烷',
+              value: '${ch4Val}',
+            },
+            {
+              label: '乙炔',
+              value: '${c2h2Val}',
+            },
+            {
+              label: '压差',
+              value: '${dpVal}',
+            },
+          ],
+        },
+      ],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: WZfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:230px;',
+      version: '保德',
+      position: 'top:170px;right:0;',
+    },
+  },
+  {
+    deviceType: 'dsArray',
+    moduleName: '变电硐室防灭火监控系统',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: true,
+        showSelector: true,
+        showSlot: false,
+        selector: {
+          value: '${systemname}',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['list'],
+      board: [],
+      chart: [],
+      // chart: [
+      //   {
+      //     type: 'line_bar',
+      //     readFrom: 'dsArray',
+      //     xAxis: [
+      //       {
+      //         label: 'null',
+      //       },
+      //     ],
+      //     yAxis: [
+      //       {
+      //         label: 'A',
+      //         align: 'left',
+      //       },
+      //       {
+      //         label: 'A',
+      //         align: 'left',
+      //       },
+      //     ],
+      //     series: [
+      //       {
+      //         label: 'A',
+      //         prop: 'top',
+      //       },
+      //       {
+      //         label: 'B',
+      //         prop: 'bot',
+      //       },
+      //     ],
+      //   },
+      // ],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      list: [
+        {
+          type: 'F',
+          readFrom: 'arrayCount',
+          items: [
+            {
+              label: '光纤预警',
+              info: '最高温度',
+              value: '${[0].val}℃',
+              color: 'blue',
+            },
+            {
+              label: '一氧化碳预警',
+              info: '最高浓度',
+              value: '${[1].val}ppm',
+              color: 'blue',
+            },
+            {
+              label: '烟雾预警',
+              info: '最高浓度',
+              value: '${[2].val}',
+              color: 'blue',
+            },
+          ],
+        },
+      ],
+      complex_list: [],
+      preset: [],
+      // mock: WZfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:240px;',
+      version: '保德',
+      position: 'top:410px;right:0;',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '安全监控系统',
+    pageType: '',
+    moduleData: {
+      header: {
+        show: false,
+        showSelector: false,
+        showSlot: false,
+        selector: {
+          value: '',
+        },
+        slot: {
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      slice: {
+        direction: 'row',
+        basis: ['100%'],
+      },
+      layout: ['table'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [
+        {
+          type: 'C',
+          readFrom: 'aqjkArray',
+          columns: [
+            {
+              name: '测点位置',
+              prop: 'strinstallpos',
+            },
+            {
+              name: '温度',
+              prop: 'nowVal',
+            },
+            {
+              name: '预警级别',
+              prop: 'warnLevel',
+            },
+            // {
+            //   name: '时间',
+            //   prop: 'time',
+            // },
+          ],
+        },
+      ],
+      list: [],
+      complex_list: [],
+      preset: [],
+      // mock: WZfireMock,
+    },
+    showStyle: {
+      size: 'width:450px;height:260px;',
+      version: '保德',
+      position: 'top:660px;right:0;',
+    },
+  },
+];

+ 2 - 3
src/views/vent/home/configurable/dustBD.vue

@@ -54,8 +54,7 @@
       :page-type="pageType"
     />
     <div style="width: 1000px; height: 570px; position: absolute; left: calc(50% - 500px); top: 60px">
-      <!-- <VentModal /> -->
-      <iframe style="width: 1000px; height: 570px" :src="iframeUrl" ref="frameRef" @load="hideLoading"></iframe>
+      <VentModal />
     </div>
   </div>
 </template>
@@ -66,7 +65,7 @@
   // import { useInitConfigs } from './hooks/useInit';
   import ModuleBD from './components/ModuleBD.vue';
   import { testConfigBDDust } from './configurable.data';
-  // import VentModal from '/@/components/vent/micro/ventModal.vue';
+  import VentModal from '/@/components/vent/micro/ventModal.vue';
   import { getBDDustData } from './configurable.api';
   import { getToken } from '/@/utils/auth';
 

+ 3 - 6
src/views/vent/home/configurable/fireBD.vue

@@ -65,8 +65,7 @@
       :page-type="pageType"
     />
     <div style="width: 1000px; height: 550px; position: absolute; left: calc(50% - 500px); top: 60px">
-      <!-- <VentModal /> -->
-      <iframe style="width: 1000px; height: 550px" :src="iframeUrl" ref="frameRef" @load="hideLoading"></iframe>
+      <VentModal />
     </div>
   </div>
 </template>
@@ -78,7 +77,7 @@
   import ModuleBD from './components/ModuleBD.vue';
   import ModuleBDDual from './components/ModuleBDDual.vue';
   import { testConfigBDFire } from './configurable.data';
-  // import VentModal from '/@/components/vent/micro/ventModal.vue';
+  import VentModal from '/@/components/vent/micro/ventModal.vue';
   import { getBDFireData } from './configurable.api';
   import { getToken } from '/@/utils/auth';
 
@@ -87,9 +86,7 @@
   const mainTitle = ref('保德煤矿火灾预警系统');
   const pageType = 'BD_fire';
   const loading = ref(true);
-  const iframeUrl = ref(
-    `${location.protocol}//${location.hostname}:8091/dashboard/analysis?type=empty&deviceType=empty&showid=1&token=${getToken()}`
-  ); //正式时用 `${location.protocol}//${location.hostname}:8091/url`
+
   // const url = ref('http://localhost:8088/');
   // const moduleCodes = ['fanlocal', 'fanmain' /** 'vc', 'ar', 'va', 'ws', 'dw' */];
 

+ 293 - 0
src/views/vent/home/configurable/fireWZ.vue

@@ -0,0 +1,293 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <div class="company-home">
+    <div class="top-bg">
+      <div class="main-title">{{ mainTitle }}</div>
+    </div>
+    <!-- <a-dropdown class="module-dropdown" :class="{ 'module-dropdown-original': isOriginal }" :trigger="['click']" placement="bottomRight">
+      <a class="ant-dropdown-link" @click.prevent>
+        全矿井通风检测
+        <CaretDownOutlined />
+      </a>
+      <template #overlay>
+        <MonitorCenter />
+      </template>
+    </a-dropdown> -->
+    <!-- 采用定位方式以避免出现各个模块隐藏时其他模块下移的问题 -->
+
+    <div class="left-t">
+      <div class="tcontent-area">
+        <div class="tcontent-l">
+          <div>监测</div>
+          <div>区域</div>
+        </div>
+        <div class="tcontent-c">
+          <div style="margin-bottom: 15px; color: #009bff; font-size: 24px; font-weight: bolder; letter-spacing: 10px">
+            {{ homedata.allMineWarn }}
+          </div>
+          <div style="color: #fff; font-size: 12px">自燃倾向性等级 : 自燃</div>
+        </div>
+        <div class="tcontent-r">
+          <div>火灾</div>
+          <div>风险</div>
+        </div>
+      </div>
+    </div>
+    <div class="right-t">
+      <div class="tcontent-l" @click="redirectTo('/grout-home')">
+        <div>智能</div>
+        <div>注浆系统</div>
+      </div>
+      <div class="tcontent-r" @click="redirectTo('/nitrogen-home')">
+        <div>智能</div>
+        <div>注氮系统</div>
+      </div>
+    </div>
+    <ModuleBD
+      v-for="cfg in configs"
+      :key="cfg.deviceType"
+      :show-style="cfg.showStyle"
+      :module-data="cfg.moduleData"
+      :module-name="cfg.moduleName"
+      :device-type="cfg.deviceType"
+      :visible="true"
+      :page-type="pageType"
+    />
+    <div style="width: 1000px; height: 550px; position: absolute; left: calc(50% - 500px); top: 60px">
+      <VentModal />
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { onMounted, ref } from 'vue';
+  // import { CaretDownOutlined } from '@ant-design/icons-vue';
+  // import MonitorCenter from './components/MonitorCenter.vue';
+  // import { useInitConfigs } from './hooks/useInit';
+  import ModuleBD from './components/ModuleBD.vue';
+  import ModuleBDDual from './components/ModuleBDDual.vue';
+  import { testConfigWZFire } from './configurable.data.wz';
+  import VentModal from '/@/components/vent/micro/ventModal.vue';
+  import { getBDFireData } from './configurable.api';
+  import { getToken } from '/@/utils/auth';
+
+  // import FramePage from '/@/views/sys/iframe/index.vue';
+  const frameRef = ref();
+  const mainTitle = ref('王庄煤矿火灾智能监测系统');
+  const pageType = 'BD_fire';
+  const loading = ref(true);
+
+  // const url = ref('http://localhost:8088/');
+  // const moduleCodes = ['fanlocal', 'fanmain' /** 'vc', 'ar', 'va', 'ws', 'dw' */];
+
+  const configs = ref(testConfigWZFire);
+  // const { configs, fetchConfigs } = useInitConfigs();
+  function hideLoading() {
+    loading.value = false;
+  }
+  const homedata = ref<any>({});
+
+  onMounted(() => {
+    // configs.value = testConfigB;
+
+    getBDFireData({}).then((r) => {
+      homedata.value = r;
+    });
+    // fetchConfigs(pageType);
+  });
+
+  function redirectTo(url) {
+    window.open(url);
+  }
+</script>
+<style lang="less" scoped>
+  @font-face {
+    font-family: 'douyuFont';
+    src: url('../../../../assets/font/douyuFont.otf');
+  }
+
+  .company-home {
+    width: 100%;
+    height: 100%;
+    color: @white;
+    position: relative;
+    background: url('@/assets/images/home-container/configurable/firehome/bg.png') no-repeat center;
+
+    .top-bg {
+      width: 100%;
+      height: 86px;
+      background: url(/@/assets/images/home-container/configurable/firehome/fire-title.png) no-repeat center;
+      position: absolute;
+      z-index: 1;
+      .main-title {
+        height: 86px;
+        font-family: 'douyuFont';
+        font-size: 26px;
+        letter-spacing: 2px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+
+    // .module-left {
+    //   position: absolute;
+    //   width: 450px;
+    //   height: 280px;
+    //   left: 0;
+    // }
+    // .module-right {
+    //   position: absolute;
+    //   width: 450px;
+    //   height: 280px;
+    //   right: 0;
+    // }
+    // .module-bottom {
+    //   position: absolute;
+    //   width: 1000px;
+    //   height: 280px;
+    // }
+    .module-dropdown {
+      padding: 10px;
+      background-image: linear-gradient(to bottom, #036886, #072a40);
+      border-bottom: 2px solid #3df6ff;
+      color: #fff;
+      position: absolute;
+      top: 70px;
+      right: 460px;
+    }
+    .module-dropdown-original {
+      padding: 10px;
+      background-image: linear-gradient(to bottom, #036886, #072a40);
+      border-bottom: 2px solid #3df6ff;
+      color: #fff;
+      position: absolute;
+      top: 70px;
+      right: 460px;
+    }
+    .module-trigger-button {
+      color: #fff;
+      background-image: linear-gradient(to bottom, #036886, #072a40);
+      border: none;
+      border-bottom: 2px solid #3df6ff;
+    }
+  }
+
+  .left-t {
+    position: absolute;
+    height: 115px;
+    top: 40px;
+    width: 450px;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100% 100%;
+
+    .tcontent-area {
+      display: flex;
+      position: absolute;
+      top: 50%;
+      left: 0;
+      box-sizing: border-box;
+      align-items: center;
+      justify-content: space-around;
+      width: 100%;
+      height: 70px;
+      padding: 0 15px;
+      transform: translate(0, -40%);
+
+      .tcontent-l {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        color: #9da5aa;
+        font-size: 14px;
+        font-weight: bold;
+        letter-spacing: 2px;
+      }
+
+      .tcontent-c {
+        display: flex;
+        flex: 3;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+      }
+
+      .tcontent-r {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        color: #9da5aa;
+        font-size: 14px;
+        font-weight: bold;
+        letter-spacing: 2px;
+      }
+    }
+  }
+  .right-t {
+    position: absolute;
+    // height: 160px;
+    height: 115px;
+    right: 0;
+    top: 50px;
+    width: 450px;
+    background-image: url('/@/assets/images/home-container/configurable/firehome/common-border2.png');
+    background-color: #000723;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100% 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    z-index: 1;
+
+    .tcontent-l {
+      flex: 1;
+      height: 100%;
+      font-size: 16px;
+      font-weight: bold;
+      background-image: url(/@/assets/images/home-container/configurable/firehome/img-5.png),
+        url(/@/assets/images/home-container/configurable/firehome/ggxt.png);
+      background-size:
+        auto 100%,
+        auto auto;
+      background-repeat: no-repeat;
+      background-position:
+        center,
+        center top;
+      text-align: center;
+      padding-top: 35px;
+      line-height: 40px;
+    }
+    .tcontent-r {
+      flex: 1;
+      height: 100%;
+      font-size: 16px;
+      font-weight: bold;
+      background-image: url(/@/assets/images/home-container/configurable/firehome/img-5.png),
+        url(/@/assets/images/home-container/configurable/firehome/zjxt.png);
+      background-size:
+        auto 100%,
+        auto auto;
+      background-repeat: no-repeat;
+      background-position:
+        center,
+        center top;
+      text-align: center;
+      padding-top: 35px;
+      line-height: 40px;
+    }
+  }
+
+  :deep(.loading-box) {
+    position: unset;
+  }
+</style>

+ 38 - 68
src/views/vent/home/configurable/index.vue

@@ -25,24 +25,24 @@
           <div style="margin-bottom: 15px; color: #009bff; font-size: 24px; font-weight: bolder; letter-spacing: 10px">
             {{ homedata.allMineWarn }}
           </div>
-          <div style="color: #fff; font-size: 12px">自燃倾向性等级 : 自燃</div>
+          <!-- <div style="color: #fff; font-size: 12px">自燃倾向性等级 : 容易自燃</div> -->
         </div>
         <div class="tcontent-r">
-          <div>火灾</div>
+          <div>粉尘</div>
           <div>风险</div>
         </div>
       </div>
     </div>
-    <div class="right-t">
-      <div class="tcontent-l" @click="redirectTo('/grout-home')">
+    <!-- <div class="right-t">
+      <div class="tcontent-l" @click="redirectTo('https://bing.cn')">
         <div>智能</div>
-        <div>浆系统</div>
+        <div>浆系统</div>
       </div>
-      <div class="tcontent-r" @click="redirectTo('/nitrogen-home')">
+      <div class="tcontent-r" @click="redirectTo('https://bing.cn')">
         <div>智能</div>
-        <div>注系统</div>
+        <div>注系统</div>
       </div>
-    </div>
+    </div> -->
     <ModuleBD
       v-for="cfg in configs"
       :key="cfg.deviceType"
@@ -53,20 +53,9 @@
       :visible="true"
       :page-type="pageType"
     />
-    <ModuleBDDual
-      :show-style="configA.showStyle"
-      :module-data-a="configA.moduleData"
-      :module-name-a="configA.moduleName"
-      :device-type-a="configA.deviceType"
-      :module-data-b="configB.moduleData"
-      :module-name-b="configB.moduleName"
-      :device-type-b="configB.deviceType"
-      :visible="true"
-      :page-type="pageType"
-    />
-    <div style="width: 1000px; height: 550px; position: absolute; left: calc(50% - 500px); top: 60px">
+    <div style="width: 1000px; height: 570px; position: absolute; left: calc(50% - 500px); top: 60px">
       <!-- <VentModal /> -->
-      <iframe style="width: 1000px; height: 550px" :src="iframeUrl" ref="frameRef" @load="hideLoading"></iframe>
+      <iframe style="width: 1000px; height: 570px" :src="iframeUrl" ref="frameRef" @load="hideLoading"></iframe>
     </div>
   </div>
 </template>
@@ -74,58 +63,39 @@
   import { onMounted, ref } from 'vue';
   // import { CaretDownOutlined } from '@ant-design/icons-vue';
   // import MonitorCenter from './components/MonitorCenter.vue';
-  // import { useInitConfigs } from './hooks/useInit';
+  import { useInitConfigs } from './hooks/useInit';
   import ModuleBD from './components/ModuleBD.vue';
-  import ModuleBDDual from './components/ModuleBDDual.vue';
-  import { testConfigBDFire } from './configurable.data';
+  // import { testConfigBDDust } from './configurable.data';
   // import VentModal from '/@/components/vent/micro/ventModal.vue';
-  import { getBDFireData } from './configurable.api';
+  import { getBDDustData } from './configurable.api';
   import { getToken } from '/@/utils/auth';
 
-  // import FramePage from '/@/views/sys/iframe/index.vue';
-  const frameRef = ref();
-  const mainTitle = ref('保德煤矿火灾预警系统');
-  const pageType = 'BD_fire';
-  const loading = ref(true);
   const iframeUrl = ref(
     `${location.protocol}//${location.hostname}:8091/dashboard/analysis?type=empty&deviceType=empty&showid=1&token=${getToken()}`
-  ); //正式时用 `${location.protocol}//${location.hostname}:8091/url`
-  // const url = ref('http://localhost:8088/');
+  );
+  const loading = ref(true);
+  const mainTitle = ref('保德煤矿粉尘灾害预警系统');
+  const pageType = 'BD_dust';
+
   // const moduleCodes = ['fanlocal', 'fanmain' /** 'vc', 'ar', 'va', 'ws', 'dw' */];
 
-  const configs = ref(
-    testConfigBDFire.filter(({ moduleName }) => {
-      return moduleName !== '工作面光纤监测' && moduleName !== '工作面束管监测';
-    })
-  );
-  const configA = ref<any>(
-    testConfigBDFire.find(({ moduleName }) => {
-      return moduleName === '工作面束管监测';
-    })
-  );
-  const configB = ref<any>(
-    testConfigBDFire.find(({ moduleName }) => {
-      return moduleName === '工作面光纤监测';
-    })
-  );
-  // const { configs, fetchConfigs } = useInitConfigs();
+  // const configs = ref(testConfigBDDust);
+  const { configs, fetchConfigs } = useInitConfigs();
+  const homedata = ref<any>({});
   function hideLoading() {
     loading.value = false;
   }
-  const homedata = ref<any>({});
-
   onMounted(() => {
     // configs.value = testConfigB;
-
-    getBDFireData({}).then((r) => {
+    fetchConfigs(pageType);
+    getBDDustData({}).then((r) => {
       homedata.value = r;
     });
-    // fetchConfigs(pageType);
   });
 
-  function redirectTo(url) {
-    window.open(url);
-  }
+  // function redirectTo(url) {
+  //   window.open(url);
+  // }
 </script>
 <style lang="less" scoped>
   @font-face {
@@ -203,7 +173,7 @@
   .left-t {
     position: absolute;
     height: 115px;
-    top: 40px;
+    top: 50px;
     width: 450px;
     background-image: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png');
     background-color: #000723;
@@ -262,8 +232,7 @@
   }
   .right-t {
     position: absolute;
-    // height: 160px;
-    height: 115px;
+    height: 160px;
     right: 0;
     top: 50px;
     width: 450px;
@@ -275,12 +244,11 @@
     display: flex;
     align-items: center;
     justify-content: space-around;
-    z-index: 1;
 
     .tcontent-l {
       flex: 1;
-      height: 100%;
-      font-size: 16px;
+      height: 70%;
+      font-size: 20px;
       font-weight: bold;
       background-image: url(/@/assets/images/home-container/configurable/firehome/img-5.png),
         url(/@/assets/images/home-container/configurable/firehome/ggxt.png);
@@ -292,13 +260,14 @@
         center,
         center top;
       text-align: center;
-      padding-top: 35px;
-      line-height: 40px;
+      padding-top: 40px;
+      line-height: 50px;
+      cursor: pointer;
     }
     .tcontent-r {
       flex: 1;
-      height: 100%;
-      font-size: 16px;
+      height: 70%;
+      font-size: 20px;
       font-weight: bold;
       background-image: url(/@/assets/images/home-container/configurable/firehome/img-5.png),
         url(/@/assets/images/home-container/configurable/firehome/zjxt.png);
@@ -310,8 +279,9 @@
         center,
         center top;
       text-align: center;
-      padding-top: 35px;
-      line-height: 40px;
+      padding-top: 40px;
+      line-height: 50px;
+      cursor: pointer;
     }
   }
 

+ 3 - 2
src/views/vent/monitorManager/fanLocalMonitor1/components/fanlocal-warn-history.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="alarm-history">
-    <AlarmHistoryTable columns-type="alarm" :device-type="`${devicekide}`" designScope="alarm-history" :scroll="scroll" />
+    <AlarmHistoryTable columns-type="alarm" :device-type="`${devicekide}`" designScope="alarm-history" :scroll="scroll" :deviceId="deviceId" />
   </div>
 </template>
 <script setup lang="ts">
-  import { reactive } from 'vue';
+  import { reactive, computed } from 'vue';
   import AlarmHistoryTable from '../../comment/AlarmHistoryTable.vue';
 
   const props = defineProps({
@@ -17,6 +17,7 @@
       default: '',
     },
   });
+  const deviceId = computed(() => props.deviceId);
   let scroll = reactive({
     y: 580,
   });

+ 2 - 2
src/views/vent/monitorManager/fanLocalMonitor1/index.vue

@@ -734,7 +734,7 @@
   //
   async function getDataSource() {
     if (devicekide.value) {
-      const res = await list({ devicetype: devicekide.value, systemID: deviceId.value || null, pagetype: 'normal' });
+      const res = await list({ devicetype: devicekide.value, ids: deviceId.value, pagetype: 'normal' });
       // const res = await list({ devicetype: 'fanlocal', pagetype: 'normal' });
       if (res.msgTxt && res.msgTxt[0] && res.msgTxt[0].datalist && res.msgTxt[0].datalist.length > 0) {
         const dataArr = res.msgTxt[0].datalist || [];
@@ -1224,7 +1224,7 @@
 
   .scene-box {
     height: 100%;
-
+    z-index: 99999;
     .title-text {
       height: 32px;
     }

+ 1 - 0
stylelint.config.js

@@ -36,6 +36,7 @@ module.exports = {
         ignore: ['after-comment', 'first-nested'],
       },
     ],
+    // "customSyntax": "postcss-syntax",
     'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }],
     'order/order': [
       [