feat(steady): 完善稳态数据视图功能

- 更新纵坐标刻度算法,优化小数趋势图范围显示
- 添加稳态趋势图全屏模式和共享工具组件
- 实现多图联动的鼠标悬停竖线同步功能
- 调整主线线宽分档策略,降低最大线宽限制
- 重构稳态趋势工具栏,优化谐波次数选择逻辑
- 添加周时间周期搜索支持和自定义时间范围选择
- 完善稳态数据表格和指示器浮动面板功能
- 优化稳态趋势图性能,添加LTB采样和动画控制
- 修复数据表格打开前的趋势数据验证问题
- 统一时间轴标签格式化和网格对齐处理
This commit is contained in:
2026-05-27 08:06:12 +08:00
parent b9ddfb5275
commit 055e69fff7
83 changed files with 9616 additions and 226 deletions

View File

@@ -0,0 +1,69 @@
import type { SteadyDataView } from '@/api/steady/steadyDataView/interface'
import { buildTimePeriodRange, type TimePeriodUnit } from '@/views/components/TimePeriodSearch/timePeriod'
export interface ChecksquareFormState {
timeRange: string[]
timeUnit: TimePeriodUnit
timeBaseDate: Date
}
export const defaultChecksquareFormState = (): ChecksquareFormState => {
const baseDate = new Date()
return {
timeRange: buildTimePeriodRange('day', baseDate),
timeUnit: 'day',
timeBaseDate: baseDate
}
}
const padTimeValue = (value: number) => `${value}`.padStart(2, '0')
export const formatChecksquareTime = (date: Date) => {
return `${date.getFullYear()}-${padTimeValue(date.getMonth() + 1)}-${padTimeValue(date.getDate())} ${padTimeValue(
date.getHours()
)}:${padTimeValue(date.getMinutes())}:${padTimeValue(date.getSeconds())}`
}
export const collectChecksquareIndicatorCodes = (indicators: SteadyDataView.SteadyIndicatorNode[]) => {
return Array.from(new Set(indicators.map(item => item.indicatorCode).filter(Boolean))) as string[]
}
export const buildSteadyChecksquarePayload = (
lineId: string,
indicators: SteadyDataView.SteadyIndicatorNode[],
formState: ChecksquareFormState,
harmonicOrder?: number
): SteadyDataView.SteadyChecksquareQueryParams => {
const payload: SteadyDataView.SteadyChecksquareQueryParams = {
lineId,
indicatorCodes: collectChecksquareIndicatorCodes(indicators),
timeStart: (formState.timeRange[0] || '').replace(/\.[^.]+$/, ''),
timeEnd: (formState.timeRange[1] || '').replace(/\.[^.]+$/, '')
}
if (harmonicOrder) {
payload.harmonicOrders = [harmonicOrder]
}
return payload
}
export const validateChecksquareSelection = (params: {
lineIds: string[]
indicators: SteadyDataView.SteadyIndicatorNode[]
timeRange: string[]
}) => {
const { lineIds, indicators, timeRange } = params
if (!lineIds.length) return '请选择监测点'
if (lineIds.length > 1) return '数据校验一次只能选择一个监测点'
if (!indicators.length) return '请选择指标'
if (!timeRange[0]) return '请选择开始时间'
if (!timeRange[1]) return '请选择结束时间'
if (Date.parse(timeRange[0].replace(' ', 'T')) > Date.parse(timeRange[1].replace(' ', 'T'))) {
return '开始时间不能大于结束时间'
}
return ''
}