[Feat 0000] 添加三元可配置首页

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

@@ -1,725 +1,6 @@
 import { Config } from '../../deviceManager/configurationTable/types';
 // 王庄
 
-const WZfireMock = {
-  allMineWarn: '低风险', //全矿井风险级别
-  fireManageInfo: {
-    //工作面风险监测
-    totalNum: '5', //工作面总数
-    dfxNum: '5', //工作面低风险数
-    ybNum: '5', //工作面一般风险数
-    jdNum: '5', //工作面较大风险数
-    zdNum: '5', //工作面重大风险
-    nyWarnLevel: '低风险', //内因火灾预警级别
-    wyWarnLevel: '低风险', //外因火灾预警级别
-    sysList: [
-      {
-        sysName: '工作面名称1', //工作面名称
-        warnLevel: '低风险', //预警级别
-        maxVal: '1.88', //最高温度
-      },
-      {
-        sysNamme: '工作面名称2', //工作面名称
-        warnLevel: '低风险', //预警级别
-        maxVal: '1.88', //最高温度
-      },
-      // {
-      //   sysNamme: '工作面名称3', //工作面名称
-      //   warnLevel: '低风险', //预警级别
-      //   maxVal: '1.88', //最高温度
-      // },
-      // {
-      //   sysNamme: '工作面名称4', //工作面名称
-      //   warnLevel: '低风险', //预警级别
-      //   maxVal: '1.88', //最高温度
-      // },
-      // {
-      //   sysNamme: '工作面名称5', //工作面名称
-      //   warnLevel: '低风险', //预警级别
-      //   maxVal: '1.88', //最高温度
-      // },
-      // {
-      //   sysNamme: '工作面名称6', //工作面名称
-      //   warnLevel: '低风险', //预警级别
-      //   maxVal: '1.88', //最高温度
-      // },
-    ],
-  },
-  obfObj: {
-    //密闭采空区监测系统
-    maxC2H4: '', //乙烯最高值
-    maxDp: '', //压差最大值
-    maxTemperature: '', //温度最大值
-    maxCo: '', //一氧化碳最大值
-    maxCo2: '', //二氧化碳最大值
-    maxCh4: '', //甲烷最大值
-    maxC2h2: '', //乙炔最大值
-    maxO2: '', //氧气最大值
-    arrayDev: [
-      //密闭各设备详情信息
-      {
-        strinstallpos: '位置1', //设备安装位置
-        c2h4Val: '0.2', //乙烯
-        dpVal: '0.6', //压差
-        tempVal: '12.1', //温度
-        coVal: '0', //一氧化碳
-        co2Val: '10', //二氧化碳
-        ch4Val: '0', //甲烷
-        c2h2Val: '0', //乙炔
-        o2Val: '20', //氧气
-      },
-      {
-        strinstallpos: '位置2', //设备安装位置
-        c2h4Val: '0.2', //乙烯
-        dpVal: '0.6', //压差
-        tempVal: '12.1', //温度
-        coVal: '0', //一氧化碳
-        co2Val: '10', //二氧化碳
-        ch4Val: '0', //甲烷
-        c2h2Val: '0', //乙炔
-        o2Val: '20', //氧气
-      },
-    ],
-  },
-  sgGxObj: {
-    //工作面束管监测
-    btArray: [
-      //束管统计信息
-      {
-        name: 'CO', //数据名称（前端自己处理化学方程式的标识符）
-        val: '0.2', //最大值
-        strinstallpos: '位置1', //安装位置
-        time: '2024-09-12 15:33:50',
-      },
-      {
-        name: 'CO2', //数据名称（前端自己处理化学方程式的标识符）
-        val: '0.3', //最大值
-        strinstallpos: '位置1', //安装位置
-        time: '2024-09-12 15:33:50',
-      },
-    ],
-    devGxcw: [
-      //光纤测温各设备信息
-      {
-        strinstallpos: '位置1', //安装位置
-        fmax: '0', //最高浓度
-        fmin: '0', //最低温度
-        favg: '0', //平均温度
-        fibreTemperature:
-          '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-        warnLevel: '低风险', //风险监测
-      },
-      {
-        strinstallpos: '位置2', //安装位置
-        fmax: '0', //最高浓度
-        fmin: '0', //最低温度
-        favg: '0', //平均温度
-        fibreTemperature:
-          '[{"pos":1,"value":"7.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-        warnLevel: '低风险', //风险监测
-      },
-    ],
-    devSgjc: [
-      //束管监测各设备信息
-      {
-        strinstallpos: '位置1', //安装位置
-        coVal: '0', //一氧化碳值
-        co2Val: '0', //二氧化碳值
-        ch4Val: '0', //甲烷值
-        c2h2Val: '0', //乙炔值
-        c2h4Val: '0', //乙烯值
-        o2Val: '0', //氧气值
-        connectSta: '连接', //连接状态
-        warnLevel: '低风险', //风险监测
-        btTriBlast: '{"G_y":10.53,"G_x":0,"F_y":0,"A_x":5.0,"B_x":15.0,"A_y":19.93,"B_y":17.83,"E_y":10.0,"F_x":9.55,"E_x":5.0}', //爆炸三角信息
-      },
-      {
-        strinstallpos: '位置2', //安装位置
-        coVal: '0', //一氧化碳值
-        co2Val: '0', //二氧化碳值
-        ch4Val: '0', //甲烷值
-        c2h2Val: '0', //乙炔值
-        c2h4Val: '0', //乙烯值
-        o2Val: '0', //氧气值
-        connectSta: '连接', //连接状态
-        warnLevel: '低风险', //风险监测
-        btTriBlast: '{"G_y":10.53,"G_x":0,"F_y":0,"A_x":5.0,"B_x":15.0,"A_y":19.93,"B_y":17.83,"E_y":10.0,"F_x":9.55,"E_x":5.0}', //爆炸三角信息
-      },
-    ],
-  },
-  pdArray: [
-    //带式输送机防灭火监控系统
-    {
-      systemname: '皮带场景1', //场景名称
-      arrayCount: [
-        //场景统计信息
-        {
-          name: '光纤预警', //设备名称
-          type: '最高温度', //参数类型
-          val: '35.2', //参数值
-        },
-        {
-          name: '一氧化碳预警',
-          type: '最高浓度',
-          val: '2.3',
-        },
-        {
-          name: '烟雾预警',
-          type: '最高浓度',
-          val: '2.4',
-        },
-      ],
-      arrayFiber: [
-        //场景下各光纤测温设备详情信息
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"19.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-    {
-      systemname: '皮带场景2', //场景名称
-      arrayCount: [
-        //场景统计信息
-        {
-          name: '光纤预警', //设备名称
-          type: '最高温度', //参数类型
-          val: '35.2', //参数值
-        },
-        {
-          name: '一氧化碳预警',
-          type: '最高浓度',
-          val: '2.3',
-        },
-        {
-          name: '烟雾预警',
-          type: '最高浓度',
-          val: '2.4',
-        },
-      ],
-      arrayFiber: [
-        //场景下各光纤测温设备详情信息
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature:
-            '[{"pos":1,"value":"17.8"},{"pos":2,"value":"18.0"},{"pos":3,"value":"18.5"},{"pos":4,"value":"18.6"},{"pos":5,"value":"18.4"},{"pos":6,"value":"18.1"}]',
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-  ],
-  dsArray: [
-    //变电硐室防灭火监控系统
-    {
-      systemname: '硐室场景1', //场景名称
-      arrayCount: [
-        //场景统计信息
-        {
-          name: '光纤预警', //设备名称
-          type: '最高温度', //参数类型
-          val: '35.2', //参数值
-        },
-        {
-          name: '一氧化碳预警',
-          type: '最高浓度',
-          val: '2.3',
-        },
-        {
-          name: '烟雾预警',
-          type: '最高浓度',
-          val: '2.4',
-        },
-      ],
-      arrayFiber: [
-        //场景下各光纤测温设备详情信息
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-    {
-      systemname: '硐室场景2', //场景名称
-      arrayCount: [
-        //场景统计信息
-        {
-          name: '光纤预警', //设备名称
-          type: '最高温度', //参数类型
-          val: '35.2', //参数值
-        },
-        {
-          name: '一氧化碳预警',
-          type: '最高浓度',
-          val: '2.3',
-        },
-        {
-          name: '烟雾预警',
-          type: '最高浓度',
-          val: '2.4',
-        },
-      ],
-      arrayFiber: [
-        //场景下各光纤测温设备详情信息
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-  ],
-  aqjkArray: [
-    //安全监控系统
-    {
-      strinstallpos: '位置1', //安装位置
-      nowVal: '25.0', //温度
-      warnLevel: '低风险', //预警级别
-      time: '2024-09-12 15:33:50', //时间
-    },
-    {
-      strinstallpos: '位置2', //安装位置
-      nowVal: '25.0', //温度
-      warnLevel: '低风险', //预警级别
-      time: '2024-09-12 15:33:50', //时间
-    },
-  ],
-  //从设计图看以下信息暂时无用了
-  pdGxcw: [
-    //皮带光纤测温
-    {
-      systemname: '皮带场景1', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-    {
-      systemname: '皮带场景2', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-  ],
-  dsGxcw: [
-    //硐室光纤测温
-    {
-      systemname: '硐室场景1', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-    {
-      systemname: '硐室场景2', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-  ],
-  pdSgjc: [
-    //皮带束管监测
-    {
-      systemname: '皮带场景1', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-      ],
-    },
-    {
-      systemname: '皮带场景2', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-      ],
-    },
-  ],
-  dsSgjc: [
-    //硐室束管监测
-    {
-      systemname: '硐室场景1', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-      ],
-    },
-    {
-      systemname: '硐室场景2', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-      ],
-    },
-  ],
-  managesGxcw: [
-    //场景-光纤测温
-    {
-      systemname: '场景1', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-    {
-      systemname: '场景2', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          fmax: '0', //最高浓度
-          fmin: '0', //最低温度
-          favg: '0', //平均温度
-          fibreTemperature: [], //曲线图数据
-          warnLevel: '低风险', //风险监测
-        },
-      ],
-    },
-  ],
-  managesSgjc: [
-    //场景-束管监测
-    {
-      systemname: '场景1', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-      ],
-    },
-    {
-      systemname: '场景2', //场景名称
-      devList: [
-        {
-          strinstallpos: '位置1', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-        {
-          strinstallpos: '位置2', //安装位置
-          coVal: '0', //一氧化碳值
-          co2Val: '0', //二氧化碳值
-          ch4Val: '0', //甲烷值
-          c2h2Val: '0', //乙炔值
-          c2h4Val: '0', //乙烯值
-          o2Val: '0', //氧气值
-          connectSta: '连接', //连接状态
-          warnLevel: '低风险', //风险监测
-          btTriBlast: '', //爆炸三角信息
-        },
-      ],
-    },
-  ],
-};
 export const testConfigWZFire: Config[] = [
   {
     deviceType: '',
@@ -1208,3 +489,506 @@ export const testConfigWZFire: Config[] = [
     },
   },
 ];
+
+export const testConfigSY: Config[] = [
+  {
+    deviceType: 'fanmain',
+    moduleName: '主通风机系统',
+    pageType: 'vent',
+    moduleData: {
+      header: {
+        show: true,
+        readFrom: '',
+        selector: {
+          show: true,
+          value: '${strinstallpos}',
+        },
+        slot: {
+          show: true,
+          value: '运行风机：${readData.Fan1StartStatus}',
+          trans: {
+            '1': '一号',
+            '0': '二号',
+          },
+        },
+      },
+      background: {
+        show: true,
+        type: 'video',
+        link: '/video/mainFan.mp4',
+      },
+      layout: {
+        direction: 'column',
+        items: [
+          {
+            name: 'board',
+            basis: '40%',
+          },
+        ],
+      },
+      board: [
+        {
+          type: 'A',
+          readFrom: 'readData',
+          layout: 'val-top',
+          items: [
+            {
+              label: '风量(m³/min)',
+              value: '${Fan1StartStatus}',
+              trans: {
+                '1': '${Fan1m3}',
+                '0': '${Fan2m3}',
+              },
+            },
+            {
+              label: '负压(Pa)',
+              value: '${Fan1StartStatus}',
+              trans: {
+                '1': '${Fan1FreqHz}',
+                '0': '${Fan1FreqHz}',
+              },
+            },
+          ],
+        },
+      ],
+      list: [],
+      chart: [],
+      table: [],
+      gallery: [],
+      complex_list: [],
+      gallery_list: [],
+      preset: [],
+    },
+    showStyle: {
+      size: 'width:470px;height:280px;',
+      version: '普通版',
+      position: 'top:60px;left:0;',
+    },
+  },
+  {
+    deviceType: 'fanlocal',
+    moduleName: '局部通风机系统',
+    pageType: 'vent',
+    moduleData: {
+      header: {
+        show: true,
+        readFrom: '',
+        selector: {
+          show: true,
+          value: '${strinstallpos}',
+        },
+        slot: {
+          show: true,
+          value: '运行风机：${readData.Fan1StartStatus}',
+          trans: {
+            '1': '一号',
+            '0': '二号',
+          },
+        },
+      },
+      background: {
+        show: true,
+        type: 'video',
+        link: '/video/fanLocal.mp4',
+      },
+      layout: {
+        direction: 'column',
+        items: [
+          {
+            name: 'board',
+            basis: '40%',
+          },
+        ],
+      },
+      board: [
+        {
+          type: 'A',
+          readFrom: 'readData',
+          layout: 'val-top',
+          items: [
+            {
+              label: '吸风量(m³/min)',
+              value: '${windQuantity1}',
+            },
+            {
+              label: '回风量(m³/min)',
+              value: '${windQuantity2}',
+            },
+          ],
+        },
+      ],
+      list: [],
+      chart: [],
+      table: [],
+      gallery: [],
+      complex_list: [],
+      gallery_list: [],
+      preset: [],
+    },
+    showStyle: {
+      size: 'width:450px;height:280px;',
+      version: '新版',
+      position: 'top:350px;left:0;',
+    },
+  },
+  {
+    deviceType: '',
+    moduleName: '通风设施远程控制',
+    pageType: 'vent',
+    moduleData: {
+      header: {
+        show: false,
+        readFrom: '',
+        selector: {
+          show: false,
+          value: '',
+        },
+        slot: {
+          show: false,
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'image',
+        link: '',
+      },
+      layout: {
+        direction: 'row',
+        items: [
+          {
+            name: 'device_alarm',
+            basis: '100%',
+          },
+        ],
+      },
+      board: [],
+      list: [],
+      chart: [],
+      table: [],
+      gallery: [],
+      complex_list: [],
+      gallery_list: [],
+      preset: [
+        {
+          readFrom: 'device',
+        },
+      ],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=gate_xinJianFuXieJin',
+    },
+    showStyle: {
+      size: 'width:470px;height:280px;',
+      version: '普通版',
+      position: 'top:640px;left:0;',
+    },
+  },
+  {
+    deviceType: 'sys_wind',
+    moduleName: '风量监测',
+    pageType: 'vent',
+    moduleData: {
+      header: {
+        show: false,
+        readFrom: '',
+        selector: {
+          show: false,
+          value: '',
+        },
+        slot: {
+          show: false,
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      layout: {
+        direction: 'row',
+        items: [
+          {
+            name: 'chart',
+            basis: '100%',
+          },
+        ],
+      },
+      board: [],
+      list: [],
+      table: [],
+      preset: [],
+      gallery: [],
+      complex_list: [],
+      gallery_list: [],
+      chart: [
+        {
+          type: 'bar',
+          readFrom: '',
+          legend: { show: true },
+          xAxis: [{ show: true }],
+          yAxis: [
+            { show: true, name: '风量(m³/min)', position: 'left' },
+            { show: true, name: '风速(m/s)', position: 'right' },
+          ],
+          series: [
+            { readFrom: 'sys_wind', xprop: 'strinstallpos', yprop: 'readData.m3', label: '风量' },
+            { readFrom: 'sys_wind', xprop: 'strinstallpos', yprop: 'readData.va', label: '风速' },
+          ],
+        },
+      ],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=windrect',
+    },
+    showStyle: {
+      size: 'width:1000px;height:280px;',
+      version: '普通版',
+      position: 'top:640px;left:460px;',
+    },
+  },
+  {
+    deviceType: 'sys_majorpath',
+    moduleName: '关键通风路线',
+    pageType: 'vent',
+    moduleData: {
+      header: {
+        show: true,
+        readFrom: '',
+        selector: {
+          show: true,
+          value: '${devicePos}',
+        },
+        slot: {
+          show: false,
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      layout: {
+        direction: 'column',
+        items: [
+          {
+            name: 'chart',
+            basis: '67%',
+          },
+          {
+            name: 'board',
+            basis: '33%',
+          },
+        ],
+      },
+      board: [
+        {
+          type: 'D',
+          readFrom: 'majorpath',
+          layout: 'label-top',
+          items: [
+            {
+              label: '风量(m³/min)',
+              value: '${m3_total}',
+            },
+            {
+              label: '矿井阻力(Pa)',
+              value: '${drag_total}',
+            },
+            {
+              label: '等积孔',
+              value: '6.12',
+            },
+          ],
+        },
+      ],
+      complex_list: [],
+      gallery: [],
+      list: [],
+      table: [],
+      chart: [
+        {
+          type: 'pie_drag',
+          readFrom: '',
+          legend: { show: false },
+          xAxis: [{ show: false }],
+          yAxis: [{ show: false, name: '风量', position: 'left' }],
+          series: [{ readFrom: 'piechart', xprop: 'label', yprop: 'val', label: '-' }],
+        },
+      ],
+      gallery_list: [],
+      preset: [],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=sys_majorpath',
+    },
+    showStyle: {
+      size: 'width:470px;height:280px;',
+      version: '普通版',
+      position: 'top:60px;right:0;',
+    },
+  },
+  {
+    deviceType: 'sys_surface_caimei',
+    moduleName: '工作面智能监控',
+    pageType: 'vent',
+    moduleData: {
+      header: {
+        show: true,
+        readFrom: '',
+        selector: {
+          show: true,
+          value: '${devicePos}',
+        },
+        slot: {
+          show: false,
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      layout: {
+        direction: 'column',
+        items: [
+          {
+            name: 'chart',
+            basis: '65%',
+          },
+          {
+            name: 'board',
+            basis: '35%',
+          },
+        ],
+      },
+      board: [
+        {
+          type: 'B',
+          readFrom: '',
+          layout: 'label-top',
+          items: [
+            {
+              label: '进风(m³/min)',
+              value: '${jin}',
+            },
+            {
+              label: '回风(m³/min)',
+              value: '${hui}',
+            },
+            // {
+            //   label: '需风量(m³/min)',
+            //   value: '${xufengliang}',
+            // },
+          ],
+        },
+      ],
+      list: [],
+      preset: [],
+      table: [],
+      gallery: [],
+      chart: [
+        {
+          type: 'line',
+          readFrom: '',
+          legend: { show: true },
+          xAxis: [{ show: true }],
+          yAxis: [{ show: true, name: '风量(m³/min)', position: 'left' }],
+          series: [
+            { readFrom: 'history', xprop: 'time', yprop: 'jin', label: '进风' },
+            { readFrom: 'history', xprop: 'time', yprop: 'hui', label: '回风' },
+          ],
+        },
+      ],
+      gallery_list: [],
+      complex_list: [],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=sys_surface_caimei&deviceid=${deviceID}',
+    },
+    showStyle: {
+      size: 'width:470px;height:280px;',
+      version: '普通版',
+      position: 'top:350px;right:0;',
+    },
+  },
+  {
+    deviceType: 'warn',
+    moduleName: '预警监测',
+    pageType: 'vent',
+    moduleData: {
+      header: {
+        show: true,
+        readFrom: '',
+        selector: {
+          show: false,
+          value: '',
+        },
+        slot: {
+          show: true,
+          value: '网络异常：${warn[0].netstatus.val}',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      layout: {
+        direction: 'row',
+        items: [
+          {
+            name: 'list',
+            basis: '100%',
+          },
+        ],
+      },
+      board: [],
+      list: [
+        {
+          type: 'timeline',
+          readFrom: 'warn[0]',
+          items: [
+            {
+              label: '报警',
+              value: '${alarm.val}',
+              info: '',
+              color: 'red',
+            },
+            {
+              label: '重大风险预警',
+              value: '${red.val}',
+              info: '',
+              color: 'red',
+            },
+            {
+              label: '较大风险预警',
+              value: '${orange.val}',
+              info: '',
+              color: 'orange',
+            },
+            {
+              label: '一般风险预警',
+              value: '${yellow.val}',
+              info: '',
+              color: 'yellow',
+            },
+            {
+              label: '低风险预警',
+              value: '${blue.val}',
+              info: '',
+              color: 'blue',
+            },
+          ],
+        },
+      ],
+      preset: [],
+      table: [],
+      gallery: [],
+      chart: [],
+      gallery_list: [],
+      complex_list: [],
+      to: '/monitorChannel/monitor-alarm-home',
+    },
+    showStyle: {
+      size: 'width:470px;height:280px;',
+      version: '普通版',
+      position: 'top:640px;right:0;',
+    },
+  },
+];

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

@@ -0,0 +1,261 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <div class="company-home">
+    <div style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0">
+      <VentModal />
+    </div>
+    <!-- 如果是有 deviceType、type 等 query，认为是详情页，不需要展示普通模块，只需要模型 -->
+    <template v-if="!route.query.deviceType">
+      <div v-if="!route.query.embed" class="top-bg">
+        <div class="main-title">{{ mainTitle }}</div>
+      </div>
+
+      <!-- 采用定位方式以避免出现各个模块隐藏时其他模块下移的问题 -->
+      <template v-if="isOriginal">
+        <ModuleOriginal
+          v-for="cfg in configs"
+          :key="cfg.deviceType"
+          :show-style="cfg.showStyle"
+          :module-data="cfg.moduleData"
+          :module-name="cfg.moduleName"
+          :device-type="cfg.deviceType"
+          :data="data"
+          :visible="true"
+        />
+      </template>
+      <template v-else-if="isCommon">
+        <ModuleCommon
+          v-for="cfg in configs"
+          :key="cfg.deviceType"
+          :show-style="cfg.showStyle"
+          :module-data="cfg.moduleData"
+          :module-name="cfg.moduleName"
+          :device-type="cfg.deviceType"
+          :data="data"
+          :visible="true"
+        />
+      </template>
+      <template v-else>
+        <!-- 下面是正常展示的各新版模块 -->
+        <ModuleEnhanced
+          v-for="cfg in enhancedConfigs"
+          :key="cfg.deviceType"
+          :visible="cfg.visible"
+          :show-style="cfg.showStyle"
+          :module-data="cfg.moduleData"
+          :module-name="cfg.moduleName"
+          :device-type="cfg.deviceType"
+          :data="data"
+          @close="cfg.visible = false"
+        />
+        <!-- 下面是用于呼出已隐藏的模块的按钮 -->
+        <div class="pos-absolute top-70px left-460px z-3">
+          <div v-for="(item, i) in hiddenList" :key="`vvhchg${i}`">
+            <AButton class="module-trigger-button" @click="item.visible = true">{{ item.moduleName }}</AButton>
+          </div>
+        </div>
+      </template>
+      <!-- <div
+        v-if="sysDataType === 'all'"
+        :class="{ 'realtime-mode': isDataRealTime }"
+        alt="切换数据模式"
+        class="switch-button report-mode right-525px"
+        @click="switchDataMode"
+      ></div> -->
+      <div class="switch-button icon-goto right-475px" @click="goMicroApp()"></div>
+    </template>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { onMounted, onUnmounted, watch } from 'vue';
+  // import { CaretDownOutlined } from '@ant-design/icons-vue';
+  import { useInitConfigs, useInitPage } from './hooks/useInit';
+  import ModuleEnhanced from './components/ModuleEnhanced.vue';
+  import ModuleOriginal from './components/ModuleOriginal.vue';
+  import ModuleCommon from './components/ModuleCommon.vue';
+  // import { useRoute } from 'vue-router';
+  import VentModal from '/@/components/vent/micro/ventModal.vue';
+  import { list } from './configurable.api';
+  import { useRoute, useRouter } from 'vue-router';
+  import { useGlobSetting } from '/@/hooks/setting';
+  // import { testConfigVent, testConfigVentRealtime } from './configurable.data';
+
+  const { title = '智能通风管控系统' } = useGlobSetting();
+  const { configs, isOriginal, isCommon, fetchConfigs } = useInitConfigs();
+  const { mainTitle, enhancedConfigs, hiddenList, data, updateData, updateEnhancedConfigs } = useInitPage(title);
+  const route = useRoute();
+  const router = useRouter();
+  // const isDataRealTime = ref(sysDataType === 'monitor');
+  let interval: number | undefined;
+
+  // function switchDataMode() {
+  //   isDataRealTime.value = !isDataRealTime.value;
+  //   refresh();
+  // }
+
+  function refresh() {
+    fetchConfigs('vent').then(() => {
+      // configs.value = isDataRealTime.value ? testConfigVentRealtime : testConfigVent;
+      updateEnhancedConfigs(configs.value);
+
+      list({}).then(updateData);
+    });
+  }
+
+  function initInterval() {
+    setInterval(() => {
+      list({}).then(updateData);
+    }, 60000);
+  }
+
+  function goMicroApp() {
+    router.push({
+      path: route.path,
+      query: {
+        ...route.query,
+        type: 'model3D',
+        deviceType: 'model3D',
+      },
+    });
+  }
+
+  watch(
+    () => route.query,
+    () => {
+      if (route.query.deviceType) {
+        // 仅需要展示子应用，模拟 unmounted
+        clearInterval(interval);
+      } else {
+        // 模拟 mounted
+        refresh();
+        initInterval();
+      }
+    }
+  );
+
+  onMounted(() => {
+    refresh();
+    initInterval();
+  });
+
+  onUnmounted(() => {
+    clearInterval(interval);
+  });
+</script>
+<style lang="less" scoped>
+  @import '/@/design/theme.less';
+
+  @font-face {
+    font-family: 'douyuFont';
+    src: url('/@/assets/font/douyuFont.otf');
+  }
+
+  @{theme-deepblue} {
+    .company-home {
+      --image-modal-top: url('/@/assets/images/themify/deepblue/vent/home/modal-top.png');
+    }
+  }
+
+  .company-home {
+    --image-modal-top: url('/@/assets/images/vent/home/modal-top.png');
+    --image-monitor-realtime: url('/@/assets/images/company/monitor-realtime.png');
+    --image-monitor-doc: url('/@/assets/images/company/monitor-doc.png');
+    --image-monitor-goto: url('/@/assets/images/company/monitor-goto.png');
+
+    width: 100%;
+    height: 100%;
+    color: @white;
+    position: relative;
+    // background: url('@/assets/images/home-container/configurable/firehome/bg.png') no-repeat center;
+
+    .top-bg {
+      width: 100%;
+      height: 56px;
+      background: var(--image-modal-top) no-repeat center;
+      position: absolute;
+      z-index: 1;
+      .main-title {
+        height: 56px;
+        font-family: 'douyuFont';
+        font-size: 20px;
+        letter-spacing: 2px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+
+    // .module-left {
+    //   position: absolute;
+    //   width: 450px;
+    //   height: 280px;
+    //   left: 0;
+    // }
+    // .module-right {
+    //   position: absolute;
+    //   width: 450px;
+    //   height: 280px;
+    //   right: 0;
+    // }
+    // .module-bottom {
+    //   position: absolute;
+    //   width: 1000px;
+    //   height: 280px;
+    // }
+    .module-dropdown {
+      padding: 5px;
+      background-image: @vent-configurable-dropdown;
+      border-bottom: 2px solid @vent-configurable-home-light-border;
+      color: @vent-font-color;
+      position: absolute;
+      top: 60px;
+      right: 480px;
+    }
+    .module-dropdown-original {
+      padding: 10px;
+      background-image: @vent-configurable-dropdown;
+      border-bottom: 2px solid @vent-configurable-home-light-border;
+      color: @vent-font-color;
+      position: absolute;
+      top: 70px;
+      right: 460px;
+    }
+    .module-trigger-button {
+      color: @vent-font-color;
+      background-image: @vent-configurable-dropdown;
+      border: none;
+      border-bottom: 2px solid @vent-configurable-home-light-border;
+    }
+
+    .switch-button {
+      width: 34px;
+      height: 34px;
+      position: absolute;
+      // right: 5px;
+      bottom: 300px;
+      z-index: 5;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+    }
+    .report-mode {
+      background-image: var(--image-monitor-doc);
+    }
+    .realtime-mode {
+      background-image: var(--image-monitor-realtime);
+    }
+    .icon-goto {
+      background-image: var(--image-monitor-goto);
+    }
+
+    .module-monitor-bar {
+      position: absolute;
+      top: 100px;
+      width: 1000px;
+      height: 200px;
+      left: calc(50% - 500px);
+    }
+  }
+  :deep(.loading-box) {
+    position: unset;
+  }
+</style>