init

杨刚
1 parent 8a06965a
Showing 14 changed files with 1043 additions and 358 deletions
src/api/index.ts
src/layouts/MainLayout.vue
src/main.ts
src/router/index.ts
src/style.css
src/views/Login.vue
src/views/city/CityList.vue
src/views/dashboard/DashboardHome.vue
src/views/merchant/StoreList.vue
src/views/open/OpenAppList.vue
src/views/order/OrderList.vue
src/views/rider/RiderEvaluateList.vue
src/views/rider/RiderList.vue
src/views/substation/SubstationList.vue
@@ -56,6 +56,8 @@ export const riderApi = {
     request.post('/api/admin/rider/setEnableStatus', null, { params: { riderId, status } }),
   setType: (riderId: number, type: number) =>
     request.post('/api/admin/rider/setType', null, { params: { riderId, type } }),
+  designateCandidates: (orderId: number) =>
+    request.get('/api/admin/rider/order/candidates', { params: { orderId } }),
   designate: (orderId: number, riderId: number) =>
     request.post('/api/admin/rider/order/designate', null, { params: { orderId, riderId } }),
   setTrans: (orderId: number, trans: number) =>
@@ -90,6 +92,7 @@ export const refundApi = {
 export const openApi = {
   list: (page = 1) => request.get('/api/platform/open/list', { params: { page } }),
   create: (data: any) => request.post('/api/platform/open/create', null, { params: data }),
+  mockDeliveryCreate: (data: any) => request.post('/api/platform/open/mockDelivery/create', data),
   resetSecret: (appId: number) =>
     request.post('/api/platform/open/resetSecret', null, { params: { appId } }),
   setStatus: (appId: number, status: number) =>
 <template>
-  <a-layout style="min-height: 100vh">
-    <a-layout-sider v-model:collapsed="collapsed" collapsible>
-      <div class="logo">{{ collapsed ? '地利' : '地利外卖管理' }}</div>
-      <a-menu
-        v-model:selectedKeys="selectedKeys"
-        theme="dark"
-        mode="inline"
-        @click="onMenuClick"
-      >
-        <a-menu-item key="/city">
-          <template #icon><global-outlined /></template>
-          城市管理
-        </a-menu-item>
-        <a-menu-item key="/substation">
-          <template #icon><apartment-outlined /></template>
-          分站管理
-        </a-menu-item>
-        <a-sub-menu key="merchant">
-          <template #icon><shop-outlined /></template>
-          <template #title>商家管理</template>
-          <a-menu-item key="/merchant/enter">入驻申请</a-menu-item>
-          <a-menu-item key="/merchant/store">店铺管理</a-menu-item>
-        </a-sub-menu>
-        <a-menu-item key="/rider">
-          <template #icon><user-outlined /></template>
-          骑手管理
-        </a-menu-item>
-        <a-menu-item key="/rider/evaluate">
-          <template #icon><star-outlined /></template>
-          骑手评价
-        </a-menu-item>
-        <a-sub-menu key="orders">
-          <template #icon><unordered-list-outlined /></template>
-          <template #title>订单管理</template>
-          <a-menu-item key="/order">订单列表</a-menu-item>
-          <a-menu-item key="/refund">退款管理</a-menu-item>
-          <a-menu-item key="/delivery/order">配送订单</a-menu-item>
-        </a-sub-menu>
-        <a-menu-item key="/open">
-          <template #icon><api-outlined /></template>
-          开放平台
-        </a-menu-item>
-      </a-menu>
-    </a-layout-sider>
-    <a-layout>
-      <a-layout-header style="background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:flex-end">
-        <a-dropdown>
-          <a-button type="text">管理员 <down-outlined /></a-button>
-          <template #overlay>
-            <a-menu>
-              <a-menu-item @click="handleLogout">退出登录</a-menu-item>
-            </a-menu>
-          </template>
-        </a-dropdown>
-      </a-layout-header>
-      <a-layout-content style="margin:16px">
+  <div class="layout-shell">
+    <aside class="soft-sider" :class="{ collapsed }">
+      <button class="sider-toggle" type="button" @click="collapsed = !collapsed">
+        <menu-fold-outlined v-if="!collapsed" />
+        <menu-unfold-outlined v-else />
+      </button>
+
+      <div class="brand-block">
+        <div class="brand-mark">DL</div>
+        <div v-if="!collapsed" class="brand-copy">
+          <strong>地利骑手中台</strong>
+          <span>Soft operations cockpit</span>
+        </div>
+      </div>
+
+      <div class="menu-scroll">
+        <a-menu
+          v-model:selectedKeys="selectedKeys"
+          mode="inline"
+          @click="onMenuClick"
+        >
+          <a-menu-item key="/dashboard">
+            <template #icon><home-outlined /></template>
+            工作台
+          </a-menu-item>
+          <a-menu-item key="/city">
+            <template #icon><global-outlined /></template>
+            租户管理
+          </a-menu-item>
+          <a-menu-item key="/substation">
+            <template #icon><apartment-outlined /></template>
+            分站管理
+          </a-menu-item>
+          <a-sub-menu key="merchant">
+            <template #icon><shop-outlined /></template>
+            <template #title>商家管理</template>
+            <a-menu-item key="/merchant/enter">入驻申请</a-menu-item>
+            <a-menu-item key="/merchant/store">店铺管理</a-menu-item>
+          </a-sub-menu>
+          <a-menu-item key="/rider">
+            <template #icon><user-outlined /></template>
+            骑手管理
+          </a-menu-item>
+          <a-menu-item key="/rider/evaluate">
+            <template #icon><star-outlined /></template>
+            骑手评价
+          </a-menu-item>
+          <a-sub-menu key="orders">
+            <template #icon><unordered-list-outlined /></template>
+            <template #title>订单管理</template>
+            <a-menu-item key="/order">订单列表</a-menu-item>
+            <a-menu-item key="/refund">退款管理</a-menu-item>
+            <a-menu-item key="/delivery/order">配送订单</a-menu-item>
+          </a-sub-menu>
+          <a-sub-menu key="open">
+            <template #icon><api-outlined /></template>
+            <template #title>开放平台</template>
+            <a-menu-item key="/open">应用管理</a-menu-item>
+            <a-menu-item key="/open/mock-delivery">模拟推单</a-menu-item>
+          </a-sub-menu>
+        </a-menu>
+      </div>
+
+      <div v-if="!collapsed" class="sider-foot">
+        <div class="soft-chip soft-chip-green">在线协作</div>
+        <p>面向运营、分站与骑手管理的统一轻量工作台。</p>
+      </div>
+    </aside>
+
+    <main class="content-column">
+      <header class="soft-topbar">
+        <div>
+          <p class="eyebrow">Soft-Neo Admin</p>
+          <h1>{{ currentTitle }}</h1>
+        </div>
+        <div class="topbar-actions">
+          <div class="date-pill">
+            <calendar-outlined />
+            <span>{{ todayLabel }}</span>
+          </div>
+          <a-dropdown>
+            <a-button type="text" class="profile-button">
+              <span class="profile-avatar">{{ avatarText }}</span>
+              <span class="profile-copy">
+                <strong>{{ auth.userInfo?.userNickname || '管理员' }}</strong>
+                <small>{{ auth.userInfo?.role === 'admin' ? '超级管理员' : '分站管理员' }}</small>
+              </span>
+              <down-outlined />
+            </a-button>
+            <template #overlay>
+              <a-menu>
+                <a-menu-item @click="handleLogout">退出登录</a-menu-item>
+              </a-menu>
+            </template>
+          </a-dropdown>
+        </div>
+      </header>
+
+      <div class="soft-page-shell">
         <router-view />
-      </a-layout-content>
-    </a-layout>
-  </a-layout>
+      </div>
+    </main>
+  </div>
 </template>
  
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
 import {
   GlobalOutlined, ApartmentOutlined, ShopOutlined,
-  UserOutlined, UnorderedListOutlined, ApiOutlined, DownOutlined, StarOutlined
+  UserOutlined, UnorderedListOutlined, ApiOutlined, DownOutlined, StarOutlined,
+  CalendarOutlined, MenuFoldOutlined, MenuUnfoldOutlined, HomeOutlined
 } from '@ant-design/icons-vue'
  
 const router = useRouter()
@@ -75,9 +119,31 @@ const route = useRoute()
 const auth = useAuthStore()
 const collapsed = ref(false)
 const selectedKeys = ref([route.path])
+const titleMap: Record<string, string> = {
+  '/dashboard': '工作台',
+  '/city': '租户管理',
+  '/substation': '分站管理',
+  '/merchant/enter': '商家入驻',
+  '/merchant/store': '店铺管理',
+  '/rider': '骑手管理',
+  '/rider/evaluate': '骑手评价',
+  '/order': '订单列表',
+  '/refund': '退款管理',
+  '/delivery/order': '配送订单',
+  '/open': '开放平台',
+  '/open/mock-delivery': '模拟推单',
+}
  
 watch(() => route.path, (p) => { selectedKeys.value = [p] })
  
+const currentTitle = computed(() => titleMap[route.path] || '外卖管理')
+const avatarText = computed(() => (auth.userInfo?.userNickname || '管理员').slice(0, 1))
+const todayLabel = computed(() => new Intl.DateTimeFormat('zh-CN', {
+  month: 'long',
+  day: 'numeric',
+  weekday: 'short',
+}).format(new Date()))
+
 function onMenuClick({ key }: { key: string }) {
   router.push(key)
 }
@@ -89,15 +155,234 @@ function handleLogout() {
 </script>
  
 <style scoped>
-.logo {
-  height: 64px;
-  color: #fff;
-  font-size: 16px;
-  font-weight: bold;
+.layout-shell {
+  min-height: 100vh;
+  display: grid;
+  grid-template-columns: 280px minmax(0, 1fr);
+  gap: 22px;
+  padding: 22px;
+}
+
+.soft-sider,
+.soft-topbar {
+  border: 1px solid rgba(255, 255, 255, 0.58);
+  background: rgba(255, 255, 255, 0.74);
+  backdrop-filter: blur(22px);
+  box-shadow: 0 16px 40px rgba(130, 110, 218, 0.12);
+}
+
+.soft-sider {
+  position: sticky;
+  top: 22px;
+  height: calc(100vh - 44px);
+  border-radius: 34px;
+  padding: 18px 14px 18px;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
   overflow: hidden;
-  white-space: nowrap;
+}
+
+.menu-scroll {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 4px;
+}
+
+.menu-scroll::-webkit-scrollbar {
+  width: 8px;
+}
+
+.menu-scroll::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: rgba(140, 124, 240, 0.24);
+}
+
+.soft-sider.collapsed {
+  width: 88px;
+}
+
+.sider-toggle {
+  align-self: flex-end;
+  width: 44px;
+  height: 44px;
+  border-radius: 16px;
+  border: none;
+  background: rgba(246, 242, 255, 0.9);
+  color: #7f6de5;
+  cursor: pointer;
+  margin-bottom: 12px;
+}
+
+.brand-block {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 10px 10px 20px;
+}
+
+.brand-mark {
+  width: 52px;
+  height: 52px;
+  border-radius: 18px;
+  background: linear-gradient(145deg, #8c7cf0, #e6b5dc);
+  color: white;
+  font-family: 'Outfit', sans-serif;
+  font-weight: 700;
+  display: grid;
+  place-items: center;
+  box-shadow: 0 14px 24px rgba(140, 124, 240, 0.28);
+}
+
+.brand-copy {
+  display: flex;
+  flex-direction: column;
+}
+
+.brand-copy strong,
+.profile-copy strong,
+.hero-copy h2,
+.insight-card strong,
+h1 {
+  font-family: 'Outfit', sans-serif;
+  color: #2f2946;
+}
+
+.brand-copy span,
+.profile-copy small,
+.eyebrow,
+.hero-copy p,
+.insight-card p,
+.note-list {
+  color: #8d88a4;
+}
+
+:deep(.ant-menu) {
+  min-height: 100%;
+  background: transparent;
+}
+
+.sider-foot {
+  margin-top: 14px;
+  flex-shrink: 0;
+  border-radius: 24px;
+  background: linear-gradient(180deg, rgba(245, 241, 255, 0.85), rgba(255, 247, 250, 0.92));
+  padding: 16px;
+}
+
+.soft-chip {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.soft-chip-green {
+  background: rgba(139, 212, 167, 0.22);
+  color: #3d8f63;
+}
+
+.content-column {
+  min-width: 0;
+}
+
+.soft-topbar {
+  border-radius: 30px;
+  padding: 18px 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+}
+
+.soft-topbar h1 {
+  margin: 4px 0 0;
+  font-size: 30px;
+}
+
+.eyebrow {
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.topbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+
+.date-pill,
+.profile-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.82);
+  border: 1px solid rgba(194, 184, 237, 0.38);
+  padding: 10px 14px;
+}
+
+.profile-button {
+  height: auto;
+  padding-right: 12px;
+}
+
+.profile-avatar {
+  width: 38px;
+  height: 38px;
+  border-radius: 14px;
+  display: grid;
+  place-items: center;
+  background: linear-gradient(135deg, #a48ef4, #f1bfd8);
+  color: white;
+  font-weight: 700;
+}
+
+.profile-copy {
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+}
+
+@media (max-width: 960px) {
+  .layout-shell {
+    grid-template-columns: 1fr;
+    padding: 14px;
+  }
+
+  .soft-sider {
+    position: relative;
+    top: 0;
+    height: auto;
+  }
+
+  .menu-scroll {
+    overflow: visible;
+    padding-right: 0;
+  }
+  .soft-topbar {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+
+@media (max-width: 720px) {
+  .soft-sider.collapsed {
+    width: auto;
+  }
+
+  .soft-topbar h1 {
+    font-size: 26px;
+  }
+
+  .hero-copy h2 {
+    font-size: 28px;
+  }
 }
 </style>
@@ -4,6 +4,7 @@ import Antd from &#39;ant-design-vue&#39;
 import 'ant-design-vue/dist/reset.css'
 import App from './App.vue'
 import router from './router'
+import './style.css'
  
 const app = createApp(App)
 app.use(createPinia())
@@ -13,13 +13,19 @@ const router = createRouter({
     {
       path: '/',
       component: () => import('@/layouts/MainLayout.vue'),
-      redirect: '/city',
+      redirect: '/dashboard',
       children: [
         {
+          path: 'dashboard',
+          name: 'Dashboard',
+          component: () => import('@/views/dashboard/DashboardHome.vue'),
+          meta: { title: '工作台' },
+        },
+        {
           path: 'city',
           name: 'City',
           component: () => import('@/views/city/CityList.vue'),
-          meta: { title: '城市管理' },
+          meta: { title: '租户管理' },
         },
         {
           path: 'substation',
@@ -75,6 +81,12 @@ const router = createRouter({
           component: () => import('@/views/open/OpenAppList.vue'),
           meta: { title: '开放平台' },
         },
+        {
+          path: 'open/mock-delivery',
+          name: 'OpenMockDelivery',
+          component: () => import('@/views/open/OpenMockDelivery.vue'),
+          meta: { title: '模拟推单' },
+        },
       ],
     },
     { path: '/:pathMatch(.*)*', redirect: '/' },
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
+
 :root {
-  --text: #6b6375;
-  --text-h: #08060d;
-  --bg: #fff;
-  --border: #e5e4e7;
-  --code-bg: #f4f3ec;
-  --accent: #aa3bff;
-  --accent-bg: rgba(170, 59, 255, 0.1);
-  --accent-border: rgba(170, 59, 255, 0.5);
-  --social-bg: rgba(244, 243, 236, 0.5);
-  --shadow:
-    rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
-
-  --sans: system-ui, 'Segoe UI', Roboto, sans-serif;
-  --heading: system-ui, 'Segoe UI', Roboto, sans-serif;
-  --mono: ui-monospace, Consolas, monospace;
-
-  font: 18px/145% var(--sans);
-  letter-spacing: 0.18px;
-  color-scheme: light dark;
-  color: var(--text);
-  background: var(--bg);
+  --app-bg:
+    radial-gradient(circle at top left, rgba(198, 185, 255, 0.58), transparent 28%),
+    radial-gradient(circle at 85% 18%, rgba(255, 217, 236, 0.7), transparent 24%),
+    radial-gradient(circle at 80% 84%, rgba(255, 234, 181, 0.45), transparent 22%),
+    linear-gradient(180deg, #fbfaff 0%, #f7f7fd 48%, #f8f8fb 100%);
+  --panel: rgba(255, 255, 255, 0.76);
+  --panel-strong: rgba(255, 255, 255, 0.9);
+  --panel-tint: linear-gradient(135deg, rgba(198, 185, 255, 0.72), rgba(255, 218, 238, 0.72));
+  --line: rgba(182, 172, 226, 0.24);
+  --line-strong: rgba(140, 124, 240, 0.22);
+  --text-main: #4f4a68;
+  --text-soft: #8d88a4;
+  --text-dark: #2f2946;
+  --brand: #8c7cf0;
+  --brand-soft: #c6b9ff;
+  --brand-deep: #7563df;
+  --pink: #f4bfd8;
+  --yellow: #f6d977;
+  --green: #8bd4a7;
+  --orange: #ffb284;
+  --shadow-xl: 0 22px 60px rgba(121, 104, 213, 0.12);
+  --shadow-lg: 0 16px 35px rgba(137, 123, 214, 0.12);
+  --shadow-sm: 0 10px 20px rgba(149, 136, 220, 0.08);
+  --radius-xl: 32px;
+  --radius-lg: 24px;
+  --radius-md: 18px;
+  --radius-sm: 14px;
+  --font-display: 'Outfit', 'Avenir Next', 'Segoe UI', sans-serif;
+  --font-body: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
+  color: var(--text-main);
+  font-family: var(--font-body);
+  line-height: 1.5;
+  font-weight: 500;
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
-  @media (max-width: 1024px) {
-    font-size: 16px;
-  }
+  background: #f8f8ff;
 }
  
-@media (prefers-color-scheme: dark) {
-  :root {
-    --text: #9ca3af;
-    --text-h: #f3f4f6;
-    --bg: #16171d;
-    --border: #2e303a;
-    --code-bg: #1f2028;
-    --accent: #c084fc;
-    --accent-bg: rgba(192, 132, 252, 0.15);
-    --accent-border: rgba(192, 132, 252, 0.5);
-    --social-bg: rgba(47, 48, 58, 0.5);
-    --shadow:
-      rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
-  }
+* {
+  box-sizing: border-box;
+}
  
-  #social .button-icon {
-    filter: invert(1) brightness(2);
-  }
+html,
+body,
+#app {
+  min-height: 100vh;
 }
  
 body {
   margin: 0;
+  background: var(--app-bg);
+  color: var(--text-main);
 }
  
-h1,
-h2 {
-  font-family: var(--heading);
-  font-weight: 500;
-  color: var(--text-h);
+a {
+  color: var(--brand-deep);
 }
  
-h1 {
-  font-size: 56px;
-  letter-spacing: -1.68px;
-  margin: 32px 0;
-  @media (max-width: 1024px) {
-    font-size: 36px;
-    margin: 20px 0;
-  }
-}
-h2 {
-  font-size: 24px;
-  line-height: 118%;
-  letter-spacing: -0.24px;
-  margin: 0 0 8px;
-  @media (max-width: 1024px) {
-    font-size: 20px;
-  }
-}
-p {
-  margin: 0;
+.ant-layout {
+  background: transparent;
 }
  
-code,
-.counter {
-  font-family: var(--mono);
-  display: inline-flex;
-  border-radius: 4px;
-  color: var(--text-h);
+.ant-btn {
+  border-radius: 999px;
+  font-weight: 600;
+  box-shadow: none;
 }
  
-code {
-  font-size: 15px;
-  line-height: 135%;
-  padding: 4px 8px;
-  background: var(--code-bg);
+.ant-btn-primary {
+  background: linear-gradient(135deg, #8c7cf0 0%, #c995ea 100%);
+  border: none;
+  box-shadow: 0 12px 24px rgba(140, 124, 240, 0.24);
 }
  
-.counter {
-  font-size: 16px;
-  padding: 5px 10px;
-  border-radius: 5px;
-  color: var(--accent);
-  background: var(--accent-bg);
-  border: 2px solid transparent;
-  transition: border-color 0.3s;
-  margin-bottom: 24px;
+.ant-btn-primary:hover,
+.ant-btn-primary:focus {
+  background: linear-gradient(135deg, #7d6be8 0%, #c289ea 100%) !important;
+}
  
-  &:hover {
-    border-color: var(--accent-border);
-  }
-  &:focus-visible {
-    outline: 2px solid var(--accent);
-    outline-offset: 2px;
-  }
+.ant-btn-default {
+  border-color: var(--line);
+  background: rgba(255, 255, 255, 0.82);
 }
  
-.hero {
-  position: relative;
+.ant-card {
+  border: 1px solid rgba(255, 255, 255, 0.55);
+  background: var(--panel);
+  backdrop-filter: blur(18px);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-lg);
+}
  
-  .base,
-  .framework,
-  .vite {
-    inset-inline: 0;
-    margin: 0 auto;
-  }
+.ant-card .ant-card-head {
+  border-bottom: 1px solid rgba(188, 180, 230, 0.18);
+  min-height: 72px;
+}
  
-  .base {
-    width: 170px;
-    position: relative;
-    z-index: 0;
-  }
+.ant-card .ant-card-head-title {
+  font-family: var(--font-display);
+  font-size: 1.1rem;
+  color: var(--text-dark);
+  font-weight: 700;
+}
  
-  .framework,
-  .vite {
-    position: absolute;
-  }
+.ant-card .ant-card-body {
+  padding: 24px;
+}
  
-  .framework {
-    z-index: 1;
-    top: 34px;
-    height: 28px;
-    transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
-      scale(1.4);
-  }
+.ant-table-wrapper .ant-table {
+  background: transparent;
+}
  
-  .vite {
-    z-index: 0;
-    top: 107px;
-    height: 26px;
-    width: auto;
-    transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
-      scale(0.8);
-  }
+.ant-table-wrapper .ant-table-container {
+  border-radius: var(--radius-md);
+  border: 1px solid rgba(194, 185, 239, 0.22);
+  overflow: hidden;
 }
  
-#app {
-  width: 1126px;
-  max-width: 100%;
-  margin: 0 auto;
-  text-align: center;
-  border-inline: 1px solid var(--border);
-  min-height: 100svh;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
+.ant-table-wrapper .ant-table-thead > tr > th {
+  background: rgba(244, 240, 255, 0.88);
+  color: var(--text-dark);
+  border-bottom: none;
+  font-weight: 700;
 }
  
-#center {
-  display: flex;
-  flex-direction: column;
-  gap: 25px;
-  place-content: center;
-  place-items: center;
-  flex-grow: 1;
+.ant-table-wrapper .ant-table-tbody > tr > td {
+  border-bottom: 1px solid rgba(226, 220, 247, 0.72);
+  background: rgba(255, 255, 255, 0.48);
+}
  
-  @media (max-width: 1024px) {
-    padding: 32px 20px 24px;
-    gap: 18px;
-  }
+.ant-table-wrapper .ant-table-tbody > tr:hover > td {
+  background: rgba(247, 242, 255, 0.95) !important;
 }
  
-#next-steps {
-  display: flex;
-  border-top: 1px solid var(--border);
-  text-align: left;
+.ant-input,
+.ant-input-affix-wrapper,
+.ant-input-password,
+.ant-select-selector,
+.ant-input-number,
+.ant-input-number-input-wrap,
+.ant-picker {
+  border-radius: 16px !important;
+  border-color: rgba(189, 180, 234, 0.4) !important;
+  background: rgba(255, 255, 255, 0.78) !important;
+  box-shadow: none !important;
+}
  
-  & > div {
-    flex: 1 1 0;
-    padding: 32px;
-    @media (max-width: 1024px) {
-      padding: 24px 20px;
-    }
-  }
+.ant-input:focus,
+.ant-input-affix-wrapper-focused,
+.ant-select-focused .ant-select-selector,
+.ant-input-number-focused,
+.ant-picker-focused {
+  border-color: rgba(140, 124, 240, 0.68) !important;
+  box-shadow: 0 0 0 4px rgba(140, 124, 240, 0.12) !important;
+}
  
-  .icon {
-    margin-bottom: 16px;
-    width: 22px;
-    height: 22px;
-  }
+.ant-modal .ant-modal-content,
+.ant-dropdown .ant-dropdown-menu {
+  border-radius: 28px;
+  border: 1px solid rgba(228, 223, 247, 0.7);
+  background: rgba(255, 255, 255, 0.92);
+  backdrop-filter: blur(24px);
+  box-shadow: var(--shadow-xl);
+}
  
-  @media (max-width: 1024px) {
-    flex-direction: column;
-    text-align: center;
-  }
+.ant-modal .ant-modal-header {
+  background: transparent;
+  border-bottom: 1px solid rgba(189, 180, 234, 0.18);
 }
  
-#docs {
-  border-right: 1px solid var(--border);
+.ant-modal .ant-modal-title {
+  font-family: var(--font-display);
+  color: var(--text-dark);
+  font-weight: 700;
+}
  
-  @media (max-width: 1024px) {
-    border-right: none;
-    border-bottom: 1px solid var(--border);
-  }
+.ant-tag {
+  border-radius: 999px;
+  border: none;
+  padding-inline: 10px;
+  font-weight: 600;
 }
  
-#next-steps ul {
-  list-style: none;
-  padding: 0;
-  display: flex;
-  gap: 8px;
-  margin: 32px 0 0;
+.ant-menu {
+  background: transparent !important;
+}
  
-  .logo {
-    height: 18px;
-  }
+.ant-menu-item,
+.ant-menu-submenu-title {
+  border-radius: 18px !important;
+  margin-inline: 8px !important;
+  margin-block: 6px !important;
+  width: calc(100% - 16px) !important;
+}
  
-  a {
-    color: var(--text-h);
-    font-size: 16px;
-    border-radius: 6px;
-    background: var(--social-bg);
-    display: flex;
-    padding: 6px 12px;
-    align-items: center;
-    gap: 8px;
-    text-decoration: none;
-    transition: box-shadow 0.3s;
-
-    &:hover {
-      box-shadow: var(--shadow);
-    }
-    .button-icon {
-      height: 18px;
-      width: 18px;
-    }
-  }
+.ant-menu-light .ant-menu-item-selected,
+.ant-menu-light > .ant-menu .ant-menu-item-selected,
+.ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title {
+  background: linear-gradient(135deg, rgba(140, 124, 240, 0.18), rgba(255, 212, 235, 0.3)) !important;
+  color: var(--brand-deep) !important;
+}
  
-  @media (max-width: 1024px) {
-    margin-top: 20px;
-    flex-wrap: wrap;
-    justify-content: center;
+.ant-menu-item:hover,
+.ant-menu-submenu-title:hover {
+  color: var(--brand-deep) !important;
+  background: rgba(255, 255, 255, 0.5) !important;
+}
  
-    li {
-      flex: 1 1 calc(50% - 8px);
-    }
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: var(--brand-deep);
+  background: rgba(255, 255, 255, 0.92);
+  border-color: rgba(140, 124, 240, 0.45);
+  box-shadow: 0 8px 18px rgba(140, 124, 240, 0.12);
+}
  
-    a {
-      width: 100%;
-      justify-content: center;
-      box-sizing: border-box;
-    }
-  }
+.ant-empty {
+  padding: 20px 0;
 }
  
-#spacer {
-  height: 88px;
-  border-top: 1px solid var(--border);
-  @media (max-width: 1024px) {
-    height: 48px;
-  }
+.soft-page-shell {
+  padding: 24px 24px 28px;
 }
  
-.ticks {
+.soft-section-card {
   position: relative;
-  width: 100%;
-
-  &::before,
-  &::after {
-    content: '';
-    position: absolute;
-    top: -4.5px;
-    border: 5px solid transparent;
-  }
+  overflow: hidden;
+}
  
-  &::before {
-    left: 0;
-    border-left-color: var(--border);
-  }
-  &::after {
-    right: 0;
-    border-right-color: var(--border);
+.soft-section-card::before {
+  content: '';
+  position: absolute;
+  inset: 0 auto auto 0;
+  width: 180px;
+  height: 180px;
+  background: radial-gradient(circle, rgba(198, 185, 255, 0.35) 0%, transparent 70%);
+  pointer-events: none;
+}
+
+@media (max-width: 1200px) {
+  .soft-page-shell {
+    padding: 18px;
   }
 }
 <template>
   <div class="login-wrap">
-    <a-card title="外卖管理系统" style="width:400px">
-      <a-form :model="form" @finish="onSubmit" layout="vertical">
-        <a-form-item name="role" label="登录身份">
-          <a-radio-group v-model:value="form.role" button-style="solid">
-            <a-radio-button value="substation">分站管理员</a-radio-button>
-            <a-radio-button value="admin">超级管理员</a-radio-button>
-          </a-radio-group>
-        </a-form-item>
-        <a-form-item name="account" :rules="[{ required: true, message: '请输入账号' }]">
-          <a-input v-model:value="form.account" placeholder="登录账号" size="large">
-            <template #prefix><user-outlined /></template>
-          </a-input>
-        </a-form-item>
-        <a-form-item name="pass" :rules="[{ required: true, message: '请输入密码' }]">
-          <a-input-password v-model:value="form.pass" placeholder="密码" size="large">
-            <template #prefix><lock-outlined /></template>
-          </a-input-password>
-        </a-form-item>
-        <a-form-item>
-          <a-button type="primary" html-type="submit" block size="large" :loading="loading">
-            登录
-          </a-button>
-        </a-form-item>
-      </a-form>
-    </a-card>
+    <div class="login-shell">
+      <section class="login-visual">
+        <div class="visual-badge">Modern Soft-Neo UI</div>
+        <h1>让配送管理像清晨的云层一样轻盈。</h1>
+        <p>柔和渐变、圆润卡片与轻插画氛围，把后台工作台重新整理成更亲和的中控体验。</p>
+        <div class="visual-stats">
+          <div>
+            <span>Theme</span>
+            <strong>Lavender + Warm Glow</strong>
+          </div>
+          <div>
+            <span>Layout</span>
+            <strong>Floating Three-Column</strong>
+          </div>
+        </div>
+        <div class="illustration-wrap">
+          <div class="bubble bubble-a"></div>
+          <div class="bubble bubble-b"></div>
+          <img :src="heroImage" alt="soft illustration" />
+        </div>
+      </section>
+
+      <a-card class="login-card">
+        <div class="login-card-head">
+          <span class="head-chip">Welcome Back</span>
+          <h2>外卖管理系统</h2>
+          <p>登录到柔和重构后的运营工作台</p>
+        </div>
+        <a-form :model="form" @finish="onSubmit" layout="vertical">
+          <a-form-item name="role" label="登录身份">
+            <a-radio-group v-model:value="form.role" button-style="solid">
+              <a-radio-button value="substation">分站管理员</a-radio-button>
+              <a-radio-button value="admin">超级管理员</a-radio-button>
+            </a-radio-group>
+          </a-form-item>
+          <a-form-item name="account" :rules="[{ required: true, message: '请输入账号' }]">
+            <a-input v-model:value="form.account" placeholder="登录账号" size="large">
+              <template #prefix><user-outlined /></template>
+            </a-input>
+          </a-form-item>
+          <a-form-item name="pass" :rules="[{ required: true, message: '请输入密码' }]">
+            <a-input-password v-model:value="form.pass" placeholder="密码" size="large">
+              <template #prefix><lock-outlined /></template>
+            </a-input-password>
+          </a-form-item>
+          <a-form-item>
+            <a-button type="primary" html-type="submit" block size="large" :loading="loading">
+              登录进入中台
+            </a-button>
+          </a-form-item>
+        </a-form>
+      </a-card>
+    </div>
   </div>
 </template>
  
@@ -35,6 +63,7 @@ import { message } from &#39;ant-design-vue&#39;
 import { UserOutlined, LockOutlined } from '@ant-design/icons-vue'
 import { useAuthStore } from '@/stores/auth'
 import request from '@/utils/request'
+import heroImage from '@/assets/hero.png'
  
 const router = useRouter()
 const auth = useAuthStore()
@@ -62,6 +91,152 @@ async function onSubmit() {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #f0f2f5;
+  padding: 24px;
+}
+
+.login-shell {
+  width: min(1180px, 100%);
+  display: grid;
+  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 430px);
+  gap: 26px;
+}
+
+.login-visual,
+.login-card {
+  border: 1px solid rgba(255, 255, 255, 0.62);
+  background: rgba(255, 255, 255, 0.76);
+  backdrop-filter: blur(24px);
+  box-shadow: 0 20px 50px rgba(126, 110, 211, 0.15);
+}
+
+.login-visual {
+  position: relative;
+  overflow: hidden;
+  border-radius: 36px;
+  padding: 42px;
+}
+
+.visual-badge,
+.head-chip {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  padding: 8px 14px;
+  background: linear-gradient(135deg, rgba(140, 124, 240, 0.14), rgba(255, 210, 232, 0.26));
+  color: #6f5fe2;
+  font-size: 12px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.login-visual h1,
+.login-card h2 {
+  font-family: 'Outfit', sans-serif;
+  color: #2f2946;
+}
+
+.login-visual h1 {
+  font-size: 46px;
+  line-height: 1.05;
+  margin: 18px 0 14px;
+}
+
+.login-visual p,
+.login-card-head p {
+  color: #8d88a4;
+  max-width: 520px;
+}
+
+.visual-stats {
+  display: flex;
+  gap: 14px;
+  flex-wrap: wrap;
+  margin: 28px 0;
+}
+
+.visual-stats > div {
+  min-width: 210px;
+  border-radius: 22px;
+  background: rgba(255, 255, 255, 0.7);
+  padding: 14px 16px;
+}
+
+.visual-stats span {
+  display: block;
+  color: #9893ad;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  margin-bottom: 6px;
+}
+
+.visual-stats strong {
+  color: #342d4f;
+  font-family: 'Outfit', sans-serif;
+}
+
+.illustration-wrap {
+  position: relative;
+  min-height: 280px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+}
+
+.illustration-wrap img {
+  position: relative;
+  z-index: 2;
+  width: min(100%, 360px);
+  filter: drop-shadow(0 26px 40px rgba(137, 120, 216, 0.22));
+}
+
+.bubble {
+  position: absolute;
+  border-radius: 999px;
+}
+
+.bubble-a {
+  width: 260px;
+  height: 260px;
+  background: radial-gradient(circle, rgba(198, 185, 255, 0.55) 0%, transparent 68%);
+  left: 30px;
+  bottom: 10px;
+}
+
+.bubble-b {
+  width: 120px;
+  height: 120px;
+  background: radial-gradient(circle, rgba(255, 218, 152, 0.45) 0%, transparent 70%);
+  right: 60px;
+  top: 24px;
+}
+
+.login-card {
+  border-radius: 32px;
+  padding: 8px;
+}
+
+.login-card-head {
+  margin-bottom: 20px;
+}
+
+.login-card-head h2 {
+  margin: 16px 0 8px;
+  font-size: 32px;
+}
+
+@media (max-width: 980px) {
+  .login-shell {
+    grid-template-columns: 1fr;
+  }
+
+  .login-visual {
+    padding: 28px;
+  }
+
+  .login-visual h1 {
+    font-size: 34px;
+  }
 }
 </style>
 <template>
   <div>
-    <a-card title="城市/租户管理" :bordered="false">
+    <a-card title="租户管理" :bordered="false">
       <template #extra>
         <a-button type="primary" @click="openAdd">新增</a-button>
       </template>
@@ -29,11 +29,11 @@
     </a-card>
  
     <!-- 新增/编辑弹窗 -->
-    <a-modal v-model:open="modalVisible" :title="editingId ? '编辑' : '新增城市/租户'"
+    <a-modal v-model:open="modalVisible" :title="editingId ? '编辑' : '新增租户'"
              @ok="handleSave" :confirmLoading="saving">
       <a-form :model="form" layout="vertical">
         <a-form-item label="名称">
-          <a-input v-model:value="form.name" placeholder="如：广州市 / 某租户名" />
+          <a-input v-model:value="form.name" placeholder="如：华东一区 / 某租户名" />
         </a-form-item>
         <a-form-item label="区划码/编号（选填）">
           <a-input v-model:value="form.areaCode" placeholder="行政区划码或自定义编号" />
+<template>
+  <div class="dashboard-home">
+    <section class="hero-card">
+      <div class="hero-copy">
+        <div class="hero-pill">Soft-Neo Dashboard</div>
+        <h2>欢迎回到地利外卖运营工作台</h2>
+        <p>把租户、骑手、订单和分站管理集中在一张更轻盈的首页里，业务页面本身只保留导航与内容，让操作区域更大、更专注。</p>
+        <div class="hero-grid">
+          <div class="hero-metric">
+            <span>Operation Focus</span>
+            <strong>租户 · 骑手 · 订单</strong>
+          </div>
+          <div class="hero-metric">
+            <span>Visual Mood</span>
+            <strong>Lavender / Warm Glow</strong>
+          </div>
+        </div>
+      </div>
+      <div class="hero-visual">
+        <div class="orb orb-a"></div>
+        <div class="orb orb-b"></div>
+        <img :src="heroImage" alt="dashboard illustration" />
+      </div>
+    </section>
+
+    <section class="content-grid">
+      <a-card title="快捷入口" :bordered="false">
+        <div class="quick-links">
+          <button v-for="item in quickLinks" :key="item.path" class="quick-link" type="button" @click="go(item.path)">
+            <strong>{{ item.title }}</strong>
+            <span>{{ item.desc }}</span>
+          </button>
+        </div>
+      </a-card>
+
+      <a-card title="界面说明" :bordered="false">
+        <ul class="soft-notes">
+          <li>首页保留大视觉和信息卡片，适合做总览和快捷入口。</li>
+          <li>其他菜单页只保留紧凑头部和内容区，避免公共模块挤压表格空间。</li>
+          <li>整体主题继续沿用柔紫渐变、软阴影和圆角卡片。</li>
+        </ul>
+      </a-card>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+import heroImage from '@/assets/hero.png'
+
+const router = useRouter()
+
+const quickLinks = [
+  { path: '/city', title: '租户管理', desc: '配置配送费、骑手等级与租户信息' },
+  { path: '/rider', title: '骑手管理', desc: '查看骑手、设置等级和账号状态' },
+  { path: '/order', title: '订单列表', desc: '集中处理配送中的订单流转' },
+  { path: '/substation', title: '分站管理', desc: '维护租户站点账号和权限' },
+]
+
+function go(path: string) {
+  router.push(path)
+}
+</script>
+
+<style scoped>
+.dashboard-home {
+  display: grid;
+  gap: 22px;
+}
+
+.hero-card {
+  display: grid;
+  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.9fr);
+  gap: 18px;
+  border-radius: 34px;
+  padding: 28px;
+  background:
+    linear-gradient(160deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.62)),
+    linear-gradient(135deg, rgba(198, 185, 255, 0.72), rgba(255, 217, 236, 0.78));
+  border: 1px solid rgba(255, 255, 255, 0.62);
+  box-shadow: 0 18px 44px rgba(132, 114, 212, 0.14);
+}
+
+.hero-pill {
+  display: inline-flex;
+  padding: 8px 14px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.76);
+  color: #6f5fe2;
+  font-size: 12px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.hero-copy h2 {
+  margin: 16px 0 10px;
+  font-size: 34px;
+  line-height: 1.08;
+  font-family: 'Outfit', sans-serif;
+  color: #2f2946;
+}
+
+.hero-copy p,
+.hero-metric span,
+.quick-link span,
+.soft-notes {
+  color: #8d88a4;
+}
+
+.hero-grid {
+  display: flex;
+  gap: 14px;
+  flex-wrap: wrap;
+  margin-top: 24px;
+}
+
+.hero-metric {
+  min-width: 190px;
+  border-radius: 22px;
+  background: rgba(255, 255, 255, 0.74);
+  padding: 14px 16px;
+}
+
+.hero-metric span {
+  display: block;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  margin-bottom: 6px;
+}
+
+.hero-metric strong,
+.quick-link strong {
+  color: #322c4a;
+  font-family: 'Outfit', sans-serif;
+}
+
+.hero-visual {
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  min-height: 260px;
+}
+
+.hero-visual img {
+  position: relative;
+  z-index: 2;
+  width: min(100%, 320px);
+  filter: drop-shadow(0 24px 36px rgba(135, 119, 212, 0.24));
+}
+
+.orb {
+  position: absolute;
+  border-radius: 999px;
+}
+
+.orb-a {
+  width: 220px;
+  height: 220px;
+  background: radial-gradient(circle, rgba(198, 185, 255, 0.48) 0%, transparent 70%);
+  top: 8px;
+  right: 50px;
+}
+
+.orb-b {
+  width: 100px;
+  height: 100px;
+  background: radial-gradient(circle, rgba(255, 217, 136, 0.38) 0%, transparent 70%);
+  right: 24px;
+  top: 40px;
+}
+
+.content-grid {
+  display: grid;
+  grid-template-columns: 1.2fr 0.8fr;
+  gap: 18px;
+}
+
+.quick-links {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+}
+
+.quick-link {
+  text-align: left;
+  border: 1px solid rgba(202, 193, 240, 0.34);
+  background: rgba(255, 255, 255, 0.78);
+  border-radius: 24px;
+  padding: 18px;
+  cursor: pointer;
+}
+
+.soft-notes {
+  margin: 0;
+  padding-left: 18px;
+}
+
+.soft-notes li + li {
+  margin-top: 10px;
+}
+
+@media (max-width: 980px) {
+  .hero-card,
+  .content-grid,
+  .quick-links {
+    grid-template-columns: 1fr;
+  }
+
+  .hero-copy h2 {
+    font-size: 28px;
+  }
+}
+</style>
@@ -3,7 +3,7 @@
     <a-card title="店铺管理" :bordered="false">
       <template #extra>
         <a-space>
-          <a-select v-model:value="filterCityId" placeholder="选择城市" allowClear style="width:150px" @change="loadList">
+          <a-select v-model:value="filterCityId" placeholder="选择租户" allowClear style="width:150px" @change="loadList">
             <a-select-option v-for="c in cityList" :key="c.id" :value="c.id">{{ c.name }}</a-select-option>
           </a-select>
           <a-input-search v-model:value="keyword" placeholder="搜索店铺名" @search="loadList" style="width:200px" />
@@ -43,8 +43,8 @@
              @ok="handleSave" :confirmLoading="saving" width="600px">
       <a-form :model="form" layout="vertical">
         <a-form-item label="店铺名称"><a-input v-model:value="form.name" /></a-form-item>
-        <a-form-item label="所属城市">
-          <a-select v-model:value="form.cityId" placeholder="选择城市">
+        <a-form-item label="所属租户">
+          <a-select v-model:value="form.cityId" placeholder="选择租户">
             <a-select-option v-for="c in cityList" :key="c.id" :value="c.id">{{ c.name }}</a-select-option>
           </a-select>
         </a-form-item>
@@ -111,7 +111,7 @@ const feeForm = reactive({ freeShipping: 0, upToSend: 0 })
 const columns = [
   { title: 'ID', dataIndex: 'id', width: 80 },
   { title: '店铺名', dataIndex: 'name' },
-  { title: '城市', dataIndex: 'cityId' },
+  { title: '租户', dataIndex: 'cityId' },
   { title: '外部编号', dataIndex: 'outStoreId', ellipsis: true },
   { title: '接入方', dataIndex: 'appKey', ellipsis: true },
   { title: '地址', dataIndex: 'address', ellipsis: true },
@@ -36,8 +36,8 @@
     <a-modal v-model:open="addVisible" title="创建应用" @ok="handleCreate" :confirmLoading="saving">
       <a-form :model="addForm" layout="vertical">
         <a-form-item label="应用名称"><a-input v-model:value="addForm.appName" /></a-form-item>
-        <a-form-item label="关联城市/租户（必填）">
-          <a-select v-model:value="addForm.cityId" placeholder="选择城市" style="width:100%">
+        <a-form-item label="关联租户（必填）">
+          <a-select v-model:value="addForm.cityId" placeholder="选择租户" style="width:100%">
             <a-select-option v-for="c in cityList" :key="c.id" :value="c.id">{{ c.name }}</a-select-option>
           </a-select>
         </a-form-item>
@@ -98,7 +98,7 @@ const columns = [
   { title: 'ID', dataIndex: 'id', width: 80 },
   { title: '应用名称', dataIndex: 'appName' },
   { title: 'AppKey', key: 'appKey' },
-  { title: '城市/租户', dataIndex: 'cityId' },
+  { title: '租户', dataIndex: 'cityId' },
   { title: '状态', key: 'status' },
   { title: '回调地址', dataIndex: 'webhookUrl', ellipsis: true },
   { title: '操作', key: 'action' },
@@ -133,7 +133,7 @@ function openAdd() {
 }
  
 async function handleCreate() {
-  if (!addForm.cityId) { message.error('请选择城市/租户'); return }
+  if (!addForm.cityId) { message.error('请选择租户'); return }
   saving.value = true
   try {
     await openApi.create(addForm)
@@ -51,8 +51,25 @@
     <!-- 指派骑手弹窗 -->
     <a-modal v-model:open="designateVisible" title="指派骑手" @ok="handleDesignate" :confirmLoading="saving">
       <a-form layout="vertical">
-        <a-form-item label="骑手ID">
-          <a-input-number v-model:value="designateRiderId" style="width:100%" placeholder="输入骑手ID" />
+        <a-form-item label="选择骑手">
+          <a-select
+            v-model:value="designateRiderId"
+            style="width:100%"
+            placeholder="请选择可指派骑手"
+            :loading="candidateLoading"
+            show-search
+            :filter-option="filterCandidateOption"
+            option-label-prop="label"
+          >
+            <a-select-option
+              v-for="item in designateCandidates"
+              :key="item.id"
+              :value="item.id"
+              :label="`${item.userNickname || '未命名'}（ID:${item.id}）`"
+            >
+              {{ item.userNickname || '未命名' }}（ID:{{ item.id }} / {{ item.mobile || '无手机号' }} / {{ item.isRest === 1 ? '休息' : '在线' }}）
+            </a-select-option>
+          </a-select>
         </a-form-item>
       </a-form>
     </a-modal>
@@ -98,11 +115,13 @@ const filterStatus = ref&lt;number | undefined&gt;()
 const filterTrans = ref<number | undefined>()
 const keyword = ref('')
 const designateVisible = ref(false)
+const candidateLoading = ref(false)
 const refundVisible = ref(false)
 const rejectVisible = ref(false)
 const rejectRemark = ref('')
 const designateOrderId = ref(0)
 const designateRiderId = ref<number | undefined>()
+const designateCandidates = ref<any[]>([])
 const refundRecord = ref<any>(null)
 const currentRefundRecordId = ref(0)
  
@@ -138,14 +157,26 @@ async function loadList() {
   } finally { loading.value = false }
 }
  
-function openDesignate(record: any) {
+async function openDesignate(record: any) {
   designateOrderId.value = record.id
   designateRiderId.value = undefined
+  designateCandidates.value = []
+  candidateLoading.value = true
+  try {
+    const res: any = await riderApi.designateCandidates(record.id)
+    designateCandidates.value = Array.isArray(res?.data) ? res.data : []
+  } finally {
+    candidateLoading.value = false
+  }
   designateVisible.value = true
 }
  
+function filterCandidateOption(input: string, option: any) {
+  return String(option.label || '').toLowerCase().includes(input.toLowerCase())
+}
+
 async function handleDesignate() {
-  if (!designateRiderId.value) { message.error('请输入骑手ID'); return }
+  if (!designateRiderId.value) { message.error('请选择骑手'); return }
   saving.value = true
   try {
     await riderApi.designate(designateOrderId.value, designateRiderId.value)
@@ -38,7 +38,7 @@ const columns = [
   { title: '骑手ID', dataIndex: 'rid' },
   { title: '评分', key: 'star' },
   { title: '内容', dataIndex: 'content', ellipsis: true },
-  { title: '城市', dataIndex: 'cityId' },
+  { title: '租户', dataIndex: 'cityId' },
 ]
  
 async function loadList() {
@@ -27,6 +27,11 @@
               {{ getAccountStatus(record) === 1 ? '正常' : '禁用' }}
             </a-tag>
           </template>
+          <template v-if="column.key === 'workStatus'">
+            <a-tag :color="getWorkStatus(record) === 0 ? 'green' : 'orange'">
+              {{ getWorkStatus(record) === 0 ? '在线' : '休息' }}
+            </a-tag>
+          </template>
           <template v-if="column.key === 'type'">
             <a-tag>{{ record.type === 1 ? '兼职' : '全职' }}</a-tag>
           </template>
@@ -63,8 +68,8 @@
  
     <a-modal v-model:open="modalVisible" title="新增骑手" @ok="handleAdd" :confirmLoading="saving">
       <a-form :model="form" layout="vertical">
-        <a-form-item v-if="isAdmin" label="城市">
-          <a-select v-model:value="form.cityId" placeholder="选择城市">
+        <a-form-item v-if="isAdmin" label="租户">
+          <a-select v-model:value="form.cityId" placeholder="选择租户">
             <a-select-option v-for="c in cityList" :key="c.id" :value="c.id">{{ c.name }}</a-select-option>
           </a-select>
         </a-form-item>
@@ -132,11 +137,12 @@ const columns = [
   { title: 'ID', dataIndex: 'id', width: 80 },
   { title: '昵称', dataIndex: 'userNickname' },
   { title: '手机', dataIndex: 'mobile' },
-  { title: '城市ID', dataIndex: 'cityId' },
+  { title: '租户ID', dataIndex: 'cityId' },
   { title: '等级', key: 'levelName' },
   { title: '类型', key: 'type' },
   { title: '审核状态', key: 'userStatus' },
   { title: '账号状态', key: 'accountStatus' },
+  { title: '骑手状态', key: 'workStatus' },
   { title: '余额', dataIndex: 'balance' },
   { title: '操作', key: 'action' },
 ]
@@ -145,6 +151,10 @@ function getAccountStatus(record: any) {
   return record.status === 0 ? 0 : 1
 }
  
+function getWorkStatus(record: any) {
+  return record.isRest === 1 ? 1 : 0
+}
+
 async function loadList() {
   loading.value = true
   try {
@@ -177,7 +187,7 @@ async function handleAdd() {
     return
   }
   if (isAdmin.value && !form.cityId) {
-    message.error('请选择城市')
+    message.error('请选择租户')
     return
   }
  
@@ -37,8 +37,8 @@
     <a-modal v-model:open="modalVisible" :title="editingId ? '编辑分站' : '新增分站'"
              @ok="handleSave" :confirmLoading="saving">
       <a-form :model="form" layout="vertical">
-        <a-form-item label="管理城市">
-          <a-select v-model:value="form.cityId" placeholder="选择城市">
+        <a-form-item label="所属租户">
+          <a-select v-model:value="form.cityId" placeholder="选择租户">
             <a-select-option v-for="c in cityList" :key="c.id" :value="c.id">{{ c.name }}</a-select-option>
           </a-select>
         </a-form-item>
@@ -90,7 +90,7 @@ const columns = [
   { title: '账号', dataIndex: 'userLogin' },
   { title: '昵称', dataIndex: 'userNickname' },
   { title: '手机', dataIndex: 'mobile' },
-  { title: '城市ID', dataIndex: 'cityId' },
+  { title: '租户ID', dataIndex: 'cityId' },
   { title: '状态', key: 'status' },
   { title: '操作', key: 'action' },
 ]