优化
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
import type { Quantity } from './types'
|
||||
import type { TurnoverCharts, TurnoverTotal, TurnoverWindowMetric } from './turnoverTypes'
|
||||
import type { EChartsOption } from 'echarts'
|
||||
export function turnoverNumber(value: Quantity | undefined, decimals = 2) {
|
||||
if (value == null || value === '' || !Number.isFinite(Number(value))) return '—'
|
||||
const n = Number(value)
|
||||
if (n > 0 && n < 10 ** -decimals) return `<${(10 ** -decimals).toFixed(decimals)}`
|
||||
return n.toLocaleString('zh-CN', { maximumFractionDigits: decimals })
|
||||
}
|
||||
export function totalText(total: TurnoverTotal) {
|
||||
return total.value != null ? turnoverNumber(total.value) : `已知 ${turnoverNumber(total.knownSubtotal)};${total.unknownSkuCount} SKU待核验`
|
||||
}
|
||||
export function windowText(metric: TurnoverWindowMetric | undefined) {
|
||||
if (!metric) return '—'
|
||||
return metric.dataStatus === 'COMPLETE' ? turnoverNumber(metric.outboundQuantity) : `已采集 ${turnoverNumber(metric.observedQuantity)},覆盖不足`
|
||||
}
|
||||
export function turnoverChart(charts: TurnoverCharts, kind: 'owners' | 'daily'): EChartsOption {
|
||||
const owners = kind === 'owners'
|
||||
const rows = owners ? charts.ownerPhysicalTop : charts.averageDaily
|
||||
return {
|
||||
aria: { enabled: true }, animationDuration: 450, color: ['#6c7bea'],
|
||||
tooltip: { trigger: 'axis', renderMode: 'richText' }, grid: { left: 12, right: 24, top: 16, bottom: 20, containLabel: true },
|
||||
xAxis: owners ? { type: 'value', name: '件' } : { type: 'category', data: charts.averageDaily.map(w => `${w.days}日`) },
|
||||
yAxis: owners ? { type: 'category', inverse: true, data: charts.ownerPhysicalTop.map(w => w.customerName || w.customerCode) } : { type: 'value', name: '件/日' },
|
||||
series: [{ type: 'bar', barMaxWidth: 24, itemStyle: { borderRadius: 4 }, data: rows.map((_, i) => {
|
||||
const value = owners ? charts.ownerPhysicalTop[i]?.physicalQuantity : charts.averageDaily[i]?.dataStatus === 'COMPLETE' ? charts.averageDaily[i]?.averageDailyOutboundQuantity : null
|
||||
return value == null ? null : Number(value)
|
||||
}) }],
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user