90 lines
2.6 KiB
TypeScript
90 lines
2.6 KiB
TypeScript
import type { NdmDeviceAlarmLogResultVO, NdmDeviceResultVO, NdmNvrResultVO } from '@/apis';
|
|
import { AlarmType, DeviceType, DeviceTypeName, FaultLevel, tryGetDeviceTypeVal } from '@/enums';
|
|
import dayjs from 'dayjs';
|
|
import { NButton, NPopover, NScrollbar, NTag, type TagProps } from 'naive-ui';
|
|
import { h } from 'vue';
|
|
|
|
export const renderAlarmDateCell = (rowData: NdmDeviceAlarmLogResultVO) => {
|
|
return dayjs(Number(rowData.alarmDate ?? 0)).format('YYYY-MM-DD HH:mm:ss');
|
|
};
|
|
|
|
export const renderDeviceTypeCell = (rowData: NdmDeviceAlarmLogResultVO) => {
|
|
const deviceTypeVal = tryGetDeviceTypeVal(rowData.deviceType);
|
|
if (!deviceTypeVal) return '-';
|
|
return DeviceTypeName[deviceTypeVal];
|
|
};
|
|
|
|
export const renderAlarmTypeCell = (rowData: NdmDeviceAlarmLogResultVO) => {
|
|
const { alarmType } = rowData;
|
|
if (!alarmType) {
|
|
return '';
|
|
}
|
|
return h(NTag, { type: 'default' }, { default: () => AlarmType[alarmType] });
|
|
};
|
|
|
|
export const renderFaultLevelCell = (rowData: NdmDeviceAlarmLogResultVO) => {
|
|
const { faultLevel } = rowData;
|
|
if (!faultLevel) {
|
|
return '';
|
|
}
|
|
let type: TagProps['type'] = 'default';
|
|
if (faultLevel === '1') {
|
|
type = 'error';
|
|
} else if (faultLevel === '2') {
|
|
type = 'warning';
|
|
} else if (faultLevel === '3') {
|
|
type = 'info';
|
|
}
|
|
return h(NTag, { type }, { default: () => FaultLevel[faultLevel] });
|
|
};
|
|
|
|
export const renderFaultDescriptionCell = (rowData: NdmDeviceAlarmLogResultVO, ndmDevice: NdmDeviceResultVO) => {
|
|
const isNvrCluster = (ndmDevice: NdmDeviceResultVO) => {
|
|
const deviceTypeVal = tryGetDeviceTypeVal(ndmDevice.deviceType);
|
|
if (!deviceTypeVal) return false;
|
|
const isNvr = deviceTypeVal === DeviceType.Nvr;
|
|
if (!isNvr) return false;
|
|
const maybeNvrCluster = ndmDevice as NdmNvrResultVO;
|
|
return !!maybeNvrCluster.clusterList?.trim() && maybeNvrCluster.clusterList !== maybeNvrCluster.ipAddress;
|
|
};
|
|
if (!isNvrCluster(ndmDevice)) {
|
|
return rowData.faultDescription;
|
|
}
|
|
return h(
|
|
NPopover,
|
|
{
|
|
trigger: 'click',
|
|
},
|
|
{
|
|
trigger: () => {
|
|
return h(
|
|
NButton,
|
|
{
|
|
text: true,
|
|
type: 'info',
|
|
},
|
|
{
|
|
default: () => '查看',
|
|
},
|
|
);
|
|
},
|
|
default: () => {
|
|
return h(
|
|
NScrollbar,
|
|
{
|
|
style: {
|
|
width: '800px',
|
|
'max-height': '400px',
|
|
},
|
|
},
|
|
{
|
|
default: () => {
|
|
return h('pre', {}, { default: () => rowData.faultDescription?.split('; ').join('\n') ?? '' });
|
|
},
|
|
},
|
|
);
|
|
},
|
|
},
|
|
);
|
|
};
|