54afd4555d
1.修复物模型列表无限加载的问题 2.修复物模型管理页面添加，TSL，编辑，删除，功能类型选项功能不用问题 3.修复TSL按钮物模型接口没有的问题 4.修复物模型新增编辑页面的属性不能正常编辑修改问题美化显示 iot设备管理问题 1.修复新增编辑页面缺少字段相关组件 2.修复设备详情中子页面不显示问题 3.修复设备详情子页面物模型数据页面不显示问题 4.修复模拟设备右侧不显示问题 右侧溢出，改为上下分栏 Signed-off-by: Administrator <425053404@qq.com>
62 lines
1.9 KiB
Vue
62 lines
1.9 KiB
Vue
<!-- dataType：array 数组类型 -->
|
||
<script lang="ts" setup>
|
||
import type { Ref } from 'vue';
|
||
|
||
import { useVModel } from '@vueuse/core';
|
||
import { Form, Input, Radio } from 'ant-design-vue';
|
||
|
||
import {
|
||
getDataTypeOptions,
|
||
IoTDataSpecsDataTypeEnum,
|
||
} from '#/views/iot/utils/constants';
|
||
|
||
import ThingModelStructDataSpecs from './ThingModelStructDataSpecs.vue';
|
||
|
||
/** 数组型的 dataSpecs 配置组件 */
|
||
defineOptions({ name: 'ThingModelArrayDataSpecs' });
|
||
|
||
const props = defineProps<{ modelValue: any }>();
|
||
const emits = defineEmits(['update:modelValue']);
|
||
const dataSpecs = useVModel(props, 'modelValue', emits) as Ref<any>;
|
||
|
||
/** 元素类型改变时间。当值为 struct 时，对 dataSpecs 中的 dataSpecsList 进行初始化 */
|
||
function handleChange(val: any) {
|
||
if (val !== IoTDataSpecsDataTypeEnum.STRUCT) {
|
||
return;
|
||
}
|
||
dataSpecs.value.dataSpecsList = [];
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<Form.Item label="元素类型" name="property.dataSpecs.childDataType">
|
||
<Radio.Group v-model:value="dataSpecs.childDataType" @change="handleChange">
|
||
<template v-for="item in getDataTypeOptions()" :key="item.value">
|
||
<Radio
|
||
v-if="
|
||
!(
|
||
[
|
||
IoTDataSpecsDataTypeEnum.ENUM,
|
||
IoTDataSpecsDataTypeEnum.ARRAY,
|
||
IoTDataSpecsDataTypeEnum.DATE,
|
||
] as any[]
|
||
).includes(item.value)
|
||
"
|
||
:value="item.value"
|
||
class="w-1/3"
|
||
>
|
||
{{ `${item.value}(${item.label})` }}
|
||
</Radio>
|
||
</template>
|
||
</Radio.Group>
|
||
</Form.Item>
|
||
<Form.Item label="元素个数" name="property.dataSpecs.size">
|
||
<Input v-model:value="dataSpecs.size" placeholder="请输入数组中的元素个数" />
|
||
</Form.Item>
|
||
<!-- Struct 型配置-->
|
||
<ThingModelStructDataSpecs
|
||
v-if="dataSpecs.childDataType === IoTDataSpecsDataTypeEnum.STRUCT"
|
||
v-model="dataSpecs.dataSpecsList"
|
||
/>
|
||
</template>
|