设备数据查询优化

This commit is contained in:
ChenYi 2025-07-31 17:34:07 +08:00
parent 67261b19c9
commit 6c1fdb7adb
5 changed files with 36 additions and 91 deletions

View File

@ -104,6 +104,8 @@ export const addDeviceFormSchema: any = computed(() => [
valueField: 'key', valueField: 'key',
optionsPropName: 'options', optionsPropName: 'options',
immediate: true, immediate: true,
allowClear: true,
placeholder: $t('common.pleaseSelect') + $t('abp.deviceInfos.ioTPlatform'),
afterFetch: (res: any) => { afterFetch: (res: any) => {
// 确保返回的是数组格式 // 确保返回的是数组格式
if (Array.isArray(res)) { if (Array.isArray(res)) {

View File

@ -23,6 +23,8 @@ export const querySchema = computed(() => [
valueField: 'key', valueField: 'key',
optionsPropName: 'options', optionsPropName: 'options',
immediate: true, immediate: true,
allowClear: true,
placeholder: $t('common.pleaseSelect') + $t('abp.IoTDBBase.IoTDataType'),
afterFetch: (res: any) => { afterFetch: (res: any) => {
// 确保返回的是数组格式 // 确保返回的是数组格式
if (Array.isArray(res)) { if (Array.isArray(res)) {

View File

@ -42,12 +42,12 @@ const fetchDeviceOptions = async () => {
} }
}; };
// ID //
const getDeviceInfoById = (deviceId: string) => { const getDeviceInfoByAddress = (deviceAddress: string) => {
if (!deviceId || !deviceOptions.value || deviceOptions.value.length === 0) { if (!deviceAddress || !deviceOptions.value || deviceOptions.value.length === 0) {
return null; return null;
} }
return deviceOptions.value.find((device) => device.id === deviceId); return deviceOptions.value.find((device) => device.deviceAddress === deviceAddress);
}; };
// yyyy-MM-dd HH:mm:ss // yyyy-MM-dd HH:mm:ss
@ -68,7 +68,7 @@ const formatDate = (date: Date | string) => {
}; };
const route = useRoute(); const route = useRoute();
const { DeviceType, DeviceId, FocusAddress, DataBaseName } = route.query; const { DeviceType, DeviceId } = route.query;
// //
const dynamicColumns = ref<any[]>([]); const dynamicColumns = ref<any[]>([]);
@ -90,13 +90,6 @@ const fixedColumns = [
showOverflow: true, showOverflow: true,
slots: {}, slots: {},
}, },
{
field: 'DataBaseName',
title: $t('abp.IoTDBBase.DataBaseName'),
minWidth: 150,
showOverflow: true,
slots: {},
},
{ {
field: 'DeviceType', field: 'DeviceType',
title: $t('abp.IoTDBBase.DeviceType'), title: $t('abp.IoTDBBase.DeviceType'),
@ -160,10 +153,8 @@ initDefaultColumns();
const formOptions: VbenFormProps = { const formOptions: VbenFormProps = {
schema: querySchema.value, schema: querySchema.value,
initialValues: { initialValues: {
FocusAddress: FocusAddress as string,
DeviceType: DeviceType ? Number(DeviceType) : undefined, DeviceType: DeviceType ? Number(DeviceType) : undefined,
DeviceId: DeviceId as string, DeviceAddress: DeviceId as string, // 使DeviceIdDeviceAddress
DataBaseName: DataBaseName as string,
}, },
// 使 // 使
submitOnChange: false, submitOnChange: false,
@ -171,27 +162,25 @@ const formOptions: VbenFormProps = {
handleValuesChange: async (values, changedFields) => { handleValuesChange: async (values, changedFields) => {
// //
const relevantFields = new Set([ const relevantFields = new Set([
'DeviceId', 'DeviceAddress',
'DeviceType', 'DeviceType',
'EndCreationTime', 'EndCreationTime',
'FocusAddress',
'IoTDataType', 'IoTDataType',
'StartCreationTime', 'StartCreationTime',
'DataBaseName',
]); ]);
const hasRelevantChange = changedFields.some((field) => const hasRelevantChange = changedFields.some((field) =>
relevantFields.has(field), relevantFields.has(field),
); );
// DeviceIdselectedDeviceInfo // DeviceAddressselectedDeviceInfo
if (changedFields.includes('DeviceId')) { if (changedFields.includes('DeviceAddress')) {
const deviceId = values.DeviceId; const deviceAddress = values.DeviceAddress;
if (deviceId) { if (deviceAddress) {
// deviceOptions // deviceOptions
let device = let device =
deviceOptions.value.length > 0 deviceOptions.value.length > 0
? deviceOptions.value.find((d) => d.id === deviceId) ? deviceOptions.value.find((d) => d.deviceAddress === deviceAddress)
: null; : null;
// DeviceSelect // DeviceSelect
@ -199,7 +188,7 @@ const formOptions: VbenFormProps = {
try { try {
// DeviceSelect // DeviceSelect
const deviceSelectRef = const deviceSelectRef =
gridApi.formApi.getFieldComponentRef('DeviceId'); gridApi.formApi.getFieldComponentRef('DeviceAddress');
if (deviceSelectRef && deviceSelectRef.getSelectedDevice) { if (deviceSelectRef && deviceSelectRef.getSelectedDevice) {
device = deviceSelectRef.getSelectedDevice(); device = deviceSelectRef.getSelectedDevice();
} }
@ -215,7 +204,7 @@ const formOptions: VbenFormProps = {
setTimeout(() => { setTimeout(() => {
try { try {
const deviceSelectRef = const deviceSelectRef =
gridApi.formApi.getFieldComponentRef('DeviceId'); gridApi.formApi.getFieldComponentRef('DeviceAddress');
if (deviceSelectRef && deviceSelectRef.getSelectedDevice) { if (deviceSelectRef && deviceSelectRef.getSelectedDevice) {
const delayedDevice = deviceSelectRef.getSelectedDevice(); const delayedDevice = deviceSelectRef.getSelectedDevice();
if (delayedDevice) { if (delayedDevice) {
@ -278,7 +267,7 @@ const gridOptions: VxeGridProps<any> = {
(gridApi?.formApi ? await gridApi.formApi.getValues() : {}) || (gridApi?.formApi ? await gridApi.formApi.getValues() : {}) ||
{}; {};
// DeviceTypeIoTDataType // DeviceTypeIoTDataType
const deviceTypeValue = currentFormValues.DeviceType || DeviceType; const deviceTypeValue = currentFormValues.DeviceType;
const deviceTypeNumber = deviceTypeValue const deviceTypeNumber = deviceTypeValue
? Number(deviceTypeValue) ? Number(deviceTypeValue)
: undefined; : undefined;
@ -293,43 +282,27 @@ const gridOptions: VxeGridProps<any> = {
? formatDate(currentFormValues.EndCreationTime) ? formatDate(currentFormValues.EndCreationTime)
: undefined; : undefined;
// DeviceId(10)使focusId //
let finalDeviceId = currentFormValues.DeviceId || DeviceId || ''; let deviceAddress = currentFormValues.DeviceAddress || '';
let finalFocusAddress = currentFormValues.FocusAddress || '';
// 使 // 使
const deviceInfo = const deviceInfo =
selectedDeviceInfo.value || selectedDeviceInfo.value ||
(currentFormValues.DeviceId && deviceOptions.value.length > 0 (currentFormValues.DeviceAddress && deviceOptions.value.length > 0
? getDeviceInfoById(currentFormValues.DeviceId) ? getDeviceInfoByAddress(currentFormValues.DeviceAddress)
: null); : null);
if (deviceInfo) { if (deviceInfo) {
finalFocusAddress = deviceInfo.focusAddress || ''; deviceAddress = deviceInfo.deviceAddress || deviceAddress;
if (deviceTypeNumber === 10) {
// 使focusId
if (deviceInfo.focusId) {
finalDeviceId = deviceInfo.focusId;
}
} else {
// 使meterId
if (deviceInfo.meterId) {
finalDeviceId = deviceInfo.meterId;
}
}
} }
try { try {
const { data } = await postTreeModelDeviceDataInfoPage({ const { data } = await postTreeModelDeviceDataInfoPage({
body: { body: {
pageIndex: page.currentPage, pageIndex: page.currentPage,
pageSize: page.pageSize, pageSize: page.pageSize,
// 使使 // 使DeviceAddress
DeviceAddress: deviceAddress,
DeviceType: deviceTypeNumber || undefined, DeviceType: deviceTypeNumber || undefined,
DeviceId: finalDeviceId ? finalDeviceId.toString() : '',
FocusAddress: finalFocusAddress || FocusAddress || '',
//
DataBaseName: currentFormValues.DataBaseName || DataBaseName,
IoTDataType: ioTDataTypeValue || undefined, IoTDataType: ioTDataTypeValue || undefined,
// //
StartCreationTime: startCreationTime || undefined, StartCreationTime: startCreationTime || undefined,
@ -436,7 +409,7 @@ const initializeGrid = async () => {
} }
// //
if (DeviceType || DeviceId || FocusAddress || DataBaseName) { if (DeviceType || DeviceId) {
// //
setTimeout(() => { setTimeout(() => {
if (gridApi) { if (gridApi) {
@ -451,7 +424,7 @@ const initializeGrid = async () => {
// //
watch( watch(
() => [DeviceType, DeviceId, FocusAddress, DataBaseName], () => [DeviceType, DeviceId],
async (newValues, oldValues) => { async (newValues, oldValues) => {
// //
if (newValues.some(Boolean) && gridApi && isGridInitialized.value) { if (newValues.some(Boolean) && gridApi && isGridInitialized.value) {

View File

@ -6,39 +6,6 @@ import { getCommonGetSelectList } from '#/api-client';
import { $t } from '#/locales'; import { $t } from '#/locales';
export const querySchema = computed(() => [ export const querySchema = computed(() => [
{
component: 'ApiSelect',
fieldName: 'DataBaseName',
label: $t('abp.IoTDBBase.DataBaseName'),
componentProps: {
api: getCommonGetSelectList,
params: {
query: {
typeName: 'BusinessSystemEnum',
},
},
labelField: 'secondValue',
valueField: 'value',
optionsPropName: 'options',
immediate: true,
afterFetch: (res: any) => {
// 确保返回的是数组格式
if (Array.isArray(res)) {
return res;
}
// 如果是包装在 items 中的,提取出来
if (res && Array.isArray(res.items)) {
return res.items;
}
// 如果是包装在 data 中的,提取出来
if (res && Array.isArray(res.data)) {
return res.data;
}
// 如果都不是,返回空数组
return [];
},
},
},
{ {
component: 'ApiSelect', component: 'ApiSelect',
fieldName: 'DeviceType', fieldName: 'DeviceType',
@ -47,13 +14,15 @@ export const querySchema = computed(() => [
api: getCommonGetSelectList, api: getCommonGetSelectList,
params: { params: {
query: { query: {
typeName: 'MeterTypeEnum', typeName: 'DeviceTypeEnum',
}, },
}, },
labelField: 'value', labelField: 'value',
valueField: 'key', valueField: 'key',
optionsPropName: 'options', optionsPropName: 'options',
immediate: true, immediate: true,
allowClear: true,
placeholder: $t('common.pleaseSelect') + $t('abp.IoTDBBase.DeviceType'),
afterFetch: (res: any) => { afterFetch: (res: any) => {
// 确保返回的是数组格式 // 确保返回的是数组格式
if (Array.isArray(res)) { if (Array.isArray(res)) {
@ -87,6 +56,8 @@ export const querySchema = computed(() => [
valueField: 'key', valueField: 'key',
optionsPropName: 'options', optionsPropName: 'options',
immediate: true, immediate: true,
allowClear: true,
placeholder: $t('common.pleaseSelect') + $t('abp.IoTDBBase.IoTDataType'),
afterFetch: (res: any) => { afterFetch: (res: any) => {
// 确保返回的是数组格式 // 确保返回的是数组格式
if (Array.isArray(res)) { if (Array.isArray(res)) {
@ -107,7 +78,7 @@ export const querySchema = computed(() => [
}, },
{ {
component: 'DeviceSelect', component: 'DeviceSelect',
fieldName: 'DeviceId', fieldName: 'DeviceAddress',
label: $t('abp.log.deviceInfo'), label: $t('abp.log.deviceInfo'),
componentProps: { componentProps: {
placeholder: $t('common.pleaseSelect') + $t('abp.log.deviceInfo'), placeholder: $t('common.pleaseSelect') + $t('abp.log.deviceInfo'),
@ -146,11 +117,6 @@ export const tableSchema: any = computed((): VxeGridProps['columns'] => [
title: $t('abp.IoTDBBase.Timestamps'), title: $t('abp.IoTDBBase.Timestamps'),
minWidth: '150', minWidth: '150',
}, },
{
field: 'DataBaseName',
title: $t('abp.IoTDBBase.DataBaseName'),
minWidth: '150',
},
{ {
field: 'DeviceType', field: 'DeviceType',
title: $t('abp.IoTDBBase.DeviceType'), title: $t('abp.IoTDBBase.DeviceType'),

View File

@ -23,6 +23,8 @@ export const querySchema = computed(() => [
valueField: 'key', valueField: 'key',
optionsPropName: 'options', optionsPropName: 'options',
immediate: true, immediate: true,
allowClear: true,
placeholder: $t('common.pleaseSelect') + $t('abp.IoTDBBase.IoTDataType'),
afterFetch: (res: any) => { afterFetch: (res: any) => {
// 确保返回的是数组格式 // 确保返回的是数组格式
if (Array.isArray(res)) { if (Array.isArray(res)) {