|
@@ -1,13 +1,8 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="bg-[#dbe5f6] p-10px">
|
|
<div class="bg-[#dbe5f6] p-10px">
|
|
|
<div class="flex items-center">
|
|
<div class="flex items-center">
|
|
|
- <span class="mr-10px w-80px">数据桥接</span>
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="dataBridgeId"
|
|
|
|
|
- class="!w-240px"
|
|
|
|
|
- clearable
|
|
|
|
|
- placeholder="选择数据桥接"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <span class="mr-10px w-80px">数据桥梁</span>
|
|
|
|
|
+ <el-select v-model="dataBridgeId" class="!w-240px" clearable placeholder="选择数据桥接">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="bridge in dataBridgeList"
|
|
v-for="bridge in dataBridgeList"
|
|
|
:key="bridge.id"
|
|
:key="bridge.id"
|
|
@@ -21,6 +16,7 @@
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
import { useVModel } from '@vueuse/core'
|
|
import { useVModel } from '@vueuse/core'
|
|
|
|
|
+import { DataBridgeApi } from '@/api/iot/rule/databridge'
|
|
|
|
|
|
|
|
/** 数据桥接执行器组件 */
|
|
/** 数据桥接执行器组件 */
|
|
|
defineOptions({ name: 'DataBridgeAction' })
|
|
defineOptions({ name: 'DataBridgeAction' })
|
|
@@ -29,23 +25,14 @@ const props = defineProps<{ modelValue: any }>()
|
|
|
const emits = defineEmits(['update:modelValue'])
|
|
const emits = defineEmits(['update:modelValue'])
|
|
|
const dataBridgeId = useVModel(props, 'modelValue', emits)
|
|
const dataBridgeId = useVModel(props, 'modelValue', emits)
|
|
|
|
|
|
|
|
-// 模拟数据桥接列表,实际项目中应该从API获取
|
|
|
|
|
-const dataBridgeList = ref([
|
|
|
|
|
- { id: 1, name: '数据桥接1' },
|
|
|
|
|
- { id: 2, name: '数据桥接2' },
|
|
|
|
|
- { id: 3, name: '数据桥接3' }
|
|
|
|
|
-])
|
|
|
|
|
|
|
+const dataBridgeList = ref<any[]>([]) // 数据桥接列表
|
|
|
|
|
|
|
|
-// 实际项目中,应该从API获取数据桥接列表
|
|
|
|
|
-// const getDataBridgeList = async () => {
|
|
|
|
|
-// try {
|
|
|
|
|
-// dataBridgeList.value = await DataBridgeApi.getSimpleList()
|
|
|
|
|
-// } catch (error) {
|
|
|
|
|
-// console.error('获取数据桥接列表失败', error)
|
|
|
|
|
-// }
|
|
|
|
|
-// }
|
|
|
|
|
|
|
+// 获取数据桥接列表
|
|
|
|
|
+const getDataBridgeList = async () => {
|
|
|
|
|
+ dataBridgeList.value = await DataBridgeApi.getSimpleDataBridgeList()
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
-// onMounted(() => {
|
|
|
|
|
-// getDataBridgeList()
|
|
|
|
|
-// })
|
|
|
|
|
-</script>
|
|
|
|
|
|
|
+onMounted(() => {
|
|
|
|
|
+ getDataBridgeList()
|
|
|
|
|
+})
|
|
|
|
|
+</script>
|