修复采集器空闲状态误显示为待检测
统一采集器列表、详情映射和筛选项的空闲文案,移除待检测类型及样式。类型检查、前端构建和代码审查通过。
| | |
| | | } |
| | | |
| | | const onlineStatusMap: Record<string, CollectorOnlineStatus> = { '0': '离线', '1': '在线' } |
| | | const testStatusMap: Record<string, CollectorTestStatus> = { '0': '待检测', '1': '测试中' } |
| | | const testStatusMap: Record<string, CollectorTestStatus> = { '0': '空闲', '1': '测试中' } |
| | | const statusMap: Record<string, CollectorStatus> = { '0': '启用', '1': '禁用' } |
| | | |
| | | function mapCollector(item: CollectorDto): DeviceCollectorRecord { |
| | |
| | | channelCount: item.channelCount ?? 0, |
| | | remark: item.remark || '', |
| | | onlineStatus: onlineStatusMap[item.onlineStatus || ''] || '离线', |
| | | testStatus: testStatusMap[item.testStatus || ''] || '待检测', |
| | | testStatus: testStatusMap[item.testStatus || ''] || '空闲', |
| | | currentTest: item.currentTest || '', |
| | | status: statusMap[item.status || ''] || '禁用', |
| | | createdAt: formatBusinessTime(item.createTime), |
| | |
| | | export type CollectorOnlineStatus = '在线' | '离线' |
| | | export type CollectorTestStatus = '待检测' | '测试中' | '空闲' |
| | | export type CollectorTestStatus = '测试中' | '空闲' |
| | | export type CollectorStatus = '启用' | '禁用' |
| | | |
| | | export interface DeviceCollectorRecord { |
| | |
| | | |
| | | const router = useRouter() |
| | | const onlineStatuses: CollectorOnlineStatus[] = ['在线', '离线'] |
| | | const testStatuses: CollectorTestStatus[] = ['待检测', '测试中'] |
| | | const testStatuses: CollectorTestStatus[] = ['空闲', '测试中'] |
| | | const statuses: CollectorStatus[] = ['启用', '禁用'] |
| | | const filters = reactive<FilterState>({ device: '', dateRange: null, onlineStatus: '', testStatus: '', status: '' }) |
| | | const records = ref<DeviceCollectorRecord[]>([]) |
| | |
| | | const submittingId = ref<number | null>(null) |
| | | |
| | | const onlineStatusValues: Record<CollectorOnlineStatus, string> = { '离线': '0', '在线': '1' } |
| | | const testStatusValues: Record<CollectorTestStatus, string> = { '待检测': '0', '测试中': '1', '空闲': '0' } |
| | | const testStatusValues: Record<CollectorTestStatus, string> = { '空闲': '0', '测试中': '1' } |
| | | const statusValues: Record<CollectorStatus, string> = { '启用': '0', '禁用': '1' } |
| | | |
| | | async function loadCollectors(showResult = false) { |
| | |
| | | } |
| | | |
| | | function testStatusClass(status: CollectorTestStatus) { |
| | | return { '待检测': 'pending', '测试中': 'running', '空闲': 'idle' }[status] |
| | | return { '测试中': 'running', '空闲': 'idle' }[status] |
| | | } |
| | | |
| | | onMounted(loadCollectors) |
| | |
| | | .online-state.online { color: #23865e; } |
| | | .online-state.offline { color: #a64a4a; } |
| | | .test-state { display: inline-flex; padding: 4px 7px; border: 1px solid; font-size: 11px; line-height: 1; } |
| | | .test-state.pending { color: #a96b16; background: #fff8e9; border-color: #efd59e; } |
| | | .test-state.running { color: #176fcb; background: #edf6ff; border-color: #b8d9fb; } |
| | | .test-state.idle { color: #697682; background: #f2f4f6; border-color: #ccd4da; } |
| | | .row-actions { display: flex; align-items: center; justify-content: center; gap: 12px; } |