From 0158ad87b38ec476ec7dc802ee4e97efc2617c9c Mon Sep 17 00:00:00 2001
From: ai-coding <ai-coding@devgenie.local>
Date: 星期六, 27 六月 2026 14:57:50 +0800
Subject: [PATCH] feat(commandCenter)：kpi新增呼单乘客、今日完单，样式调整
---
src/views/businessOperations/commandCenter/components/LayerControl.vue | 22 +++++++++++-----------
1 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/src/views/businessOperations/commandCenter/components/LayerControl.vue b/src/views/businessOperations/commandCenter/components/LayerControl.vue
index c6f4d7f..4141ac7 100644
--- a/src/views/businessOperations/commandCenter/components/LayerControl.vue
+++ b/src/views/businessOperations/commandCenter/components/LayerControl.vue
@@ -9,28 +9,28 @@
label: '车辆位置',
active: store.layerVisibility.vehicle,
toggle: () => store.toggleLayer('vehicle', !store.layerVisibility.vehicle),
- iconHtml: '<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><circle cx="12" cy="8" r="4"/><path d="M12 14c-4 0-8 2-8 4v2h16v-2c0-2-4-4-8-4z"/></svg>',
+ iconHtml: '',
},
{
key: 'passengerCall',
label: '呼单乘客',
active: store.layerVisibility.passengerCall,
toggle: () => store.toggleLayer('passengerCall', !store.layerVisibility.passengerCall),
- iconHtml: '<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><circle cx="9" cy="7" r="3"/><path d="M9 12c-3.5 0-7 1.5-7 3.5V17h14v-1.5c0-2-3.5-3.5-7-3.5z"/><circle cx="17" cy="9" r="2.5"/><path d="M17 13c-1.5 0-3 .5-3.5 1.1.7.6 1.2 1.3 1.3 2.1H22v-1c0-1.2-2.5-2.2-5-2.2z"/></svg>',
+ iconHtml: '<span style="font-size:14px;">👤</span>',
},
{
key: 'point',
label: '运营点位',
active: store.layerVisibility.point,
toggle: () => store.toggleLayer('point', !store.layerVisibility.point),
- iconHtml: '<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>',
+ iconHtml: '<span style="font-size:14px;">📍</span>',
},
{
key: 'fence',
label: '运营区域',
active: store.layerVisibility.fence,
toggle: () => store.toggleLayer('fence', !store.layerVisibility.fence),
- iconHtml: '<svg viewBox="0 0 24 24" width="14" height="14"><rect x="3" y="5" width="18" height="14" rx="2" fill="currentColor" fill-opacity="0.15" stroke="currentColor" stroke-width="1.5"/></svg>',
+ iconHtml: '<span style="font-size:13px;font-weight:600;">区</span>',
},
])
@@ -133,23 +133,23 @@
flex-shrink: 0;
&--vehicle {
- background: #7c4dff;
+ background: #2563eb;
color: #fff;
}
&--passengerCall {
- background: #ff9800;
- color: #fff;
+ background: #f59e0b;
+ border-radius: 50%;
}
&--point {
- background: #e8e8e8;
- color: #555;
+ background: transparent;
}
&--fence {
- background: #e3f2fd;
- color: #1890ff;
+ background: #fff;
+ border: 2px solid #2563eb;
+ color: #2563eb;
}
}
--
Gitblit v1.7.1