vent-template/src/views/vent/monitorManager/nitrogenMonitor/index.vue

<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="spray-wrapper">
    <BasicMonitoring
      main-title="智能注氮管控系统"
      :main-config="{
        operations: [],
        configs: configs,
      }"
      monitor-type="nitrogenMonitor"
      :monitor-history-config="{}"
      :handler-history-config="{}"
      :alarm-history-config="{}"
      strtype="sys_nitrogen"
    >
      <template #default="{ monitorActive }">
        <div v-show="monitorActive" id="nitrogen2D" class="w-full h-full flex justify-center items-center overflow-hidden">
          <!-- <a-spin :spinning="loading" /> -->
          <!-- <div id="sprayCSS3D" v-show="!loading" style="width: 100%; height: 100%; position: absolute; overflow: hidden; pointer-events: none"> </div> -->
          <!-- <div class="nitrogen2D"></div> -->
          <ModelTip :statusData="readData" />
        </div>
      </template>
    </BasicMonitoring>
  </div>
</template>
<script setup lang="ts">
  import { onMounted, ref } from 'vue';
  import BasicMonitoring from '/@/components/vent/BasicMonitoring.vue';
  import { useInitConfigs, useInitPage } from '../../home/configurable/hooks/useInit';
  // import { nitrogenConfigs } from './nitrogen.data';
  import ModelTip from './model-tip.vue';
  import { list } from './nitorgen.api';

  // const loading = ref(false);
  const { configs, fetchConfigs } = useInitConfigs();
  const { updateEnhancedConfigs } = useInitPage('智能注氮管控系统');
  const readData = ref({});
  function refresh() {
    // fetchConfigs(isDataRealTime.value ? 'vent_realtime' : 'vent').then(() => {
    fetchConfigs('nitrogen').then(() => {
      // configs.value = nitrogenConfigs;
      updateEnhancedConfigs(configs.value);
      getDataSource();
      // list({ devicetype: 'nitrogen', pagetype: 'normal' }).then((res) => {
      //   const res1 = {
      //     cmd: 'monitordata',
      //     msgTxt: [
      //       {
      //         datalist: [
      //           {
      //             msgType: null,
      //             deviceID: '2014560252506329090',
      //             strname: '制氮机',
      //             strinstallpos: '制氮机',
      //             fsectarea: 'null',
      //             planedVa: null,
      //             regulation: null,
      //             stationname: '制氮机1#PLC',
      //             stationtype: 'plc',
      //             deviceType: 'nitrogen_auto',
      //             typeName: '制氮机',
      //             netStatus: 1,
      //             warnFlag: 0,
      //             warnLevel: 0,
      //             warnLevel_str: '正常',
      //             syswarnLevel: null,

      //             syswarnLevel_str: null,

      //             syswarnLevel_des: null,

      //             warnTime: null,

      //             readTime: '2026-02-09 10:27:25',

      //             warnDes: '',

      //             frontGateOpenCtrl: null,

      //             rearGateOpenCtrl: null,

      //             readData: {
      //               Fan2ZdjJT: '0',

      //               Fan1LgqJcqGz: '0',

      //               Fan2jqwd: '27.98',

      //               Fan2GdWdGGz: '0',

      //               Fan1GdWdGGz: '0',

      //               Fan2dqyl: '1.04',

      //               Fan2tjf: '0.00',

      //               Fan1SwjQx: '1',

      //               Fan1JrqJcqGz: '0',

      //               Fan2yqtyl: '1.14',

      //               Fan2hjwd: '17.30',

      //               Fan1JxgUab: '10.37',

      //               Fan1LnfsJcqGz: '0',

      //               Fan2KyjStatus_str: '运行',

      //               Fan2JqWdGGz: '0',

      //               Fan1JqWdGGz: '0',

      //               Fan1Lgjpqyl: '0.71',

      //               Fan1jrqTemp: '47.70',

      //               Fan1CxgCos: '0.00',

      //               Fan1gdyl: '0.69',

      //               Fan1CxgUca: '10.34',

      //               Fan2KyjStatus: '1',

      //               Fan2JCxgp: '420.75',

      //               Fan1XxCw: '0',

      //               Fan1Yxzt: '0',

      //               Fan1CxgUbc: '10.34',

      //               Fan2CxgUab: '10.08',

      //               Fan2Cxgp: '417.47',

      //               Fan1GdYlGGz: '0',

      //               Fan1yxsj: '0.00',

      //               Fan2yqtTemp: '78.90',

      //               Fan2kyjTemp: '1.12',

      //               Fan1xnyq: '-0.04',

      //               Fan2JxgLc: '27.97',

      //               Fan2JxgLb: '27.96',

      //               Fan1pqwd: '23.43',

      //               Fan1JCxgF: '0.81',

      //               Fan2dqwd: '38.06',

      //               Fan1JCxgQ: '125.71',

      //               Fan1jqyl: '0.72',

      //               Fan2CxgUb: '5.80',

      //               Fan2Yxzt_str: '运行',

      //               Fan2JCxgQ: '124.16',

      //               Fan2CxgUc: '5.81',

      //               Fan2dqnd: '97.48',

      //               Fan2JrqWdGGz: '0',

      //               Fan1CxgUab: '10.34',

      //               Fan2CxgF: '0.00',

      //               Fan2JrqJcqGz: '0',

      //               Fan2CxgQ: '217.04',

      //               Fan2JxgLa: '28.29',

      //               Fan1KyjStatus_str: '停止',

      //               Fan1lxyc: '0.01',

      //               Fan1Lntemp: '10.70',

      //               Fan1zyyl: '0.00',

      //               Fan2kyjdl: '0.00',

      //               Fan1ll: '1226.02',

      //               Fan2JCxgF: '0.86',

      //               Fan2Lntemp: '40.80',

      //               Fan1JCxgp: '351.93',

      //               Fan1gdwd: '46.09',

      //               Fan2CxgUa: '5.82',

      //               Fan2JxgUb: '5.80',

      //               Fan1ljll: '35308516.00',

      //               Fan2JtZgz: '0',

      //               Fan2JxgUa: '5.80',

      //               Fan2CxgLa: '28.36',

      //               Fan2CxgLb: '24.36',

      //               Fan2CxgLc: '28.24',

      //               Fan1ZdjJT: '0',

      //               Fan2JxgUc: '5.81',

      //               Fan1ckyl: '0.72',

      //               Fan2GdYlGGz: '0',

      //               Fan1BrJcqGz: '0',

      //               sign: '0',

      //               Fan1hjwd: '11.03',

      //               Fan1Cxgp: '0.00',

      //               Fan1JrqWdGGz: '0',

      //               Fan2OHigh: '0',

      //               Fan2JxgUbc: '10.04',

      //               Fan1ZfTepm: '16.70',

      //               Fan1JxgUb: '5.98',

      //               Fan1JxgUc: '5.97',

      //               Fan1JxgUa: '5.99',

      //               Fan1JtZgz: '0',

      //               Fan1jqwd: '25.60',

      //               Fan1dqyl: '0.65',

      //               Fan1Yxzt_str: '停止',

      //               Fan2JxgCos: '0.00',

      //               Fan2ll: '1279.52',

      //               Fan1KyjStatus: '0',

      //               Fan2yxsj: '0.00',

      //               Fan2JxgUca: '10.06',

      //               Fan2Yxzt: '1',

      //               Fan2BrJcqGz: '0',

      //               Fan1CxgUc: '5.96',

      //               Fan1CxgUb: '5.96',

      //               Fan1CxgUa: '5.98',

      //               Fan2gdyl: '1.08',

      //               Fan1LgjGyBh: '0',

      //               Fan2XxCw: '0',

      //               Fan1OHigh: '0',

      //               Fan1kyjTemp: '0.72',

      //               Fan2lxyc: '0.01',

      //               Fan2LgqJcqGz: '0',

      //               Fan1dqnd: '0.00',

      //               Fan1LgjZhGz: '0',

      //               Fan1kyjdl: '0.00',

      //               Fan1JxgCos: '0.00',

      //               Fan2zyyl: '0.66',

      //               Fan2LgjZhGz: '0',

      //               Fan2CxgCos: '0.89',

      //               Fan2jqyl: '1.12',

      //               Fan1CxgLc: '0.00',

      //               Fan1CxgLb: '0.00',

      //               Fan2xnyq: '119.36',

      //               Fan1CxgLa: '0.00',

      //               Fan2pqwd: '20.23',

      //               Fan2CxgUbc: '10.05',

      //               Fan2LgjDyBh: '0',

      //               Fan1dqwd: '35.07',

      //               Fan1LgjDyBh: '0',

      //               Fan1JxgUca: '10.35',

      //               Fan1yqtyl: '0.00',

      //               Fan2jrqTemp: '51.50',

      //               Fan2Lgjpqyl: '1.11',

      //               Fan1CxgF: '0.00',

      //               Fan1SwjQx_str: '打开',

      //               Fan2ckyl: '1.12',

      //               Fan2ljll: '13907482.00',

      //               tTime: '2026-02-09 10:27:23',

      //               Fan1CxgQ: '0.00',

      //               Fan1JxgLc: '24.02',

      //               Fan2ZfTepm: '6.10',

      //               Fan1JxgLa: '24.09',

      //               Fan1JxgLb: '24.16',

      //               Fan2LnfsJcqGz: '0',

      //               Fan2JxgUab: '10.04',

      //               Fan1tjf: '-0.05',

      //               Fan2LgjGyBh: '0',

      //               Fan2CxgUca: '10.07',

      //               isRun: '-2',

      //               Fan1yqtTemp: '11.20',

      //               Fan1JxgUbc: '10.36',

      //               Fan2gdwd: '46.22',
      //             },

      //             readDataDes: null,

      //             limits: null,

      //             summaryHour: [],

      //             summaryDay: [],

      //             history: [],

      //             dayhistory: [],

      //             totalInfo: null,

      //             sign: null,

      //             cameras: [],

      //             links: [],

      //             avgParam: {},

      //             other1: null,

      //             other2: null,

      //             other3: null,

      //             remarkInfo: null,

      //             linkInfo: null,

      //             addrIndex: null,

      //             warnLogNotOkCount: 0,

      //             otherInfo: null,

      //             orderNum: 0,

      //             testFlag: 0,

      //             strRemark: null,

      //             isAutosync: null,

      //             isUnderground: '0',

      //             groupNumber: '',
      //           },
      //         ],
      //         avginfo: {
      //           warnFlag: {
      //             value: 0,
      //           },
      //         },
      //         typeName: '制氮机',

      //         type: 'nitrogen_auto',
      //       },
      //       {
      //         subtype: 'sys_nitrogen',

      //         datalist: [
      //           {
      //             msgType: null,

      //             deviceID: '2014623636824182785',

      //             strname: '制氮系统',

      //             strinstallpos: '制氮系统',

      //             fsectarea: 'null',

      //             planedVa: null,

      //             regulation: null,

      //             stationname: null,

      //             stationtype: null,

      //             deviceType: 'sys_nitrogen',

      //             typeName: '注氮',

      //             netStatus: 1,

      //             warnFlag: 0,

      //             warnLevel: 0,

      //             warnLevel_str: '正常',

      //             syswarnLevel: null,

      //             syswarnLevel_str: null,

      //             syswarnLevel_des: null,

      //             warnTime: null,

      //             readTime: '2026-02-09 10:27:25',

      //             warnDes: null,

      //             frontGateOpenCtrl: null,

      //             rearGateOpenCtrl: null,

      //             readData: {
      //               sign: '0',

      //               tTime: '2026-02-09 10:27:20',

      //               isRun: '-2',
      //             },

      //             readDataDes: null,

      //             limits: null,

      //             summaryHour: [],

      //             summaryDay: [],

      //             history: [],

      //             dayhistory: [],

      //             totalInfo: {
      //               unitNum: 0,
      //             },

      //             sign: null,

      //             cameras: [],

      //             links: [],

      //             avgParam: {},

      //             other1: null,

      //             other2: null,

      //             other3: null,

      //             remarkInfo: null,

      //             linkInfo: null,

      //             addrIndex: null,

      //             warnLogNotOkCount: 0,

      //             otherInfo: null,

      //             orderNum: null,

      //             testFlag: null,

      //             strRemark: null,

      //             isAutosync: null,

      //             coalThickness: '',

      //             coalSeamThick: '',

      //             faceRetM3: '',

      //             totalDrillingType: '',

      //             coalProduction: '',

      //             drillinFootage: '',

      //             strikelength: '',

      //             totalRetM3: '',

      //             useM3Perent: '',

      //             ventRationality: '',

      //             cuteyeLength: '',

      //             totalGasVolume: '',

      //             gasLevel: '',

      //             supportNum: '',

      //             totalComplteQuantity: '',

      //             stepIn1: '',

      //             stepIn2: '',

      //             totalOutM3: '',

      //             coalReserves: '',

      //             faceIntM3: '',

      //             cumulativeScalar: '',

      //             totalIntM3: '',

      //             totalAverageRate: '',

      //             equalarea: '',

      //             coalSpoCha: '',

      //             thickness: '',

      //             unitNum: '',

      //             meterCount1: '',

      //             meterCount2: '',

      //             goafName: '',

      //             meterCount3: '',

      //             meterCount4: '',

      //             meterCount5: '',

      //             faceLen: '',

      //             linkEmptyFlag: '',

      //             totalDate: '',

      //             stepOut1: '',

      //             mainCoalseam: '',

      //             drillingType: '',

      //             coalSeam: '',

      //             stepOut2: '',

      //             pressureRationality1: '',

      //             pressureRationality2: '',

      //             userM3: '',

      //             gasReserves: '',

      //             linkEmpty: '',

      //             beginDrainageDate: '',

      //             goafManage: '',

      //             dischargeGasEmission: '',

      //             useM3: '',

      //             ventCapacity: '',

      //             stepMid2: '',

      //             stepMid1: '',

      //             zoneRationality1: '',

      //             manageCoalMethod: '',

      //             zoneRationality2: '',

      //             miningArea: '',

      //             minFirePeriod: '',

      //             cumulativeFlow: '',

      //             scalarRecognition: '',

      //             coalSeamAngle: '',

      //             coalseam: '',

      //             totalPlanM3: '',

      //             facePlanM3: '',

      //             coalSeamThickness: '',

      //             workingFaceLengeh: '',

      //             workingFaceHeight: '',

      //             originalGasContent: '',

      //             workingFaceQieyanLength: '',

      //             workingFaceZouxiangLength: '',

      //             panel: '',

      //             leakage: '',

      //             flength: '',
      //           },
      //         ],

      //         typeName: '综合监测系统',

      //         type: 'sys',
      //       },
      //     ],
      //   };
      // });
    });
  }
  async function getDataSource() {
    const res = await list({ devicetype: 'nitrogen', pagetype: 'normal' });
    let dataSource: any = [];
    dataSource = res.msgTxt[0] && res.msgTxt[0].datalist ? res.msgTxt[0].datalist[0] : {};
    if (dataSource) {
      readData.value = Object.assign(dataSource, dataSource.readData);
    }
  }

  function initInterval() {
    setInterval(() => {
      refresh();
    }, 60000);
  }
  onMounted(() => {
    refresh();
    initInterval();
  });
</script>

<style lang="less" scoped>
  .spray-wrapper {
    width: 100%;
    height: 100%;
  }

  #spray3D {
    pointer-events: all;
  }

  .spray-wrapper :deep(.list-item_L .list-item__icon_L) {
    background-image: url('/@/assets/images/home-container/configurable/minehome/list-icon-file.png');
  }
  .spray-wrapper :deep(.list-item_N:nth-child(1)) {
    background-image: url('/@/assets/images/home-container/configurable/minehome/list-bg-n5.png');
  }
  .spray-wrapper :deep(.list-item_N:nth-child(2)) {
    background-image: url('/@/assets/images/home-container/configurable/minehome/list-bg-n6.png');
  }
</style>