【功能完善】IoT: 数据桥梁配置

Author: puhui999

src/store/modules/app.ts

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

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

@@ -32,29 +32,24 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item label="桥梁配置" prop="config">
-        <HttpConfigForm v-if="showConfig(IoTDataBridgeConfigType.HTTP)" v-model="formData.config" />
-        <MqttConfigForm v-if="showConfig(IoTDataBridgeConfigType.MQTT)" v-model="formData.config" />
-        <RocketMQConfigForm
-          v-if="showConfig(IoTDataBridgeConfigType.ROCKETMQ)"
-          v-model="formData.config"
-        />
-        <KafkaMQConfigForm
-          v-if="showConfig(IoTDataBridgeConfigType.KAFKA)"
-          v-model="formData.config"
-        />
-        <RabbitMQConfigForm
-          v-if="showConfig(IoTDataBridgeConfigType.RABBITMQ)"
-          v-model="formData.config"
-        />
-        <RedisStreamMQConfigForm
-          v-if="showConfig(IoTDataBridgeConfigType.REDIS_STREAM)"
-          v-model="formData.config"
-        />
-      </el-form-item>
-      <el-form-item label="桥梁描述" prop="description">
-        <el-input v-model="formData.description" height="150px" type="textarea" />
-      </el-form-item>
+      <HttpConfigForm v-if="showConfig(IoTDataBridgeConfigType.HTTP)" v-model="formData.config" />
+      <MqttConfigForm v-if="showConfig(IoTDataBridgeConfigType.MQTT)" v-model="formData.config" />
+      <RocketMQConfigForm
+        v-if="showConfig(IoTDataBridgeConfigType.ROCKETMQ)"
+        v-model="formData.config"
+      />
+      <KafkaMQConfigForm
+        v-if="showConfig(IoTDataBridgeConfigType.KAFKA)"
+        v-model="formData.config!"
+      />
+      <RabbitMQConfigForm
+        v-if="showConfig(IoTDataBridgeConfigType.RABBITMQ)"
+        v-model="formData.config!"
+      />
+      <RedisStreamMQConfigForm
+        v-if="showConfig(IoTDataBridgeConfigType.REDIS_STREAM)"
+        v-model="formData.config!"
+      />
       <el-form-item label="桥梁状态" prop="status">
         <el-radio-group v-model="formData.status">
           <el-radio
@@ -66,6 +61,9 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
+      <el-form-item label="桥梁描述" prop="description">
+        <el-input v-model="formData.description" height="150px" type="textarea" />
+      </el-form-item>
     </el-form>
     <template #footer>
       <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>

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

@@ -37,7 +37,7 @@ import { useVModel } from '@vueuse/core'
 defineOptions({ name: 'HttpConfigForm' })
 
 const props = defineProps<{
-  modelValue: HttpConfig
+  modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue'])
 const config = useVModel(props, 'modelValue', emit) as Ref<HttpConfig>

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

@@ -22,7 +22,7 @@ import { useVModel } from '@vueuse/core'
 defineOptions({ name: 'KafkaMQConfigForm' })
 
 const props = defineProps<{
-  modelValue: KafkaMQConfig
+  modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue'])
 const config = useVModel(props, 'modelValue', emit) as Ref<KafkaMQConfig>

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

@@ -22,7 +22,7 @@ import { useVModel } from '@vueuse/core'
 defineOptions({ name: 'MqttConfigForm' })
 
 const props = defineProps<{
-  modelValue: MqttConfig
+  modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue'])
 const config = useVModel(props, 'modelValue', emit) as Ref<MqttConfig>

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

@@ -31,7 +31,7 @@ import { useVModel } from '@vueuse/core'
 defineOptions({ name: 'RabbitMQConfigForm' })
 
 const props = defineProps<{
-  modelValue: RabbitMQConfig
+  modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue'])
 const config = useVModel(props, 'modelValue', emit) as Ref<RabbitMQConfig>

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

@@ -22,7 +22,7 @@ import { useVModel } from '@vueuse/core'
 defineOptions({ name: 'RedisStreamMQConfigForm' })
 
 const props = defineProps<{
-  modelValue: RedisStreamMQConfig
+  modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue'])
 const config = useVModel(props, 'modelValue', emit) as Ref<RedisStreamMQConfig>

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item label="命名服务地址" prop="config.nameServer">
+  <el-form-item label="名称服务地址" prop="config.nameServer">
     <el-input v-model="config.nameServer" placeholder="请输入命名服务地址，如：127.0.0.1:9876" />
   </el-form-item>
   <el-form-item label="Access Key" prop="config.accessKey">
@@ -30,7 +30,7 @@ import { useVModel } from '@vueuse/core'
 defineOptions({ name: 'RocketMQConfigForm' })
 
 const props = defineProps<{
-  modelValue: RocketMQConfig
+  modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue'])
 const config = useVModel(props, 'modelValue', emit) as Ref<RocketMQConfig>