【代码优化】IoT: 数据桥梁配置切换使用字典值

Author: puhui999

src/api/iot/rule/databridge/index.ts

@@ -1,6 +1,6 @@
 import request from '@/config/axios'
 
-// IoT 数据桥梁 VO
+//数据桥梁 VO
 export interface DataBridgeVO {
   id?: number // 桥梁编号
   name?: string // 桥梁名称
@@ -81,45 +81,45 @@ export interface RedisStreamMQConfig extends Config {
 
 /** 数据桥梁类型 */
 export const IoTDataBridgeConfigType = {
-  HTTP: 'HTTP',
-  TCP: 'TCP',
-  WEBSOCKET: 'WEBSOCKET',
-  MQTT: 'MQTT',
-  DATABASE: 'DATABASE',
-  REDIS_STREAM: 'REDIS_STREAM',
-  ROCKETMQ: 'ROCKETMQ',
-  RABBITMQ: 'RABBITMQ',
-  KAFKA: 'KAFKA'
+  HTTP: '1',
+  TCP: '2',
+  WEBSOCKET: '3',
+  MQTT: '10',
+  DATABASE: '20',
+  REDIS_STREAM: '21',
+  ROCKETMQ: '30',
+  RABBITMQ: '31',
+  KAFKA: '32'
 } as const
 
-// IoT 数据桥梁 API
+// 数据桥梁 API
 export const DataBridgeApi = {
-  // 查询IoT 数据桥梁分页
+  // 查询数据桥梁分页
   getDataBridgePage: async (params: any) => {
     return await request.get({ url: `/iot/data-bridge/page`, params })
   },
 
-  // 查询IoT 数据桥梁详情
+  // 查询数据桥梁详情
   getDataBridge: async (id: number) => {
     return await request.get({ url: `/iot/data-bridge/get?id=` + id })
   },
 
-  // 新增IoT 数据桥梁
+  // 新增数据桥梁
   createDataBridge: async (data: DataBridgeVO) => {
     return await request.post({ url: `/iot/data-bridge/create`, data })
   },
 
-  // 修改IoT 数据桥梁
+  // 修改数据桥梁
   updateDataBridge: async (data: DataBridgeVO) => {
     return await request.put({ url: `/iot/data-bridge/update`, data })
   },
 
-  // 删除IoT 数据桥梁
+  // 删除数据桥梁
   deleteDataBridge: async (id: number) => {
     return await request.delete({ url: `/iot/data-bridge/delete?id=` + id })
   },
 
-  // 导出IoT 数据桥梁 Excel
+  // 导出数据桥梁 Excel
   exportDataBridge: async (params) => {
     return await request.download({ url: `/iot/data-bridge/export-excel`, params })
   }

src/views/iot/rule/databridge/IoTDataBridgeForm.vue

@@ -72,7 +72,7 @@
   </Dialog>
 </template>
 <script lang="ts" setup>
-import { DICT_TYPE, getDictLabel, getIntDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getDictObj, getIntDictOptions } from '@/utils/dict'
 import { DataBridgeApi, DataBridgeVO, IoTDataBridgeConfigType } from '@/api/iot/rule/databridge'
 import {
   HttpConfigForm,
@@ -140,8 +140,8 @@ const formRules = reactive({
 
 const formRef = ref() // 表单 Ref
 const showConfig = computed(() => (val: string) => {
-  const label = getDictLabel(DICT_TYPE.IOT_DATA_BRIDGE_TYPE_ENUM, formData.value.type)
-  return label && label === val
+  const dict = getDictObj(DICT_TYPE.IOT_DATA_BRIDGE_TYPE_ENUM, formData.value.type)
+  return dict && dict.value + '' === val
 }) // 显示对应的 Config 配置项
 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {