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

src/views/vent/home/clique/dustComponents/mine-wind.vue

@@ -4,7 +4,7 @@
     <div class="mine-content">
       <div class="content-tabs">
         <div :class="activeIndex == '1' ? 'tabs-item1' : 'tabs-item'" @click="getChange('1')">信息列表</div>
-        <div :class="activeIndex == '2' ? 'tabs-item1' : 'tabs-item'" @click="getChange('2')">信息统计</div>
+        <!-- <div :class="activeIndex == '2' ? 'tabs-item1' : 'tabs-item'" @click="getChange('2')">信息统计</div> -->
       </div>
       <ArrowRightOutlined class="go-icon" @click="goDetail()" />
       <!-- 信息列表 -->
@@ -33,491 +33,444 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, reactive, watch, defineProps, nextTick } from 'vue';
-import * as echarts from 'echarts';
-import { useGo } from '/@/hooks/web/usePage';
-import { ArrowRightOutlined } from '@ant-design/icons-vue';
-
-let props = defineProps({
-  airKjStatus: {
-    type: Array,
-    default: () => {
-      return [];
+  import { ref, reactive, watch, defineProps, nextTick } from 'vue';
+  import * as echarts from 'echarts';
+  import { useGo } from '/@/hooks/web/usePage';
+  import { ArrowRightOutlined } from '@ant-design/icons-vue';
+
+  let props = defineProps({
+    airKjStatus: {
+      type: Array,
+      default: () => {
+        return [];
+      },
     },
-  },
-});
-const go = useGo();
-let activeIndex = ref('1');
-//获取dom元素节点
-let piebox = ref<any>();
-let pieboxall = ref<any>();
-let mineTitle = ref('单位管理');
-
-//获取dom元素节点
-let contList = reactive<any[]>([
-  { id: '1', name: '柳塔矿', production: 800, br: 1, grade: '一' },
-  { id: '2', name: '寸草塔二矿', production: 700, br: 2, grade: '二' },
-  { id: '3', name: '布尔台矿', production: 900, br: 1, grade: '一' },
-  { id: '4', name: '乌兰木伦矿', production: 1800, br: 1, grade: '三' },
-  { id: '5', name: '寸草塔矿', production: 1200, br: 1, grade: '一' },
-  { id: '6', name: '石圪台矿', production: 2300, br: 1, grade: '四' },
-  { id: '7', name: '补连塔矿', production: 300, br: 1, grade: '一' },
-  { id: '8', name: '哈拉沟矿', production: 1300, br: 3, grade: '一' },
-  { id: '9', name: '上湾矿', production: 800, br: 1, grade: '一' },
-  { id: '10', name: '活鸡兔井', production: 800, br: 1, grade: '一' },
-  { id: '11', name: '大柳塔井', production: 800, br: 1, grade: '一' },
-  { id: '12', name: '锦界矿', production: 800, br: 1, grade: '一' },
-  { id: '13', name: '榆家梁矿', production: 800, br: 1, grade: '一' },
-  { id: '14', name: '保德矿', production: 800, br: 1, grade: '一' },
-]);
-let headList = reactive<any>([
-  { label: '序号' },
-  { label: '矿井名称' },
-  { label: '原煤产量/百万吨' },
-  { label: '尘肺病例/人' },
-  { label: '发病等级' }
-]);
-
-//tabs选项切换
-function getChange(active) {
-  activeIndex.value = active;
-  switch (activeIndex.value) {
-    case '1':
-      break;
-    case '2':
-      getOption();
-      getOptionAll();
-      break;
+  });
+  const go = useGo();
+  let activeIndex = ref('1');
+  //获取dom元素节点
+  let piebox = ref<any>();
+  let pieboxall = ref<any>();
+  let mineTitle = ref('单位管理');
+
+  //获取dom元素节点
+  let contList = reactive<any[]>([
+    { id: '1', name: '柳塔矿', production: 800, br: 1, grade: '一' },
+    { id: '2', name: '寸草塔二矿', production: 700, br: 2, grade: '二' },
+    { id: '3', name: '布尔台矿', production: 900, br: 1, grade: '一' },
+    { id: '4', name: '乌兰木伦矿', production: 1800, br: 1, grade: '三' },
+    { id: '5', name: '寸草塔矿', production: 1200, br: 1, grade: '一' },
+    { id: '6', name: '石圪台矿', production: 2300, br: 1, grade: '四' },
+    { id: '7', name: '补连塔矿', production: 300, br: 1, grade: '一' },
+    { id: '8', name: '哈拉沟矿', production: 1300, br: 3, grade: '一' },
+    { id: '9', name: '上湾矿', production: 800, br: 1, grade: '一' },
+    { id: '10', name: '活鸡兔井', production: 800, br: 1, grade: '一' },
+    { id: '11', name: '大柳塔井', production: 800, br: 1, grade: '一' },
+    { id: '12', name: '锦界矿', production: 800, br: 1, grade: '一' },
+    { id: '13', name: '榆家梁矿', production: 800, br: 1, grade: '一' },
+    { id: '14', name: '保德矿', production: 800, br: 1, grade: '一' },
+  ]);
+  let headList = reactive<any>([
+    { label: '序号' },
+    { label: '矿井名称' },
+    { label: '原煤产量/百万吨' },
+    { label: '尘肺病例/人' },
+    { label: '发病等级' },
+  ]);
+
+  //tabs选项切换
+  function getChange(active) {
+    activeIndex.value = active;
+    switch (activeIndex.value) {
+      case '1':
+        break;
+      case '2':
+        getOption();
+        getOptionAll();
+        break;
+    }
   }
-}
-
-function goDetail() {
-  //本地模拟跳转
-  go('/dustHome/infoTj/home');
-}
-
-function getOption() {
-  nextTick(() => {
-    let myChart = echarts.init(piebox.value);
-    let option = {
-      tooltip: {
-        trigger: 'item',
-        formatter: '{a} <br/>{b} : {c} ({d}%)',
-      },
-      color: ['#faa526', '#d5eb0f', '#afec07', '#f3f720', '#0ee93d', '#17d1b2', '#2ae271', '#11bce7', '#c127f0', '#ee125b'],
-      title: {
-        text: '陕西省尘肺病地区比例分析',
-        left: 'center',
-        top: 5,
-        textStyle: {
-          color: '#00d8ff',
-          fontSize: 14,
+
+  function goDetail() {
+    //本地模拟跳转
+    go('/dustHome/infoTj/home');
+  }
+
+  function getOption() {
+    nextTick(() => {
+      let myChart = echarts.init(piebox.value);
+      let option = {
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c} ({d}%)',
         },
-      },
-      legend: {
-        orient: 'vertical',
-        right: 10,
-        align: 'auto',
-        top: 'middle',
-        itemGap: 0.5,
-        textStyle: {
-          color: '#fff',
-          fontSize: 10,
+        color: ['#faa526', '#d5eb0f', '#afec07', '#f3f720', '#0ee93d', '#17d1b2', '#2ae271', '#11bce7', '#c127f0', '#ee125b'],
+        title: {
+          text: '陕西省尘肺病地区比例分析',
+          left: 'center',
+          top: 5,
+          textStyle: {
+            color: '#00d8ff',
+            fontSize: 14,
+          },
         },
-        icon: 'circle',
-        data: ['西安市', '宝鸡市', '咸阳市', '铜川市', '渭南市', '延安市', '榆林市', '汉中市', '安康市', '商洛市'],
-        // formatter: function (name) {
-        //     var oa = option.series[0].data;
-        //     var num = oa[0].value + oa[1].value + oa[2].value + oa[3].value;
-        //     for (var i = 0; i < option.series[0].data.length; i++) {
-        //         if (name == oa[i].name) {
-        //             return name + '     ' + oa[i].value + '     ' + (oa[i].value / num * 100).toFixed(2) + '%';
-        //         }
-        //     }
-        // }
-      },
-      series: [
-        {
-          name: '比例分析',
-          type: 'pie',
-          radius: '55%',
-          center: ['48%', '50%'],
-          data: [
-            { value: 335, name: '西安市' },
-            { value: 310, name: '宝鸡市' },
-            { value: 234, name: '咸阳市' },
-            { value: 135, name: '铜川市' },
-            { value: 335, name: '渭南市' },
-            { value: 310, name: '延安市' },
-            { value: 234, name: '榆林市' },
-            { value: 135, name: '汉中市' },
-            { value: 335, name: '安康市' },
-            { value: 310, name: '商洛市' },
-          ],
-
-          itemStyle: {
-            normal: {
-              label: {
-                show: true,
-                fontSize: 10,
-                color: '#fff',
-                formatter: '{b} : {d}%',
-              },
-            },
-            labelLine: {
+        legend: {
+          orient: 'vertical',
+          right: 10,
+          align: 'auto',
+          top: 'middle',
+          itemGap: 0.5,
+          textStyle: {
+            color: '#fff',
+            fontSize: 10,
+          },
+          icon: 'circle',
+          data: ['西安市', '宝鸡市', '咸阳市', '铜川市', '渭南市', '延安市', '榆林市', '汉中市', '安康市', '商洛市'],
+          // formatter: function (name) {
+          //     var oa = option.series[0].data;
+          //     var num = oa[0].value + oa[1].value + oa[2].value + oa[3].value;
+          //     for (var i = 0; i < option.series[0].data.length; i++) {
+          //         if (name == oa[i].name) {
+          //             return name + '     ' + oa[i].value + '     ' + (oa[i].value / num * 100).toFixed(2) + '%';
+          //         }
+          //     }
+          // }
+        },
+        series: [
+          {
+            name: '比例分析',
+            type: 'pie',
+            radius: '55%',
+            center: ['48%', '50%'],
+            data: [
+              { value: 335, name: '西安市' },
+              { value: 310, name: '宝鸡市' },
+              { value: 234, name: '咸阳市' },
+              { value: 135, name: '铜川市' },
+              { value: 335, name: '渭南市' },
+              { value: 310, name: '延安市' },
+              { value: 234, name: '榆林市' },
+              { value: 135, name: '汉中市' },
+              { value: 335, name: '安康市' },
+              { value: 310, name: '商洛市' },
+            ],
+
+            itemStyle: {
               normal: {
-                show: true,
-                length: 50,
-                length2: 50,
-                lineStyle: {
+                label: {
+                  show: true,
+                  fontSize: 10,
                   color: '#fff',
-                  width: 2,
+                  formatter: '{b} : {d}%',
+                },
+              },
+              labelLine: {
+                normal: {
+                  show: true,
+                  length: 50,
+                  length2: 50,
+                  lineStyle: {
+                    color: '#fff',
+                    width: 2,
+                  },
                 },
               },
             },
           },
+        ],
+      };
+      myChart.setOption(option);
+      window.onresize = function () {
+        myChart.resize();
+      };
+    });
+  }
+  function getOptionAll() {
+    nextTick(() => {
+      let scaleData = [
+        {
+          name: '横山区',
+          value: 10,
         },
-      ],
-    };
-    myChart.setOption(option);
-    window.onresize = function () {
-      myChart.resize();
-    };
-  });
-}
-function getOptionAll() {
-  nextTick(() => {
-    let scaleData = [
-      {
-        name: '横山区',
-        value: 10,
-      },
-      {
-        name: '神木市',
-        value: 10,
-      },
-      {
-        name: '府谷县',
-        value: 10,
-      },
-      {
-        name: '靖边县',
-        value: 10,
-      },
-      {
-        name: '定边县',
-        value: 10,
-      },
-      {
-        name: '绥德县',
-        value: 10,
-      },
-      {
-        name: '米脂县',
-        value: 10,
-      },
-      {
-        name: '佳县',
-        value: 10,
-      },
-      {
-        name: '吴堡县',
-        value: 10,
-      },
-      {
-        name: '清涧县',
-        value: 10,
-      },
-    ];
-    let rich = {
-      white: {
-        color: '#fff',
-        align: 'center',
-        fontSize: 12,
-        padding: [3, 0],
-      },
-    };
-    let placeHolderStyle = {
-      normal: {
-        label: {
-          show: false,
+        {
+          name: '神木市',
+          value: 10,
         },
-        labelLine: {
-          show: false,
+        {
+          name: '府谷县',
+          value: 10,
         },
-        color: 'rgba(0, 0, 0, 0)',
-        borderColor: 'rgba(0, 0, 0, 0)',
-        borderWidth: 0,
-      },
-    };
-    let data: any[] = [];
-    let color1 = [
-      'rgb(255, 153, 153)',
-      'rgb(255, 176, 63)',
-      'rgb(61, 186, 45)',
-      'rgb(43, 166, 254)',
-      'rgb(255,222,0)',
-      'rgb(255,0,0)',
-      '#faa526',
-      '#d5eb0f',
-      '#afec07',
-      '#f3f720',
-      '#0ee93d',
-      '#17d1b2',
-      '#2ae271',
-      '#11bce7',
-      '#c127f0',
-      '#ee125b',
-    ];
-
-    for (let i = 0; i < scaleData.length; i++) {
-      data.push(
         {
-          value: scaleData[i].value,
-          name: scaleData[i].name,
-          itemStyle: {
-            normal: {
-              borderWidth: 2,
-              shadowBlur: 0,
-              borderColor: color1[i],
-              shadowColor: color1[i],
-              color: color1[i],
-              opacity: 1,
-            },
+          name: '靖边县',
+          value: 10,
+        },
+        {
+          name: '定边县',
+          value: 10,
+        },
+        {
+          name: '绥德县',
+          value: 10,
+        },
+        {
+          name: '米脂县',
+          value: 10,
+        },
+        {
+          name: '佳县',
+          value: 10,
+        },
+        {
+          name: '吴堡县',
+          value: 10,
+        },
+        {
+          name: '清涧县',
+          value: 10,
+        },
+      ];
+      let rich = {
+        white: {
+          color: '#fff',
+          align: 'center',
+          fontSize: 12,
+          padding: [3, 0],
+        },
+      };
+      let placeHolderStyle = {
+        normal: {
+          label: {
+            show: false,
+          },
+          labelLine: {
+            show: false,
           },
+          color: 'rgba(0, 0, 0, 0)',
+          borderColor: 'rgba(0, 0, 0, 0)',
+          borderWidth: 0,
         },
+      };
+      let data: any[] = [];
+      let color1 = [
+        'rgb(255, 153, 153)',
+        'rgb(255, 176, 63)',
+        'rgb(61, 186, 45)',
+        'rgb(43, 166, 254)',
+        'rgb(255,222,0)',
+        'rgb(255,0,0)',
+        '#faa526',
+        '#d5eb0f',
+        '#afec07',
+        '#f3f720',
+        '#0ee93d',
+        '#17d1b2',
+        '#2ae271',
+        '#11bce7',
+        '#c127f0',
+        '#ee125b',
+      ];
+
+      for (let i = 0; i < scaleData.length; i++) {
+        data.push(
+          {
+            value: scaleData[i].value,
+            name: scaleData[i].name,
+            itemStyle: {
+              normal: {
+                borderWidth: 2,
+                shadowBlur: 0,
+                borderColor: color1[i],
+                shadowColor: color1[i],
+                color: color1[i],
+                opacity: 1,
+              },
+            },
+          },
+          {
+            value: 2,
+            name: '',
+            itemStyle: placeHolderStyle,
+          }
+        );
+      }
+      let seriesObj = [
         {
-          value: 2,
           name: '',
-          itemStyle: placeHolderStyle,
-        }
-      );
-    }
-    let seriesObj = [
-      {
-        name: '',
-        type: 'pie',
-        clockWise: false,
-        radius: [40, 75],
-        center: ['48%', '56%'],
-        hoverAnimation: false,
-        itemStyle: {
-          normal: {
-            label: {
-              show: true,
-              position: 'inner',
-              fontSize: 10,
-              color: '#fff',
-              formatter: function (params) {
-                let percent: any = 0;
-                let total = 0;
-                for (var i = 0; i < scaleData.length; i++) {
-                  total += scaleData[i].value;
-                }
-                percent = ((params.value / total) * 100).toFixed(0);
-                if (params.name !== '') {
-                  return params.name;
-                } else {
-                  return '';
-                }
+          type: 'pie',
+          clockWise: false,
+          radius: [40, 75],
+          center: ['48%', '56%'],
+          hoverAnimation: false,
+          itemStyle: {
+            normal: {
+              label: {
+                show: true,
+                position: 'inner',
+                fontSize: 10,
+                color: '#fff',
+                formatter: function (params) {
+                  let percent: any = 0;
+                  let total = 0;
+                  for (var i = 0; i < scaleData.length; i++) {
+                    total += scaleData[i].value;
+                  }
+                  percent = ((params.value / total) * 100).toFixed(0);
+                  if (params.name !== '') {
+                    return params.name;
+                  } else {
+                    return '';
+                  }
+                },
+                rich: rich,
+              },
+              labelLine: {
+                show: false,
               },
-              rich: rich,
-            },
-            labelLine: {
-              show: false,
             },
           },
+          data: data,
         },
-        data: data,
-      },
-    ];
-    let myChart = echarts.init(pieboxall.value);
-    let option = {
-      tooltip: {
-        trigger: 'item',
-        formatter: '{b} : {c} ({d}%)',
-      },
-      title: {
-        text: '榆林市尘肺病比例分析',
-        left: 'center',
-        top: 0,
-        textStyle: {
-          color: '#00d8ff',
-          fontSize: 14,
+      ];
+      let myChart = echarts.init(pieboxall.value);
+      let option = {
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b} : {c} ({d}%)',
         },
-      },
-      legend: {
-        orient: 'vertical',
-        right: 10,
-        align: 'auto',
-        top: 'middle',
-        itemGap: 0.5,
-        textStyle: {
-          color: '#fff',
-          fontSize: 10,
+        title: {
+          text: '榆林市尘肺病比例分析',
+          left: 'center',
+          top: 0,
+          textStyle: {
+            color: '#00d8ff',
+            fontSize: 14,
+          },
         },
-        icon: 'circle',
-        data: ['横山区', '神木市', '府谷县', '靖边县', '定边县', '绥德县', '米脂县', '佳县', '吴堡县', '清涧县'],
-      },
-      toolbox: {
-        show: false,
-      },
-      series: seriesObj,
-    };
-    myChart.setOption(option);
-    window.onresize = function () {
-      myChart.resize();
-    };
-  });
-}
-
-watch(
-  () => props.airKjStatus,
-  (newA, oldA) => {
-    console.log(newA, 'airKjStatus-----------');
-  },
-  {
-    immediate: true,
-    deep: true,
+        legend: {
+          orient: 'vertical',
+          right: 10,
+          align: 'auto',
+          top: 'middle',
+          itemGap: 0.5,
+          textStyle: {
+            color: '#fff',
+            fontSize: 10,
+          },
+          icon: 'circle',
+          data: ['横山区', '神木市', '府谷县', '靖边县', '定边县', '绥德县', '米脂县', '佳县', '吴堡县', '清涧县'],
+        },
+        toolbox: {
+          show: false,
+        },
+        series: seriesObj,
+      };
+      myChart.setOption(option);
+      window.onresize = function () {
+        myChart.resize();
+      };
+    });
   }
-)
+
+  watch(
+    () => props.airKjStatus,
+    (newA, oldA) => {
+      console.log(newA, 'airKjStatus-----------');
+    },
+    {
+      immediate: true,
+      deep: true,
+    }
+  );
 </script>
 <style lang="less" scoped>
-@font-face {
-  font-family: 'douyuFont';
-  src: url('../../../../assets/font/douyuFont.otf');
-}
-
-.mineWind {
-  position: relative;
-  width: 100%;
-  height: 100%;
-
-  .mine-title {
-    position: absolute;
-    left: 50px;
-    top: 12px;
-    color: #fff;
+  @font-face {
     font-family: 'douyuFont';
-    font-size: 14px;
+    src: url('../../../../assets/font/douyuFont.otf');
   }
 
-  .mine-content {
+  .mineWind {
+    position: relative;
+    width: 100%;
     height: 100%;
-    padding: 40px 0px 28px 0px;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .content-tabs {
-      width: 100%;
-      height: 45px;
-      padding: 0px 30px;
-      display: flex;
-      align-items: center;
 
-      .tabs-item {
-        color: #fff;
-        cursor: pointer;
-
-        &:nth-child(1) {
-          margin-right: 10px;
-        }
-      }
-
-      .tabs-item1 {
-        color: rgba(0, 216, 255);
-        cursor: pointer;
-        border-bottom: 2px solid;
-        border-image: linear-gradient(to right, transparent, rgba(49, 184, 255, 1), transparent) 1 1 1;
-        margin-right: 10px;
-      }
-    }
-
-    .go-icon {
+    .mine-title {
       position: absolute;
-      right: 22px;
-      top: 55px;
+      left: 50px;
+      top: 12px;
       color: #fff;
-      cursor: pointer;
-      border-bottom: 2px solid;
-      border-image: linear-gradient(to right, transparent, rgba(49, 184, 255, 1), transparent) 1 1 1;
-      margin-right: 10px;
+      font-family: 'douyuFont';
+      font-size: 14px;
     }
-  }
-
-  .content-table {
-    position: relative;
-    width: 90%;
-    height: calc(100% - 45px);
-    margin: 0px 30px;
-    border: 1px solid rgba(0, 216, 255, 0.3);
 
-    .table-head {
+    .mine-content {
+      height: 100%;
+      padding: 40px 0px 28px 0px;
+      box-sizing: border-box;
       display: flex;
-      justify-content: space-between;
-      height: 50px;
-      border-bottom: 1px solid rgba(0, 216, 255, 0.3);
+      flex-direction: column;
+      align-items: center;
 
-      .head-item {
+      .content-tabs {
+        width: 100%;
+        height: 45px;
+        padding: 0px 30px;
         display: flex;
         align-items: center;
-        justify-content: center;
-        height: 100%;
-        color: rgba(0, 216, 255);
-        font-size: 12px;
-        border-right: 1px solid rgba(0, 216, 255, 0.1);
-
-        &:nth-child(1) {
-          width: 8%;
-          text-align: center;
-        }
 
-        &:nth-child(2) {
-          width: 31%;
-          text-align: center;
-        }
+        .tabs-item {
+          color: #fff;
+          cursor: pointer;
 
-        &:nth-child(3) {
-          width: 20%;
-          text-align: center;
+          &:nth-child(1) {
+            margin-right: 10px;
+          }
         }
 
-        &:nth-child(4) {
-          width: 20%;
-          text-align: center;
+        .tabs-item1 {
+          color: rgba(0, 216, 255);
+          cursor: pointer;
+          border-bottom: 2px solid;
+          border-image: linear-gradient(to right, transparent, rgba(49, 184, 255, 1), transparent) 1 1 1;
+          margin-right: 10px;
         }
+      }
 
-        &:nth-child(5) {
-          width: 20%;
-          text-align: center;
+      .go-icon {
+        position: absolute;
+        right: 22px;
+        top: 55px;
+        color: #fff;
+        cursor: pointer;
+        margin-right: 10px;
+        font-size: 20px;
+        &:hover {
+          color: #00d8ff;
         }
-
-
       }
     }
 
-    .table-cont {
-      height: calc(100% - 51px);
-      overflow-y: auto;
+    .content-table {
+      position: relative;
+      width: 90%;
+      height: calc(100% - 45px);
+      margin: 0px 30px;
+      border: 1px solid rgba(0, 216, 255, 0.3);
 
-      .cont-item {
+      .table-head {
         display: flex;
         justify-content: space-between;
         height: 50px;
         border-bottom: 1px solid rgba(0, 216, 255, 0.3);
 
-        .item-val {
+        .head-item {
           display: flex;
           align-items: center;
           justify-content: center;
           height: 100%;
+          color: rgba(0, 216, 255);
           font-size: 12px;
-          color: #fff;
           border-right: 1px solid rgba(0, 216, 255, 0.1);
 
-
           &:nth-child(1) {
             width: 8%;
             text-align: center;
@@ -543,64 +496,104 @@ watch(
             text-align: center;
           }
         }
+      }
 
+      .table-cont {
+        height: calc(100% - 51px);
+        overflow-y: auto;
 
-
+        .cont-item {
+          display: flex;
+          justify-content: space-between;
+          height: 50px;
+          border-bottom: 1px solid rgba(0, 216, 255, 0.3);
+
+          .item-val {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+            font-size: 12px;
+            color: #fff;
+            border-right: 1px solid rgba(0, 216, 255, 0.1);
+
+            &:nth-child(1) {
+              width: 8%;
+              text-align: center;
+            }
+
+            &:nth-child(2) {
+              width: 31%;
+              text-align: center;
+            }
+
+            &:nth-child(3) {
+              width: 20%;
+              text-align: center;
+            }
+
+            &:nth-child(4) {
+              width: 20%;
+              text-align: center;
+            }
+
+            &:nth-child(5) {
+              width: 20%;
+              text-align: center;
+            }
+          }
+        }
       }
     }
-  }
 
-  .item-val1 {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    font-size: 12px;
-    color: #fff;
-    width: 17.4%;
-    text-align: center;
-    border-right: none;
+    .item-val1 {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      font-size: 12px;
+      color: #fff;
+      width: 17.4%;
+      text-align: center;
+      border-right: none;
+    }
   }
-}
-
-
 
+  ::v-deep .zxm-select-single:not(.zxm-select-customize-input) .zxm-select-selector {
+    height: 24px;
+  }
 
-::v-deep .zxm-select-single:not(.zxm-select-customize-input) .zxm-select-selector {
-  height: 24px;
-}
-
-::v-deep .zxm-select-single:not(.zxm-select-customize-input) .zxm-select-selector .zxm-select-selection-search-input {
-  height: 24px;
-}
+  ::v-deep .zxm-select-single:not(.zxm-select-customize-input) .zxm-select-selector .zxm-select-selection-search-input {
+    height: 24px;
+  }
 
-::v-deep .zxm-select-selection-placeholder {
-  color: #fff !important;
-  line-height: 22px !important;
-}
+  ::v-deep .zxm-select-selection-placeholder {
+    color: #fff !important;
+    line-height: 22px !important;
+  }
 
-::v-deep .zxm-select-single:not(.zxm-select-customize-input) .zxm-select-selector::after {
-  line-height: 24px;
-}
+  ::v-deep .zxm-select-single:not(.zxm-select-customize-input) .zxm-select-selector::after {
+    line-height: 24px;
+  }
 
-::v-deep .zxm-select:not(.zxm-select-customize-input) .zxm-select-selector {
-  background-color: transparent;
-  border-top: 0px;
-  border-bottom: 0px;
-  border-left: 2px solid;
-  border-right: 2px solid;
-  border-image: linear-gradient(to bottom, transparent, rgba(49, 184, 255, 1), transparent) 1 1 1;
-}
+  ::v-deep .zxm-select:not(.zxm-select-customize-input) .zxm-select-selector {
+    background-color: transparent;
+    border-top: 0px;
+    border-bottom: 0px;
+    border-left: 2px solid;
+    border-right: 2px solid;
+    border-image: linear-gradient(to bottom, transparent, rgba(49, 184, 255, 1), transparent) 1 1 1;
+  }
 
-::v-deep .zxm-select-arrow {
-  color: #fff !important;
-}
+  ::v-deep .zxm-select-arrow {
+    color: #fff !important;
+  }
 
-::v-deep .zxm-select-selection-item {
-  color: #fff !important;
-}
+  ::v-deep .zxm-select-selection-item {
+    color: #fff !important;
+  }
 
-::v-deep .zxm-select-single .zxm-select-selector .zxm-select-selection-item {
-  line-height: 24px !important;
-}
+  ::v-deep .zxm-select-single .zxm-select-selector .zxm-select-selection-item {
+    line-height: 24px !important;
+  }
 </style>

src/views/vent/home/configurable/components/ModuleBD.vue

@@ -126,7 +126,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background-image: url(/home/zekong/mky-vent-base/src/assets/images/home-container/configurable/firehome/module-title.png);
+    background-image: url('@/assets/images/home-container/configurable/firehome/module-title.png');
     background-repeat: no-repeat;
     background-position: center top;
     background-size: 100% auto;
@@ -203,7 +203,7 @@
   }
 
   .dane-w {
-    background-image: url(/home/zekong/mky-vent-base/src/assets/images/home-container/configurable/firehome/module-title-long.png);
+    background-image: url('@/assets/images/home-container/configurable/firehome/module-title-long.png');
     background-size: 100% 37px;
   }
 

src/views/vent/home/configurable/components/ModuleBDDual.vue

@@ -158,7 +158,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background-image: url(/home/zekong/mky-vent-base/src/assets/images/home-container/configurable/firehome/module-title.png);
+    background-image: url('@/assets/images/home-container/configurable/firehome/module-title.png');
     background-repeat: no-repeat;
     background-position: center top;
     background-size: 100% auto;
@@ -235,7 +235,7 @@
   }
 
   .dane-w {
-    background-image: url(/home/zekong/mky-vent-base/src/assets/images/home-container/configurable/firehome/module-title-long.png);
+    background-image: url('@/assets/images/home-container/configurable/firehome/module-title-long.png');
     background-size: 100% 37px;
   }
 

src/views/vent/home/configurable/components/header.vue

@@ -10,7 +10,7 @@
       :bordered="false"
       @open-change="visible = $event"
     >
-      <div class="w-100% flex flex-items-center" @click.prevent>
+      <div class="flex-basis-100% flex flex-items-center" @click.prevent>
         <SwapOutlined class="w-30px" />
         <div class="flex-grow-1">
           {{ selectedDeviceLabel }}
@@ -27,7 +27,7 @@
       </template>
     </Dropdown>
     <template v-if="headerConfig.showSlot">
-      <div class="flex flex-items-center flex-grow-1 costume-header_right">
+      <div class="flex-basis-50% flex flex-items-center flex-grow-1 costume-header_right">
         <SwapOutlined class="w-30px" />
         <div class="flex-grow-1">
           {{ selectedDeviceSlot }}

src/views/vent/home/configurable/configurable.data.ts

@@ -1,330 +1,5 @@
 import { Config } from '../../deviceManager/configurationTable/types';
 
-export const posMonitorData = {
-  msgType: null,
-  deviceID: '1657545388451663008',
-  strname: '束管3',
-  strinstallpos: '束管3',
-  fsectarea: '11.0',
-  stationname: '测试分站',
-  stationtype: 'plc',
-  deviceType: 'bundletube_auto',
-  typeName: '束管监测',
-  netStatus: 1,
-  warnFlag: 0,
-  warnLevel: 0,
-  warnLevel_str: '正常',
-  syswarnLevel: 101,
-  syswarnLevel_str: '绿色预警',
-  syswarnLevel_des: '缓慢氧化阶段（吸氧蓄热期）',
-  warnTime: null,
-  readTime: '10:03:08',
-  warnDes: '',
-  frontGateOpenCtrl: null,
-  rearGateOpenCtrl: null,
-  readData: {
-    ch2val_datainfo: {
-      dayMaxTime: '2024-08-05 09:59:54',
-      dayAvg: 0,
-      dayMin: 0,
-      dayMinTime: '2024-08-05 09:59:54',
-      avgHour: 0,
-      hourMinTime: '2024-08-05 09:59:54',
-      hourNum: 85,
-      hourMax: 0,
-      hourAvg: 0,
-      hourMin: 0,
-      dayNum: 85,
-      hourMaxTime: '2024-08-05 09:59:54',
-      dayMax: 0,
-      avgDay: 0,
-    },
-    o2val_datainfo: {
-      dayMaxTime: '2024-08-05 10:00:04',
-      dayAvg: 1670.6299999999999,
-      dayMin: 19.51,
-      dayMinTime: '2024-08-05 10:00:02',
-      avgHour: 19,
-      hourMinTime: '2024-08-05 10:00:02',
-      hourNum: 85,
-      hourMax: 19.8,
-      hourAvg: 1670.6299999999999,
-      hourMin: 19.51,
-      dayNum: 85,
-      hourMaxTime: '2024-08-05 10:00:04',
-      dayMax: 19.8,
-      avgDay: 19,
-    },
-    sign: '0',
-    o2val: '19.67',
-    gasval_datainfo: {
-      dayMaxTime: '2024-08-05 10:00:00',
-      dayAvg: 33.25,
-      dayMin: 0.38,
-      dayMinTime: '2024-08-05 09:59:54',
-      avgHour: 0,
-      hourMinTime: '2024-08-05 09:59:54',
-      hourNum: 85,
-      hourMax: 0.4,
-      hourAvg: 33.25,
-      hourMin: 0.38,
-      dayNum: 85,
-      hourMaxTime: '2024-08-05 10:00:00',
-      dayMax: 0.4,
-      avgDay: 0,
-    },
-    chval_datainfo: {
-      dayMaxTime: '2024-08-05 09:59:54',
-      dayAvg: 0,
-      dayMin: 0,
-      dayMinTime: '2024-08-05 09:59:54',
-      avgHour: 0,
-      hourMinTime: '2024-08-05 09:59:54',
-      hourNum: 85,
-      hourMax: 0,
-      hourAvg: 0,
-      hourMin: 0,
-      dayNum: 85,
-      hourMaxTime: '2024-08-05 09:59:54',
-      dayMax: 0,
-      avgDay: 0,
-    },
-    coval_datainfo: {
-      dayMaxTime: '2024-08-05 10:02:36',
-      dayAvg: 1075.0000000000007,
-      dayMin: 12.5,
-      dayMinTime: '2024-08-05 10:00:10',
-      avgHour: 12,
-      hourMinTime: '2024-08-05 10:00:10',
-      hourNum: 85,
-      hourMax: 12.8,
-      hourAvg: 1075.0000000000007,
-      hourMin: 12.5,
-      dayNum: 85,
-      hourMaxTime: '2024-08-05 10:02:36',
-      dayMax: 12.8,
-      avgDay: 12,
-    },
-    co2val_datainfo: {
-      dayMaxTime: '2024-08-05 10:00:08',
-      dayAvg: 18.74000000000002,
-      dayMin: 0.2,
-      dayMinTime: '2024-08-05 09:59:54',
-      avgHour: 0,
-      hourMinTime: '2024-08-05 09:59:54',
-      hourNum: 85,
-      hourMax: 0.24,
-      hourAvg: 18.74000000000002,
-      hourMin: 0.2,
-      dayNum: 85,
-      hourMaxTime: '2024-08-05 10:00:08',
-      dayMax: 0.24,
-      avgDay: 0,
-    },
-    deviceStatus: '1',
-    coval: '12.57',
-    ch2val: '0.0',
-    btTriBlast: '{"G_y":10.52,"G_x":0,"F_y":0,"A_x":5.01,"B_x":15.04,"A_y":19.93,"B_y":17.82,"E_y":9.9953,"F_x":9.57,"E_x":5.01}',
-    gasval: '0.4',
-    chval: '0.0',
-    isRun: '-2',
-    co2val: '0.24',
-  },
-  readDataDes: null,
-  summaryHour: [],
-  summaryDay: [],
-  history: [
-    { coval: '12.72', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.54', time: '2024-08-05 10:01:30', co2val: '0.23' },
-    { coval: '12.74', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.66', time: '2024-08-05 10:01:32', co2val: '0.24' },
-    { coval: '12.7', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.51', time: '2024-08-05 10:01:34', co2val: '0.23' },
-    { coval: '12.7', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.65', time: '2024-08-05 10:01:36', co2val: '0.23' },
-    { coval: '12.62', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.54', time: '2024-08-05 10:01:38', co2val: '0.23' },
-    { coval: '12.62', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.54', time: '2024-08-05 10:01:40', co2val: '0.23' },
-    { coval: '12.51', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.67', time: '2024-08-05 10:01:42', co2val: '0.22' },
-    { coval: '12.69', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.7', time: '2024-08-05 10:01:44', co2val: '0.24' },
-    { coval: '12.7', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.66', time: '2024-08-05 10:01:46', co2val: '0.22' },
-    { coval: '12.7', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.61', time: '2024-08-05 10:01:48', co2val: '0.22' },
-    { coval: '12.68', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.76', time: '2024-08-05 10:01:50', co2val: '0.22' },
-    { coval: '12.6', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.73', time: '2024-08-05 10:01:52', co2val: '0.22' },
-    { coval: '12.58', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.53', time: '2024-08-05 10:01:54', co2val: '0.23' },
-    { coval: '12.64', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.62', time: '2024-08-05 10:01:56', co2val: '0.22' },
-    { coval: '12.53', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.73', time: '2024-08-05 10:01:58', co2val: '0.23' },
-    { coval: '12.58', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.65', time: '2024-08-05 10:02:00', co2val: '0.22' },
-    { coval: '12.79', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.7', time: '2024-08-05 10:02:02', co2val: '0.22' },
-    { coval: '12.65', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.52', time: '2024-08-05 10:02:04', co2val: '0.2' },
-    { coval: '12.61', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.52', time: '2024-08-05 10:02:06', co2val: '0.22' },
-    { coval: '12.61', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.52', time: '2024-08-05 10:02:08', co2val: '0.22' },
-    { coval: '12.64', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.53', time: '2024-08-05 10:02:10', co2val: '0.2' },
-    { coval: '12.61', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.76', time: '2024-08-05 10:02:12', co2val: '0.2' },
-    { coval: '12.62', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.73', time: '2024-08-05 10:02:14', co2val: '0.21' },
-    { coval: '12.69', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.74', time: '2024-08-05 10:02:16', co2val: '0.23' },
-    { coval: '12.69', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.6', time: '2024-08-05 10:02:18', co2val: '0.23' },
-    { coval: '12.77', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.67', time: '2024-08-05 10:02:20', co2val: '0.21' },
-    { coval: '12.75', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.67', time: '2024-08-05 10:02:22', co2val: '0.24' },
-    { coval: '12.51', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.6', time: '2024-08-05 10:02:24', co2val: '0.23' },
-    { coval: '12.51', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.6', time: '2024-08-05 10:02:26', co2val: '0.23' },
-    { coval: '12.7', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.52', time: '2024-08-05 10:02:28', co2val: '0.24' },
-    { coval: '12.7', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.52', time: '2024-08-05 10:02:30', co2val: '0.24' },
-    { coval: '12.75', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.58', time: '2024-08-05 10:02:32', co2val: '0.22' },
-    { coval: '12.78', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.67', time: '2024-08-05 10:02:34', co2val: '0.21' },
-    { coval: '12.58', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.52', time: '2024-08-05 10:02:36', co2val: '0.21' },
-    { coval: '12.8', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.57', time: '2024-08-05 10:02:38', co2val: '0.22' },
-    { coval: '12.8', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.57', time: '2024-08-05 10:02:40', co2val: '0.22' },
-    { coval: '12.69', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.58', time: '2024-08-05 10:02:42', co2val: '0.23' },
-    { coval: '12.69', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.73', time: '2024-08-05 10:02:44', co2val: '0.24' },
-    { coval: '12.57', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.66', time: '2024-08-05 10:02:46', co2val: '0.21' },
-    { coval: '12.79', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.63', time: '2024-08-05 10:02:48', co2val: '0.23' },
-    { coval: '12.68', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.56', time: '2024-08-05 10:02:50', co2val: '0.22' },
-    { coval: '12.74', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.74', time: '2024-08-05 10:02:52', co2val: '0.21' },
-    { coval: '12.77', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.74', time: '2024-08-05 10:02:54', co2val: '0.21' },
-    { coval: '12.59', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.68', time: '2024-08-05 10:02:56', co2val: '0.21' },
-    { coval: '12.79', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.79', time: '2024-08-05 10:02:58', co2val: '0.21' },
-    { coval: '12.56', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.73', time: '2024-08-05 10:03:00', co2val: '0.21' },
-    { coval: '12.68', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.73', time: '2024-08-05 10:03:02', co2val: '0.23' },
-    { coval: '12.52', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.59', time: '2024-08-05 10:03:04', co2val: '0.2' },
-    { coval: '12.64', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.72', time: '2024-08-05 10:03:06', co2val: '0.23' },
-    { coval: '12.57', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.67', time: '2024-08-05 10:03:08', co2val: '0.24' },
-  ],
-  dayhistory: [
-    { coval: '12.78', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.74', time: '2024-07-17 10:41:46', co2val: '0.24' },
-    { coval: '12.51', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.63', time: '2024-07-18 00:00:00', co2val: '0.24' },
-    { coval: '12.63', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.58', time: '2024-07-19 00:00:00', co2val: '0.23' },
-    { coval: '12.65', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.76', time: '2024-07-20 00:00:00', co2val: '0.22' },
-    { coval: '12.79', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.55', time: '2024-07-21 00:00:00', co2val: '0.22' },
-    { coval: '12.71', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.69', time: '2024-07-22 00:00:00', co2val: '0.23' },
-    { coval: '12.65', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.55', time: '2024-07-23 00:00:00', co2val: '0.21' },
-    { coval: '12.57', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.58', time: '2024-07-24 00:00:00', co2val: '0.22' },
-    { coval: '12.5', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.7', time: '2024-07-25 00:00:00', co2val: '0.24' },
-    { coval: '12.72', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.62', time: '2024-07-26 00:00:00', co2val: '0.21' },
-    { coval: '12.77', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.55', time: '2024-07-27 00:00:00', co2val: '0.23' },
-    { coval: '12.75', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.65', time: '2024-07-28 00:00:00', co2val: '0.22' },
-    { coval: '12.53', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.61', time: '2024-07-29 00:00:00', co2val: '0.22' },
-    { coval: '12.79', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.59', time: '2024-07-30 00:00:00', co2val: '0.21' },
-    { coval: '12.74', ch2val: '0.0', gasval: '0.4', chval: '0.0', o2val: '19.69', time: '2024-07-31 00:00:00', co2val: '0.2' },
-    { coval: '12.52', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.65', time: '2024-08-01 00:00:00', co2val: '0.21' },
-    { coval: '12.63', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.59', time: '2024-08-02 00:00:00', co2val: '0.23' },
-    { coval: '12.77', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.69', time: '2024-08-03 00:00:00', co2val: '0.21' },
-    { coval: '12.64', ch2val: '0.0', gasval: '0.39', chval: '0.0', o2val: '19.64', time: '2024-08-04 00:00:00', co2val: '0.21' },
-    { coval: '12.54', ch2val: '0.0', gasval: '0.38', chval: '0.0', o2val: '19.73', time: '2024-08-05 00:00:00', co2val: '0.23' },
-  ],
-  totalInfo: null,
-  sign: '0',
-  cameras: [],
-  links: [],
-  other1: null,
-  other2: null,
-  other3: null,
-  remarkInfo: null,
-  linkInfo: null,
-  addrIndex: null,
-  warnLogNotOkCount: 0,
-  ch2val_datainfo: {
-    dayMaxTime: '2024-08-05 09:59:54',
-    dayAvg: 0,
-    dayMin: 0,
-    dayMinTime: '2024-08-05 09:59:54',
-    avgHour: 0,
-    hourMinTime: '2024-08-05 09:59:54',
-    hourNum: 85,
-    hourMax: 0,
-    hourAvg: 0,
-    hourMin: 0,
-    dayNum: 85,
-    hourMaxTime: '2024-08-05 09:59:54',
-    dayMax: 0,
-    avgDay: 0,
-  },
-  o2val_datainfo: {
-    dayMaxTime: '2024-08-05 10:00:04',
-    dayAvg: 1670.6299999999999,
-    dayMin: 19.51,
-    dayMinTime: '2024-08-05 10:00:02',
-    avgHour: 19,
-    hourMinTime: '2024-08-05 10:00:02',
-    hourNum: 85,
-    hourMax: 19.8,
-    hourAvg: 1670.6299999999999,
-    hourMin: 19.51,
-    dayNum: 85,
-    hourMaxTime: '2024-08-05 10:00:04',
-    dayMax: 19.8,
-    avgDay: 19,
-  },
-  o2val: '19.67',
-  gasval_datainfo: {
-    dayMaxTime: '2024-08-05 10:00:00',
-    dayAvg: 33.25,
-    dayMin: 0.38,
-    dayMinTime: '2024-08-05 09:59:54',
-    avgHour: 0,
-    hourMinTime: '2024-08-05 09:59:54',
-    hourNum: 85,
-    hourMax: 0.4,
-    hourAvg: 33.25,
-    hourMin: 0.38,
-    dayNum: 85,
-    hourMaxTime: '2024-08-05 10:00:00',
-    dayMax: 0.4,
-    avgDay: 0,
-  },
-  chval_datainfo: {
-    dayMaxTime: '2024-08-05 09:59:54',
-    dayAvg: 0,
-    dayMin: 0,
-    dayMinTime: '2024-08-05 09:59:54',
-    avgHour: 0,
-    hourMinTime: '2024-08-05 09:59:54',
-    hourNum: 85,
-    hourMax: 0,
-    hourAvg: 0,
-    hourMin: 0,
-    dayNum: 85,
-    hourMaxTime: '2024-08-05 09:59:54',
-    dayMax: 0,
-    avgDay: 0,
-  },
-  coval_datainfo: {
-    dayMaxTime: '2024-08-05 10:02:36',
-    dayAvg: 1075.0000000000007,
-    dayMin: 12.5,
-    dayMinTime: '2024-08-05 10:00:10',
-    avgHour: 12,
-    hourMinTime: '2024-08-05 10:00:10',
-    hourNum: 85,
-    hourMax: 12.8,
-    hourAvg: 1075.0000000000007,
-    hourMin: 12.5,
-    dayNum: 85,
-    hourMaxTime: '2024-08-05 10:02:36',
-    dayMax: 12.8,
-    avgDay: 12,
-  },
-  co2val_datainfo: {
-    dayMaxTime: '2024-08-05 10:00:08',
-    dayAvg: 18.74000000000002,
-    dayMin: 0.2,
-    dayMinTime: '2024-08-05 09:59:54',
-    avgHour: 0,
-    hourMinTime: '2024-08-05 09:59:54',
-    hourNum: 85,
-    hourMax: 0.24,
-    hourAvg: 18.74000000000002,
-    hourMin: 0.2,
-    dayNum: 85,
-    hourMaxTime: '2024-08-05 10:00:08',
-    dayMax: 0.24,
-    avgDay: 0,
-  },
-  deviceStatus: '1',
-  coval: '12.57',
-  ch2val: '0.0',
-  btTriBlast: '{"G_y":10.52,"G_x":0,"F_y":0,"A_x":5.01,"B_x":15.04,"A_y":19.93,"B_y":17.82,"E_y":9.9953,"F_x":9.57,"E_x":5.01}',
-  gasval: '0.4',
-  chval: '0.0',
-  isRun: '-2',
-  co2val: '0.24',
-};
-
 export const testConfigBuErTai: Config[] = [
   {
     deviceType: 'fanlocal',
@@ -667,7 +342,7 @@ export const testConfigBuErTai: Config[] = [
     },
   },
   {
-    deviceType: 'sys_majorpath',
+    deviceType: '',
     moduleName: 'fire_control-右下预设类',
     pageType: '',
     moduleData: {
@@ -676,10 +351,10 @@ export const testConfigBuErTai: Config[] = [
         showSelector: false,
         showSlot: true,
         selector: {
-          value: '${devicePos}',
+          value: '',
         },
         slot: {
-          value: '${devicePos}',
+          value: '网络异常：${warn[0].netstatus.val}',
         },
       },
       background: {
@@ -696,37 +371,37 @@ export const testConfigBuErTai: Config[] = [
       list: [
         {
           type: 'timeline',
-          readFrom: '',
+          readFrom: 'warn[0]',
           items: [
             {
               label: '报警',
-              value: '${warn}',
+              value: '${alarm.val}',
               info: '',
-              color: 'red',
+              color: 'blue',
             },
             {
               label: '重大风险预警',
-              value: '${warn}',
+              value: '${red.val}',
               info: '',
               color: 'red',
             },
             {
               label: '较大风险预警',
-              value: '${warn}',
+              value: '${orange.val}',
               info: '',
-              color: 'red',
+              color: 'orange',
             },
             {
               label: '一般风险预警',
-              value: '${warn}',
+              value: '${yellow.val}',
               info: '',
-              color: 'red',
+              color: 'yellow',
             },
             {
               label: '低风险预警',
-              value: '${warn}',
+              value: '${blue.val}',
               info: '',
-              color: 'red',
+              color: 'blue',
             },
           ],
         },
@@ -745,2489 +420,3 @@ export const testConfigBuErTai: Config[] = [
     },
   },
 ];
-
-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;',
-    },
-  },
-];

src/views/vent/home/configurable/configurable.data.wz.ts

@@ -838,12 +838,12 @@ export const testConfigWZFire: Config[] = [
           readFrom: 'arrayCount',
           items: [
             {
-              label: '光纤预警',
+              label: '最高温度',
               value: '${[0].val}℃',
             },
             {
               label: '一氧化碳预警',
-              value: '${[1].val}ppm',
+              value: '无',
             },
             {
               label: '烟雾预警',
@@ -936,22 +936,22 @@ export const testConfigWZFire: Config[] = [
       // mock: WZfireMock,
     },
     showStyle: {
-      size: 'width:1000px;height:280px;',
+      size: 'width:1000px;height:300px;',
       version: '保德',
-      position: 'top:640px;left:460px',
+      position: 'top:620px;left:460px',
     },
   },
   {
-    deviceType: 'obfObj.arrayDev',
-    moduleName: '密闭采空区监测区域',
+    deviceType: '',
+    moduleName: '传感器监测',
     pageType: '',
     moduleData: {
       header: {
-        show: true,
-        showSelector: true,
+        show: false,
+        showSelector: false,
         showSlot: false,
         selector: {
-          value: '${strinstallpos}',
+          value: '',
         },
         slot: {
           value: '',
@@ -966,52 +966,35 @@ export const testConfigWZFire: Config[] = [
         direction: 'row',
         basis: ['100%'],
       },
-      layout: ['board'],
-      board: [
+      layout: ['table'],
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [
         {
-          type: 'G',
-          layout: 'label-top',
-          readFrom: '',
-          items: [
-            {
-              label: '一氧化碳',
-              value: '${coVal}',
-            },
-            {
-              label: '二氧化碳',
-              value: '${co2Val}',
-            },
-            {
-              label: '氧气',
-              value: '${o2Val}',
-            },
-            {
-              label: '温度',
-              value: '${tempVal}',
-            },
-            {
-              label: '乙烯',
-              value: '${c2h4Val}',
-            },
+          type: 'C',
+          readFrom: 'sensorArray',
+          columns: [
             {
-              label: '甲烷',
-              value: '${ch4Val}',
+              name: '测点位置',
+              prop: 'strinstallpos',
             },
             {
-              label: '乙炔',
-              value: '${c2h2Val}',
+              name: '值',
+              prop: 'value',
             },
             {
-              label: '压差',
-              value: '${dpVal}',
+              name: '类型',
+              prop: 'strname',
             },
+            // {
+            //   name: '时间',
+            //   prop: 'time',
+            // },
           ],
         },
       ],
-      chart: [],
-      gallery: [],
-      gallery_list: [],
-      table: [],
       list: [],
       complex_list: [],
       preset: [],

src/views/vent/home/configurable/dustBD.vue

@@ -62,34 +62,32 @@
   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 { testConfigBDDust } from './configurable.data';
   import VentModal from '/@/components/vent/micro/ventModal.vue';
   import { getBDDustData } from './configurable.api';
-  import { getToken } from '/@/utils/auth';
+  // import { getToken } from '/@/utils/auth';
 
-  const iframeUrl = ref(
-    `${location.protocol}//${location.hostname}:8091/dashboard/analysis?type=empty&deviceType=empty&showid=1&token=${getToken()}`
-  );
-  const loading = ref(true);
+  // const iframeUrl = ref(
+  //   `${location.protocol}//${location.hostname}:8091/dashboard/analysis?type=empty&deviceType=empty&showid=1&token=${getToken()}`
+  // );
+  // const loading = ref(true);
   const mainTitle = ref('保德煤矿粉尘灾害预警系统');
   const pageType = 'BD_dust';
 
   // const moduleCodes = ['fanlocal', 'fanmain' /** 'vc', 'ar', 'va', 'ws', 'dw' */];
 
-  const configs = ref(testConfigBDDust);
-  // const { configs, fetchConfigs } = useInitConfigs();
+  const { configs, fetchConfigs } = useInitConfigs();
   const homedata = ref<any>({});
-  function hideLoading() {
-    loading.value = false;
-  }
+  // function hideLoading() {
+  //   loading.value = false;
+  // }
   onMounted(() => {
     // configs.value = testConfigB;
     getBDDustData({}).then((r) => {
       homedata.value = r;
     });
-    // fetchConfigs(pageType);
+    fetchConfigs(pageType);
   });
 
   // function redirectTo(url) {

src/views/vent/home/configurable/fireBD.vue

@@ -70,45 +70,45 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { onMounted, ref } from 'vue';
+  import { computed, 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 { testConfigBDFire } from './configurable.data';
   import VentModal from '/@/components/vent/micro/ventModal.vue';
   import { getBDFireData } from './configurable.api';
-  import { getToken } from '/@/utils/auth';
+  // import { getToken } from '/@/utils/auth';
 
   // import FramePage from '/@/views/sys/iframe/index.vue';
-  const frameRef = ref();
+  // const frameRef = ref();
   const mainTitle = ref('保德煤矿火灾预警系统');
   const pageType = 'BD_fire';
-  const loading = ref(true);
+  // const loading = ref(true);
 
   // const url = ref('http://localhost:8088/');
   // const moduleCodes = ['fanlocal', 'fanmain' /** 'vc', 'ar', 'va', 'ws', 'dw' */];
 
-  const configs = ref(
-    testConfigBDFire.filter(({ moduleName }) => {
-      return moduleName !== '工作面光纤监测' && moduleName !== '工作面束管监测';
+  const configs = computed(() =>
+    cfgs.value.filter((_, index) => {
+      return index !== 4 && index !== 3;
     })
   );
-  const configA = ref<any>(
-    testConfigBDFire.find(({ moduleName }) => {
-      return moduleName === '工作面束管监测';
+  const configA = computed<any>(() =>
+    cfgs.value.find((_, index) => {
+      return index === 3;
     })
   );
-  const configB = ref<any>(
-    testConfigBDFire.find(({ moduleName }) => {
-      return moduleName === '工作面光纤监测';
+  const configB = computed<any>(() =>
+    cfgs.value.find((_, index) => {
+      return index === 4;
     })
   );
-  // const { configs, fetchConfigs } = useInitConfigs();
-  function hideLoading() {
-    loading.value = false;
-  }
+  const { configs: cfgs, fetchConfigs } = useInitConfigs();
+  // function hideLoading() {
+  //   loading.value = false;
+  // }
   const homedata = ref<any>({});
 
   onMounted(() => {
@@ -117,7 +117,7 @@
     getBDFireData({}).then((r) => {
       homedata.value = r;
     });
-    // fetchConfigs(pageType);
+    fetchConfigs(pageType);
   });
 
   function redirectTo(url) {

src/views/vent/monitorManager/alarmFire/common.data.ts

@@ -6,7 +6,6 @@ export const topList = [
     imgSrc: true,
     value: '--',
     text: '',
-    list: [],
   },
   {
     id: 1,
@@ -14,7 +13,6 @@ export const topList = [
     imgSrc: true,
     value: '--',
     text: '',
-    list: [],
   },
   {
     id: 2,
@@ -22,24 +20,20 @@ export const topList = [
     imgSrc: true,
     value: '--',
     text: '',
-    list: [],
   },
-  { id: 3, imgSrc: false, label: '预警等级', value: '正常', text: '', list: [] },
+  { id: 3, imgSrc: false, label: '预警等级', value: '正常', text: '' },
 ];
 
 //外因火灾-烟雾传感器table列
 export const columnsSmoke = [
   { rowIndex: 1, dataIndex: 'strinstallpos', title: '名称', type: '1', align: 'center' },
-  { rowIndex: 2, dataIndex: 'val', title: '值', type: '1', align: 'center' },
-  { rowIndex: 3, dataIndex: 'warnLevel_str', title: '状态', type: '1', align: 'center' },
-  { rowIndex: 4, dataIndex: 'readTime', title: '时间', type: '1', align: 'center' },
+  { rowIndex: 2, dataIndex: 'value', title: '值', type: '1', align: 'center' },
+  { rowIndex: 4, dataIndex: 'shuju_time', title: '时间', type: '1', align: 'center' },
 ];
 
 //外因火灾-g光纤table列
 export const columnsFiber = [
   { rowIndex: 1, dataIndex: 'strinstallpos', title: '名称', type: '1', align: 'center' },
-  { rowIndex: 2, dataIndex: 'fmax', title: '最高温度(℃)', type: '1', align: 'center' },
-  { rowIndex: 3, dataIndex: 'favg', title: '平均温度(℃)', type: '1', align: 'center' },
-  { rowIndex: 3, dataIndex: 'fmin', title: '最低温度(℃)', type: '1', align: 'center' },
-  { rowIndex: 4, dataIndex: 'readTime', title: '时间', type: '1', align: 'center' },
+  { rowIndex: 2, dataIndex: 'value', title: '温度(℃)', type: '1', align: 'center' },
+  { rowIndex: 3, dataIndex: 'readTime', title: '时间', type: '1', align: 'center' },
 ];

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

@@ -28,23 +28,24 @@
     <div class="center-echart">
       <div class="table-item">
         <div></div>
-        <a-table size="small" :scroll="{ y: 340 }" :columns="columnsSmoke" :data-source="monitorlistYw" :pagination="false">
-          <template #bodyCell="{ column, record }">
-            <a-tag v-if="column.dataIndex === 'warnLevel_str'" color="green">正常</a-tag>
-          </template>
-        </a-table>
+        <a-table size="small" :scroll="{ y: 340 }" :columns="columnsSmoke" :data-source="deviceObject['smoke']['datalist']" :pagination="false" />
       </div>
       <div class="table-item">
         <div></div>
-        <a-table size="small" :scroll="{ y: 340 }" :columns="columnsFiber" :data-source="monitorlistCf" :pagination="false" />
+        <a-table size="small" :scroll="{ y: 340 }" :columns="columnsFiber" :data-source="deviceObject['fiber']['datalist']" :pagination="false" />
       </div>
     </div>
     <!-- 底部区域 -->
     <div class="bot-content">
-      <div v-for="(item, index) in 13" :key="index" class="qf-box">
-        <div class="label">球阀{{ item < 10 ? '0' + item : item }}(<span>关</span>)</div>
+      <div v-for="(item, index) in deviceObject['qf']['datalist']" :key="index" class="qf-box">
+        <div class="label"
+          >{{ item['strinstallpos'] }}(<span>{{ item['value'] }}</span
+          >)</div
+        >
         <div class="modal">烟雾模式</div>
-        <div class="state">烟雾: <span class="text">正常</span></div>
+        <div class="state"
+          >烟雾: <span class="text">{{ deviceObject['smoke']['datalist'][index]['value'] }}</span></div
+        >
         <div class="btn-box" @click="handler"><span>开启</span></div>
       </div>
     </div>
@@ -52,13 +53,17 @@
 </template>
 
 <script lang="ts" setup>
-  import { onMounted, ref, reactive } from 'vue';
+  import { onMounted, ref, reactive, nextTick, onUnmounted } from 'vue';
   import imgUrl from '../../../../assets/images/fire/pie.png';
   import { topList, columnsSmoke, columnsFiber } from './common.data';
   import customHeader from '/@/components/vent/customHeader.vue';
   import { cloneDeep } from 'lodash-es';
   import dayjs from 'dayjs';
   import { useMessage } from '/@/hooks/web/useMessage';
+  import { getTableList, systemList } from './alarmFire.api';
+
+  type DeviceType = { deviceType: string; deviceName: string; datalist: any[] };
+
   const { createMessage } = useMessage();
   const monitorlistYw = ref(
     new Array(13).fill({
@@ -77,96 +82,112 @@
       readTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
     })
   );
-
+  const optionValue = ref([]);
+  const deviceObject = ref<any>({
+    smoke: {
+      deviceName: 'smoke',
+      datalist: [],
+    },
+    fiber: {
+      deviceName: 'fiber',
+      datalist: [],
+    },
+    qf: {
+      deviceName: 'qf',
+      datalist: [],
+    },
+  });
   const topListData = ref(topList);
 
-  function getSource() {
-    const readTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
-    // 模拟光纤测温分区数据
-    const ywList: any[] = [];
-    monitorlistYw.value.filter((item, index) => {
-      const obj = cloneDeep(item);
-      obj.strinstallpos = `烟雾${index < 10 ? '0' + index : index}`;
-      obj.readTime = readTime;
-      ywList.push(obj);
-    });
-    monitorlistYw.value = ywList;
-
-    const gxList: any[] = [];
-    let totalNum = 0;
-    monitorlistCf.value.filter((item, index) => {
-      const obj = cloneDeep(item);
-      switch (index) {
-        case 0:
-          obj.strinstallpos = '0m-150m';
-          break;
-        case 1:
-          obj.strinstallpos = '150m-300m';
-          break;
-        case 2:
-          obj.strinstallpos = '300m-450m';
-          break;
-        case 3:
-          obj.strinstallpos = '450m-600m';
-          break;
-        case 4:
-          obj.strinstallpos = '600m-750m';
-          break;
-        case 5:
-          obj.strinstallpos = '750m-900m';
-          break;
-        case 6:
-          obj.strinstallpos = '900m-1050m';
-          break;
-        case 7:
-          obj.strinstallpos = '1050m-1200m';
-          break;
-        case 8:
-          obj.strinstallpos = '1200m-1350m';
-          break;
-        default:
-          break;
+  async function getDeviceList() {
+    const res = await systemList({ devicetype: 'sys', systemID: optionValue.value });
+
+    const result = res.msgTxt;
+    const object = {};
+    result.forEach((item) => {
+      const data = item['datalist'].filter((data: any) => {
+        const readData = data.readData;
+        return Object.assign(data, readData);
+      });
+      if (item.type != 'sys') {
+        if (item.type === 'fiber_v1') {
+          // 光纤测温特殊处理
+          const list = data[0]['fibreTemperature'] ? JSON.parse(data[0]['fibreTemperature']) : [];
+          debugger;
+          list.filter((detailItem) => {
+            detailItem['readTime'] = data[0]['readTime'];
+            detailItem['strinstallpos'] = `测点${detailItem['pos']}`;
+            return detailItem;
+          });
+          object['fiber'] = {
+            deviceName: 'fiber',
+            datalist: list,
+            avginfo: { fmax: data[0]['fmax'], fmin: data[0]['fmin'], favg: data[0]['favg'] },
+          };
+          const topData = cloneDeep(topList);
+          topData[0].value = object['fiber']['avginfo'].fmax;
+          topData[1].value = object['fiber']['avginfo'].fmin;
+          topData[2].value = object['fiber']['avginfo'].favg;
+          topListData.value = topData;
+        } else if (item.type === 'modelsensor_cgq') {
+          // 传感器特殊处理，球阀数据里面包含烟雾、球阀、压力、多参等数据
+          const smokeList: any[] = [],
+            qfList: any[] = [];
+          data.filter((item) => {
+            if (item['strname'] == '烟雾') {
+              smokeList.push(Object.assign(item, item['readData']));
+              const index = item['strinstallpos'].split('烟雾')[1];
+              const qfObj = data.find((d) => d['strinstallpos'] === '球阀' + index);
+              qfList.push(Object.assign(qfObj, qfObj['readData']));
+            }
+          });
+
+          object['smoke'] = {
+            deviceName: 'smoke',
+            datalist: smokeList,
+          };
+          object['qf'] = {
+            deviceName: 'qf',
+            datalist: qfList,
+          };
+        }
       }
-      obj.fmax = (26 + Math.random() * 3).toFixed(1);
-      obj.fmin = (22 + Math.random() * 2).toFixed(1);
-      obj.favg = (24 + Math.random() * 2).toFixed(1);
-      totalNum += Number(obj.favg);
-      obj.readTime = readTime;
-      gxList.push(obj);
     });
+    deviceObject.value = object;
+  }
 
-    const maxObj = gxList.reduce(function (pre, curv) {
-      return pre.fmax < curv.fmax ? curv : pre;
-    });
-    const minObj = gxList.reduce(function (pre, curv) {
-      return pre.fmin < curv.fmin ? pre : curv;
-    });
-    monitorlistCf.value = gxList;
-    const topData = cloneDeep(topList);
-    topData[0].value = maxObj.fmax;
-    topData[0].text = maxObj.strinstallpos;
-    topData[1].value = minObj.fmin;
-    topData[1].text = minObj.strinstallpos;
-
-    topData[2].value = (totalNum / 9).toFixed(1);
-    topListData.value = topData;
+  async function getSysDataSource() {
+    const res = await getTableList({ strtype: 'sys_firemoniter', pagetype: 'normal' });
+    if (res.records.length > 0) {
+      optionValue.value = res.records[0]['id'];
+      getDeviceList();
+    }
+    getDeviceList();
   }
 
+  let timer;
   function getData(flag) {
-    setTimeout(
-      () => {
-        getSource();
-        getData(false);
-      },
-      flag ? 0 : 5000
-    );
+    if (timer !== null) {
+      timer = setTimeout(
+        async () => {
+          await getSysDataSource();
+          getData(false);
+        },
+        flag ? 0 : 1000
+      );
+    }
   }
+
   function handler() {
     createMessage.warning('暂无权限！');
   }
-  onMounted(() => {
+  onMounted(async () => {
     getData(true);
   });
+  onUnmounted(() => {
+    if (timer) clearTimeout(timer);
+    timer = null;
+  });
 </script>
 
 <style lang="less" scoped>
@@ -375,6 +396,7 @@
           font-weight: 600;
           color: #3df6ff;
           margin-bottom: 10px;
+          text-align: center;
           span {
             color: rgb(255, 174, 0);
           }

src/views/vent/monitorManager/fanLocalMonitor1/components/fanlocal-history.vue

@@ -6,11 +6,17 @@
     <template v-else>
       <HistoryTable1 class="w-100% h-100%" :device-code="`${devicekide}`" :scroll="scroll" dict-code="fanlocal_dict" />
     </template> -->
-    <HistoryTable :columns-type="`${selectDatas.deviceType}`" :device-type="`${devicekide}`" designScope="fanlocal-history" :scroll="scroll" />
+    <HistoryTable
+      :columns-type="`${selectDatas.deviceType}`"
+      :device-type="`${devicekide}`"
+      designScope="fanlocal-history"
+      :scroll="scroll"
+      :deviceId="deviceId"
+    />
   </div>
 </template>
 <script setup lang="ts">
-  import { onBeforeMount, ref, watch, onMounted, nextTick, defineAsyncComponent, reactive, onUnmounted, inject, unref } from 'vue';
+  import { onBeforeMount, ref, watch, onMounted, nextTick, defineAsyncComponent, reactive, computed, inject, unref } from 'vue';
   import HistoryTable from '../../comment/HistoryTable.vue';
   import HistoryTable1 from '../../../../vent/comment/history/HistoryTable.vue';
 
@@ -41,6 +47,7 @@
   let scroll = reactive({
     y: 580,
   });
+  const deviceId = computed(() => props.deviceId);
 
   watch(
     () => props.selectData,

src/views/vent/monitorManager/fanLocalMonitor1/components/fanlocal-operate-history.vue

@@ -7,7 +7,7 @@
       designScope="alarm-history"
       :scroll="scroll"
       :deviceId="deviceId"
-    />s
+    />
   </div>
 </template>
 <script setup lang="ts">