设备数据查询优化
This commit is contained in:
parent
67261b19c9
commit
6c1fdb7adb
@ -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)) {
|
||||||
|
|||||||
@ -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)) {
|
||||||
|
|||||||
@ -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, // 使用DeviceId作为DeviceAddress的初始值
|
||||||
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),
|
||||||
);
|
);
|
||||||
|
|
||||||
// 新增:DeviceId变化时同步selectedDeviceInfo
|
// 新增:DeviceAddress变化时同步selectedDeviceInfo
|
||||||
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() : {}) ||
|
||||||
{};
|
{};
|
||||||
// 处理DeviceType和IoTDataType,确保传递数字类型
|
// 处理DeviceType和IoTDataType,确保传递数字类型
|
||||||
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) {
|
||||||
|
|||||||
@ -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'),
|
||||||
|
|||||||
@ -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)) {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user