Sfoglia il codice sorgente

[Fix 0000] 密闭监测页面生产状态显示异常问题修复

houzekong 3 mesi fa
parent
commit
a2b32d94a8
1 ha cambiato i file con 17 aggiunte e 1 eliminazioni
  1. 17 1
      src/views/monitor/sealedMonitor/monitor.data.ts

+ 17 - 1
src/views/monitor/sealedMonitor/monitor.data.ts

@@ -5,6 +5,7 @@ import { TreeItem } from '/@/components/Tree/index';
 import { ModuleDataChart } from '/@/components/Configurable/types';
 import { h } from 'vue';
 import { StatusColorEnum } from '/@/enums/jeecgEnum';
+import { getDictItemsByCode } from '/@/utils/dict';
 
 const riskMap = {
   '1': '低风险',
@@ -13,6 +14,8 @@ const riskMap = {
   '4': '高风险',
 };
 
+const dictMap = getDictItemsByCode('mineProStatus');
+
 // 实时数据相关
 export const columns: BasicColumn[] = [
   // {
@@ -47,8 +50,21 @@ export const columns: BasicColumn[] = [
   },
   {
     title: '生产状态',
-    dataIndex: 'productStatus',
+    dataIndex: 'productionStatus',
     width: 100,
+    customRender({ text }) {
+      // 从动态映射取值,兜底未知状态
+      const color = { '0': StatusColorEnum.green, '1': StatusColorEnum.blue }[text] || StatusColorEnum.red;
+      const label = dictMap.find((item) => item.value == text)?.label || '-';
+      // 渲染带颜色的文字
+      return h(
+        'span',
+        {
+          style: { color },
+        },
+        label
+      );
+    },
   },
   {
     title: 'CO(ppm)',