소스 검색

[Fix 0000] 修复公司端看板粉尘模块无法显示的问题

houzekong 10 달 전
부모
커밋
3246219694

+ 0 - 15
src/views/vent/home/billboard/billboard.data.ts

@@ -1,11 +1,5 @@
-import DustStatus from './components/DustStatus.vue';
-import FileOverview from './components/FileOverview.vue';
-import FireStatus from './components/FireStatus.vue';
-import VentilationStatus from './components/VentilationStatus.vue';
-import GasStatus from './components/GasStatus.vue';
 import leftImg from '/@/assets/images/files/homes/file.svg';
 import rightImg from '/@/assets/images/files/homes/sp.svg';
-import type { Component } from 'vue';
 
 // 基础的表格列配置,针对普通设备
 export const GAS_STATUS_COLUMN = [
@@ -151,15 +145,6 @@ export const GAS_STATUS_HEADER_CONFIG = [
   },
 ];
 
-// 各个监测类型对应的要展示的组件
-export const COMPONENTS_MAP = new Map<string, Component>([
-  ['dust', DustStatus],
-  ['fire', FireStatus],
-  ['file', FileOverview],
-  ['ventilate', VentilationStatus],
-  ['gas', GasStatus],
-]);
-
 export const DEFAULT_TEST_DATA = {
   dustInfo: {
     // 矿井粉尘风险信息

+ 0 - 1
src/views/vent/home/billboard/components/DustStatus.vue

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <CommonTitle class="mb-10px" label="矿井粉尘风险性等级" :value="risk" />
   <CommonTable :columns="DUST_STATUS_COLUMN" :data="tableData" />

+ 1 - 1
src/views/vent/home/billboard/components/VentilationStatus.vue

@@ -5,7 +5,7 @@
       <MiniBoard :label="item.label" :value="headerData[item.prop]" :type="item.type" />
     </Col>
     <div class="ventilate-status-card">
-      <CommonTitle label="通风系统数量" :value="ventilatorCount" />
+      <CommonTitle label="回风井系统数量" :value="ventilatorCount" />
       <BasicTree class="ventilate-status-card__tree" :tree-data="treeData" :virtual="false" />
     </div>
   </Row>

+ 21 - 8
src/views/vent/home/billboard/index.vue

@@ -7,16 +7,16 @@
     <a-row class="company-content" :gutter="10">
       <a-col v-for="(item, i) in shownBillboards" :key="`svvhbi-${i}`" :span="6">
         <BaseCard :title="item.orgname" @open="openHandler(item.ip)">
-          <component :is="COMPONENTS_MAP.get(billboardType)" :data="item" />
+          <component :is="componentMap[billboardType]" :data="item" />
         </BaseCard>
       </a-col>
     </a-row>
     <div v-if="showBtn" style="position: absolute; top: 0; left: 0">
-      <a-button @click="billboardType = 'dust'">切换粉尘看板</a-button>
-      <a-button @click="billboardType = 'fire'">切换火灾看板</a-button>
-      <a-button @click="billboardType = 'file'">切换文件看板</a-button>
-      <a-button @click="billboardType = 'ventilate'">切换风扇看板</a-button>
-      <a-button @click="billboardType = 'gas'">切换瓦斯看板</a-button>
+      <a-button @click="billboardType = 'DustStatus'">切换粉尘看板</a-button>
+      <a-button @click="billboardType = 'FireStatus'">切换火灾看板</a-button>
+      <a-button @click="billboardType = 'FileOverview'">切换文件看板</a-button>
+      <a-button @click="billboardType = 'VentilationStatus'">切换风扇看板</a-button>
+      <a-button @click="billboardType = 'GasStatus'">切换瓦斯看板</a-button>
     </div>
     <ArrowButton point-to="left" class="company__arrow_left" @click="changeCurrentPage(-1)" />
     <ArrowButton point-to="right" class="company__arrow_right" @click="changeCurrentPage(1)" />
@@ -26,15 +26,28 @@
   import { computed, onMounted, ref } from 'vue';
   import BaseCard from './components/BaseCard.vue';
   import ArrowButton from './components/ArrowButton.vue';
-  import { BillboardType, COMPONENTS_MAP } from './billboard.data';
+  import { BillboardType } from './billboard.data';
   import { useRoute } from 'vue-router';
   import { getSummary } from './billboard.api';
   import { useSSO } from '/@/hooks/vent/useSSO';
+  import DustStatus from './components/DustStatus.vue';
+  import FileOverview from './components/FileOverview.vue';
+  import FireStatus from './components/FireStatus.vue';
+  import VentilationStatus from './components/VentilationStatus.vue';
+  import GasStatus from './components/GasStatus.vue';
   // import mapComponent from './components/3Dmap/index.vue';
 
   const route = useRoute();
   const { open } = useSSO();
 
+  const componentMap = {
+    DustStatus,
+    FileOverview,
+    VentilationStatus,
+    GasStatus,
+    FireStatus,
+  };
+
   const mainTitle = '煤炭集团';
 
   // 看板相关的基础配置
@@ -62,7 +75,7 @@
     currentPage.value = Math.max((currentPage.value + pagecount) % totalPage.value, 1);
   }
 
-  const billboardType = ref('dust');
+  const billboardType = ref('DustStatus');
   const showBtn = ref(true);
 
   // 页面跳转