设备端物模型属性和指令界面修改
This commit is contained in:
ChenYi
parent
38427d204d
commit
821abb0740
@ -1239,7 +1239,7 @@ export const CopyAnotherDeviceInputSchema = {
|
||||
}
|
||||
},
|
||||
additionalProperties: false,
|
||||
description: '复制已存在设备物模型信息'
|
||||
description: '复制已存在设备端物模型信息'
|
||||
} as const;
|
||||
|
||||
export const CopyAnotherProductInputSchema = {
|
||||
@ -1263,6 +1263,27 @@ export const CopyAnotherProductInputSchema = {
|
||||
description: '复制已存在产品设备物模型信息'
|
||||
} as const;
|
||||
|
||||
export const CopyIoTPlatformThingModelToDeviceInputSchema = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
ioTPlatform: {
|
||||
'$ref': '#/components/schemas/IoTPlatformTypeEnum'
|
||||
},
|
||||
ioTPlatformProductId: {
|
||||
type: 'string',
|
||||
description: '物联网平台中对应的产品Id',
|
||||
nullable: true
|
||||
},
|
||||
deviceThingModelId: {
|
||||
type: 'string',
|
||||
description: '当前设备端物模型数据Id',
|
||||
format: 'uuid'
|
||||
}
|
||||
},
|
||||
additionalProperties: false,
|
||||
description: '通过平台端物模型快速创建设备端物模型信息'
|
||||
} as const;
|
||||
|
||||
export const CopyStandardThingModelInputSchema = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
@ -2520,20 +2541,21 @@ export const DeviceThingModelCommandInfoUpdateInputSchema = {
|
||||
} as const;
|
||||
|
||||
export const DeviceThingModelCreateInputSchema = {
|
||||
required: ['deviceModelName', 'ioTPlatform', 'ioTPlatformProductId'],
|
||||
type: 'object',
|
||||
properties: {
|
||||
deviceModelName: {
|
||||
minLength: 1,
|
||||
type: 'string',
|
||||
description: '设备端物模型名称',
|
||||
nullable: true
|
||||
description: '设备端物模型名称'
|
||||
},
|
||||
ioTPlatform: {
|
||||
'$ref': '#/components/schemas/IoTPlatformTypeEnum'
|
||||
},
|
||||
ioTPlatformProductId: {
|
||||
minLength: 1,
|
||||
type: 'string',
|
||||
description: '物联网平台中对应的产品Id',
|
||||
nullable: true
|
||||
description: '物联网平台中对应的产品Id'
|
||||
},
|
||||
scriptName: {
|
||||
type: 'string',
|
||||
@ -2544,9 +2566,6 @@ export const DeviceThingModelCreateInputSchema = {
|
||||
type: 'string',
|
||||
description: '脚本函数体',
|
||||
nullable: true
|
||||
},
|
||||
parsingSequence: {
|
||||
'$ref': '#/components/schemas/ParsingSequenceTypeEnum'
|
||||
}
|
||||
},
|
||||
additionalProperties: false
|
||||
@ -2649,9 +2668,6 @@ export const DeviceThingModelManagementDtoSchema = {
|
||||
description: '脚本函数体',
|
||||
nullable: true
|
||||
},
|
||||
parsingSequence: {
|
||||
'$ref': '#/components/schemas/ParsingSequenceTypeEnum'
|
||||
},
|
||||
functionAnalysisFlag: {
|
||||
type: 'boolean',
|
||||
description: '函数解析标记，默认为false， 不能解析'
|
||||
@ -2749,7 +2765,7 @@ export const DeviceThingModelPageInputSchema = {
|
||||
} as const;
|
||||
|
||||
export const DeviceThingModelPropertyCreateInputSchema = {
|
||||
required: ['deviceThingModelId', 'ioTPlatformRawFieldDataType', 'ioTPlatformRawFieldName', 'standardFieldDisplayName', 'standardFieldName', 'standardFieldValueType'],
|
||||
required: ['deviceThingModelId', 'ioTPlatformRawFieldDataType', 'ioTPlatformRawFieldName', 'nativeSkipNumber', 'nativeTakeNumber', 'parsingSequence', 'standardFieldDisplayName', 'standardFieldName', 'standardFieldValueType'],
|
||||
type: 'object',
|
||||
properties: {
|
||||
deviceThingModelId: {
|
||||
@ -2791,15 +2807,30 @@ export const DeviceThingModelPropertyCreateInputSchema = {
|
||||
type: 'boolean',
|
||||
description: '是否需要值类型转换'
|
||||
},
|
||||
skipNumber: {
|
||||
nativeSkipNumber: {
|
||||
type: 'integer',
|
||||
description: '跳过数量',
|
||||
description: '正序跳过数量',
|
||||
format: 'int32'
|
||||
},
|
||||
takeNumber: {
|
||||
nativeTakeNumber: {
|
||||
type: 'integer',
|
||||
description: '获取数量',
|
||||
description: '正序获取数量',
|
||||
format: 'int32'
|
||||
},
|
||||
parsingSequence: {
|
||||
'$ref': '#/components/schemas/ParsingSequenceTypeEnum'
|
||||
},
|
||||
reversalSkipNumber: {
|
||||
type: 'integer',
|
||||
description: '反转跳过数量',
|
||||
format: 'int32',
|
||||
nullable: true
|
||||
},
|
||||
reversalTakeNumber: {
|
||||
type: 'integer',
|
||||
description: '反转获取数量',
|
||||
format: 'int32',
|
||||
nullable: true
|
||||
}
|
||||
},
|
||||
additionalProperties: false,
|
||||
@ -2893,6 +2924,11 @@ export const DeviceThingModelPropertyInfoDtoSchema = {
|
||||
description: '物联网平台中对应的产品Id',
|
||||
nullable: true
|
||||
},
|
||||
ioTPlatformThingModelDataId: {
|
||||
type: 'string',
|
||||
description: '平台端物模型数据Id',
|
||||
format: 'uuid'
|
||||
},
|
||||
filedType: {
|
||||
type: 'string',
|
||||
description: '物联网平台中对应产品物模型属性或者事件类型 JiShe.ServicePro.Core.DataDictionaryTypeConst',
|
||||
@ -2927,15 +2963,30 @@ export const DeviceThingModelPropertyInfoDtoSchema = {
|
||||
type: 'boolean',
|
||||
description: '是否需要值类型转换'
|
||||
},
|
||||
skipNumber: {
|
||||
nativeSkipNumber: {
|
||||
type: 'integer',
|
||||
description: '跳过数量',
|
||||
description: '正序跳过数量',
|
||||
format: 'int32'
|
||||
},
|
||||
takeNumber: {
|
||||
nativeTakeNumber: {
|
||||
type: 'integer',
|
||||
description: '获取数量',
|
||||
description: '正序获取数量',
|
||||
format: 'int32'
|
||||
},
|
||||
parsingSequence: {
|
||||
'$ref': '#/components/schemas/ParsingSequenceTypeEnum'
|
||||
},
|
||||
reversalSkipNumber: {
|
||||
type: 'integer',
|
||||
description: '反转跳过数量',
|
||||
format: 'int32',
|
||||
nullable: true
|
||||
},
|
||||
reversalTakeNumber: {
|
||||
type: 'integer',
|
||||
description: '反转获取数量',
|
||||
format: 'int32',
|
||||
nullable: true
|
||||
}
|
||||
},
|
||||
additionalProperties: false,
|
||||
@ -3021,7 +3072,7 @@ export const DeviceThingModelPropertyPageInputSchema = {
|
||||
} as const;
|
||||
|
||||
export const DeviceThingModelPropertyUpdateInputSchema = {
|
||||
required: ['deviceThingModelId', 'id', 'ioTPlatformRawFieldDataType', 'ioTPlatformRawFieldName', 'standardFieldDisplayName', 'standardFieldName', 'standardFieldValueType'],
|
||||
required: ['deviceThingModelId', 'id', 'ioTPlatformRawFieldDataType', 'ioTPlatformRawFieldName', 'nativeSkipNumber', 'nativeTakeNumber', 'parsingSequence', 'standardFieldDisplayName', 'standardFieldName', 'standardFieldValueType'],
|
||||
type: 'object',
|
||||
properties: {
|
||||
deviceThingModelId: {
|
||||
@ -3063,16 +3114,31 @@ export const DeviceThingModelPropertyUpdateInputSchema = {
|
||||
type: 'boolean',
|
||||
description: '是否需要值类型转换'
|
||||
},
|
||||
skipNumber: {
|
||||
nativeSkipNumber: {
|
||||
type: 'integer',
|
||||
description: '跳过数量',
|
||||
description: '正序跳过数量',
|
||||
format: 'int32'
|
||||
},
|
||||
takeNumber: {
|
||||
nativeTakeNumber: {
|
||||
type: 'integer',
|
||||
description: '获取数量',
|
||||
description: '正序获取数量',
|
||||
format: 'int32'
|
||||
},
|
||||
parsingSequence: {
|
||||
'$ref': '#/components/schemas/ParsingSequenceTypeEnum'
|
||||
},
|
||||
reversalSkipNumber: {
|
||||
type: 'integer',
|
||||
description: '反转跳过数量',
|
||||
format: 'int32',
|
||||
nullable: true
|
||||
},
|
||||
reversalTakeNumber: {
|
||||
type: 'integer',
|
||||
description: '反转获取数量',
|
||||
format: 'int32',
|
||||
nullable: true
|
||||
},
|
||||
id: {
|
||||
type: 'string',
|
||||
format: 'uuid'
|
||||
@ -3083,20 +3149,21 @@ export const DeviceThingModelPropertyUpdateInputSchema = {
|
||||
} as const;
|
||||
|
||||
export const DeviceThingModelUpdateInputSchema = {
|
||||
required: ['deviceModelName', 'ioTPlatform', 'ioTPlatformProductId'],
|
||||
type: 'object',
|
||||
properties: {
|
||||
deviceModelName: {
|
||||
minLength: 1,
|
||||
type: 'string',
|
||||
description: '设备端物模型名称',
|
||||
nullable: true
|
||||
description: '设备端物模型名称'
|
||||
},
|
||||
ioTPlatform: {
|
||||
'$ref': '#/components/schemas/IoTPlatformTypeEnum'
|
||||
},
|
||||
ioTPlatformProductId: {
|
||||
minLength: 1,
|
||||
type: 'string',
|
||||
description: '物联网平台中对应的产品Id',
|
||||
nullable: true
|
||||
description: '物联网平台中对应的产品Id'
|
||||
},
|
||||
scriptName: {
|
||||
type: 'string',
|
||||
@ -3108,9 +3175,6 @@ export const DeviceThingModelUpdateInputSchema = {
|
||||
description: '脚本函数体',
|
||||
nullable: true
|
||||
},
|
||||
parsingSequence: {
|
||||
'$ref': '#/components/schemas/ParsingSequenceTypeEnum'
|
||||
},
|
||||
id: {
|
||||
type: 'string',
|
||||
format: 'uuid'
|
||||
@ -8737,11 +8801,11 @@ export const ParameterApiDescriptionModelSchema = {
|
||||
} as const;
|
||||
|
||||
export const ParsingSequenceTypeEnumSchema = {
|
||||
enum: [1, 2],
|
||||
enum: [1, 2, 3],
|
||||
type: 'integer',
|
||||
description: '解析顺序枚举',
|
||||
format: 'int32',
|
||||
'说明：': '正序=1,高低位反转=2'
|
||||
'说明：': '正序=1,高低反转=2,BCD码=3'
|
||||
} as const;
|
||||
|
||||
export const PermissionOutputSchema = {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -233,7 +233,7 @@ export type ControllerInterfaceApiDescriptionModel = {
|
||||
};
|
||||
|
||||
/**
|
||||
* 复制已存在设备物模型信息
|
||||
* 复制已存在设备端物模型信息
|
||||
*/
|
||||
export type CopyAnotherDeviceInput = {
|
||||
ioTPlatform?: IoTPlatformTypeEnum;
|
||||
@ -262,6 +262,21 @@ export type CopyAnotherProductInput = {
|
||||
sourceProductId?: (string) | null;
|
||||
};
|
||||
|
||||
/**
|
||||
* 通过平台端物模型快速创建设备端物模型信息
|
||||
*/
|
||||
export type CopyIoTPlatformThingModelToDeviceInput = {
|
||||
ioTPlatform?: IoTPlatformTypeEnum;
|
||||
/**
|
||||
* 物联网平台中对应的产品Id
|
||||
*/
|
||||
ioTPlatformProductId?: (string) | null;
|
||||
/**
|
||||
* 当前设备端物模型数据Id
|
||||
*/
|
||||
deviceThingModelId?: string;
|
||||
};
|
||||
|
||||
/**
|
||||
* 复制标准物模型
|
||||
*/
|
||||
@ -1419,12 +1434,12 @@ export type DeviceThingModelCreateInput = {
|
||||
/**
|
||||
* 设备端物模型名称
|
||||
*/
|
||||
deviceModelName?: (string) | null;
|
||||
ioTPlatform?: IoTPlatformTypeEnum;
|
||||
deviceModelName: string;
|
||||
ioTPlatform: IoTPlatformTypeEnum;
|
||||
/**
|
||||
* 物联网平台中对应的产品Id
|
||||
*/
|
||||
ioTPlatformProductId?: (string) | null;
|
||||
ioTPlatformProductId: string;
|
||||
/**
|
||||
* 脚本函数名称
|
||||
*/
|
||||
@ -1433,7 +1448,6 @@ export type DeviceThingModelCreateInput = {
|
||||
* 脚本函数体
|
||||
*/
|
||||
functionScript?: (string) | null;
|
||||
parsingSequence?: ParsingSequenceTypeEnum;
|
||||
};
|
||||
|
||||
/**
|
||||
@ -1491,7 +1505,6 @@ export type DeviceThingModelManagementDto = {
|
||||
* 脚本函数体
|
||||
*/
|
||||
functionScript?: (string) | null;
|
||||
parsingSequence?: ParsingSequenceTypeEnum;
|
||||
/**
|
||||
* 函数解析标记，默认为false， 不能解析
|
||||
*/
|
||||
@ -1587,13 +1600,22 @@ export type DeviceThingModelPropertyCreateInput = {
|
||||
*/
|
||||
isValueNeedConvert?: boolean;
|
||||
/**
|
||||
* 跳过数量
|
||||
* 正序跳过数量
|
||||
*/
|
||||
skipNumber?: number;
|
||||
nativeSkipNumber: number;
|
||||
/**
|
||||
* 获取数量
|
||||
* 正序获取数量
|
||||
*/
|
||||
takeNumber?: number;
|
||||
nativeTakeNumber: number;
|
||||
parsingSequence: ParsingSequenceTypeEnum;
|
||||
/**
|
||||
* 反转跳过数量
|
||||
*/
|
||||
reversalSkipNumber?: (number) | null;
|
||||
/**
|
||||
* 反转获取数量
|
||||
*/
|
||||
reversalTakeNumber?: (number) | null;
|
||||
};
|
||||
|
||||
/**
|
||||
@ -1643,6 +1665,10 @@ export type DeviceThingModelPropertyInfoDto = {
|
||||
* 物联网平台中对应的产品Id
|
||||
*/
|
||||
ioTPlatformProductId?: (string) | null;
|
||||
/**
|
||||
* 平台端物模型数据Id
|
||||
*/
|
||||
ioTPlatformThingModelDataId?: string;
|
||||
/**
|
||||
* 物联网平台中对应产品物模型属性或者事件类型 JiShe.ServicePro.Core.DataDictionaryTypeConst
|
||||
*/
|
||||
@ -1672,13 +1698,22 @@ export type DeviceThingModelPropertyInfoDto = {
|
||||
*/
|
||||
isValueNeedConvert?: boolean;
|
||||
/**
|
||||
* 跳过数量
|
||||
* 正序跳过数量
|
||||
*/
|
||||
skipNumber?: number;
|
||||
nativeSkipNumber?: number;
|
||||
/**
|
||||
* 获取数量
|
||||
* 正序获取数量
|
||||
*/
|
||||
takeNumber?: number;
|
||||
nativeTakeNumber?: number;
|
||||
parsingSequence?: ParsingSequenceTypeEnum;
|
||||
/**
|
||||
* 反转跳过数量
|
||||
*/
|
||||
reversalSkipNumber?: (number) | null;
|
||||
/**
|
||||
* 反转获取数量
|
||||
*/
|
||||
reversalTakeNumber?: (number) | null;
|
||||
};
|
||||
|
||||
export type DeviceThingModelPropertyInfoDtoPagedResultDto = {
|
||||
@ -1769,13 +1804,22 @@ export type DeviceThingModelPropertyUpdateInput = {
|
||||
*/
|
||||
isValueNeedConvert?: boolean;
|
||||
/**
|
||||
* 跳过数量
|
||||
* 正序跳过数量
|
||||
*/
|
||||
skipNumber?: number;
|
||||
nativeSkipNumber: number;
|
||||
/**
|
||||
* 获取数量
|
||||
* 正序获取数量
|
||||
*/
|
||||
takeNumber?: number;
|
||||
nativeTakeNumber: number;
|
||||
parsingSequence: ParsingSequenceTypeEnum;
|
||||
/**
|
||||
* 反转跳过数量
|
||||
*/
|
||||
reversalSkipNumber?: (number) | null;
|
||||
/**
|
||||
* 反转获取数量
|
||||
*/
|
||||
reversalTakeNumber?: (number) | null;
|
||||
id: string;
|
||||
};
|
||||
|
||||
@ -1783,12 +1827,12 @@ export type DeviceThingModelUpdateInput = {
|
||||
/**
|
||||
* 设备端物模型名称
|
||||
*/
|
||||
deviceModelName?: (string) | null;
|
||||
ioTPlatform?: IoTPlatformTypeEnum;
|
||||
deviceModelName: string;
|
||||
ioTPlatform: IoTPlatformTypeEnum;
|
||||
/**
|
||||
* 物联网平台中对应的产品Id
|
||||
*/
|
||||
ioTPlatformProductId?: (string) | null;
|
||||
ioTPlatformProductId: string;
|
||||
/**
|
||||
* 脚本函数名称
|
||||
*/
|
||||
@ -1797,7 +1841,6 @@ export type DeviceThingModelUpdateInput = {
|
||||
* 脚本函数体
|
||||
*/
|
||||
functionScript?: (string) | null;
|
||||
parsingSequence?: ParsingSequenceTypeEnum;
|
||||
id?: string;
|
||||
};
|
||||
|
||||
@ -4656,7 +4699,7 @@ export type ParameterApiDescriptionModel = {
|
||||
/**
|
||||
* 解析顺序枚举
|
||||
*/
|
||||
export type ParsingSequenceTypeEnum = 1 | 2;
|
||||
export type ParsingSequenceTypeEnum = 1 | 2 | 3;
|
||||
|
||||
export type PermissionOutput = {
|
||||
grants?: Array<(string)> | null;
|
||||
@ -5999,15 +6042,25 @@ export type PostDeviceThingModelManagementFindByPlatformProductIdAsyncResponse =
|
||||
|
||||
export type PostDeviceThingModelManagementFindByPlatformProductIdAsyncError = unknown;
|
||||
|
||||
export type PostDeviceThingModelManagementCopyAnotherThingModelAsyncData = {
|
||||
export type PostDeviceThingModelManagementCopyAnotherDeviceThingModelAsyncData = {
|
||||
query?: {
|
||||
input?: CopyAnotherDeviceInput;
|
||||
};
|
||||
};
|
||||
|
||||
export type PostDeviceThingModelManagementCopyAnotherThingModelAsyncResponse = (boolean);
|
||||
export type PostDeviceThingModelManagementCopyAnotherDeviceThingModelAsyncResponse = (boolean);
|
||||
|
||||
export type PostDeviceThingModelManagementCopyAnotherThingModelAsyncError = unknown;
|
||||
export type PostDeviceThingModelManagementCopyAnotherDeviceThingModelAsyncError = unknown;
|
||||
|
||||
export type PostDeviceThingModelManagementCopyIoTplatformThingModelToDeviceAsyncData = {
|
||||
query?: {
|
||||
input?: CopyIoTPlatformThingModelToDeviceInput;
|
||||
};
|
||||
};
|
||||
|
||||
export type PostDeviceThingModelManagementCopyIoTplatformThingModelToDeviceAsyncResponse = (boolean);
|
||||
|
||||
export type PostDeviceThingModelManagementCopyIoTplatformThingModelToDeviceAsyncError = unknown;
|
||||
|
||||
export type PostDeviceThingModelManagementPageAsyncData = {
|
||||
query?: {
|
||||
|
||||
@ -1,10 +1,21 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
import { nextTick, ref } from 'vue';
|
||||
|
||||
import { useVbenModal } from '@vben/common-ui';
|
||||
import { useVbenModal, z } from '@vben/common-ui';
|
||||
|
||||
import { message as Message } from 'ant-design-vue';
|
||||
|
||||
import { useVbenForm } from '#/adapter/form';
|
||||
import { useVbenVxeGrid } from '#/adapter/vxe-table';
|
||||
import { postDeviceThingModelManagementCommandPageAsync } from '#/api-client';
|
||||
import {
|
||||
postDeviceThingModelManagementCommandCreateAsync,
|
||||
postDeviceThingModelManagementCommandDeleteAsync,
|
||||
postDeviceThingModelManagementCommandFindByIdAsync,
|
||||
postDeviceThingModelManagementCommandPageAsync,
|
||||
postDeviceThingModelManagementCommandUpdateAsync,
|
||||
postDeviceThingModelManagementPropertyPageAsync,
|
||||
} from '#/api-client';
|
||||
import { TableAction } from '#/components/table-action';
|
||||
import { $t } from '#/locales';
|
||||
|
||||
defineOptions({
|
||||
@ -14,6 +25,10 @@ defineOptions({
|
||||
const deviceThingModelId = ref<string>('');
|
||||
const deviceModelName = ref<string>('');
|
||||
|
||||
const editRow: Record<string, any> = ref({});
|
||||
const propertyOptions = ref<Array<{ label: string; value: string }>>([]);
|
||||
|
||||
// 指令列表
|
||||
const [Grid, gridApi] = useVbenVxeGrid({
|
||||
formOptions: {
|
||||
schema: [],
|
||||
@ -30,14 +45,30 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||
{
|
||||
field: 'issueCommand',
|
||||
title: '下发指令',
|
||||
minWidth: 140,
|
||||
minWidth: 200,
|
||||
showOverflow: 'tooltip',
|
||||
},
|
||||
{
|
||||
field: 'propertyArray',
|
||||
title: '属性标识符集合',
|
||||
minWidth: 140,
|
||||
minWidth: 200,
|
||||
showOverflow: 'tooltip',
|
||||
formatter: ({ cellValue }: { cellValue: any }) => {
|
||||
if (Array.isArray(cellValue)) {
|
||||
return cellValue.join(', ');
|
||||
}
|
||||
if (typeof cellValue === 'string') {
|
||||
try {
|
||||
const parsed = JSON.parse(cellValue);
|
||||
if (Array.isArray(parsed)) {
|
||||
return parsed.join(', ');
|
||||
}
|
||||
} catch {
|
||||
return cellValue;
|
||||
}
|
||||
}
|
||||
return cellValue || '-';
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'action',
|
||||
@ -49,6 +80,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||
],
|
||||
height: 400,
|
||||
pagerConfig: {},
|
||||
toolbarConfig: {
|
||||
custom: true,
|
||||
},
|
||||
proxyConfig: {
|
||||
ajax: {
|
||||
query: async ({ page }) => {
|
||||
@ -69,15 +103,234 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||
},
|
||||
});
|
||||
|
||||
// 指令新增/编辑弹窗
|
||||
const [CommandFormModal, commandFormModalApi] = useVbenModal({
|
||||
draggable: true,
|
||||
footer: true,
|
||||
showCancelButton: true,
|
||||
showConfirmButton: true,
|
||||
onConfirm: submitCommand,
|
||||
onBeforeClose: () => {
|
||||
return true;
|
||||
},
|
||||
onOpenChange: async (isOpen: boolean) => {
|
||||
if (isOpen) {
|
||||
// 加载当前设备端物模型的属性列表，用于选择属性标识符
|
||||
await loadPropertyOptions();
|
||||
if (editRow.value.id) {
|
||||
// 编辑模式下，加载指令详情
|
||||
nextTick(async () => {
|
||||
try {
|
||||
const { data } = await postDeviceThingModelManagementCommandFindByIdAsync({
|
||||
body: { id: editRow.value.id },
|
||||
});
|
||||
if (data) {
|
||||
const values: any = { ...data };
|
||||
// 处理 propertyArray 字段
|
||||
if (values.propertyArray) {
|
||||
if (typeof values.propertyArray === 'string') {
|
||||
try {
|
||||
values.propertyArray = JSON.parse(values.propertyArray);
|
||||
} catch {
|
||||
values.propertyArray = [values.propertyArray];
|
||||
}
|
||||
}
|
||||
if (!Array.isArray(values.propertyArray)) {
|
||||
values.propertyArray = [];
|
||||
}
|
||||
} else {
|
||||
values.propertyArray = [];
|
||||
}
|
||||
commandFormApi.setValues(values);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载指令详情失败:', error);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// 新增模式下，清空表单
|
||||
commandFormApi.resetForm();
|
||||
}
|
||||
}
|
||||
},
|
||||
onCancel: () => {
|
||||
commandFormModalApi.close();
|
||||
},
|
||||
});
|
||||
|
||||
// 加载属性选项（用于指令的属性标识符选择）
|
||||
async function loadPropertyOptions() {
|
||||
if (!deviceThingModelId.value) {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
const { data } = await postDeviceThingModelManagementPropertyPageAsync({
|
||||
body: {
|
||||
pageIndex: 1,
|
||||
pageSize: 1000,
|
||||
deviceThingModelId: deviceThingModelId.value,
|
||||
isPage:false
|
||||
},
|
||||
});
|
||||
const items = data?.items || [];
|
||||
propertyOptions.value = items.map((item: any) => ({
|
||||
label: `${item.standardFieldDisplayName || item.standardFieldName} (${item.standardFieldName})`,
|
||||
value: item.standardFieldName || '',
|
||||
}));
|
||||
} catch (error) {
|
||||
console.error('加载属性列表失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// 指令表单
|
||||
const [CommandForm, commandFormApi] = useVbenForm({
|
||||
collapsed: false,
|
||||
commonConfig: {
|
||||
labelWidth: 140,
|
||||
componentProps: {
|
||||
class: 'w-4/5',
|
||||
},
|
||||
},
|
||||
layout: 'horizontal',
|
||||
schema: [
|
||||
{
|
||||
component: 'Input',
|
||||
fieldName: 'commandName',
|
||||
label: '指令名称',
|
||||
rules: z
|
||||
.preprocess((v) => (v == null ? '' : v), z.string().min(1, $t('common.required'))),
|
||||
componentProps: {
|
||||
placeholder: $t('common.pleaseInput') + '指令名称',
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'Textarea',
|
||||
fieldName: 'issueCommand',
|
||||
label: '下发指令',
|
||||
rules: z
|
||||
.preprocess((v) => (v == null ? '' : v), z.string().min(1, $t('common.required'))),
|
||||
componentProps: {
|
||||
rows: 4,
|
||||
placeholder: $t('common.pleaseInput') + '下发指令（完整的单个下发指令）',
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'Select',
|
||||
fieldName: 'propertyArray',
|
||||
label: '属性标识符集合',
|
||||
rules: z
|
||||
.preprocess((v) => (v == null ? [] : v), z.array(z.string()).min(1, '请至少选择一个属性标识符')),
|
||||
// 使用函数形式，保证 options 能随着 propertyOptions 的变化而更新
|
||||
componentProps: () => ({
|
||||
mode: 'multiple',
|
||||
placeholder: '请选择属性标识符',
|
||||
options: propertyOptions.value,
|
||||
showSearch: true,
|
||||
filterOption: (input: string, option: any) => {
|
||||
return String(option.label)
|
||||
.toLowerCase()
|
||||
.includes(input.toLowerCase());
|
||||
},
|
||||
}),
|
||||
},
|
||||
],
|
||||
showCollapseButton: false,
|
||||
showDefaultActions: false,
|
||||
wrapperClass: 'grid-cols-1',
|
||||
});
|
||||
|
||||
// 打开新增指令弹窗
|
||||
function openAddCommandModal() {
|
||||
editRow.value = {};
|
||||
commandFormModalApi.open();
|
||||
}
|
||||
|
||||
// 打开编辑指令弹窗
|
||||
function openEditCommandModal(record: any) {
|
||||
editRow.value = record;
|
||||
commandFormModalApi.open();
|
||||
}
|
||||
|
||||
// 提交指令（新增/编辑）
|
||||
async function submitCommand() {
|
||||
const isEdit = !!editRow.value.id;
|
||||
const { valid } = await commandFormApi.validate();
|
||||
if (!valid) return;
|
||||
|
||||
const formValues = await commandFormApi.getValues();
|
||||
const fetchParams: any = {
|
||||
...formValues,
|
||||
deviceThingModelId: deviceThingModelId.value,
|
||||
// 确保 propertyArray 是数组格式
|
||||
propertyArray: Array.isArray(formValues.propertyArray)
|
||||
? formValues.propertyArray
|
||||
: formValues.propertyArray
|
||||
? [formValues.propertyArray]
|
||||
: [],
|
||||
...(isEdit && { id: editRow.value.id }),
|
||||
};
|
||||
|
||||
try {
|
||||
const api = isEdit
|
||||
? postDeviceThingModelManagementCommandUpdateAsync
|
||||
: postDeviceThingModelManagementCommandCreateAsync;
|
||||
const resp = await api({ body: fetchParams });
|
||||
if (resp.data) {
|
||||
Message.success(
|
||||
isEdit ? $t('common.editSuccess') : $t('common.addSuccess'),
|
||||
);
|
||||
commandFormModalApi.close();
|
||||
editRow.value = {};
|
||||
await nextTick();
|
||||
if (gridApi && gridApi.reload) {
|
||||
await gridApi.reload();
|
||||
}
|
||||
} else {
|
||||
Message.error(
|
||||
isEdit ? $t('common.editFail') : $t('common.addFail'),
|
||||
);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('提交指令失败:', error);
|
||||
Message.error(
|
||||
isEdit ? $t('common.editFail') : $t('common.addFail'),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// 删除指令
|
||||
async function onDeleteCommand(record: any) {
|
||||
try {
|
||||
const resp = await postDeviceThingModelManagementCommandDeleteAsync({
|
||||
body: { id: record.id },
|
||||
});
|
||||
if (resp.data) {
|
||||
Message.success($t('common.deleteSuccess'));
|
||||
await nextTick();
|
||||
if (gridApi && gridApi.reload) {
|
||||
await gridApi.reload();
|
||||
}
|
||||
} else {
|
||||
Message.error($t('common.deleteFail'));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('删除指令失败:', error);
|
||||
Message.error($t('common.deleteFail'));
|
||||
}
|
||||
}
|
||||
|
||||
const [Modal, modalApi] = useVbenModal({
|
||||
onOpenChange(isOpen: boolean) {
|
||||
if (isOpen) {
|
||||
const data = modalApi.getData<Record<string, any>>();
|
||||
deviceThingModelId.value = data?.deviceThingModelId || '';
|
||||
deviceModelName.value = data?.deviceModelName || '';
|
||||
// 使用 nextTick 确保 Grid 组件已完全初始化
|
||||
nextTick(() => {
|
||||
if (gridApi && gridApi.reload) {
|
||||
gridApi.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
@ -86,9 +339,52 @@ const [Modal, modalApi] = useVbenModal({
|
||||
<template>
|
||||
<Modal :title="`指令管理 - ${deviceModelName || ''}`" class="w-[900px]">
|
||||
<Grid>
|
||||
<!-- 这里后续可以加 toolbar-actions：新增指令、编辑、删除等 -->
|
||||
<template #toolbar-actions>
|
||||
<TableAction
|
||||
:actions="[
|
||||
{
|
||||
label: $t('common.add'),
|
||||
type: 'primary',
|
||||
icon: 'ant-design:plus-outlined',
|
||||
onClick: openAddCommandModal,
|
||||
auth: ['AbpIdentity.Users.Create'],
|
||||
},
|
||||
]"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<template #action="{ row }">
|
||||
<TableAction
|
||||
:actions="[
|
||||
{
|
||||
label: $t('common.edit'),
|
||||
type: 'link',
|
||||
size: 'small',
|
||||
auth: ['AbpIdentity.Users.Update'],
|
||||
onClick: openEditCommandModal.bind(null, row),
|
||||
},
|
||||
{
|
||||
label: $t('common.delete'),
|
||||
icon: 'ant-design:delete-outlined',
|
||||
type: 'link',
|
||||
size: 'small',
|
||||
auth: ['AbpIdentity.Users.Delete'],
|
||||
popConfirm: {
|
||||
title: $t('common.askConfirmDelete'),
|
||||
confirm: onDeleteCommand.bind(null, row),
|
||||
},
|
||||
},
|
||||
]"
|
||||
/>
|
||||
</template>
|
||||
</Grid>
|
||||
|
||||
<!-- 指令新增/编辑弹窗 -->
|
||||
<CommandFormModal
|
||||
:title="editRow.id ? $t('common.edit') : $t('common.add')"
|
||||
class="w-[800px]"
|
||||
>
|
||||
<CommandForm />
|
||||
</CommandFormModal>
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
@ -1,10 +1,25 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
import { computed, nextTick, ref, watch } from 'vue';
|
||||
|
||||
import { useVbenModal } from '@vben/common-ui';
|
||||
import { useVbenModal, z } from '@vben/common-ui';
|
||||
|
||||
import { message as Message } from 'ant-design-vue';
|
||||
|
||||
import { useVbenForm } from '#/adapter/form';
|
||||
import { useVbenVxeGrid } from '#/adapter/vxe-table';
|
||||
import { postDeviceThingModelManagementPropertyPageAsync } from '#/api-client';
|
||||
import {
|
||||
getCommonGetSelectList,
|
||||
postAggregationIoTplatformGetIoTplatformProductInfoAsync,
|
||||
postDeviceThingModelManagementCopyAnotherDeviceThingModelAsync,
|
||||
postDeviceThingModelManagementCopyIoTplatformThingModelToDeviceAsync,
|
||||
postDeviceThingModelManagementPageAsync,
|
||||
postDeviceThingModelManagementPropertyCreateAsync,
|
||||
postDeviceThingModelManagementPropertyDeleteAsync,
|
||||
postDeviceThingModelManagementPropertyFindByIdAsync,
|
||||
postDeviceThingModelManagementPropertyPageAsync,
|
||||
postDeviceThingModelManagementPropertyUpdateAsync,
|
||||
} from '#/api-client';
|
||||
import { TableAction } from '#/components/table-action';
|
||||
import { $t } from '#/locales';
|
||||
|
||||
defineOptions({
|
||||
@ -13,7 +28,12 @@ defineOptions({
|
||||
|
||||
const deviceThingModelId = ref<string>('');
|
||||
const deviceModelName = ref<string>('');
|
||||
const ioTPlatform = ref<number | string>('');
|
||||
const ioTPlatformProductId = ref<string>('');
|
||||
|
||||
const editRow: Record<string, any> = ref({});
|
||||
|
||||
// 属性列表
|
||||
const [Grid, gridApi] = useVbenVxeGrid({
|
||||
formOptions: {
|
||||
schema: [],
|
||||
@ -21,6 +41,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||
},
|
||||
gridOptions: {
|
||||
columns: [
|
||||
{
|
||||
field: 'filedType',
|
||||
title: '物模型类型',
|
||||
minWidth: 160,
|
||||
showOverflow: 'tooltip',
|
||||
},
|
||||
{
|
||||
field: 'standardFieldDisplayName',
|
||||
title: '标准属性名称',
|
||||
@ -56,12 +82,20 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||
title: '值类型是否转换',
|
||||
minWidth: 120,
|
||||
showOverflow: 'tooltip',
|
||||
formatter: ({ cellValue }: { cellValue: any }) => {
|
||||
return cellValue ? '是' : '否';
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'parsingSequence',
|
||||
title: '解析方式',
|
||||
minWidth: 140,
|
||||
showOverflow: 'tooltip',
|
||||
formatter: ({ cellValue }: { cellValue: any }) => {
|
||||
if (cellValue === 1) return '正序';
|
||||
if (cellValue === 2) return '高低位反转';
|
||||
return cellValue ?? '-';
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'nativeSkipNumber',
|
||||
@ -97,6 +131,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||
],
|
||||
height: 400,
|
||||
pagerConfig: {},
|
||||
toolbarConfig: {
|
||||
custom: true,
|
||||
},
|
||||
proxyConfig: {
|
||||
ajax: {
|
||||
query: async ({ page }) => {
|
||||
@ -118,24 +155,691 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||
},
|
||||
});
|
||||
|
||||
// 属性新增/编辑弹窗
|
||||
const [PropertyFormModal, propertyFormModalApi] = useVbenModal({
|
||||
draggable: true,
|
||||
footer: true,
|
||||
showCancelButton: true,
|
||||
showConfirmButton: true,
|
||||
onConfirm: submitProperty,
|
||||
onBeforeClose: () => {
|
||||
return true;
|
||||
},
|
||||
onOpenChange: (isOpen: boolean) => {
|
||||
if (isOpen && editRow.value.id) {
|
||||
// 编辑模式下，加载属性详情
|
||||
nextTick(async () => {
|
||||
try {
|
||||
const { data } =
|
||||
await postDeviceThingModelManagementPropertyFindByIdAsync({
|
||||
body: { id: editRow.value.id },
|
||||
});
|
||||
if (data) {
|
||||
const values: any = { ...data };
|
||||
// 处理解析方式字段（从后端获取的可能是数字，需要转换成字符串）
|
||||
if (
|
||||
values.parsingSequence !== undefined &&
|
||||
values.parsingSequence !== null
|
||||
) {
|
||||
// 如果后端返回的是数字，转换为字符串；如果已经是字符串，保持原样
|
||||
values.parsingSequence = String(values.parsingSequence);
|
||||
}
|
||||
propertyFormApi.setValues(values);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载属性详情失败:', error);
|
||||
}
|
||||
});
|
||||
} else if (isOpen) {
|
||||
// 新增模式下，清空表单
|
||||
propertyFormApi.resetForm();
|
||||
}
|
||||
},
|
||||
onCancel: () => {
|
||||
propertyFormModalApi.close();
|
||||
},
|
||||
});
|
||||
|
||||
// 快速复制平台端物模型属性弹窗
|
||||
const [CopyPropertyModal, copyPropertyModalApi] = useVbenModal({
|
||||
draggable: true,
|
||||
footer: true,
|
||||
showCancelButton: true,
|
||||
showConfirmButton: true,
|
||||
onConfirm: submitCopyProperty,
|
||||
onBeforeClose: () => {
|
||||
return true;
|
||||
},
|
||||
onCancel: () => {
|
||||
copyPropertyModalApi.close();
|
||||
},
|
||||
});
|
||||
|
||||
// 快速复制设备端物模型弹窗
|
||||
const [CopyDeviceThingModelModal, copyDeviceThingModelModalApi] = useVbenModal({
|
||||
draggable: true,
|
||||
footer: true,
|
||||
showCancelButton: true,
|
||||
showConfirmButton: true,
|
||||
onConfirm: submitCopyDeviceThingModel,
|
||||
onBeforeClose: () => {
|
||||
return true;
|
||||
},
|
||||
onCancel: () => {
|
||||
copyDeviceThingModelModalApi.close();
|
||||
},
|
||||
});
|
||||
|
||||
// 属性表单 schema
|
||||
const propertyFormSchema = computed(() => {
|
||||
const isEdit = !!editRow.value.id;
|
||||
return [
|
||||
{
|
||||
component: 'Input',
|
||||
fieldName: 'standardFieldDisplayName',
|
||||
label: '标准属性名称',
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
componentProps: {
|
||||
placeholder: `${$t('common.pleaseInput')}标准属性名称`,
|
||||
disabled: isEdit, // 编辑模式下禁用
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'Input',
|
||||
fieldName: 'standardFieldName',
|
||||
label: '标准属性标识符',
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
componentProps: {
|
||||
placeholder: `${$t('common.pleaseInput')}标准属性标识符`,
|
||||
disabled: isEdit, // 编辑模式下禁用
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'ApiSelect',
|
||||
fieldName: 'standardFieldValueType',
|
||||
label: '标准属性值类型',
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
componentProps: {
|
||||
api: getCommonGetSelectList,
|
||||
params: {
|
||||
query: {
|
||||
typeName: 'StandardThingModelDataTypeEnum',
|
||||
},
|
||||
},
|
||||
labelField: 'value',
|
||||
valueField: 'secondValue',
|
||||
optionsPropName: 'options',
|
||||
immediate: true,
|
||||
allowClear: true,
|
||||
disabled: isEdit, // 编辑模式下禁用
|
||||
placeholder: `${$t('common.pleaseSelect')}标准属性值类型`,
|
||||
afterFetch: (res: any) => {
|
||||
if (Array.isArray(res)) return res;
|
||||
if (res && Array.isArray(res.items)) return res.items;
|
||||
if (res && Array.isArray(res.data)) return res.data;
|
||||
return [];
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'Input',
|
||||
fieldName: 'ioTPlatformRawFieldName',
|
||||
label: '平台属性标识符',
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
componentProps: {
|
||||
placeholder: `${$t('common.pleaseInput')}平台属性标识符`,
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'ApiSelect',
|
||||
fieldName: 'ioTPlatformRawFieldDataType',
|
||||
label: '平台属性值类型',
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
componentProps: {
|
||||
api: getCommonGetSelectList,
|
||||
params: {
|
||||
query: {
|
||||
typeName: 'StandardThingModelDataTypeEnum',
|
||||
},
|
||||
},
|
||||
labelField: 'value',
|
||||
valueField: 'secondValue',
|
||||
optionsPropName: 'options',
|
||||
immediate: true,
|
||||
allowClear: true,
|
||||
placeholder: `${$t('common.pleaseSelect')}平台属性值类型`,
|
||||
afterFetch: (res: any) => {
|
||||
if (Array.isArray(res)) return res;
|
||||
if (res && Array.isArray(res.items)) return res.items;
|
||||
if (res && Array.isArray(res.data)) return res.data;
|
||||
return [];
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'Switch',
|
||||
fieldName: 'isValueNeedConvert',
|
||||
label: '值类型是否转换',
|
||||
componentProps: {
|
||||
checkedChildren: '是',
|
||||
unCheckedChildren: '否',
|
||||
style: { width: 'auto' }, // 优化宽度显示
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'ApiSelect',
|
||||
fieldName: 'parsingSequence',
|
||||
label: '解析方式',
|
||||
componentProps: {
|
||||
api: getCommonGetSelectList,
|
||||
params: {
|
||||
query: {
|
||||
typeName: 'ParsingSequenceTypeEnum',
|
||||
},
|
||||
},
|
||||
labelField: 'value',
|
||||
valueField: 'key',
|
||||
optionsPropName: 'options',
|
||||
immediate: true,
|
||||
allowClear: true,
|
||||
placeholder: `${$t('common.pleaseSelect')}解析方式`,
|
||||
afterFetch: (res: any) => {
|
||||
let items = [];
|
||||
if (Array.isArray(res)) {
|
||||
items = res;
|
||||
} else if (res && Array.isArray(res.items)) {
|
||||
items = res.items;
|
||||
} else if (res && Array.isArray(res.data)) {
|
||||
items = res.data;
|
||||
}
|
||||
// 将 key 转换为字符串，因为表单需要字符串类型
|
||||
return items.map((item: any) => ({
|
||||
...item,
|
||||
key: String(item.key || item.value),
|
||||
}));
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'InputNumber',
|
||||
fieldName: 'nativeSkipNumber',
|
||||
label: '正序跳过数量',
|
||||
componentProps: {
|
||||
min: 0,
|
||||
placeholder: `${$t('common.pleaseInput')}正序跳过数量`,
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'InputNumber',
|
||||
fieldName: 'nativeTakeNumber',
|
||||
label: '正序获取数量',
|
||||
componentProps: {
|
||||
min: 0,
|
||||
placeholder: `${$t('common.pleaseInput')}正序获取数量`,
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'InputNumber',
|
||||
fieldName: 'reversalSkipNumber',
|
||||
label: '反转跳过数量',
|
||||
componentProps: {
|
||||
min: 0,
|
||||
placeholder: `${$t('common.pleaseInput')}反转跳过数量`,
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'InputNumber',
|
||||
fieldName: 'reversalTakeNumber',
|
||||
label: '反转获取数量',
|
||||
componentProps: {
|
||||
min: 0,
|
||||
placeholder: `${$t('common.pleaseInput')}反转获取数量`,
|
||||
},
|
||||
},
|
||||
];
|
||||
});
|
||||
|
||||
// 属性表单
|
||||
const [PropertyForm, propertyFormApi] = useVbenForm({
|
||||
collapsed: false,
|
||||
commonConfig: {
|
||||
labelWidth: 140,
|
||||
componentProps: {
|
||||
class: 'w-4/5',
|
||||
},
|
||||
},
|
||||
layout: 'horizontal',
|
||||
schema: propertyFormSchema.value,
|
||||
showCollapseButton: false,
|
||||
showDefaultActions: false,
|
||||
wrapperClass: 'grid-cols-2',
|
||||
});
|
||||
|
||||
// 监听 editRow 变化，动态更新 schema
|
||||
watch(
|
||||
() => editRow.value.id,
|
||||
() => {
|
||||
if (propertyFormApi && propertyFormApi.updateSchema) {
|
||||
propertyFormApi.updateSchema(propertyFormSchema.value);
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
// 快速复制表单（选择平台和产品）
|
||||
const [CopyPropertyForm, copyPropertyFormApi] = useVbenForm({
|
||||
collapsed: false,
|
||||
commonConfig: {
|
||||
labelWidth: 140,
|
||||
componentProps: {
|
||||
class: 'w-4/5',
|
||||
},
|
||||
},
|
||||
layout: 'horizontal',
|
||||
schema: [
|
||||
{
|
||||
component: 'ApiSelect',
|
||||
fieldName: 'ioTPlatform',
|
||||
label: $t('abp.deviceInfos.ioTPlatform'),
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
componentProps: {
|
||||
api: getCommonGetSelectList,
|
||||
params: {
|
||||
query: {
|
||||
typeName: 'IoTPlatformTypeEnum',
|
||||
},
|
||||
},
|
||||
labelField: 'value',
|
||||
valueField: 'key',
|
||||
optionsPropName: 'options',
|
||||
immediate: true,
|
||||
allowClear: true,
|
||||
placeholder:
|
||||
$t('common.pleaseSelect') + $t('abp.deviceInfos.ioTPlatform'),
|
||||
afterFetch: (res: any) => {
|
||||
if (Array.isArray(res)) return res;
|
||||
if (res && Array.isArray(res.items)) return res.items;
|
||||
if (res && Array.isArray(res.data)) return res.data;
|
||||
return [];
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'ApiSelect',
|
||||
fieldName: 'ioTPlatformProductId',
|
||||
label: $t('common.BelongingProductName'),
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
dependencies: {
|
||||
show(values: any) {
|
||||
return !!values.ioTPlatform;
|
||||
},
|
||||
triggerFields: ['ioTPlatform'],
|
||||
},
|
||||
componentProps: (formValues: any) => {
|
||||
const platform = formValues?.ioTPlatform;
|
||||
|
||||
return {
|
||||
api: platform
|
||||
? postAggregationIoTplatformGetIoTplatformProductInfoAsync
|
||||
: null,
|
||||
params: {
|
||||
body: {
|
||||
ioTPlatformType:
|
||||
typeof platform === 'string'
|
||||
? Number.parseInt(platform)
|
||||
: platform,
|
||||
},
|
||||
},
|
||||
labelField: 'productName',
|
||||
valueField: 'ioTPlatformProductId',
|
||||
optionsPropName: 'options',
|
||||
immediate: false,
|
||||
allowClear: true,
|
||||
placeholder:
|
||||
$t('common.pleaseSelect') + $t('common.BelongingProductName'),
|
||||
afterFetch: (res: any) => {
|
||||
if (Array.isArray(res)) return res;
|
||||
if (res && Array.isArray(res.items)) return res.items;
|
||||
if (res && Array.isArray(res.data)) return res.data;
|
||||
if (res && res.data && Array.isArray(res.data.items)) {
|
||||
return res.data.items;
|
||||
}
|
||||
return [];
|
||||
},
|
||||
};
|
||||
},
|
||||
},
|
||||
],
|
||||
showCollapseButton: false,
|
||||
showDefaultActions: false,
|
||||
wrapperClass: 'grid-cols-2',
|
||||
});
|
||||
|
||||
// 快速复制设备端物模型表单
|
||||
const [CopyDeviceThingModelForm, copyDeviceThingModelFormApi] = useVbenForm({
|
||||
collapsed: false,
|
||||
commonConfig: {
|
||||
labelWidth: 140,
|
||||
componentProps: {
|
||||
class: 'w-4/5',
|
||||
},
|
||||
},
|
||||
layout: 'horizontal',
|
||||
schema: [
|
||||
{
|
||||
component: 'ApiSelect',
|
||||
fieldName: 'sourceDeviceThingModelId',
|
||||
label: '选择设备端物模型',
|
||||
rules: z.preprocess(
|
||||
(v) => (v == null ? '' : v),
|
||||
z.string().min(1, $t('common.required')),
|
||||
),
|
||||
componentProps: {
|
||||
api: postDeviceThingModelManagementPageAsync,
|
||||
params: {
|
||||
body: {
|
||||
pageIndex: 1,
|
||||
pageSize: 1000,
|
||||
isPage: false, // 不分页，获取全部数据
|
||||
},
|
||||
},
|
||||
labelField: 'deviceModelName',
|
||||
valueField: 'id',
|
||||
optionsPropName: 'options',
|
||||
immediate: true,
|
||||
allowClear: true,
|
||||
placeholder: '请选择要复制的设备端物模型',
|
||||
afterFetch: (res: any) => {
|
||||
if (Array.isArray(res)) return res;
|
||||
if (res && Array.isArray(res.items)) return res.items;
|
||||
if (res && Array.isArray(res.data)) return res.data;
|
||||
if (res && res.data && Array.isArray(res.data.items)) {
|
||||
return res.data.items;
|
||||
}
|
||||
return [];
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
showCollapseButton: false,
|
||||
showDefaultActions: false,
|
||||
wrapperClass: 'grid-cols-1',
|
||||
});
|
||||
|
||||
// 打开新增属性弹窗
|
||||
function openAddPropertyModal() {
|
||||
editRow.value = {};
|
||||
propertyFormModalApi.open();
|
||||
}
|
||||
|
||||
// 打开编辑属性弹窗
|
||||
function openEditPropertyModal(record: any) {
|
||||
editRow.value = record;
|
||||
propertyFormModalApi.open();
|
||||
}
|
||||
|
||||
// 打开快速复制平台端物模型弹窗
|
||||
function openCopyPropertyModal() {
|
||||
copyPropertyFormApi.resetForm();
|
||||
copyPropertyModalApi.open();
|
||||
}
|
||||
|
||||
// 打开快速复制设备端物模型弹窗
|
||||
function openCopyDeviceThingModelModal() {
|
||||
copyDeviceThingModelFormApi.resetForm();
|
||||
copyDeviceThingModelModalApi.open();
|
||||
}
|
||||
|
||||
// 提交属性（新增/编辑）
|
||||
async function submitProperty() {
|
||||
const isEdit = !!editRow.value.id;
|
||||
const { valid } = await propertyFormApi.validate();
|
||||
if (!valid) return;
|
||||
|
||||
const formValues = await propertyFormApi.getValues();
|
||||
const fetchParams: any = {
|
||||
...formValues,
|
||||
deviceThingModelId: deviceThingModelId.value,
|
||||
...(formValues.parsingSequence && {
|
||||
// 解析方式从字符串转换为数字
|
||||
parsingSequence: Number.parseInt(String(formValues.parsingSequence)),
|
||||
}),
|
||||
...(isEdit && { id: editRow.value.id }),
|
||||
};
|
||||
|
||||
try {
|
||||
const api = isEdit
|
||||
? postDeviceThingModelManagementPropertyUpdateAsync
|
||||
: postDeviceThingModelManagementPropertyCreateAsync;
|
||||
const resp = await api({ body: fetchParams });
|
||||
if (resp.data) {
|
||||
Message.success(
|
||||
isEdit ? $t('common.editSuccess') : $t('common.addSuccess'),
|
||||
);
|
||||
propertyFormModalApi.close();
|
||||
editRow.value = {};
|
||||
await nextTick();
|
||||
if (gridApi && gridApi.reload) {
|
||||
await gridApi.reload();
|
||||
}
|
||||
} else {
|
||||
Message.error(isEdit ? $t('common.editFail') : $t('common.addFail'));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('提交属性失败:', error);
|
||||
Message.error(isEdit ? $t('common.editFail') : $t('common.addFail'));
|
||||
}
|
||||
}
|
||||
|
||||
// 提交快速复制设备端物模型
|
||||
async function submitCopyDeviceThingModel() {
|
||||
const { valid } = await copyDeviceThingModelFormApi.validate();
|
||||
if (!valid) return;
|
||||
|
||||
const formValues = await copyDeviceThingModelFormApi.getValues();
|
||||
|
||||
if (!formValues.sourceDeviceThingModelId) {
|
||||
Message.warning('请选择要复制的设备端物模型');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const resp =
|
||||
await postDeviceThingModelManagementCopyAnotherDeviceThingModelAsync({
|
||||
body: {
|
||||
ioTPlatform: Number.parseInt(String(ioTPlatform.value)) as 1 | 2,
|
||||
deviceThingModelId: deviceThingModelId.value,
|
||||
sourceProductId: formValues.sourceDeviceThingModelId,
|
||||
},
|
||||
});
|
||||
|
||||
if (resp.data) {
|
||||
Message.success('快速复制设备端物模型属性成功');
|
||||
copyDeviceThingModelModalApi.close();
|
||||
await nextTick();
|
||||
if (gridApi && gridApi.reload) {
|
||||
await gridApi.reload();
|
||||
}
|
||||
} else {
|
||||
Message.error('快速复制设备端物模型属性失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('快速复制设备端物模型属性失败:', error);
|
||||
Message.error('快速复制设备端物模型属性失败');
|
||||
}
|
||||
}
|
||||
|
||||
// 提交快速复制平台端物模型
|
||||
async function submitCopyProperty() {
|
||||
const { valid } = await copyPropertyFormApi.validate();
|
||||
if (!valid) return;
|
||||
|
||||
const formValues = await copyPropertyFormApi.getValues();
|
||||
|
||||
if (!formValues.ioTPlatform || !formValues.ioTPlatformProductId) {
|
||||
Message.warning('请选择平台和产品');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const resp =
|
||||
await postDeviceThingModelManagementCopyIoTplatformThingModelToDeviceAsync(
|
||||
{
|
||||
body: {
|
||||
ioTPlatform: Number.parseInt(String(formValues.ioTPlatform)) as
|
||||
| 1
|
||||
| 2,
|
||||
ioTPlatformProductId: String(formValues.ioTPlatformProductId),
|
||||
deviceThingModelId: deviceThingModelId.value,
|
||||
},
|
||||
},
|
||||
);
|
||||
|
||||
if (resp.data) {
|
||||
Message.success('快速复制平台端物模型属性成功');
|
||||
copyPropertyModalApi.close();
|
||||
await nextTick();
|
||||
if (gridApi && gridApi.reload) {
|
||||
await gridApi.reload();
|
||||
}
|
||||
} else {
|
||||
Message.error('快速复制平台端物模型属性失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('快速复制平台端物模型属性失败:', error);
|
||||
Message.error('快速复制平台端物模型属性失败');
|
||||
}
|
||||
}
|
||||
|
||||
// 删除属性
|
||||
async function onDeleteProperty(record: any) {
|
||||
try {
|
||||
const resp = await postDeviceThingModelManagementPropertyDeleteAsync({
|
||||
body: { id: record.id },
|
||||
});
|
||||
if (resp.data) {
|
||||
Message.success($t('common.deleteSuccess'));
|
||||
await nextTick();
|
||||
if (gridApi && gridApi.reload) {
|
||||
await gridApi.reload();
|
||||
}
|
||||
} else {
|
||||
Message.error($t('common.deleteFail'));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('删除属性失败:', error);
|
||||
Message.error($t('common.deleteFail'));
|
||||
}
|
||||
}
|
||||
|
||||
const [Modal, modalApi] = useVbenModal({
|
||||
onOpenChange(isOpen: boolean) {
|
||||
if (isOpen) {
|
||||
const data = modalApi.getData<Record<string, any>>();
|
||||
deviceThingModelId.value = data?.deviceThingModelId || '';
|
||||
deviceModelName.value = data?.deviceModelName || '';
|
||||
ioTPlatform.value = data?.ioTPlatform || '';
|
||||
ioTPlatformProductId.value = data?.ioTPlatformProductId || '';
|
||||
// 使用 nextTick 确保 Grid 组件已完全初始化
|
||||
nextTick(() => {
|
||||
if (gridApi && gridApi.reload) {
|
||||
gridApi.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Modal :title="`属性管理 - ${deviceModelName || ''}`" class="w-[900px]">
|
||||
<Modal :title="`属性管理 - ${deviceModelName || ''}`" class="w-[1200px]">
|
||||
<Grid>
|
||||
<!-- 这里后续可以加 toolbar-actions：新增属性、快速复制平台端物模型 -->
|
||||
<template #toolbar-actions>
|
||||
<TableAction :actions="[
|
||||
{
|
||||
label: $t('common.add'),
|
||||
type: 'primary',
|
||||
icon: 'ant-design:plus-outlined',
|
||||
onClick: openAddPropertyModal,
|
||||
auth: ['AbpIdentity.Users.Create'],
|
||||
},
|
||||
{
|
||||
label: '快速复制平台端物模型',
|
||||
type: 'default',
|
||||
icon: 'ant-design:copy-outlined',
|
||||
onClick: openCopyPropertyModal,
|
||||
auth: ['AbpIdentity.Users.Create'],
|
||||
},
|
||||
{
|
||||
label: '快速复制设备端物模型',
|
||||
type: 'default',
|
||||
icon: 'ant-design:copy-outlined',
|
||||
onClick: openCopyDeviceThingModelModal,
|
||||
auth: ['AbpIdentity.Users.Create'],
|
||||
},
|
||||
]" />
|
||||
</template>
|
||||
|
||||
<template #action="{ row }">
|
||||
<TableAction :actions="[
|
||||
{
|
||||
label: $t('common.edit'),
|
||||
type: 'link',
|
||||
size: 'small',
|
||||
auth: ['AbpIdentity.Users.Update'],
|
||||
onClick: openEditPropertyModal.bind(null, row),
|
||||
},
|
||||
{
|
||||
label: $t('common.delete'),
|
||||
icon: 'ant-design:delete-outlined',
|
||||
type: 'link',
|
||||
size: 'small',
|
||||
auth: ['AbpIdentity.Users.Delete'],
|
||||
popConfirm: {
|
||||
title: $t('common.askConfirmDelete'),
|
||||
confirm: onDeleteProperty.bind(null, row),
|
||||
},
|
||||
},
|
||||
]" />
|
||||
</template>
|
||||
</Grid>
|
||||
|
||||
<!-- 属性新增/编辑弹窗 -->
|
||||
<PropertyFormModal :title="editRow.id ? $t('common.edit') : $t('common.add')" class="w-[900px]">
|
||||
<PropertyForm />
|
||||
</PropertyFormModal>
|
||||
|
||||
<!-- 快速复制平台端物模型属性弹窗 -->
|
||||
<CopyPropertyModal title="快速复制平台端物模型属性" class="w-[600px]">
|
||||
<CopyPropertyForm />
|
||||
</CopyPropertyModal>
|
||||
|
||||
<!-- 快速复制设备端物模型属性弹窗 -->
|
||||
<CopyDeviceThingModelModal
|
||||
title="快速复制设备端物模型属性"
|
||||
class="w-[600px]"
|
||||
>
|
||||
<CopyDeviceThingModelForm />
|
||||
</CopyDeviceThingModelModal>
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
@ -290,6 +290,8 @@ async function openPropertyModal(record: any) {
|
||||
propertyModalApi.setData({
|
||||
deviceThingModelId: record.id,
|
||||
deviceModelName: record.deviceModelName,
|
||||
ioTPlatform: record.ioTPlatform,
|
||||
ioTPlatformProductId: record.ioTPlatformProductId,
|
||||
});
|
||||
propertyModalApi.open();
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user