近 30 天成交金额趋势
{{ dashboard.trend.start_date }} 至 {{ dashboard.trend.end_date }}
@@ -304,7 +291,6 @@ const emptyDashboard = () => ({
receive_conversion_rate: null as number | null, missed_count: 0, cancelled_count: 0
},
rankings: { amounts: [] as any[], conversion: [] as any[] },
- funnel: [] as Array<{ key: string; label: string; value: number }>,
trend: { start_date: '', end_date: '', dates: [] as string[], labels: [] as string[], amounts: [] as number[] },
alerts: [] as any[],
alert_threshold: 15,
@@ -339,19 +325,6 @@ const visibleDetailRows = computed(() => {
if (query.doctor_id || showZeroRows.value) return dashboard.rows
return businessRows.value
})
-const funnelLoss = computed(() => {
- const stages = dashboard.funnel
- let result = { label: '暂无可比阶段', value: 0 }
- let maxLoss = -1
- for (let index = 0; index < stages.length - 1; index++) {
- const loss = Math.max(0, Number(stages[index].value) - Number(stages[index + 1].value))
- if (loss > maxLoss) {
- maxLoss = loss
- result = { label: `${stages[index].label} → ${stages[index + 1].label}`, value: loss }
- }
- }
- return result
-})
const trendChartOption = computed(() => ({
animationDuration: 450,
grid: { left: 20, right: 20, top: 18, bottom: 18, containLabel: true },
@@ -580,7 +553,7 @@ h2 { font-size: 15px; line-height: 1.4; }
.metric-grid {
display: grid;
- grid-template-columns: repeat(5, minmax(0, 1fr));
+ grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
margin-top: 14px;
}
@@ -605,6 +578,7 @@ h2 { font-size: 15px; line-height: 1.4; }
.metric-card--green .metric-icon { color: #37a465; background: #eef8f1; }
.metric-card--indigo .metric-icon { color: #556dde; background: #eef0fd; }
.metric-card--blue .metric-icon { color: #3976e6; background: #edf3ff; }
+.metric-card--orange .metric-icon { color: #d77a2c; background: #fff4e9; }
.metric-card--cyan .metric-icon { color: #138da1; background: #eaf7f8; }
.metric-card span { display: block; color: #748296; font-size: 12px; }
.metric-card strong { display: block; margin: 4px 0 3px; font-size: 24px; line-height: 1.1; }
@@ -637,25 +611,8 @@ h2 { font-size: 15px; line-height: 1.4; }
.bar-track .is-blue { background: var(--blue); }
.bar-track .is-teal { background: var(--teal); }
+.analytics-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.analytics-grid .panel { min-height: 300px; }
-.funnel-wrap { display: flex; align-items: center; flex-direction: column; gap: 5px; padding: 12px 48px 7px; }
-.funnel-stage {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 8px;
- height: 38px;
- clip-path: polygon(4% 0, 96% 0, 88% 100%, 12% 100%);
- color: #fff;
- font-size: 12px;
-}
-.funnel-stage strong { font-size: 14px; }
-.stage-1 { background: #258bd4; }
-.stage-2 { background: #20a290; }
-.stage-3 { background: #ed913f; }
-.stage-4 { background: #45a96d; }
-.funnel-insight { margin: 8px 16px 16px; padding: 8px 10px; border-radius: 7px; color: #617085; background: #f4f7f8; font-size: 11px; }
-.funnel-insight strong { color: #d4772c; }
.trend-chart { width: 100%; height: 238px; }
.alert-panel { border-color: #dfe8e7; }
diff --git a/admin/src/views/first_visit/my_patients/components/OrderPanel.vue b/admin/src/views/first_visit/my_patients/components/OrderPanel.vue
index 6b24d6d51..bd5093dc4 100644
--- a/admin/src/views/first_visit/my_patients/components/OrderPanel.vue
+++ b/admin/src/views/first_visit/my_patients/components/OrderPanel.vue
@@ -12,37 +12,71 @@