【功能完善】IoT: 数据桥梁配置编辑回显

Author: puhui999

src/store/modules/app.ts

@@ -61,7 +61,7 @@ export const useAppStore = defineStore('app', {
       tagsView: true, // 标签页
       tagsViewImmerse: false, // 标签页沉浸
       tagsViewIcon: true, // 是否显示标签图标
-      logo: false, // logo
+      logo: true, // logo
       fixedHeader: true, // 固定toolheader
       footer: true, // 显示页脚
       greyMode: false, // 是否开始灰色模式，用于特殊悼念日

src/views/iot/rule/databridge/config/HttpConfigForm.vue

@@ -33,6 +33,7 @@
 <script lang="ts" setup>
 import { HttpConfig, IoTDataBridgeConfigType } from '@/api/iot/rule/databridge'
 import { useVModel } from '@vueuse/core'
+import { isEmpty } from '@/utils/is'
 
 defineOptions({ name: 'HttpConfigForm' })
 
@@ -47,6 +48,9 @@ const queryStr = ref('{}')
 
 /** 组件初始化 */
 onMounted(() => {
+  if (!isEmpty(config.value)) {
+    return
+  }
   config.value = {
     type: IoTDataBridgeConfigType.HTTP,
     url: '',

src/views/iot/rule/databridge/config/KafkaMQConfigForm.vue

@@ -18,6 +18,7 @@
 <script lang="ts" setup>
 import { IoTDataBridgeConfigType, KafkaMQConfig } from '@/api/iot/rule/databridge'
 import { useVModel } from '@vueuse/core'
+import { isEmpty } from '@/utils/is'
 
 defineOptions({ name: 'KafkaMQConfigForm' })
 
@@ -29,6 +30,9 @@ const config = useVModel(props, 'modelValue', emit) as Ref<KafkaMQConfig>
 
 /** 组件初始化 */
 onMounted(() => {
+  if (!isEmpty(config.value)) {
+    return
+  }
   config.value = {
     type: IoTDataBridgeConfigType.KAFKA,
     bootstrapServers: '',

src/views/iot/rule/databridge/config/MqttConfigForm.vue

@@ -18,6 +18,7 @@
 <script lang="ts" setup>
 import { IoTDataBridgeConfigType, MqttConfig } from '@/api/iot/rule/databridge'
 import { useVModel } from '@vueuse/core'
+import { isEmpty } from '@/utils/is'
 
 defineOptions({ name: 'MqttConfigForm' })
 
@@ -29,6 +30,9 @@ const config = useVModel(props, 'modelValue', emit) as Ref<MqttConfig>
 
 /** 组件初始化 */
 onMounted(() => {
+  if (!isEmpty(config.value)) {
+    return
+  }
   config.value = {
     type: IoTDataBridgeConfigType.MQTT,
     url: '',

src/views/iot/rule/databridge/config/RabbitMQConfigForm.vue

@@ -27,6 +27,7 @@
 <script lang="ts" setup>
 import { IoTDataBridgeConfigType, RabbitMQConfig } from '@/api/iot/rule/databridge'
 import { useVModel } from '@vueuse/core'
+import { isEmpty } from '@/utils/is'
 
 defineOptions({ name: 'RabbitMQConfigForm' })
 
@@ -38,6 +39,9 @@ const config = useVModel(props, 'modelValue', emit) as Ref<RabbitMQConfig>
 
 /** 组件初始化 */
 onMounted(() => {
+  if (!isEmpty(config.value)) {
+    return
+  }
   config.value = {
     type: IoTDataBridgeConfigType.RABBITMQ,
     host: '',

src/views/iot/rule/databridge/config/RedisStreamMQConfigForm.vue

@@ -18,6 +18,7 @@
 <script lang="ts" setup>
 import { IoTDataBridgeConfigType, RedisStreamMQConfig } from '@/api/iot/rule/databridge'
 import { useVModel } from '@vueuse/core'
+import { isEmpty } from '@/utils/is'
 
 defineOptions({ name: 'RedisStreamMQConfigForm' })
 
@@ -29,6 +30,9 @@ const config = useVModel(props, 'modelValue', emit) as Ref<RedisStreamMQConfig>
 
 /** 组件初始化 */
 onMounted(() => {
+  if (!isEmpty(config.value)) {
+    return
+  }
   config.value = {
     type: IoTDataBridgeConfigType.REDIS_STREAM,
     host: '',

src/views/iot/rule/databridge/config/RocketMQConfigForm.vue

@@ -26,6 +26,7 @@
 <script lang="ts" setup>
 import { IoTDataBridgeConfigType, RocketMQConfig } from '@/api/iot/rule/databridge'
 import { useVModel } from '@vueuse/core'
+import { isEmpty } from '@/utils/is'
 
 defineOptions({ name: 'RocketMQConfigForm' })
 
@@ -37,6 +38,9 @@ const config = useVModel(props, 'modelValue', emit) as Ref<RocketMQConfig>
 
 /** 组件初始化 */
 onMounted(() => {
+  if (!isEmpty(config.value)) {
+    return
+  }
   config.value = {
     type: IoTDataBridgeConfigType.ROCKETMQ,
     nameServer: '',