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

src/views/vent/dust/dustMonitorTable/dust-table.data.ts

@@ -376,6 +376,57 @@ export const Hjtcolumns = [
     align: 'center',
   },
 ];
+export const Bdcolumns = [
+  {
+    title: '序号',
+    width: 60,
+    align: 'center',
+    dataIndex: 'xh',
+  },
+  {
+    title: '测定地点',
+    dataIndex: 'jcdd',
+    key: 'jcdd',
+    width: 150,
+    align: 'center',
+  },
+  {
+    title: '作业环境(工序)',
+    dataIndex: 'zyhj',
+    key: 'zyhj',
+    width: 80,
+    align: 'center',
+  },
+  {
+    title: '粉尘浓度(mg/m³)',
+    width: 100,
+    align: 'center',
+    children: [
+      {
+        title: '全尘',
+        dataIndex: 'qc',
+        key: 'qc',
+        width: 80,
+        align: 'center',
+      },
+      {
+        title: '呼尘',
+        dataIndex: 'hc',
+        key: 'hc',
+        width: 80,
+        align: 'center',
+      },
+    ],
+  },
+  {
+    title: '备注',
+    dataIndex: 'smark',
+    key: 'smark',
+    width: 80,
+    align: 'center',
+  },
+];
+//监测字段
 export const fieldMapping = {
   sc_zcds: '总尘-作业工序-生产(短时间监测浓度，mg/m³)',
   jx_zcds: '总尘-作业工序-检修(短时间监测浓度，mg/m³)',
@@ -408,7 +459,11 @@ export const fieldHjtMapping = {
   zcjqpj: '总尘(时间加权平均浓度，mg/m³)',
   hcjqpj: '呼尘(时间加权平均浓度，mg/m³)',
 };
-
+export const fieldBdMapping = {
+  qc: '总尘(粉尘浓度，mg/m³)',
+  hc: '呼尘(粉尘浓度，mg/m³)',
+};
+// 检测地点
 export const dataColumns = [
   {
     title: '监测字段',
@@ -540,7 +595,38 @@ export const dataHjtColumns = [
     key: 'fczl',
   },
 ];
-
+export const dataBdColumns = [
+  {
+    title: '监测字段',
+    align: 'center',
+    dataIndex: 'key',
+    key: 'key',
+    width: 100,
+    customRender: ({ text }) => fieldBdMapping[text] || text,
+  },
+  {
+    title: '最大值',
+    dataIndex: 'value',
+    align: 'center',
+    width: 100,
+    key: 'value',
+  },
+  {
+    width: 100,
+    align: 'center',
+    title: '监测地点',
+    dataIndex: 'jcdd',
+    key: 'jcdd',
+  },
+  {
+    width: 100,
+    align: 'center',
+    title: '作业环境(工序)',
+    dataIndex: 'zyhj',
+    key: 'zyhj',
+  },
+];
+// 当日情况粉尘情况分析
 export const AllDataColumns = [
   {
     title: '监测字段',
@@ -686,3 +772,34 @@ export const AllDataHjtColumns = [
     key: 'fczl',
   },
 ];
+export const AllDataBdColumns = [
+  {
+    title: '监测字段',
+    align: 'center',
+    dataIndex: 'key',
+    key: 'key',
+    width: 100,
+    customRender: ({ text }) => fieldBdMapping[text] || text,
+  },
+  {
+    title: '最大值',
+    dataIndex: 'value',
+    align: 'center',
+    width: 100,
+    key: 'value',
+  },
+  {
+    width: 100,
+    align: 'center',
+    title: '监测地点',
+    dataIndex: 'jcdd',
+    key: 'jcdd',
+  },
+  {
+    width: 100,
+    align: 'center',
+    title: '作业环境(工序)',
+    dataIndex: 'zyhj',
+    key: 'zyhj',
+  },
+];

src/views/vent/dust/dustMonitorTable/index.vue

@@ -67,14 +67,17 @@ import {
   Dltcolumns,
   Swcolumns,
   Hjtcolumns,
+  Bdcolumns,
   dataColumns,
   dataDltColumns,
   dataSwColumns,
   dataHjtColumns,
+  dataBdColumns,
   AllDataColumns,
   AllDataDltColumns,
   AllDataSwColumns,
   AllDataHjtColumns,
+  AllDataBdColumns,
 } from './dust-table.data';
 import { getDustInfoList, getAllFileList, getAllFileListById } from './dsut-table.api';
 import customHeader from '/@/components/vent/customHeader.vue';
@@ -115,6 +118,8 @@ const computedColumns = computed(() => {
       return Swcolumns; // 上湾对应的列配置
     case 'sdmtjtdltmkhjtj':
       return Hjtcolumns; // 活鸡兔对应的列配置
+    case 'sdmtjtBdmk':
+      return Bdcolumns; // 保德对应的列配置
     default:
       return columns; // 默认情况下返回的列配置
   }
@@ -129,6 +134,8 @@ const AllDataComputedColumns = computed(() => {
       return AllDataSwColumns; // 上湾对应的列配置
     case 'sdmtjtdltmkhjtj':
       return AllDataHjtColumns; // 活鸡兔对应的列配置
+    case 'sdmtjtBdmk':
+      return AllDataBdColumns; // 保德对应的列配置
     default:
       return AllDataColumns; // 默认情况下返回的列配置
   }
@@ -143,6 +150,8 @@ const DataComputedColumns = computed(() => {
       return dataSwColumns; // 上湾对应的列配置
     case 'sdmtjtdltmkhjtj':
       return dataHjtColumns; // 活鸡兔对应的列配置
+    case 'sdmtjtBdmk':
+      return dataBdColumns; // 保德对应的列配置
     default:
       return dataColumns; // 默认情况下返回的列配置
   }
@@ -219,6 +228,10 @@ function processTableData(data: any) {
       { key: 'zcjqpj', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: workplace },
       { key: 'hcjqpj', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: workplace },
     ];
+    const BdMaxValues = [
+      { key: 'qc', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: workplace },
+      { key: 'hc', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: workplace },
+    ];
     items.forEach((item: any) => {
       maxValues.forEach((maxValue) => {
         if (item[maxValue.key] > maxValue.value) {
@@ -255,6 +268,15 @@ function processTableData(data: any) {
           maxValue.gzcs = item.gzcs;
         }
       });
+      BdMaxValues.forEach((maxValue) => {
+        if (item[maxValue.key] > maxValue.value) {
+          maxValue.value = item[maxValue.key];
+          maxValue.gz = item.gz;
+          maxValue.jcdd = item.jcdd;
+          maxValue.fczl = item.fczl;
+          maxValue.gzcs = item.gzcs;
+        }
+      });
     });
     switch (sysOrgCode) {
       case 'sdmtjtbetmk':
@@ -265,6 +287,8 @@ function processTableData(data: any) {
         return SwMaxValues; // 上湾对应的列配置
       case 'sdmtjtdltmkhjtj':
         return HjtMaxValues; // 活鸡兔对应的列配置
+      case 'sdmtjtBdmk':
+        return BdMaxValues; // 保德对应的列配置
       default:
         return maxValues; // 默认情况下返回的列配置
     }
@@ -308,6 +332,10 @@ function processTableData(data: any) {
     { key: 'zcjqpj', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: '' },
     { key: 'hcjqpj', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: '' },
   ];
+  const overallBdMaxValues = [
+    { key: 'zcjqpj', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: '' },
+    { key: 'hcjqpj', value: -Infinity, gz: '', jcdd: '', fczl: '', gzcs: '' },
+  ];
   data.forEach((item: any) => {
     overallMaxValues.forEach((maxValue) => {
       if (item[maxValue.key] > maxValue.value) {
@@ -345,6 +373,15 @@ function processTableData(data: any) {
         maxValue.gzcs = item.gzcs;
       }
     });
+    overallBdMaxValues.forEach((maxValue) => {
+      if (item[maxValue.key] > maxValue.value) {
+        maxValue.value = item[maxValue.key];
+        maxValue.gz = item.gz;
+        maxValue.jcdd = item.jcdd;
+        maxValue.fczl = item.fczl;
+        maxValue.gzcs = item.gzcs;
+      }
+    });
   });
   AllMaxValues = computed(() => {
     switch (sysOrgCode) {
@@ -356,6 +393,8 @@ function processTableData(data: any) {
         return overallSwMaxValues; // 上湾对应的列配置
       case 'sdmtjtdltmkhjtj':
         return overallHjtMaxValues; // 活鸡兔对应的列配置
+      case 'sdmtjtBdmk':
+        return overallBdMaxValues; // 保德对应的列配置
       default:
         return overallMaxValues; // 默认情况下返回的列配置
     }

src/views/vent/gas/gasVerify/gasPumpSetting.data.ts

@@ -11,59 +11,59 @@ export const publicFormSchema: FormSchema[] = [
   },
   {
     label: 'q(m³/t)',
-    field: 'mine_relative_gas_emission',
+    field: 'mineRelativeGasEmission',
     component: 'Input',
     helpMessage: '矿井相对瓦斯涌出量',
   },
   {
     label: 'η(%)',
-    field: 'mine_gas_extraction_rate',
+    field: 'mineGasExtractionRate',
     component: 'Input',
     helpMessage: '矿井瓦斯抽采率',
   },
   {
     label: 'C1(%)',
-    field: 'mine_total_return_air_gas_concentration',
+    field: 'mineTotalReturnAirGasConcentration',
     component: 'Input',
     helpMessage: '矿井总回风巷瓦斯浓度',
   },
   {
     label: '当地大气压(kPa)',
-    field: 'local_atmospheric_pressure',
+    field: 'localAtmosphericPressure',
     component: 'Input',
     helpMessage: '',
   },
   {
     label: '标准大气压(kPa)',
-    field: 'standard_atmospheric_pressure',
+    field: 'standardAtmosphericPressure',
     component: 'Input',
     helpMessage: '',
   },
+  {
+    label: 'Qf(m³/min)',
+    field: 'mineMaxTotalReturnAirVolume',
+    component: 'Input',
+    helpMessage: '矿井最大总回风风量',
+  },
 ];
 
 /** 瓦斯抽采量表单配置项 */
 export const valFormSchema: FormSchema[] = [
   {
-    label: '',
-    field: 'id',
-    show: false,
-    component: 'Input',
-  },
-  {
     label: 'Qs(m³)',
-    field: 'mine_previous_year_actual_gas_extraction',
+    field: 'minePreviousYearActualGasExtraction',
     component: 'Input',
     helpMessage: '矿井上年度实际抽采瓦斯量',
   },
   {
     label: 'q0',
-    field: 'max_gas_content_coal_seam_to_be_extracted',
+    field: 'maxGasContentCoalSeamToBeExtracted',
     component: 'Input',
     helpMessage: '预开采区域瓦斯含量最大煤层应抽瓦斯吨煤含量',
   },
   {
     label: '超前抽采系数',
-    field: 'mine_advance_extraction_coefficient',
+    field: 'mineAdvanceExtractionCoefficient',
     component: 'Input',
   },
 ];
@@ -71,20 +71,14 @@ export const valFormSchema: FormSchema[] = [
 /** 瓦斯抽采率表单配置项 */
 export const rateFormSchema: FormSchema[] = [
   {
-    label: '',
-    field: 'id',
-    show: false,
-    component: 'Input',
-  },
-  {
     label: 'η(%)',
-    field: 'mine_gas_extraction_rate',
+    field: 'mineGasExtractionRate',
     component: 'Input',
     helpMessage: '上年度矿井瓦斯抽采率',
   },
   {
     label: 'Q(m³/min)',
-    field: 'max_allowable_absolute_gas_emission',
+    field: 'maxAllowableAbsoluteGasEmission',
     component: 'Input',
     helpMessage: '瓦斯抽采达标允许最大矿井绝对瓦斯涌出量',
   },
@@ -140,32 +134,32 @@ export const checkFormSchema: FormSchema[] = [
 export const pipeFormSchema: FormSchema[] = [
   {
     label: '抽采泵站',
-    field: 'ccbz',
+    field: 'extractionPumpStation',
     component: 'Input',
   },
   {
     label: '抽采系统',
-    field: 'ccxt',
+    field: 'extractionSystem',
     component: 'Input',
   },
   {
     label: '主管内径D(m)',
-    field: 'd',
+    field: 'mainPipeInnerDiameterD',
     component: 'Input',
   },
   {
     label: '经济流速v(m/s)',
-    field: 'v',
+    field: 'economicFlowRateV',
     component: 'Input',
   },
   {
     label: '赋予系数k',
-    field: 'kk',
+    field: 'surplusCoefficientK',
     component: 'Input',
   },
   {
     label: '平均抽采瓦斯浓度C2(%)',
-    field: 'wsnd2',
+    field: 'averagegasconcentrationc2',
     component: 'Input',
   },
 ];
@@ -174,32 +168,32 @@ export const pipeFormSchema: FormSchema[] = [
 export const pumpFormSchema: FormSchema[] = [
   {
     label: '抽采泵站',
-    field: 'ccbz',
+    field: 'pumpstation',
     component: 'Input',
   },
   {
     label: '单台泵',
-    field: 'ddb',
+    field: 'singlepump',
     component: 'Input',
   },
   {
     label: '装机能力Qbe(m³/min)',
-    field: 'zznl',
+    field: 'installedcapacityqbe',
     component: 'Input',
   },
   {
     label: '平均抽采瓦斯浓度C2(%)',
-    field: 'wsnd',
+    field: 'averagegasconcentrationc2',
     component: 'Input',
   },
   {
     label: '年均运行负压Pb(kPa)',
-    field: 'yxfy',
+    field: 'annualaveragenegativepressurepb',
     component: 'Input',
   },
   {
     label: '抽采工况系数',
-    field: 'k',
+    field: 'extractionconditioncoefficient',
     component: 'Input',
   },
 ];
@@ -208,33 +202,33 @@ export const pumpFormSchema: FormSchema[] = [
 export const pumpTableColumns: BasicColumn[] = [
   {
     title: '抽采泵站',
-    dataIndex: 'ccbz',
-    key: 'ccbz',
+    dataIndex: 'pumpstation',
+    key: 'pumpstation',
   },
   {
     title: '单台泵',
-    dataIndex: 'ddb',
-    key: 'ddb',
+    dataIndex: 'singlepump',
+    key: 'singlepump',
   },
   {
     title: '装机能力Qbe(m³/min)',
-    dataIndex: 'zznl',
-    key: 'zznl',
+    dataIndex: 'installedcapacityqbe',
+    key: 'installedcapacityqbe',
   },
   {
     title: '平均抽采瓦斯浓度C2(%)',
-    dataIndex: 'wsnd',
-    key: 'wsnd',
+    dataIndex: 'averagegasconcentrationc2',
+    key: 'averagegasconcentrationc2',
   },
   {
     title: '年均运行负压Pb(kPa)',
-    dataIndex: 'yxfy',
-    key: 'yxfy',
+    dataIndex: 'annualaveragenegativepressurepb',
+    key: 'annualaveragenegativepressurepb',
   },
   {
     title: '抽采工况系数',
-    dataIndex: 'k',
-    key: 'k',
+    dataIndex: 'extractionconditioncoefficient',
+    key: 'extractionconditioncoefficient',
   },
   {
     width: 120,
@@ -248,33 +242,33 @@ export const pumpTableColumns: BasicColumn[] = [
 export const pipeTableColumns: BasicColumn[] = [
   {
     title: '抽采泵站',
-    dataIndex: 'ccbz',
-    key: 'ccbz',
+    dataIndex: 'extractionPumpStation',
+    key: 'extractionPumpStation',
   },
   {
     title: '抽采系统',
-    dataIndex: 'ccxt',
-    key: 'ccxt',
+    dataIndex: 'extractionSystem',
+    key: 'extractionSystem',
   },
   {
     title: '主管内径D(m)',
-    dataIndex: 'd',
-    key: 'd',
+    dataIndex: 'mainPipeInnerDiameterD',
+    key: 'mainPipeInnerDiameterD',
   },
   {
     title: '经济流速v(m/s)',
-    dataIndex: 'v',
-    key: 'v',
+    dataIndex: 'economicFlowRateV',
+    key: 'economicFlowRateV',
   },
   {
     title: '赋予系数k',
-    dataIndex: 'kk',
-    key: 'kk',
+    dataIndex: 'surplusCoefficientK',
+    key: 'surplusCoefficientK',
   },
   {
     title: '平均抽采瓦斯浓度C2(%)',
-    dataIndex: 'wsnd2',
-    key: 'wsnd2',
+    dataIndex: 'averagegasconcentrationc2',
+    key: 'averagegasconcentrationc2',
   },
   {
     width: 120,

src/views/vent/gas/gasVerify/index.vue

@@ -24,28 +24,30 @@
           <div class="flex flex-justify-between flex-items-center">
             <FormTitle class="flex-grow-1" icon="pump" title="矿井基本信息" />
             <Button class="mr-10px" @click="addPubFormSchema">添加回风井</Button>
-            <Button type="primary" @click="submitBasicForm">计算</Button>
+            <Button class="mr-10px" @click="calculateBasicForm">计算</Button>
+            <Button type="primary" @click="submitBasicForm">提交</Button>
           </div>
           <BasicForm :model="basicFormModel" :schemas="pubFormSchema" @register="regBasicForm" />
         </template>
         <template v-if="actived === 'product'">
           <div class="flex flex-justify-between flex-items-center">
             <FormTitle class="flex-grow-1" icon="pump" title="根据矿井实际抽采瓦斯量核定" />
-            <Button type="primary" @click="submitGasvalForm">计算</Button>
+            <Button type="primary" @click="submitGasvalForm">提交</Button>
           </div>
           <BasicForm :model="basicFormModel" :schemas="valFormSchema" @register="regGasvalForm" />
         </template>
         <template v-if="actived === 'product'">
           <div class="flex flex-justify-between flex-items-center">
             <FormTitle class="flex-grow-1" icon="pump" title="根据矿井瓦斯抽采率核定" />
-            <Button type="primary" @click="submitGasrateForm">计算</Button>
+            <Button class="mr-10px" @click="calculateGasrateForm">计算</Button>
+            <Button type="primary" @click="submitGasrateForm">提交</Button>
           </div>
           <BasicForm :model="basicFormModel" :schemas="rateFormSchema" @register="regGasrateForm" />
         </template>
         <template v-if="false">
           <div class="flex flex-justify-between flex-items-center">
             <FormTitle class="flex-grow-1" icon="pump" title="核定区域信息" />
-            <Button type="primary" @click="submitCheckForm">计算</Button>
+            <Button type="primary" @click="submitCheckForm">提交</Button>
           </div>
           <BasicForm :model="basicFormModel" :schemas="checkFormSchema" @register="regCheckForm" />
         </template>
@@ -138,7 +140,7 @@
   } from './gasPumpSetting.data';
   import { BasicTable, useTable } from '/@/components/Table';
   import { BasicModal, useModal } from '/@/components/Modal';
-  import { get } from 'lodash-es';
+  import { get, inRange } from 'lodash-es';
 
   const actived = ref<'extract' | 'product'>('product');
 
@@ -153,13 +155,7 @@
     },
   };
 
-  const [regBasicForm, ctxBasicForm] = useForm(formProps);
-  function submitBasicForm() {
-    ctxBasicForm.validate().then(() => {
-      calculateHandler();
-    });
-  }
-  function calculateHandler() {
+  function submitHandler() {
     const airVolumeStr = get(basicFormModel.value, 'returnAirVolume', []).join(',');
     updateGasMain({
       ...basicFormModel.value,
@@ -173,12 +169,50 @@
       });
   }
 
+  const [regBasicForm, ctxBasicForm] = useForm(formProps);
+  function submitBasicForm() {
+    ctxBasicForm.validate().then(() => {
+      submitHandler();
+    });
+  }
+  /** 计算部分可以自动计算的参数 */
+  function calculateBasicForm() {
+    const field1 = data.value.returnAirVolume;
+    const field2 = data.value.mineGasExtractionRate;
+    if (field1 && Array.isArray(field1)) {
+      const airVolumeArr = field1.map((e) => parseFloat(e));
+      ctxBasicForm.setFieldsValue({
+        mineMaxTotalReturnAirVolume: airVolumeArr.reduce((t, n) => t + n, 0),
+      });
+    }
+    // 根据抽采率生成总回瓦斯浓度
+    if (field2) {
+      const n = parseInt(field2);
+      const config: [[number, number], number][] = [
+        [[0, 35], 0.35],
+        [[34.99, 40], 0.375],
+        [[39.99, 45], 0.425],
+        [[44.99, 50], 0.475],
+        [[49.99, 55], 0.525],
+        [[54.99, 60], 0.575],
+        [[59.99, 100], 0.7],
+      ];
+      config.forEach((e) => {
+        if (inRange(n, e[0][0], e[0][1])) {
+          ctxBasicForm.setFieldsValue({
+            mineTotalReturnAirGasConcentration: e[1],
+          });
+        }
+      });
+    }
+  }
+
   /** 根据矿井实际抽采瓦斯量核定的表单数据 */
   // const gasvalFormModel = ref<any>({});
   const [regGasvalForm, ctxGasvalForm] = useForm(formProps);
   function submitGasvalForm() {
     ctxGasvalForm.validate().then(() => {
-      calculateHandler();
+      submitHandler();
     });
   }
 
@@ -187,16 +221,41 @@
   const [regGasrateForm, ctxGasrateForm] = useForm(formProps);
   function submitGasrateForm() {
     ctxGasrateForm.validate().then(() => {
-      calculateHandler();
+      submitHandler();
     });
   }
+  /** 计算部分可以自动计算的参数 */
+  function calculateGasrateForm() {
+    const field1 = data.value.mineGasExtractionRate;
+
+    // 根据抽采率生成最大绝对涌出量
+    if (field1) {
+      const n = parseInt(field1);
+      const config: [[number, number], number][] = [
+        [[0, 35], 20],
+        [[34.99, 40], 30],
+        [[39.99, 45], 60],
+        [[44.99, 50], 120],
+        [[49.99, 55], 230],
+        [[54.99, 60], 400],
+        [[59.99, 100], 500],
+      ];
+      config.forEach((e) => {
+        if (inRange(n, e[0][0], e[0][1])) {
+          ctxBasicForm.setFieldsValue({
+            maxAllowableAbsoluteGasEmission: e[1],
+          });
+        }
+      });
+    }
+  }
 
   /** 核定区域信息的表单数据 */
   // const checkFormModel = ref<any>({});
   const [regCheckForm, ctxCheckForm] = useForm(formProps);
   function submitCheckForm() {
     ctxCheckForm.validate().then(() => {
-      calculateHandler();
+      submitHandler();
     });
   }
 
@@ -219,15 +278,9 @@
         },
       };
     });
-    const total: FormSchema = {
-      label: 'Qf(m³/min)',
-      field: 'mine_max_total_returnAirVolume',
-      component: 'Input',
-      helpMessage: '矿井最大总回风风量',
-      defaultValue: 0,
-    };
+
     // @ts-ignore-next-line
-    pubFormSchema.value = publicFormSchema.concat(...extra, total);
+    pubFormSchema.value = publicFormSchema.concat(...extra);
   }
   /** 添加一项公用参数表单项 */
   function addPubFormSchema() {
@@ -333,7 +386,6 @@
       pipeTableData.value = r2;
       pumpTableData.value = r3;
       data.value = r1[0];
-      console.log('debug', r1[0]);
       initPubFormSchema();
     });
   }

src/views/vent/home/clique/index.vue

@@ -23,12 +23,7 @@
               <iconLight @show-detail="showDetail" :warningList="warningList" />
             </div>
           </div>
-          <img
-            :src="isDataRealTime ? '/@/assets/images/company/monitor-realtime.png' : '/@/assets/images/company/monitor-doc.png'"
-            alt="切换数据模式"
-            class="w-34px h-34px pos-absolute right-5px bottom-30% z-5"
-            @click="switchDataMode"
-          />
+          <div :class="{ 'realtime-mode': isDataRealTime }" alt="切换数据模式" class="switch-button report-mode" @click="switchDataMode"></div>
           <!-- 榆家梁矿 -->
           <!-- <div class="area-card2">
             
@@ -251,6 +246,9 @@
   //   src: url('../../../../assets/font/yjsz.TTF');
   // }
   .company-home {
+    --image-monitor-realtime: url('/@/assets/images/company/monitor-realtime.png');
+    --image-monitor-doc: url('/@/assets/images/company/monitor-doc.png');
+
     width: 100%;
     height: 100%;
     position: relative;
@@ -414,5 +412,22 @@
         }
       }
     }
+
+    .switch-button {
+      width: 34px;
+      height: 34px;
+      position: absolute;
+      right: 5px;
+      bottom: 30%;
+      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);
+    }
   }
 </style>

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

@@ -204,6 +204,7 @@ export const testConfigVent: Config[] = [
       ],
       gallery_list: [],
       preset: [],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=gate_xinJianFuXieJin',
     },
     showStyle: {
       size: 'width:450px;height:280px;',
@@ -265,6 +266,7 @@ export const testConfigVent: Config[] = [
           ],
         },
       ],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=windrect',
     },
     showStyle: {
       size: 'width:1000px;height:280px;',
@@ -1636,6 +1638,7 @@ export const testConfigVentRealtime: Config[] = [
       ],
       gallery_list: [],
       preset: [],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=gate_xinJianFuXieJin',
     },
     showStyle: {
       size: 'width:450px;height:280px;',
@@ -1697,6 +1700,7 @@ export const testConfigVentRealtime: Config[] = [
           ],
         },
       ],
+      to: '/micro-vent-3dModal/dashboard/analysis?type=tunMonitor&deviceType=windrect',
     },
     showStyle: {
       size: 'width:1000px;height:280px;',