feat(platform): add customer task dispatch

vehicle-data-platform/apps/web/src/layout/AppShell.tsx

@@ -75,6 +75,14 @@ const customerPrimaryPath = [
   { label: '告警通知', page: 'alert-events' as const }
 ];
 
+const customerTaskPath = [
+  { label: '地图看车', question: '车辆在哪里', page: 'map' as const },
+  { label: '轨迹回放', question: '这段时间怎么跑', page: 'history' as const },
+  { label: '统计查询', question: '里程怎么算', page: 'mileage' as const },
+  { label: '数据导出', question: '证据怎么给客户', page: 'history-query' as const },
+  { label: '告警通知', question: '异常谁处理', page: 'alert-events' as const }
+];
+
 function linkHealthClassName(count: number | null) {
   if (count == null) {
     return '';
@@ -193,6 +201,26 @@ export function AppShell({
                 </button>
               ))}
             </div>
+            <div className="vp-customer-task-dispatch" aria-label="客户任务分发台">
+              <div className="vp-customer-task-dispatch-head">
+                <strong>客户任务分发台</strong>
+                <span>输入 VIN / 车牌 / 手机号后，地图、轨迹、统计、导出和告警都围绕同一辆车服务。</span>
+              </div>
+              <div className="vp-customer-task-dispatch-actions">
+                {customerTaskPath.map((item) => (
+                  <button
+                    key={item.page}
+                    type="button"
+                    className={selectedPage === item.page ? 'vp-customer-task-dispatch-action vp-customer-task-dispatch-action-active' : 'vp-customer-task-dispatch-action'}
+                    onClick={() => onChange(item.page)}
+                    aria-label={`客户任务 ${item.label} ${item.question}`}
+                  >
+                    <strong>{item.label}</strong>
+                    <span>{item.question}</span>
+                  </button>
+                ))}
+              </div>
+            </div>
           </div>
           <div className="vp-nav-groups">
             {navGroups.map((group) => (