<!-- 产品的物模型表单（event 项） -->
|
<script lang="ts" setup>
|
import type { Ref } from 'vue';
|
|
import { watch } from 'vue';
|
|
import {
|
IoTThingModelEventTypeEnum,
|
IoTThingModelParamDirectionEnum,
|
} from '../../../../packages/constants/src';
|
import { isEmpty } from '../../../../packages/utils/src';
|
|
import { useVModel } from '@vueuse/core';
|
import { Form, Radio } from 'ant-design-vue';
|
|
import { ThingModelFormRules } from '#/api/iot/thingmodel';
|
|
import ThingModelInputOutputParam from './input-output-param.vue';
|
|
const props = defineProps<{ modelValue: any }>();
|
const emits = defineEmits(['update:modelValue']);
|
const thingModelEvent = useVModel(props, 'modelValue', emits) as Ref<any>;
|
|
/** 默认选中，INFO 信息 */
|
watch(
|
() => thingModelEvent.value.type,
|
(val: string | undefined) =>
|
isEmpty(val) &&
|
(thingModelEvent.value.type = IoTThingModelEventTypeEnum.INFO.value),
|
{ immediate: true },
|
);
|
</script>
|
|
<template>
|
<Form.Item
|
:name="['event', 'type']"
|
:rules="ThingModelFormRules.eventType"
|
label="事件类型"
|
>
|
<Radio.Group v-model:value="thingModelEvent.type">
|
<Radio
|
v-for="eventType in Object.values(IoTThingModelEventTypeEnum)"
|
:key="eventType.value"
|
:value="eventType.value"
|
>
|
{{ eventType.label }}
|
</Radio>
|
</Radio.Group>
|
</Form.Item>
|
<Form.Item label="输出参数">
|
<ThingModelInputOutputParam
|
v-model="thingModelEvent.outputParams"
|
:direction="IoTThingModelParamDirectionEnum.OUTPUT"
|
/>
|
</Form.Item>
|
</template>
|
|
<style lang="scss" scoped>
|
:deep(.ant-form-item) {
|
.ant-form-item {
|
margin-bottom: 0;
|
}
|
}
|
</style>
|
