Browse Source

[Feat 0000] 王庄首页开发(参考保德)

houzekong 4 months ago
parent
commit
b76abf829b

+ 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;',
+    },
+  },
+];

+ 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;
     }
   }