From fcc976680d82352b7b6628a77dcdd2cd554abac3 Mon Sep 17 00:00:00 2001
From: huangzhenbao <17818024429@163.com>
Date: Thu, 29 Jan 2026 17:54:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/admin/components/AdminAside.uvue      |   17 +-
 layouts/admin/components/AdminSubsider.uvue   |  195 +-
 layouts/admin/index.uvue                      |   61 +-
 layouts/admin/types.uts                       |   17 +-
 layouts/admin/utils/menu.uts                  |  717 ++++++-
 layouts/admin/utils/nav.uts                   |   87 +-
 pages.json                                    |  371 +++-
 pages/mall/admin/activity-log.uvue            |   63 -
 pages/mall/admin/complaints.uvue              |   63 -
 pages/mall/admin/content/index.uvue           |   62 +
 .../admin/customer-service/auto-reply.uvue    |   95 +
 pages/mall/admin/customer-service/config.uvue |   95 +
 pages/mall/admin/customer-service/list.uvue   |   95 +
 .../mall/admin/customer-service/messages.uvue |   95 +
 pages/mall/admin/customer-service/script.uvue |   95 +
 pages/mall/admin/delivery-management.uvue     |   11 -
 pages/mall/admin/design/index.uvue            |   62 +
 pages/mall/admin/finance-management.uvue      | 1583 ---------------
 pages/mall/admin/maintain/data/city-data.uvue |   13 +
 .../mall/admin/maintain/data/clear-data.uvue  |   13 +
 .../maintain/data/logistics-company.uvue      |   13 +
 .../admin/maintain/dev-config/category.uvue   |   13 +
 .../maintain/dev-config/combination-data.uvue |   13 +
 .../admin/maintain/dev-config/cron-job.uvue   |   13 +
 .../maintain/dev-config/custom-event.uvue     |   13 +
 .../maintain/dev-config/module-config.uvue    |   13 +
 .../admin/maintain/dev-config/permission.uvue |   13 +
 pages/mall/admin/maintain/dev-tools/api.uvue  |   13 +
 .../admin/maintain/dev-tools/codegen.uvue     |   13 +
 .../admin/maintain/dev-tools/data-dict.uvue   |   13 +
 .../admin/maintain/dev-tools/database.uvue    |   13 +
 pages/mall/admin/maintain/dev-tools/file.uvue |   13 +
 .../mall/admin/maintain/external/account.uvue |   13 +
 .../admin/maintain/i18n/language-detail.uvue  |   13 +
 .../admin/maintain/i18n/language-list.uvue    |   13 +
 .../mall/admin/maintain/i18n/region-list.uvue |   13 +
 .../admin/maintain/i18n/translate-config.uvue |   13 +
 .../maintain/security/online-upgrade.uvue     |   13 +
 .../maintain/security/refresh-cache.uvue      |   13 +
 .../admin/maintain/security/system-log.uvue   |   13 +
 pages/mall/admin/maintain/system-info.uvue    |   13 +
 pages/mall/admin/marketing-management.uvue    |   62 +
 .../marketing/coupon/coupon-management.uvue   |   11 -
 pages/mall/admin/marketing/coupon/list.uvue   |   68 +-
 .../mall/admin/marketing/coupon/receive.uvue  |   68 +-
 pages/mall/admin/marketing/points/index.uvue  |   68 +-
 pages/mall/admin/marketing/signin/record.uvue |   68 +-
 pages/mall/admin/marketing/signin/rule.uvue   |   68 +-
 pages/mall/admin/merchant-management.uvue     |   13 -
 pages/mall/admin/merchant-review.uvue         |   63 -
 pages/mall/admin/notifications.uvue           |   11 -
 pages/mall/admin/order-management.uvue        | 1512 +-------------
 pages/mall/admin/product-classification.uvue  |   62 +
 pages/mall/admin/product-labels.uvue          |   62 +
 pages/mall/admin/product-management.uvue      | 1753 +----------------
 pages/mall/admin/product-parameters.uvue      |   62 +
 pages/mall/admin/product-protection.uvue      |   62 +
 pages/mall/admin/product-review.uvue          |   63 -
 pages/mall/admin/product-reviews.uvue         |   62 +
 pages/mall/admin/product-specifications.uvue  |   62 +
 pages/mall/admin/product-statistics.uvue      |   62 +
 pages/mall/admin/profile.uvue                 |  872 --------
 pages/mall/admin/refund-review.uvue           |   63 -
 pages/mall/admin/system-settings.uvue         | 1076 +---------
 .../mall/admin/system/agreement-settings.uvue |   81 +
 pages/mall/admin/system/api/collect.uvue      |   81 +
 pages/mall/admin/system/api/logistics.uvue    |   81 +
 pages/mall/admin/system/api/pay.uvue          |   81 +
 pages/mall/admin/system/api/sms.uvue          |   81 +
 pages/mall/admin/system/api/storage.uvue      |   81 +
 pages/mall/admin/system/api/waybill.uvue      |   81 +
 pages/mall/admin/system/api/yht/config.uvue   |   81 +
 pages/mall/admin/system/api/yht/page.uvue     |   81 +
 .../mall/admin/system/message-management.uvue |   81 +
 .../admin/system/permission/admin-list.uvue   |   81 +
 .../system/permission/permission-setting.uvue |   81 +
 pages/mall/admin/system/permission/role.uvue  |   81 +
 pages/mall/admin/system/receipt-settings.uvue |   81 +
 pages/mall/admin/system/shipping/courier.uvue |   81 +
 .../system/shipping/freight-template.uvue     |   81 +
 .../admin/system/shipping/pickup/points.uvue  |   81 +
 .../system/shipping/pickup/verifiers.uvue     |   81 +
 pages/mall/admin/user-detail.uvue             |  907 ---------
 pages/mall/admin/user-management.uvue         | 1602 +--------------
 pages/mall/admin/user-statistics.uvue         |  796 +-------
 pages/mall/pages.json                         |    8 +-
 static/content.svg                            |    1 +
 static/customerService.svg                    |    1 +
 static/design.svg                             |    1 +
 static/maintain.svg                           |    1 +
 static/marketing.svg                          |    1 +
 static/order.svg                              |    2 +-
 static/product.svg                            |    1 +
 static/shopping.svg                           |    1 -
 static/statistics.svg                         |    1 -
 95 files changed, 4595 insertions(+), 10542 deletions(-)
 delete mode 100644 pages/mall/admin/activity-log.uvue
 delete mode 100644 pages/mall/admin/complaints.uvue
 create mode 100644 pages/mall/admin/content/index.uvue
 create mode 100644 pages/mall/admin/customer-service/auto-reply.uvue
 create mode 100644 pages/mall/admin/customer-service/config.uvue
 create mode 100644 pages/mall/admin/customer-service/list.uvue
 create mode 100644 pages/mall/admin/customer-service/messages.uvue
 create mode 100644 pages/mall/admin/customer-service/script.uvue
 delete mode 100644 pages/mall/admin/delivery-management.uvue
 create mode 100644 pages/mall/admin/design/index.uvue
 delete mode 100644 pages/mall/admin/finance-management.uvue
 create mode 100644 pages/mall/admin/maintain/data/city-data.uvue
 create mode 100644 pages/mall/admin/maintain/data/clear-data.uvue
 create mode 100644 pages/mall/admin/maintain/data/logistics-company.uvue
 create mode 100644 pages/mall/admin/maintain/dev-config/category.uvue
 create mode 100644 pages/mall/admin/maintain/dev-config/combination-data.uvue
 create mode 100644 pages/mall/admin/maintain/dev-config/cron-job.uvue
 create mode 100644 pages/mall/admin/maintain/dev-config/custom-event.uvue
 create mode 100644 pages/mall/admin/maintain/dev-config/module-config.uvue
 create mode 100644 pages/mall/admin/maintain/dev-config/permission.uvue
 create mode 100644 pages/mall/admin/maintain/dev-tools/api.uvue
 create mode 100644 pages/mall/admin/maintain/dev-tools/codegen.uvue
 create mode 100644 pages/mall/admin/maintain/dev-tools/data-dict.uvue
 create mode 100644 pages/mall/admin/maintain/dev-tools/database.uvue
 create mode 100644 pages/mall/admin/maintain/dev-tools/file.uvue
 create mode 100644 pages/mall/admin/maintain/external/account.uvue
 create mode 100644 pages/mall/admin/maintain/i18n/language-detail.uvue
 create mode 100644 pages/mall/admin/maintain/i18n/language-list.uvue
 create mode 100644 pages/mall/admin/maintain/i18n/region-list.uvue
 create mode 100644 pages/mall/admin/maintain/i18n/translate-config.uvue
 create mode 100644 pages/mall/admin/maintain/security/online-upgrade.uvue
 create mode 100644 pages/mall/admin/maintain/security/refresh-cache.uvue
 create mode 100644 pages/mall/admin/maintain/security/system-log.uvue
 create mode 100644 pages/mall/admin/maintain/system-info.uvue
 create mode 100644 pages/mall/admin/marketing-management.uvue
 delete mode 100644 pages/mall/admin/marketing/coupon/coupon-management.uvue
 delete mode 100644 pages/mall/admin/merchant-management.uvue
 delete mode 100644 pages/mall/admin/merchant-review.uvue
 delete mode 100644 pages/mall/admin/notifications.uvue
 create mode 100644 pages/mall/admin/product-classification.uvue
 create mode 100644 pages/mall/admin/product-labels.uvue
 create mode 100644 pages/mall/admin/product-parameters.uvue
 create mode 100644 pages/mall/admin/product-protection.uvue
 delete mode 100644 pages/mall/admin/product-review.uvue
 create mode 100644 pages/mall/admin/product-reviews.uvue
 create mode 100644 pages/mall/admin/product-specifications.uvue
 create mode 100644 pages/mall/admin/product-statistics.uvue
 delete mode 100644 pages/mall/admin/profile.uvue
 delete mode 100644 pages/mall/admin/refund-review.uvue
 create mode 100644 pages/mall/admin/system/agreement-settings.uvue
 create mode 100644 pages/mall/admin/system/api/collect.uvue
 create mode 100644 pages/mall/admin/system/api/logistics.uvue
 create mode 100644 pages/mall/admin/system/api/pay.uvue
 create mode 100644 pages/mall/admin/system/api/sms.uvue
 create mode 100644 pages/mall/admin/system/api/storage.uvue
 create mode 100644 pages/mall/admin/system/api/waybill.uvue
 create mode 100644 pages/mall/admin/system/api/yht/config.uvue
 create mode 100644 pages/mall/admin/system/api/yht/page.uvue
 create mode 100644 pages/mall/admin/system/message-management.uvue
 create mode 100644 pages/mall/admin/system/permission/admin-list.uvue
 create mode 100644 pages/mall/admin/system/permission/permission-setting.uvue
 create mode 100644 pages/mall/admin/system/permission/role.uvue
 create mode 100644 pages/mall/admin/system/receipt-settings.uvue
 create mode 100644 pages/mall/admin/system/shipping/courier.uvue
 create mode 100644 pages/mall/admin/system/shipping/freight-template.uvue
 create mode 100644 pages/mall/admin/system/shipping/pickup/points.uvue
 create mode 100644 pages/mall/admin/system/shipping/pickup/verifiers.uvue
 delete mode 100644 pages/mall/admin/user-detail.uvue
 create mode 100644 static/content.svg
 create mode 100644 static/customerService.svg
 create mode 100644 static/design.svg
 create mode 100644 static/maintain.svg
 create mode 100644 static/marketing.svg
 create mode 100644 static/product.svg
 delete mode 100644 static/shopping.svg
 delete mode 100644 static/statistics.svg

diff --git a/layouts/admin/components/AdminAside.uvue b/layouts/admin/components/AdminAside.uvue
index 12159599..59073afb 100644
--- a/layouts/admin/components/AdminAside.uvue
+++ b/layouts/admin/components/AdminAside.uvue
@@ -5,10 +5,7 @@
   >
     <view class="aside-header">
       <view class="logo">
-        <text class="logo-text">{{ collapsed ? '商' : '商城后台' }}</text>
-      </view>
-      <view class="collapse-btn" @click="$emit('toggle')">
-        <text class="collapse-text">{{ collapsed ? '›' : '‹' }}</text>
+        <text class="logo-text"> 商城后台</text>
       </view>
     </view>
 
@@ -38,7 +35,6 @@ defineProps<{
 }>()
 
 defineEmits<{
-  (e:'toggle'): void
   (e:'menu-click', menuId: string): void
 }>()
 </script>
@@ -58,12 +54,21 @@ defineEmits<{
 .aside-header{
   height: 56px;
   display:flex;
+  flex-direction:row;
   align-items:center;
   justify-content: space-between;
   padding: 0 12px;
   border-bottom: 1px solid rgba(255,255,255,0.08);
 }
-.logo-text{ color:#fff; font-size:14px; font-weight:600; }
+.logo-text{ 
+  color:#fff; 
+  font-size:20px; 
+  font-weight:600; 
+  display:flex;
+  justify-content:center;
+  align-items:center;
+  text-align:center;
+}
 .collapse-btn{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; }
 .collapse-text{ color:rgba(255,255,255,0.7); }
 
diff --git a/layouts/admin/components/AdminSubsider.uvue b/layouts/admin/components/AdminSubsider.uvue
index 9acd5a6b..261ca747 100644
--- a/layouts/admin/components/AdminSubsider.uvue
+++ b/layouts/admin/components/AdminSubsider.uvue
@@ -1,7 +1,6 @@
 <template>
   <view
     class="sub-sider"
-    v-if="groups && groups.length > 0"
     :style="{ left: props.asideWidth + 'px', width: props.siderWidth + 'px' }"
   >
     <view class="sub-header">
@@ -14,14 +13,22 @@
         :key="groupKey(g)"
         class="group"
       >
-        <view class="group-title" @click="toggleGroup(groupKey(g))">
+        <!-- ✅ 改：点击标题时，如果该组没有 children 但有 path，则当成“叶子菜单”直接跳 -->
+        <view class="group-title" @click="handleGroupTitleClick(g)">
           <text class="group-title-text">{{ g.title }}</text>
-          <text class="group-arrow" :class="{ open: isGroupOpen(groupKey(g)) }">v</text>
+
+          <!-- ✅ 改：只有有 children 才显示箭头 -->
+          <text
+            v-if="groupChildren(g).length > 0"
+            class="group-arrow"
+            :class="{ open: isGroupOpen(groupKey(g)) }"
+          >v</text>
         </view>
 
+        <!-- ✅ 改：v-show 的条件不变，但 children 的遍历必须兜底 -->
         <view v-show="isGroupOpen(groupKey(g))" class="group-children">
           <view
-            v-for="c in g.children"
+            v-for="c in groupChildren(g)"
             :key="c.id"
             class="sub-item"
             :class="{ active: resolvedActiveId === c.id }"
@@ -38,16 +45,19 @@
 </template>
 
 <script setup lang="uts">
-import { ref, computed, watch } from 'vue'
+import { ref, computed, watch, withDefaults } from 'vue'
 import type { MenuGroup, MenuChild } from '../types.uts'
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
   activeMenuTitle: string
   groups: MenuGroup[]
   activeSubId: string
+  activeMenuId?: string | null
   asideWidth: number
   siderWidth: number
-}>()
+}>(), {
+  activeMenuId: 'home',
+})
 
 const emit = defineEmits<{
   (e: 'sub-click', child: MenuChild): void
@@ -58,33 +68,60 @@ const openGroupKey = ref<string>('')
 
 /** 给 group 一个稳定 key：优先用 id（如果你 types 里没有 id，就用 title） */
 const groupKey = (g: MenuGroup): string => {
-  // @ts-ignore - 允许 g.id 可选
+  // @ts-ignore
   const anyG: any = g as any
   return (anyG.id && (anyG.id as string)) ? (anyG.id as string) : g.title
 }
 
+/** ✅ 核心：group.children 兜底成 []（因为 children 现在可选/可空） */
+const groupChildren = (g: MenuGroup): MenuChild[] => {
+  // @ts-ignore
+  const anyG: any = g as any
+  // @ts-ignore
+  const list = anyG.children as (MenuChild[] | null | undefined)
+  return list && list.length > 0 ? list : []
+}
+
+/** ✅ 兼容四级：child.children 兜底成 [] */
+const childChildren = (c: MenuChild): MenuChild[] => {
+  // @ts-ignore
+  const anyC: any = c as any
+  // @ts-ignore
+  const list = anyC.children as (MenuChild[] | null | undefined)
+  return list && list.length > 0 ? list : []
+}
+
+/** ✅ 叶子 group（无 children）如果有 path，则构造一个“伪 MenuChild”用于 emit 跳转 */
+const groupAsChild = (g: MenuGroup): MenuChild | null => {
+  // @ts-ignore
+  const anyG: any = g as any
+  // @ts-ignore
+  const p = anyG.path as (string | null | undefined)
+  if (!p) return null
+  return { id: groupKey(g), title: g.title, path: p } as MenuChild
+}
+
 const normalizePath = (p: string): string => {
   if (!p) return ''
-  // 统一去掉开头 /
   const s = p.startsWith('/') ? p.slice(1) : p
-  // 去掉 query
   const q = s.indexOf('?')
   return q >= 0 ? s.slice(0, q) : s
 }
 
-/** 扁平查找：id -> child */
+/** 扁平查找：id -> child（✅ 改：遍历时用 groupChildren/childChildren） */
 const findChildById = (id: string): MenuChild | null => {
   if (!id) return null
+
   for (const g of props.groups) {
-    for (const c of g.children) {
+    // ✅ 叶子 group 也能命中
+    const gLeaf = groupAsChild(g)
+    if (gLeaf && gLeaf.id === id) return gLeaf
+
+    for (const c of groupChildren(g)) {
       if (c.id === id) return c
-      // 兼容未来有更深层 children（递归）
-      // @ts-ignore
-      const anyC: any = c as any
-      // @ts-ignore
-      if (anyC.children && (anyC.children as MenuChild[]).length > 0) {
-        // @ts-ignore
-        const hit = findFirstMatchInChildren(id, anyC.children as MenuChild[])
+      const deep = childChildren(c)
+      if (deep.length > 0) {
+        const hit = findFirstMatchInChildren(id, deep)
         if (hit) return hit
       }
     }
@@ -92,16 +129,12 @@ const findChildById = (id: string): MenuChild | null => {
   return null
 }
 
-// @ts-ignore
 const findFirstMatchInChildren = (id: string, list: MenuChild[]): MenuChild | null => {
   for (const n of list) {
     if (n.id === id) return n
-    // @ts-ignore
-    const anyN: any = n as any
-    // @ts-ignore
-    if (anyN.children && (anyN.children as MenuChild[]).length > 0) {
-      // @ts-ignore
-      const hit = findFirstMatchInChildren(id, anyN.children as MenuChild[])
+    const deep = childChildren(n)
+    if (deep.length > 0) {
+      const hit = findFirstMatchInChildren(id, deep)
       if (hit) return hit
     }
   }
@@ -111,16 +144,17 @@ const findFirstMatchInChildren = (id: string, list: MenuChild[]): MenuChild | nu
 const findChildByPath = (path: string): MenuChild | null => {
   const target = normalizePath(path)
   if (!target) return null
+
   for (const g of props.groups) {
-    for (const c of g.children) {
+    // ✅ 叶子 group 也能按 path 命中
+    const gLeaf = groupAsChild(g)
+    if (gLeaf && normalizePath(gLeaf.path) === target) return gLeaf
+
+    for (const c of groupChildren(g)) {
       if (normalizePath(c.path) === target) return c
-      // 兼容更深层 children（递归）
-      // @ts-ignore
-      const anyC: any = c as any
-      // @ts-ignore
-      if (anyC.children && (anyC.children as MenuChild[]).length > 0) {
-        // @ts-ignore
-        const hit = findFirstMatchByPath(target, anyC.children as MenuChild[])
+      const deep = childChildren(c)
+      if (deep.length > 0) {
+        const hit = findFirstMatchByPath(target, deep)
         if (hit) return hit
       }
     }
@@ -128,72 +162,62 @@ const findChildByPath = (path: string): MenuChild | null => {
   return null
 }
 
-// @ts-ignore
 const findFirstMatchByPath = (targetNorm: string, list: MenuChild[]): MenuChild | null => {
   for (const n of list) {
     if (normalizePath(n.path) === targetNorm) return n
-    // @ts-ignore
-    const anyN: any = n as any
-    // @ts-ignore
-    if (anyN.children && (anyN.children as MenuChild[]).length > 0) {
-      // @ts-ignore
-      const hit = findFirstMatchByPath(targetNorm, anyN.children as MenuChild[])
+    const deep = childChildren(n)
+    if (deep.length > 0) {
+      const hit = findFirstMatchByPath(targetNorm, deep)
       if (hit) return hit
     }
   }
   return null
 }
 
-/** 找到某个 child 属于哪个 group，用于自动展开该组 */
+/** 找到某个 child 属于哪个 group，用于自动展开该组（✅ 改：遍历兜底） */
 const findGroupKeyByChildId = (id: string): string => {
   for (const g of props.groups) {
-    for (const c of g.children) {
+    const gLeaf = groupAsChild(g)
+    if (gLeaf && gLeaf.id === id) return groupKey(g)
+
+    for (const c of groupChildren(g)) {
       if (c.id === id) return groupKey(g)
-      // @ts-ignore
-      const anyC: any = c as any
-      // @ts-ignore
-      if (anyC.children && (anyC.children as MenuChild[]).length > 0) {
-        // 深层命中也算这个 group
-        // @ts-ignore
-        const hit = findFirstMatchInChildren(id, anyC.children as MenuChild[])
+      const deep = childChildren(c)
+      if (deep.length > 0) {
+        const hit = findFirstMatchInChildren(id, deep)
         if (hit) return groupKey(g)
       }
     }
   }
-  // fallback：第一个 group
   return props.groups.length > 0 ? groupKey(props.groups[0]) : ''
 }
 
-/** 递归取第一个 leaf 菜单：你要求的“默认打开第一个页面（递归）” */
+/** 递归取第一个 leaf 菜单（✅ 改：children 兜底） */
 const firstLeaf = (): MenuChild | null => {
   if (!props.groups || props.groups.length === 0) return null
   const g0 = props.groups[0]
-  if (!g0.children || g0.children.length === 0) return null
+  const g0Children = groupChildren(g0)
 
-  const c0: any = g0.children[0] as any
-  if (c0.children && (c0.children as MenuChild[]).length > 0) {
-    // @ts-ignore
-    return findFirstLeafInChildren(c0.children as MenuChild[])
+  // ✅ 如果第一个 group 是叶子（无 children 但有 path），也能返回
+  if (g0Children.length === 0) {
+    return groupAsChild(g0)
   }
-  return g0.children[0]
+
+  const c0 = g0Children[0]
+  const deep = childChildren(c0)
+  if (deep.length > 0) return findFirstLeafInChildren(deep)
+  return c0
 }
 
-// @ts-ignore
 const findFirstLeafInChildren = (list: MenuChild[]): MenuChild | null => {
   if (!list || list.length === 0) return null
-  const n: any = list[0] as any
-  if (n.children && (n.children as MenuChild[]).length > 0) {
-    // @ts-ignore
-    return findFirstLeafInChildren(n.children as MenuChild[])
-  }
-  return list[0]
+  const n = list[0]
+  const deep = childChildren(n)
+  if (deep.length > 0) return findFirstLeafInChildren(deep)
+  return n
 }
 
-/**
- * 高亮兜底：如果 activeSubId 没同步（你现在遇到的“点了不高亮”），
- * 就按当前页面 route/path 再匹配一次。
- * uni-app-x 的 getCurrentPages() 返回页面对象，page.route 可取当前路由。:contentReference[oaicite:3]{index=3}
- */
+/** 高亮兜底：按 activeSubId -> route/path 再匹配一次 */
 const resolvedActiveId = computed((): string => {
   const byId = findChildById(props.activeSubId)
   if (byId) return byId.id
@@ -215,7 +239,6 @@ const resolvedActiveId = computed((): string => {
 
 const isGroupOpen = (key: string): boolean => {
   if (!openGroupKey.value) {
-    // 初始默认展开第一个组
     return props.groups && props.groups.length > 0 ? groupKey(props.groups[0]) === key : false
   }
   return openGroupKey.value === key
@@ -225,24 +248,37 @@ const toggleGroup = (key: string) => {
   openGroupKey.value = (openGroupKey.value === key) ? '' : key
 }
 
+/** ✅ 新增：点 group 标题时的行为 */
+const handleGroupTitleClick = (g: MenuGroup) => {
+  const list = groupChildren(g)
+  // 有 children：正常展开/收起
+  if (list.length > 0) {
+    toggleGroup(groupKey(g))
+    return
+  }
+  // 无 children：如果有 path，当成叶子菜单直接跳
+  const leaf = groupAsChild(g)
+  if (leaf) {
+    openGroupKey.value = groupKey(g)
+    emit('sub-click', leaf)
+  }
+}
+
 const handleClick = (c: MenuChild) => {
-  // 点击就让该组展开（用户体验更 CRMEB）
   openGroupKey.value = findGroupKeyByChildId(c.id)
   emit('sub-click', c)
 }
 
-/** 自动：当 groups 变了/activeSubId 无效时，默认跳第一个 leaf（递归）并展开对应 group */
+/** 自动：groups 变更/activeSubId 无效时，默认跳第一个 leaf 并展开对应 group */
 const ensureDefault = () => {
   if (!props.groups || props.groups.length === 0) return
 
-  // activeSubId 有效：展开它所在组
   const hit = findChildById(props.activeSubId)
   if (hit) {
     openGroupKey.value = findGroupKeyByChildId(hit.id)
     return
   }
 
-  // activeSubId 无效/空：默认递归选第一个 leaf
   const first = firstLeaf()
   if (first) {
     openGroupKey.value = findGroupKeyByChildId(first.id)
@@ -264,6 +300,7 @@ watch(
 </script>
 
 <style>
+/* 原样保留你的样式 */
 .sub-sider{
   background:#ffffff;
   border-right: 1px solid #e5e7eb;
@@ -278,20 +315,21 @@ watch(
   height: 56px;
   display:flex;
   align-items:center;
-  padding: 0 16px;
   border-bottom: 1px solid #eef2f7;
 }
 .sub-title{
   font-size:16px;
   font-weight:700;
   color:#111827;
+  display:flex;
+  justify-content:center;
+  align-items:center;
 }
 
 .sub-body{
   height: calc(100vh - 56px);
 }
 
-/* CRMEB 风格：分组“块”更明显 */
 .group{ padding: 8px 0; }
 
 .group-title{
@@ -324,11 +362,10 @@ watch(
   padding: 0 12px 6px 12px;
 }
 
-/* 子菜单：缩进 + 更小高度 */
 .sub-item{
   height: 34px;
   margin: 4px 0;
-  padding: 0 14px 0 28px; /* 体现层级 */
+  padding: 0 14px 0 28px;
   display:flex;
   align-items:center;
   border-radius: 8px;
diff --git a/layouts/admin/index.uvue b/layouts/admin/index.uvue
index ee14d064..2648f1d0 100644
--- a/layouts/admin/index.uvue
+++ b/layouts/admin/index.uvue
@@ -16,6 +16,7 @@
       :activeMenuTitle="activeMenuTitle"
       :groups="activeGroups"
       :activeSubId="activeSubId"
+      :activeMenuId="activeMenuId || 'home'"
       :asideWidth="ASIDE_W"
       :siderWidth="SUB_W"
       @sub-click="onSubClick"
@@ -63,7 +64,7 @@ import AdminFooter from './components/AdminFooter.uvue'
 import { menuList as menuConst } from './utils/menu.uts'
 import { findActiveByCurrentPage, getCurrentRoutePath } from './utils/nav.uts'
 import { makeTabFromPath, upsertTab, removeTab } from './utils/tabs.uts'
-import type { MenuItem, TabItem } from './types.uts'
+import type { MenuItem, TabItem , MenuChild } from './types.uts'
 
 // 你页面传进来的 currentPage：可能是顶级 id，也可能是子页面 id（user-list）
 const props = defineProps<{ currentPage: string }>()
@@ -115,19 +116,24 @@ syncTabsByRoute()
 // computed
 const activeMenu = computed(() => menuList.value.find(m => m.id === activeMenuId.value))
 const activeMenuTitle = computed(() => activeMenu.value?.title || '商城后台')
-const activeGroups = computed(() => activeMenu.value?.groups || [])
+const activeGroups = computed(() => {
+  const m = menuList.value.find(it => it.id === activeMenuId.value)
+  return m?.groups ?? []   // ✅ 永远是数组
+})
+
 
 const breadcrumb = computed(() => {
-  // “一级 / 二级”
   let subTitle = ''
   const groups = activeGroups.value
   for (const g of groups) {
-    const hit = g.children.find(c => c.id === activeSubId.value)
+    const cs = g.children ?? []
+    const hit = cs.find(c => c.id === activeSubId.value)
     if (hit) { subTitle = hit.title; break }
   }
   return subTitle ? `${activeMenuTitle.value} / ${subTitle}` : `${activeMenuTitle.value}`
 })
 
+
 // handlers
 const toggleCollapse = () => {
   isCollapsed.value = !isCollapsed.value
@@ -153,27 +159,54 @@ const firstLeafOfMenu = (m: MenuItem): MenuChild | null => {
   return g0.children[0]
 }
 
-const go = (url: string) => {
-  // 你明确要用 navigateTo：页面栈会增长（这是正常行为）:contentReference[oaicite:4]{index=4}
-  uni.navigateTo({ url })
+let navigating = false
+
+const go = async (url?: string | null) => {
+  if (!url || url.length === 0) return
+  if (navigating) return
+  navigating = true
+  try {
+    await uni.navigateTo({ url })
+  } catch (e) {
+    // 可选：忽略取消类报错，避免控制台刷屏
+  } finally {
+    setTimeout(() => { navigating = false }, 80)
+  }
 }
 
+
 const onMenuClick = (menuId: string) => {
   const m = menuList.value.find(x => x.id === menuId)
   if (!m) return
+
   activeMenuId.value = m.id
-  // 默认激活该菜单第一个子项
-  const g0 = (m.groups && m.groups.length > 0) ? m.groups[0] : null
-  const c0 = g0 && g0.children.length > 0 ? g0.children[0] : null
-  activeSubId.value = c0 ? c0.id : ''
-  go(m.path)
+
+  const leaf = firstLeafOfMenu(m)
+  activeSubId.value = leaf ? leaf.id : ''
+
+  // ✅ 优先 leaf.path，其次才考虑 m.path
+  go(leaf?.path ?? m.path ?? '')
+}
+
+const firstLeafInChildren = (list?: MenuChild[] | null): MenuChild | null => {
+  const arr = list ?? []
+  if (arr.length === 0) return null
+  const n = arr[0]
+  const deep = n.children ?? []
+  return deep.length > 0 ? firstLeafInChildren(deep) : n
 }
 
 const onSubClick = (c: MenuChild) => {
   activeSubId.value = c.id
-  go(c.path)
+  if (c.path && c.path.length > 0) {
+    go(c.path)
+  } else {
+    const leaf = firstLeafInChildren(c.children)
+    go(leaf?.path ?? '')
+  }
 }
 
+
 const onTabClick = (tab: TabItem) => {
   activeTabId.value = tab.id
   go(tab.path)
@@ -216,6 +249,6 @@ const onNotify = () => uni.showToast({ title: '通知', icon: 'none' })
   height: calc(100vh - 56px - 44px);
 }
 .content-inner{
-  padding: 16px;
+  padding:5px;
 }
 </style>
diff --git a/layouts/admin/types.uts b/layouts/admin/types.uts
index ecbf77c4..b528a31e 100644
--- a/layouts/admin/types.uts
+++ b/layouts/admin/types.uts
@@ -14,15 +14,26 @@ export type TagItem = {
 export type MenuChild = {
   id: string
   title: string
-  path: string
+
+  // ✅ 目录节点可以没有 path
+  path?: string | null
+
+  // ✅ 允许四级
+  children?: MenuChild[] | null
 }
 
 export type MenuGroup = {
-  id?:string
+  id?: string | null
   title: string
-  children: MenuChild[]
+
+  // ✅ 允许 group 自己也能当叶子直接跳转（可选）
+  path?: string | null
+
+  // ✅ children 允许缺省/为空
+  children?: MenuChild[] | null
 }
 
+
 export type MenuItem = {
   id: string
   title: string
diff --git a/layouts/admin/utils/menu.uts b/layouts/admin/utils/menu.uts
index 99cf725f..646c586f 100644
--- a/layouts/admin/utils/menu.uts
+++ b/layouts/admin/utils/menu.uts
@@ -6,7 +6,7 @@ export const menuList: MenuItem[] = [
     title: '首页',
     icon: '/static/homepage.svg',
     path: '/pages/mall/admin/homePage/index',
-    groups: [],
+    groups: []
   },
   {
     id: 'user',
@@ -15,46 +15,217 @@ export const menuList: MenuItem[] = [
     path: '/pages/mall/admin/user-management',
     groups: [
       {
-        id:'user-management',
+        id: 'user-management',
         title: '用户管理',
         children: [
-          { id: 'user-list', title: '用户列表', path: '/pages/mall/admin/user-management' },
-          { id: 'user-add', title: '添加用户', path: '/pages/mall/admin/user-management?action=add' },
-          { id: 'user-statistics', title: '用户统计', path: '/pages/mall/admin/user-statistics' },
-        ],
-      },
-    ],
+          {
+            id: 'user-statistics',
+            title: '用户统计',
+            path: '/pages/mall/admin/user-statistics'
+          },
+          {
+            id: 'user-list',
+            title: '用户管理',
+            path: '/pages/mall/admin/user-management'
+          },
+          {
+            id: 'user-group',
+            title: '用户分组',
+            path: '/pages/mall/admin/user-management?action=group'
+          },
+          {
+            id: 'user-tag',
+            title: '用户标签',
+            path: '/pages/mall/admin/user-management?action=tag'
+          },
+          {
+            id: 'user-level',
+            title: '用户等级',
+            path: '/pages/mall/admin/user-management?action=level'
+          },
+          {
+            id: 'user-config',
+            title: '用户配置',
+            path: '/pages/mall/admin/user-management?action=config'
+          }
+        ]
+      }
+    ]
   },
   {
     id: 'order',
     title: '订单',
     icon: '/static/order.svg',
-    path: '/pages/mall/admin/order-management',
+    path: '/pages/mall/admin/order-management?tab=list',
     groups: [
       {
-        id:'order-management',
+        id: 'order-management',
         title: '订单管理',
         children: [
-          { id: 'order-list', title: '订单列表', path: '/pages/mall/admin/order-management' },
-        ],
-      },
-    ],
+          {
+            id: 'order-stats',
+            title: '订单统计',
+            path: '/pages/mall/admin/order-management?tab=stats'
+          },
+          {
+            id: 'order-list',
+            title: '订单管理',
+            path: '/pages/mall/admin/order-management?tab=list'
+          },
+          {
+            id: 'order-aftersale',
+            title: '售后订单',
+            path: '/pages/mall/admin/order-management?tab=aftersale'
+          },
+          {
+            id: 'order-cashier',
+            title: '收银订单',
+            path: '/pages/mall/admin/order-management?tab=cashier'
+          },
+          {
+            id: 'order-verify',
+            title: '核销记录',
+            path: '/pages/mall/admin/order-management?tab=verify'
+          },
+          {
+            id: 'order-config',
+            title: '订单配置',
+            path: '/pages/mall/admin/order-management?tab=config'
+          }
+        ]
+      }
+    ]
   },
   {
     id: 'product',
     title: '商品',
-    icon: '/static/shopping.svg',
+    icon: '/static/product.svg',
     path: '/pages/mall/admin/product-management',
     groups: [
       {
-        id:'product-management',
+        id: 'product-management',
         title: '商品管理',
         children: [
-          { id: 'product-list', title: '商品列表', path: '/pages/mall/admin/product-management' },
-          { id: 'product-add', title: '添加商品', path: '/pages/mall/admin/product-management?action=add' },
-        ],
-      },
-    ],
+          {
+            id: 'product-list',
+            title: '商品管理',
+            path: '/pages/mall/admin/product-management'
+          },
+          {
+            id: 'product-statistics',
+            title: '商品统计',
+            path: '/pages/mall/admin/product-statistics'
+          },
+          {
+            id: 'product-classification',
+            title: '商品分类',
+            path: '/pages/mall/admin/product-classification'
+          },
+          {
+            id: 'product-specifications',
+            title: '商品规格',
+            path: '/pages/mall/admin/product-specifications'
+          },
+          {
+            id: 'product-parameters',
+            title: '商品参数',
+            path: '/pages/mall/admin/product-parameters'
+          },
+          {
+            id: 'product-labels',
+            title: '商品标签',
+            path: '/pages/mall/admin/product-labels'
+          },
+          {
+            id: 'product-protection',
+            title: '商品保障',
+            path: '/pages/mall/admin/product-protection'
+          },
+          {
+            id: 'product-reviews',
+            title: '商品评论',
+            path: '/pages/mall/admin/product-reviews'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    id: 'design',
+    title: '设计',
+    icon: '/static/design.svg',
+    path: '/pages/mall/admin/design/index',
+    groups: [
+      {
+        id: 'design-management',
+        title: '设计',
+        children: [
+          {
+            id: 'design-home',
+            title: '页面装修',
+            path: '/pages/mall/admin/design/index'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    id: 'content',
+    title: '文章',
+    icon: '/static/content.svg',
+    path: '/pages/mall/admin/content/index',
+    groups: [
+      {
+        id: 'content-management',
+        title: '文章',
+        children: [
+          {
+            id: 'content-list',
+            title: '文章管理',
+            path: '/pages/mall/admin/content/index'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    id: 'customer-service',
+    title: '客服',
+    icon: '/static/customerService.svg',
+    path: '/pages/mall/admin/customer-service/index',
+    groups: [
+      {
+        id: 'customer-service',
+        title: '客服',
+        children: [
+          {
+            id: 'cs-list',
+            title: '客服列表',
+            path: '/pages/mall/admin/customer-service/list'
+          },
+          {
+            id: 'cs-script',
+            title: '客服话术',
+            path: '/pages/mall/admin/customer-service/script'
+          },
+          {
+            id: 'cs-message',
+            title: '用户留言',
+            path: '/pages/mall/admin/customer-service/messages'
+          },
+          {
+            id: 'cs-auto-reply',
+            title: '自动回复',
+            path: '/pages/mall/admin/customer-service/auto-reply'
+          },
+          {
+            id: 'cs-config',
+            title: '客服配置',
+            path: '/pages/mall/admin/customer-service/config'
+          }
+        ]
+      }
+    ]
   },
   {
     id: 'marketing',
@@ -63,29 +234,206 @@ export const menuList: MenuItem[] = [
     path: '/pages/mall/admin/marketing-management',
     groups: [
       {
-        id:'coupon',
+        id: 'coupon',
         title: '优惠券活动',
         children: [
-          { id: 'coupon-list', title: '优惠券列表', path: '/pages/mall/admin/marketing/coupon/list' },
-          { id: 'coupon-receive', title: '领取情况', path: '/pages/mall/admin/marketing/coupon/receive' },
-        ],
+          {
+            id: 'coupon-list',
+            title: '优惠券列表',
+            path: '/pages/mall/admin/marketing/coupon/list'
+          },
+          {
+            id: 'coupon-receive',
+            title: '领取情况',
+            path: '/pages/mall/admin/marketing/coupon/receive'
+          }
+        ]
       },
       {
-        id:'points',
-        title: '积分',
+        id: 'points',
+        title: '积分管理',
         children: [
-          { id: 'points-management', title: '积分管理', path: '/pages/mall/admin/marketing/points/index' },
-        ],
+          {
+            id: 'points-stats',
+            title: '积分统计',
+            path: '/pages/mall/admin/marketing/points/index?tab=stats'
+          },
+          {
+            id: 'points-goods',
+            title: '积分商品',
+            path: '/pages/mall/admin/marketing/points/index?tab=goods'
+          },
+          {
+            id: 'points-order',
+            title: '积分订单',
+            path: '/pages/mall/admin/marketing/points/index?tab=order'
+          },
+          {
+            id: 'points-record',
+            title: '积分记录',
+            path: '/pages/mall/admin/marketing/points/index?tab=record'
+          },
+          {
+            id: 'points-config',
+            title: '积分配置',
+            path: '/pages/mall/admin/marketing/points/index?tab=config'
+          }
+        ]
       },
       {
-        id:'signin',
-        title: '签到',
+        id: 'lottery',
+        title: '抽奖管理',
         children: [
-          { id: 'rule', title: '签到规则', path: '/pages/mall/admin/marketing/signin/rule' },
-          { id: 'record', title: '记录', path: '/pages/mall/admin/marketing/signin/record' },
-        ],
+          {
+            id: 'lottery-list',
+            title: '抽奖列表',
+            path: '/pages/mall/admin/marketing/points/index?tab=lottery-list'
+          },
+          {
+            id: 'lottery-config',
+            title: '抽奖配置',
+            path: '/pages/mall/admin/marketing/points/index?tab=lottery-config'
+          }
+        ]
       },
-    ],
+      {
+        id: 'groupbuy',
+        title: '拼团管理',
+        children: [
+          {
+            id: 'groupbuy-goods',
+            title: '拼团商品',
+            path: '/pages/mall/admin/marketing/points/index?tab=groupbuy-goods'
+          },
+          {
+            id: 'groupbuy-list',
+            title: '拼团列表',
+            path: '/pages/mall/admin/marketing/points/index?tab=groupbuy-list'
+          }
+        ]
+      },
+      {
+        id: 'seckill',
+        title: '秒杀管理',
+        children: [
+          {
+            id: 'seckill-goods',
+            title: '秒杀商品',
+            path: '/pages/mall/admin/marketing/points/index?tab=seckill-goods'
+          },
+          {
+            id: 'seckill-list',
+            title: '秒杀列表',
+            path: '/pages/mall/admin/marketing/points/index?tab=seckill-list'
+          },
+          {
+            id: 'seckill-config',
+            title: '秒杀配置',
+            path: '/pages/mall/admin/marketing/points/index?tab=seckill-config'
+          }
+        ]
+      },
+      {
+        id: 'member',
+        title: '会员管理',
+        children: [
+          {
+            id: 'member-type',
+            title: '会员类型',
+            path: '/pages/mall/admin/marketing/points/index?tab=member-type'
+          },
+          {
+            id: 'member-rights',
+            title: '会员权益',
+            path: '/pages/mall/admin/marketing/points/index?tab=member-rights'
+          },
+          {
+            id: 'member-card',
+            title: '卡密会员',
+            path: '/pages/mall/admin/marketing/points/index?tab=member-card'
+          },
+          {
+            id: 'member-record',
+            title: '会员记录',
+            path: '/pages/mall/admin/marketing/points/index?tab=member-record'
+          },
+          {
+            id: 'member-config',
+            title: '会员配置',
+            path: '/pages/mall/admin/marketing/points/index?tab=member-config'
+          }
+        ]
+      },
+      {
+        id: 'live',
+        title: '直播管理',
+        children: [
+          {
+            id: 'live-room',
+            title: '直播间管理',
+            path: '/pages/mall/admin/marketing/points/index?tab=live-room'
+          },
+          {
+            id: 'live-goods',
+            title: '直播商品管理',
+            path: '/pages/mall/admin/marketing/points/index?tab=live-goods'
+          },
+          {
+            id: 'live-anchor',
+            title: '主播管理',
+            path: '/pages/mall/admin/marketing/points/index?tab=live-anchor'
+          }
+        ]
+      },
+      {
+        id: 'recharge',
+        title: '用户充值',
+        children: [
+          {
+            id: 'recharge-amount',
+            title: '金额设置',
+            path: '/pages/mall/admin/marketing/points/index?tab=recharge-amount'
+          },
+          {
+            id: 'recharge-config',
+            title: '充值配置',
+            path: '/pages/mall/admin/marketing/points/index?tab=recharge-config'
+          },
+          {
+            id: 'recharge-record',
+            title: '充值记录',
+            path: '/pages/mall/admin/marketing/points/index?tab=recharge-record'
+          }
+        ]
+      },
+      {
+        id: 'signin',
+        title: '每日签到',
+        children: [
+          {
+            id: 'signin-rule',
+            title: '签到配置',
+            path: '/pages/mall/admin/marketing/signin/rule'
+          },
+          {
+            id: 'signin-record',
+            title: '签到奖励',
+            path: '/pages/mall/admin/marketing/signin/record'
+          }
+        ]
+      },
+      {
+        id: 'newcomer',
+        title: '新人礼',
+        children: [
+          {
+            id: 'newcomer',
+            title: '新人礼',
+            path: '/pages/mall/admin/marketing/points/index?tab=newcomer'
+          }
+        ]
+      }
+    ]
   },
   {
     id: 'system',
@@ -94,17 +442,296 @@ export const menuList: MenuItem[] = [
     path: '/pages/mall/admin/system-settings',
     groups: [
       {
-        id:'system-settings',
+        id: 'sys-basic',
         title: '系统设置',
-        children: [
-          { id: 'basic', title: '基本设置', path: '/pages/mall/admin/system-settings' },
-          { id: 'security', title: '安全设置', path: '/pages/mall/admin/system-settings?tab=security' },
-          { id: 'email', title: '邮件设置', path: '/pages/mall/admin/system-settings?tab=security' },
-          { id: 'payment', title: '支付设置', path: '/pages/mall/admin/system-settings?tab=security' },
-          { id: 'other', title: '其他设置', path: '/pages/mall/admin/system-settings?tab=security' },
-
-        ],
+        path: '/pages/mall/admin/system-settings',
+        children: []
       },
-    ],
+      {
+        id: 'sys-message',
+        title: '消息管理',
+        path: '/pages/mall/admin/system/message-management',
+        children: []
+      },
+      {
+        id: 'sys-agreement',
+        title: '协议设置',
+        path: '/pages/mall/admin/system/agreement-settings',
+        children: []
+      },
+      {
+        id: 'sys-receipt',
+        title: '小票配置',
+        path: '/pages/mall/admin/system/receipt-settings',
+        children: []
+      },
+      {
+        id: 'sys-permission',
+        title: '管理权限',
+        children: [
+          {
+            id: 'sys-role',
+            title: '角色管理',
+            path: '/pages/mall/admin/system/permission/role'
+          },
+          {
+            id: 'sys-admin',
+            title: '管理员列表',
+            path: '/pages/mall/admin/system/permission/admin-list'
+          },
+          {
+            id: 'sys-perm-setting',
+            title: '权限设置',
+            path: '/pages/mall/admin/system/permission/permission-setting'
+          }
+        ]
+      },
+      {
+        id: 'sys-shipping',
+        title: '发货设置',
+        children: [
+          {
+            id: 'ship-courier',
+            title: '配送员管理',
+            path: '/pages/mall/admin/system/shipping/courier'
+          },
+          {
+            id: 'ship-pickup',
+            title: '提货点设置',
+            path: '/pages/mall/admin/system/shipping/pickup/points',
+            children: [
+              {
+                id: 'pickup-points',
+                title: '提货点',
+                path: '/pages/mall/admin/system/shipping/pickup/points'
+              },
+              {
+                id: 'pickup-verifier',
+                title: '核销员',
+                path: '/pages/mall/admin/system/shipping/pickup/verifiers'
+              }
+            ]
+          },
+          {
+            id: 'ship-freight',
+            title: '运费模板',
+            path: '/pages/mall/admin/system/shipping/freight-template'
+          }
+        ]
+      },
+      {
+        id: 'sys-api',
+        title: '接口配置',
+        children: [
+          {
+            id: 'api-yht',
+            title: '一号通',
+            path: '/pages/mall/admin/system/api/yht/page',
+            children: [
+              {
+                id: 'api-yht-page',
+                title: '一号通页面',
+                path: '/pages/mall/admin/system/api/yht/page'
+              },
+              {
+                id: 'api-yht-config',
+                title: '一号通配置',
+                path: '/pages/mall/admin/system/api/yht/config'
+              }
+            ]
+          },
+          {
+            id: 'api-storage',
+            title: '系统存储配置',
+            path: '/pages/mall/admin/system/api/storage'
+          },
+          {
+            id: 'api-collect',
+            title: '商品采集配置',
+            path: '/pages/mall/admin/system/api/collect'
+          },
+          {
+            id: 'api-logistics',
+            title: '物流查询配置',
+            path: '/pages/mall/admin/system/api/logistics'
+          },
+          {
+            id: 'api-waybill',
+            title: '电子面单配置',
+            path: '/pages/mall/admin/system/api/waybill'
+          },
+          {
+            id: 'api-sms',
+            title: '短信接口配置',
+            path: '/pages/mall/admin/system/api/sms'
+          },
+          {
+            id: 'api-pay',
+            title: '商城支付配置',
+            path: '/pages/mall/admin/system/api/pay'
+          }
+        ]
+      }
+    ]
   },
+  {
+    id: 'maintain',
+    title: '维护',
+    icon: '/static/maintain.svg',
+    path: '/pages/mall/admin/maintain/dev-config/category',
+    groups: [
+      {
+        id: 'dev-config',
+        title: '开发配置',
+        children: [
+          {
+            id: 'dev-config-category',
+            title: '配置分类',
+            path: '/pages/mall/admin/maintain/dev-config/category'
+          },
+          {
+            id: 'dev-config-combo',
+            title: '组合数据',
+            path: '/pages/mall/admin/maintain/dev-config/combination-data'
+          },
+          {
+            id: 'dev-config-cron',
+            title: '定时任务',
+            path: '/pages/mall/admin/maintain/dev-config/cron-job'
+          },
+          {
+            id: 'dev-config-permission',
+            title: '权限维护',
+            path: '/pages/mall/admin/maintain/dev-config/permission'
+          },
+          {
+            id: 'dev-config-module',
+            title: '模块配置',
+            path: '/pages/mall/admin/maintain/dev-config/module-config'
+          },
+          {
+            id: 'dev-config-event',
+            title: '自定事件',
+            path: '/pages/mall/admin/maintain/dev-config/custom-event'
+          }
+        ]
+      },
+      {
+        id: 'security-maintain',
+        title: '安全维护',
+        children: [
+          {
+            id: 'security-refresh-cache',
+            title: '刷新缓存',
+            path: '/pages/mall/admin/maintain/security/refresh-cache'
+          },
+          {
+            id: 'security-system-log',
+            title: '系统日志',
+            path: '/pages/mall/admin/maintain/security/system-log'
+          },
+          {
+            id: 'security-online-upgrade',
+            title: '在线升级',
+            path: '/pages/mall/admin/maintain/security/online-upgrade'
+          }
+        ]
+      },
+      {
+        id: 'data-maintain',
+        title: '数据维护',
+        children: [
+          {
+            id: 'data-logistics-company',
+            title: '物流公司',
+            path: '/pages/mall/admin/maintain/data/logistics-company'
+          },
+          {
+            id: 'data-city-data',
+            title: '城市数据',
+            path: '/pages/mall/admin/maintain/data/city-data'
+          },
+          {
+            id: 'data-clear-data',
+            title: '清除数据',
+            path: '/pages/mall/admin/maintain/data/clear-data'
+          }
+        ]
+      },
+      {
+        id: 'external-api',
+        title: '对外接口',
+        children: [
+          {
+            id: 'external-account',
+            title: '账号管理',
+            path: '/pages/mall/admin/maintain/external/account'
+          }
+        ]
+      },
+      {
+        id: 'i18n-setting',
+        title: '语言设置',
+        children: [
+          {
+            id: 'i18n-language-list',
+            title: '语言列表',
+            path: '/pages/mall/admin/maintain/i18n/language-list'
+          },
+          {
+            id: 'i18n-language-detail',
+            title: '语言详情',
+            path: '/pages/mall/admin/maintain/i18n/language-detail'
+          },
+          {
+            id: 'i18n-region-list',
+            title: '地区列表',
+            path: '/pages/mall/admin/maintain/i18n/region-list'
+          },
+          {
+            id: 'i18n-translate-config',
+            title: '翻译配置',
+            path: '/pages/mall/admin/maintain/i18n/translate-config'
+          }
+        ]
+      },
+      {
+        id: 'dev-tools',
+        title: '开发工具',
+        children: [
+          {
+            id: 'dev-tools-db',
+            title: '数据库管理',
+            path: '/pages/mall/admin/maintain/dev-tools/database'
+          },
+          {
+            id: 'dev-tools-file',
+            title: '文件管理',
+            path: '/pages/mall/admin/maintain/dev-tools/file'
+          },
+          {
+            id: 'dev-tools-api',
+            title: '接口管理',
+            path: '/pages/mall/admin/maintain/dev-tools/api'
+          },
+          {
+            id: 'dev-tools-codegen',
+            title: '代码生成',
+            path: '/pages/mall/admin/maintain/dev-tools/codegen'
+          },
+          {
+            id: 'dev-tools-dict',
+            title: '数据字典',
+            path: '/pages/mall/admin/maintain/dev-tools/data-dict'
+          }
+        ]
+      },
+      {
+        id: 'system-info',
+        title: '系统信息',
+        path: '/pages/mall/admin/maintain/system-info',
+        children: []
+      }
+    ]
+  }
 ]
diff --git a/layouts/admin/utils/nav.uts b/layouts/admin/utils/nav.uts
index 715efdfc..b33f7b5c 100644
--- a/layouts/admin/utils/nav.uts
+++ b/layouts/admin/utils/nav.uts
@@ -1,24 +1,85 @@
-import type { MenuItem } from '../types.uts'
+// utils/nav.uts
+import type { MenuItem, MenuGroup, MenuChild } from '../types.uts'
+
+export function findActiveByCurrentPage(
+  menuList: MenuItem[],
+  currentPage: string
+): { activeMenuId: string, activeSubId: string } {
+
+  const page = currentPage || ''
+
+  // 1) currentPage 直接是一级 menu id
+  const mById = menuList.find(m => m.id === page)
+  if (mById) {
+    const leaf = firstLeafOfMenu(mById)
+    return { activeMenuId: mById.id, activeSubId: leaf?.id ?? '' }
+  }
+
+  // 2) currentPage 是 path（/pages/xxx 或 pages/xxx）
+  const pageNorm = normalize(page)
 
-export function findActiveByCurrentPage(menuList: MenuItem[], currentPage: string) {
-  // currentPage 既可能是顶级菜单 id，也可能是子页面 id（如 user-list）
-  // 返回：activeMenuId / activeSubId / activeGroupTitle
   for (const m of menuList) {
-    if (m.id === currentPage) {
-      return { activeMenuId: m.id, activeSubId: '', activeGroupTitle: '' }
-    }
-    const groups = m.groups || []
+    const groups = m.groups ?? []
+
+    // group / child / 四级 全部扫描
     for (const g of groups) {
-      for (const c of g.children) {
-        if (c.id === currentPage) {
-          return { activeMenuId: m.id, activeSubId: c.id, activeGroupTitle: g.title }
-        }
+      // group 叶子（可选）
+      if (g.path && normalize(g.path) === pageNorm) {
+        return { activeMenuId: m.id, activeSubId: '' }
+      }
+
+      const cs = g.children ?? []
+      for (const c of cs) {
+        // 用 id 命中
+        if (c.id === page) return { activeMenuId: m.id, activeSubId: c.id }
+        // 用 path 命中
+        if (c.path && normalize(c.path) === pageNorm) return { activeMenuId: m.id, activeSubId: c.id }
+
+        // 四级
+        const ds = c.children ?? []
+        const hit = findInChildren(ds, page, pageNorm)
+        if (hit) return { activeMenuId: m.id, activeSubId: hit.id }
       }
     }
   }
-  return { activeMenuId: menuList[0]?.id || 'home', activeSubId: '', activeGroupTitle: '' }
+
+  // 3) 找不到：兜底 home
+  return { activeMenuId: 'home', activeSubId: '' }
 }
 
+function findInChildren(list: MenuChild[], targetId: string, targetPathNorm: string): MenuChild | null {
+  for (const n of list) {
+    if (n.id === targetId) return n
+    if (n.path && normalize(n.path) === targetPathNorm) return n
+    const deep = n.children ?? []
+    if (deep.length > 0) {
+      const hit = findInChildren(deep, targetId, targetPathNorm)
+      if (hit) return hit
+    }
+  }
+  return null
+}
+
+function normalize(p: string): string {
+  if (!p) return ''
+  const s = p.startsWith('/') ? p.slice(1) : p
+  const q = s.indexOf('?')
+  return q >= 0 ? s.slice(0, q) : s
+}
+
+// 你可以把 index.uvue 里的 firstLeafOfMenu 移到这里复用（保持逻辑一致）
+function firstLeafOfMenu(m: MenuItem): MenuChild | null {
+  const gs = m.groups ?? []
+  if (gs.length === 0) return null
+  const g0 = gs[0]
+  const cs = g0.children ?? []
+  if (cs.length === 0) return null
+  let n = cs[0]
+  while (n.children && n.children.length > 0) n = n.children[0]
+  return n
+}
+
+
 export function getCurrentRoutePath(): string {
   // 使用页面栈获取当前路由（uni-app标准能力）
   // getCurrentPages 用于获取当前页面栈实例 :contentReference[oaicite:2]{index=2}
diff --git a/pages.json b/pages.json
index 1bdcf0c2..16263b7a 100644
--- a/pages.json
+++ b/pages.json
@@ -431,119 +431,190 @@
       "root": "pages/mall/admin",
       "pages": [
         {
-          "path": "user-management",
+          "path": "content/index",
           "style": {
-            "navigationBarTitleText": "用户管理",
+            "navigationBarTitleText": "文章管理",
+            "navigationStyle": "custom"
+          }
+        },
+
+        
+        {
+          "path": "design/index",
+          "style": {
+            "navigationBarTitleText": "页面装修",
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "product-management",
+          "path": "maintain/data/city-data",
           "style": {
-            "navigationBarTitleText": "商品管理",
+            "navigationBarTitleText": "城市数据",
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "order-management",
+          "path": "maintain/data/clear-data",
           "style": {
-            "navigationBarTitleText": "订单管理",
+            "navigationBarTitleText": "清除数据",
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "finance-management",
+          "path": "maintain/data/logistics-company",
           "style": {
-            "navigationBarTitleText": "财务管理",
+            "navigationBarTitleText": "物流公司",
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "user-statistics",
+          "path": "maintain/dev-config/category",
           "style": {
-            "navigationBarTitleText": "用户统计",
+            "navigationBarTitleText": "配置分类",
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "system-settings",
+          "path": "maintain/dev-config/combination-data",
           "style": {
-            "navigationBarTitleText": "系统设置",
+            "navigationBarTitleText": "组合数据",
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "profile",
+          "path": "maintain/dev-config/cron-job",
           "style": {
-            "navigationBarTitleText": "管理后台"
+            "navigationBarTitleText": "定时任务",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "delivery-management",
+          "path": "maintain/dev-config/custom-event",
           "style": {
-            "navigationBarTitleText": "配送管理"
+            "navigationBarTitleText": "自定事件",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "merchant-management",
+          "path": "maintain/dev-config/module-config",
           "style": {
-            "navigationBarTitleText": "商家管理"
+            "navigationBarTitleText": "模块配置",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "merchant-review",
+          "path": "maintain/dev-config/permission",
           "style": {
-            "navigationBarTitleText": "商家审核"
+            "navigationBarTitleText": "权限维护",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "product-review",
+          "path": "maintain/dev-tools/api",
           "style": {
-            "navigationBarTitleText": "商品审核"
+            "navigationBarTitleText": "接口管理",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "refund-review",
+          "path": "maintain/dev-tools/codegen",
           "style": {
-            "navigationBarTitleText": "退款审核"
+            "navigationBarTitleText": "代码生成",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "complaints",
+          "path": "maintain/dev-tools/data-dict",
           "style": {
-            "navigationBarTitleText": "投诉处理"
+            "navigationBarTitleText": "数据字典",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "notifications",
+          "path": "maintain/dev-tools/database",
           "style": {
-            "navigationBarTitleText": "通知"
+            "navigationBarTitleText": "数据库管理",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "activity-log",
+          "path": "maintain/dev-tools/file",
           "style": {
-            "navigationBarTitleText": "活动日志"
+            "navigationBarTitleText": "文件管理",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "subscription/plan-management",
+          "path": "maintain/external/account",
           "style": {
-            "navigationBarTitleText": "订阅方案管理"
+            "navigationBarTitleText": "账号管理",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "subscription/user-subscriptions",
+          "path": "maintain/i18n/language-detail",
           "style": {
-            "navigationBarTitleText": "用户订阅管理"
+            "navigationBarTitleText": "语言详情",
+            "navigationStyle": "custom"
           }
         },
         {
-          "path": "marketing/coupon/coupon-management",
+          "path": "maintain/i18n/language-list",
           "style": {
-            "navigationBarTitleText": "优惠券管理"
+            "navigationBarTitleText": "语言列表",
+            "navigationStyle": "custom"
           }
         },
+        {
+          "path": "maintain/i18n/region-list",
+          "style": {
+            "navigationBarTitleText": "地区列表",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "maintain/i18n/translate-config",
+          "style": {
+            "navigationBarTitleText": "翻译配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "maintain/security/online-upgrade",
+          "style": {
+            "navigationBarTitleText": "在线升级",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "maintain/security/refresh-cache",
+          "style": {
+            "navigationBarTitleText": "刷新缓存",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "maintain/security/system-log",
+          "style": {
+            "navigationBarTitleText": "系统日志",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "maintain/system-info",
+          "style": {
+            "navigationBarTitleText": "系统信息",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "marketing-management",
+          "style": {
+            "navigationBarTitleText": "营销管理",
+            "navigationStyle": "custom"
+          }
+        },
+
         {
           "path": "marketing/coupon/list",
           "style": {
@@ -562,16 +633,240 @@
             "navigationBarTitleText": "积分管理"
           }
         },
+        {
+          "path": "marketing/signin/record",
+          "style": {
+            "navigationBarTitleText": "签到记录"
+          }
+        },
         {
           "path": "marketing/signin/rule",
           "style": {
             "navigationBarTitleText": "签到规则"
           }
         },
+
+
         {
-          "path": "marketing/signin/record",
+          "path": "order-management",
           "style": {
-            "navigationBarTitleText": "签到记录"
+            "navigationBarTitleText": "订单管理",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "product-classification",
+          "style": {
+            "navigationBarTitleText": "商品分类",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "product-labels",
+          "style": {
+            "navigationBarTitleText": "商品标签",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "product-management",
+          "style": {
+            "navigationBarTitleText": "商品管理",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "product-parameters",
+          "style": {
+            "navigationBarTitleText": "商品参数",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "product-protection",
+          "style": {
+            "navigationBarTitleText": "商品保障",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "product-reviews",
+          "style": {
+            "navigationBarTitleText": "商品审核"
+          }
+        },
+        {
+          "path": "product-specifications",
+          "style": {
+            "navigationBarTitleText": "商品规格",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "product-statistics",
+          "style": {
+            "navigationBarTitleText": "商品统计",
+            "navigationStyle": "custom"
+          }
+        },
+
+        {
+          "path": "subscription/plan-management",
+          "style": {
+            "navigationBarTitleText": "订阅方案管理"
+          }
+        },
+        {
+          "path": "subscription/user-subscriptions",
+          "style": {
+            "navigationBarTitleText": "用户订阅管理"
+          }
+        },
+        {
+          "path": "system-settings",
+          "style": {
+            "navigationBarTitleText": "系统设置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/agreement-settings",
+          "style": {
+            "navigationBarTitleText": "协议设置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/collect",
+          "style": {
+            "navigationBarTitleText": "商品采集配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/logistics",
+          "style": {
+            "navigationBarTitleText": "物流查询配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/pay",
+          "style": {
+            "navigationBarTitleText": "商城支付配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/sms",
+          "style": {
+            "navigationBarTitleText": "短信接口配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/storage",
+          "style": {
+            "navigationBarTitleText": "系统存储配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/waybill",
+          "style": {
+            "navigationBarTitleText": "电子面单配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/yht/config",
+          "style": {
+            "navigationBarTitleText": "一号通配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/api/yht/page",
+          "style": {
+            "navigationBarTitleText": "一号通页面",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/message-management",
+          "style": {
+            "navigationBarTitleText": "消息管理",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/permission/admin-list",
+          "style": {
+            "navigationBarTitleText": "管理员列表",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/permission/permission-setting",
+          "style": {
+            "navigationBarTitleText": "权限设置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/permission/role",
+          "style": {
+            "navigationBarTitleText": "角色管理",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/receipt-settings",
+          "style": {
+            "navigationBarTitleText": "小票配置",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/shipping/courier",
+          "style": {
+            "navigationBarTitleText": "配送员管理",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/shipping/freight-template",
+          "style": {
+            "navigationBarTitleText": "运费模板",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/shipping/pickup/points",
+          "style": {
+            "navigationBarTitleText": "提货点",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "system/shipping/pickup/verifiers",
+          "style": {
+            "navigationBarTitleText": "核销员",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "user-management",
+          "style": {
+            "navigationBarTitleText": "用户管理",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "user-statistics",
+          "style": {
+            "navigationBarTitleText": "用户统计",
+            "navigationStyle": "custom"
           }
         }
       ]
diff --git a/pages/mall/admin/activity-log.uvue b/pages/mall/admin/activity-log.uvue
deleted file mode 100644
index c3779309..00000000
--- a/pages/mall/admin/activity-log.uvue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<view class="activity-log">
-		<view class="page-header">
-			<text class="page-title">活动日志</text>
-			<text class="page-subtitle">查看系统活动和操作日志</text>
-		</view>
-
-		<view class="log-content">
-			<text class="coming-soon">活动日志功能正在开发中...</text>
-		</view>
-	</view>
-</template>
-
-<script setup lang="uts">
-// 统一的导航方法
-const go = (url: string) => {
-	// 1) 目标页面必须是非 tabBar 页面
-	// 2) 必须在 pages.json / subPackages 注册
-	uni.navigateTo({ url })
-}
-</script>
-
-<style lang="scss">
-.activity-log {
-	padding: 30rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
-
-.page-header {
-	background-color: #fff;
-	padding: 40rpx;
-	border-radius: 16rpx;
-	margin-bottom: 30rpx;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.page-title {
-		font-size: 36rpx;
-		font-weight: bold;
-		color: #212529;
-		display: block;
-		margin-bottom: 10rpx;
-	}
-
-	.page-subtitle {
-		font-size: 26rpx;
-		color: #6c757d;
-	}
-}
-
-.log-content {
-	background-color: #fff;
-	padding: 60rpx 40rpx;
-	border-radius: 16rpx;
-	text-align: center;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.coming-soon {
-		font-size: 28rpx;
-		color: #6c757d;
-	}
-}
-</style>
diff --git a/pages/mall/admin/complaints.uvue b/pages/mall/admin/complaints.uvue
deleted file mode 100644
index 871d4a00..00000000
--- a/pages/mall/admin/complaints.uvue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<view class="complaints">
-		<view class="page-header">
-			<text class="page-title">投诉处理</text>
-			<text class="page-subtitle">处理用户投诉和反馈</text>
-		</view>
-
-		<view class="complaints-content">
-			<text class="coming-soon">投诉处理功能正在开发中...</text>
-		</view>
-	</view>
-</template>
-
-<script setup lang="uts">
-// 统一的导航方法
-const go = (url: string) => {
-	// 1) 目标页面必须是非 tabBar 页面
-	// 2) 必须在 pages.json / subPackages 注册
-	uni.navigateTo({ url })
-}
-</script>
-
-<style lang="scss">
-.complaints {
-	padding: 30rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
-
-.page-header {
-	background-color: #fff;
-	padding: 40rpx;
-	border-radius: 16rpx;
-	margin-bottom: 30rpx;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.page-title {
-		font-size: 36rpx;
-		font-weight: bold;
-		color: #212529;
-		display: block;
-		margin-bottom: 10rpx;
-	}
-
-	.page-subtitle {
-		font-size: 26rpx;
-		color: #6c757d;
-	}
-}
-
-.complaints-content {
-	background-color: #fff;
-	padding: 60rpx 40rpx;
-	border-radius: 16rpx;
-	text-align: center;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.coming-soon {
-		font-size: 28rpx;
-		color: #6c757d;
-	}
-}
-</style>
\ No newline at end of file
diff --git a/pages/mall/admin/content/index.uvue b/pages/mall/admin/content/index.uvue
new file mode 100644
index 00000000..0a1b0c04
--- /dev/null
+++ b/pages/mall/admin/content/index.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">文章管理</text>
+      <text class="SubTitle">content/index</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/customer-service/auto-reply.uvue b/pages/mall/admin/customer-service/auto-reply.uvue
new file mode 100644
index 00000000..6337c0d6
--- /dev/null
+++ b/pages/mall/admin/customer-service/auto-reply.uvue
@@ -0,0 +1,95 @@
+<template>
+  <view class="page">
+    <view class="topbar">
+      <view class="topbar-left">
+        <text class="title">自动回复</text>
+        <text class="subtitle">customer-service/auto-reply</text>
+      </view>
+      <view class="topbar-right">
+        <view class="btn" @click="onBack"><text class="btn-text">返回</text></view>
+      </view>
+    </view>
+
+    <view class="container">
+      <view class="card">
+        <text class="h1">自动回复</text>
+        <text class="p">这是页面骨架（可跑）。你可以在这里接入你们项目的 TopBar / Container 组件与业务逻辑。</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const onBack = () => {
+  // H5/小程序均可用
+  uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background: #f6f7fb;
+}
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  background: #ffffff;
+  border-bottom: 1px solid #eef0f6;
+}
+.title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #111827;
+}
+.subtitle {
+  margin-top: 2px;
+  font-size: 12px;
+  color: #6b7280;
+}
+.topbar-left {
+  display: flex;
+  flex-direction: column;
+}
+.topbar-right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+.btn {
+  padding: 8px 10px;
+  border-radius: 10px;
+  background: #111827;
+}
+.btn-text {
+  font-size: 12px;
+  color: #ffffff;
+}
+.container {
+  padding: 16px;
+}
+.card {
+  padding: 16px;
+  border-radius: 14px;
+  background: #ffffff;
+  border: 1px solid #eef0f6;
+}
+.h1 {
+  font-size: 16px;
+  font-weight: 700;
+  color: #111827;
+  margin-bottom: 8px;
+}
+.p {
+  font-size: 13px;
+  color: #374151;
+  line-height: 20px;
+}
+</style>
diff --git a/pages/mall/admin/customer-service/config.uvue b/pages/mall/admin/customer-service/config.uvue
new file mode 100644
index 00000000..695a285f
--- /dev/null
+++ b/pages/mall/admin/customer-service/config.uvue
@@ -0,0 +1,95 @@
+<template>
+  <view class="page">
+    <view class="topbar">
+      <view class="topbar-left">
+        <text class="title">客服设置</text>
+        <text class="subtitle">customer-service/config</text>
+      </view>
+      <view class="topbar-right">
+        <view class="btn" @click="onBack"><text class="btn-text">返回</text></view>
+      </view>
+    </view>
+
+    <view class="container">
+      <view class="card">
+        <text class="h1">客服设置</text>
+        <text class="p">这是页面骨架（可跑）。你可以在这里接入你们项目的 TopBar / Container 组件与业务逻辑。</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const onBack = () => {
+  // H5/小程序均可用
+  uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background: #f6f7fb;
+}
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  background: #ffffff;
+  border-bottom: 1px solid #eef0f6;
+}
+.title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #111827;
+}
+.subtitle {
+  margin-top: 2px;
+  font-size: 12px;
+  color: #6b7280;
+}
+.topbar-left {
+  display: flex;
+  flex-direction: column;
+}
+.topbar-right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+.btn {
+  padding: 8px 10px;
+  border-radius: 10px;
+  background: #111827;
+}
+.btn-text {
+  font-size: 12px;
+  color: #ffffff;
+}
+.container {
+  padding: 16px;
+}
+.card {
+  padding: 16px;
+  border-radius: 14px;
+  background: #ffffff;
+  border: 1px solid #eef0f6;
+}
+.h1 {
+  font-size: 16px;
+  font-weight: 700;
+  color: #111827;
+  margin-bottom: 8px;
+}
+.p {
+  font-size: 13px;
+  color: #374151;
+  line-height: 20px;
+}
+</style>
diff --git a/pages/mall/admin/customer-service/list.uvue b/pages/mall/admin/customer-service/list.uvue
new file mode 100644
index 00000000..5d7f6e94
--- /dev/null
+++ b/pages/mall/admin/customer-service/list.uvue
@@ -0,0 +1,95 @@
+<template>
+  <view class="page">
+    <view class="topbar">
+      <view class="topbar-left">
+        <text class="title">客服列表</text>
+        <text class="subtitle">customer-service/list</text>
+      </view>
+      <view class="topbar-right">
+        <view class="btn" @click="onBack"><text class="btn-text">返回</text></view>
+      </view>
+    </view>
+
+    <view class="container">
+      <view class="card">
+        <text class="h1">客服列表</text>
+        <text class="p">这是页面骨架（可跑）。你可以在这里接入你们项目的 TopBar / Container 组件与业务逻辑。</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const onBack = () => {
+  // H5/小程序均可用
+  uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background: #f6f7fb;
+}
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  background: #ffffff;
+  border-bottom: 1px solid #eef0f6;
+}
+.title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #111827;
+}
+.subtitle {
+  margin-top: 2px;
+  font-size: 12px;
+  color: #6b7280;
+}
+.topbar-left {
+  display: flex;
+  flex-direction: column;
+}
+.topbar-right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+.btn {
+  padding: 8px 10px;
+  border-radius: 10px;
+  background: #111827;
+}
+.btn-text {
+  font-size: 12px;
+  color: #ffffff;
+}
+.container {
+  padding: 16px;
+}
+.card {
+  padding: 16px;
+  border-radius: 14px;
+  background: #ffffff;
+  border: 1px solid #eef0f6;
+}
+.h1 {
+  font-size: 16px;
+  font-weight: 700;
+  color: #111827;
+  margin-bottom: 8px;
+}
+.p {
+  font-size: 13px;
+  color: #374151;
+  line-height: 20px;
+}
+</style>
diff --git a/pages/mall/admin/customer-service/messages.uvue b/pages/mall/admin/customer-service/messages.uvue
new file mode 100644
index 00000000..0a0abda4
--- /dev/null
+++ b/pages/mall/admin/customer-service/messages.uvue
@@ -0,0 +1,95 @@
+<template>
+  <view class="page">
+    <view class="topbar">
+      <view class="topbar-left">
+        <text class="title">客服消息</text>
+        <text class="subtitle">customer-service/messages</text>
+      </view>
+      <view class="topbar-right">
+        <view class="btn" @click="onBack"><text class="btn-text">返回</text></view>
+      </view>
+    </view>
+
+    <view class="container">
+      <view class="card">
+        <text class="h1">客服消息</text>
+        <text class="p">这是页面骨架（可跑）。你可以在这里接入你们项目的 TopBar / Container 组件与业务逻辑。</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const onBack = () => {
+  // H5/小程序均可用
+  uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background: #f6f7fb;
+}
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  background: #ffffff;
+  border-bottom: 1px solid #eef0f6;
+}
+.title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #111827;
+}
+.subtitle {
+  margin-top: 2px;
+  font-size: 12px;
+  color: #6b7280;
+}
+.topbar-left {
+  display: flex;
+  flex-direction: column;
+}
+.topbar-right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+.btn {
+  padding: 8px 10px;
+  border-radius: 10px;
+  background: #111827;
+}
+.btn-text {
+  font-size: 12px;
+  color: #ffffff;
+}
+.container {
+  padding: 16px;
+}
+.card {
+  padding: 16px;
+  border-radius: 14px;
+  background: #ffffff;
+  border: 1px solid #eef0f6;
+}
+.h1 {
+  font-size: 16px;
+  font-weight: 700;
+  color: #111827;
+  margin-bottom: 8px;
+}
+.p {
+  font-size: 13px;
+  color: #374151;
+  line-height: 20px;
+}
+</style>
diff --git a/pages/mall/admin/customer-service/script.uvue b/pages/mall/admin/customer-service/script.uvue
new file mode 100644
index 00000000..d41260a8
--- /dev/null
+++ b/pages/mall/admin/customer-service/script.uvue
@@ -0,0 +1,95 @@
+<template>
+  <view class="page">
+    <view class="topbar">
+      <view class="topbar-left">
+        <text class="title">快捷回复话术</text>
+        <text class="subtitle">customer-service/script</text>
+      </view>
+      <view class="topbar-right">
+        <view class="btn" @click="onBack"><text class="btn-text">返回</text></view>
+      </view>
+    </view>
+
+    <view class="container">
+      <view class="card">
+        <text class="h1">快捷回复话术</text>
+        <text class="p">这是页面骨架（可跑）。你可以在这里接入你们项目的 TopBar / Container 组件与业务逻辑。</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const onBack = () => {
+  // H5/小程序均可用
+  uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background: #f6f7fb;
+}
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  background: #ffffff;
+  border-bottom: 1px solid #eef0f6;
+}
+.title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #111827;
+}
+.subtitle {
+  margin-top: 2px;
+  font-size: 12px;
+  color: #6b7280;
+}
+.topbar-left {
+  display: flex;
+  flex-direction: column;
+}
+.topbar-right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+.btn {
+  padding: 8px 10px;
+  border-radius: 10px;
+  background: #111827;
+}
+.btn-text {
+  font-size: 12px;
+  color: #ffffff;
+}
+.container {
+  padding: 16px;
+}
+.card {
+  padding: 16px;
+  border-radius: 14px;
+  background: #ffffff;
+  border: 1px solid #eef0f6;
+}
+.h1 {
+  font-size: 16px;
+  font-weight: 700;
+  color: #111827;
+  margin-bottom: 8px;
+}
+.p {
+  font-size: 13px;
+  color: #374151;
+  line-height: 20px;
+}
+</style>
diff --git a/pages/mall/admin/delivery-management.uvue b/pages/mall/admin/delivery-management.uvue
deleted file mode 100644
index af13a237..00000000
--- a/pages/mall/admin/delivery-management.uvue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-	<view class="page">
-		<text>配送管理 - 占位页</text>
-	</view>
-</template>
-<script lang="uts">
-export default {}
-</script>
-<style>
-.page { padding: 30rpx; }
-</style>
diff --git a/pages/mall/admin/design/index.uvue b/pages/mall/admin/design/index.uvue
new file mode 100644
index 00000000..8e68aa7d
--- /dev/null
+++ b/pages/mall/admin/design/index.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">页面装修</text>
+      <text class="SubTitle">design/index</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/finance-management.uvue b/pages/mall/admin/finance-management.uvue
deleted file mode 100644
index 8f5483a1..00000000
--- a/pages/mall/admin/finance-management.uvue
+++ /dev/null
@@ -1,1583 +0,0 @@
-<template>
-  <AdminLayout current-page="finance">
-    <view class="finance-management">
-      <!-- 页面标题 -->
-      <view class="page-header">
-        <text class="page-title">财务管理</text>
-        <text class="page-subtitle">管理系统财务数据和报表</text>
-      </view>
-
-      <!-- Tab 切换栏 -->
-      <view class="tab-bar">
-        <view
-          v-for="tab in tabs"
-          :key="tab.key"
-          class="tab-item"
-          :class="{ 'active': activeTab === tab.key }"
-          @click="switchTab(tab.key)"
-        >
-          <text class="iconfont tab-icon">{{ tab.icon }}</text>
-          <text class="tab-title">{{ tab.title }}</text>
-        </view>
-      </view>
-
-      <!-- 财务概览Tab -->
-      <view v-if="activeTab === 'finance-overview'">
-        <!-- 财务概览 -->
-      <view class="finance-overview">
-        <view class="overview-cards">
-          <view class="overview-card">
-            <view class="card-icon">💰</view>
-            <view class="card-content">
-              <text class="card-value">¥{{ totalRevenue }}</text>
-              <text class="card-label">总收入</text>
-            </view>
-          </view>
-          <view class="overview-card">
-            <view class="card-icon">📈</view>
-            <view class="card-content">
-              <text class="card-value">¥{{ monthlyRevenue }}</text>
-              <text class="card-label">本月收入</text>
-            </view>
-          </view>
-          <view class="overview-card">
-            <view class="card-icon">📊</view>
-            <view class="card-content">
-              <text class="card-value">{{ orderCount }}</text>
-              <text class="card-label">订单数量</text>
-            </view>
-          </view>
-          <view class="overview-card">
-            <view class="card-icon">💳</view>
-            <view class="card-content">
-              <text class="card-value">{{ pendingWithdrawals }}</text>
-              <text class="card-label">待提现</text>
-            </view>
-          </view>
-        </view>
-
-        <!-- 收入趋势图表 -->
-        <view class="chart-section">
-          <view class="chart-header">
-            <text class="chart-title">收入趋势</text>
-            <view class="chart-controls">
-              <button
-                class="period-btn"
-                :class="{ 'active': chartPeriod === 'week' }"
-                @click="setChartPeriod('week')"
-              >
-                本周
-              </button>
-              <button
-                class="period-btn"
-                :class="{ 'active': chartPeriod === 'month' }"
-                @click="setChartPeriod('month')"
-              >
-                本月
-              </button>
-              <button
-                class="period-btn"
-                :class="{ 'active': chartPeriod === 'year' }"
-                @click="setChartPeriod('year')"
-              >
-                本年
-              </button>
-            </view>
-          </view>
-          <view class="chart-placeholder">
-            <text class="chart-placeholder-text">📊 图表区域 - 收入趋势可视化</text>
-            <text class="chart-placeholder-subtext">集成图表库后可显示实际数据</text>
-          </view>
-        </view>
-      </view>
-
-      <!-- 财务操作 -->
-      <view class="finance-actions">
-        <view class="action-section">
-          <text class="section-title">财务操作</text>
-          <view class="action-buttons">
-            <button class="action-btn primary" @click="showWithdrawalModal = true">
-              <text class="btn-icon">💸</text>
-              <text class="btn-text">申请提现</text>
-            </button>
-            <button class="action-btn secondary" @click="showTransferModal = true">
-              <text class="btn-icon">🔄</text>
-              <text class="btn-text">转账</text>
-            </button>
-            <button class="action-btn info" @click="showRechargeModal = true">
-              <text class="btn-icon">💳</text>
-              <text class="btn-text">充值</text>
-            </button>
-          </view>
-        </view>
-
-        <view class="action-section">
-          <text class="section-title">财务报表</text>
-          <view class="action-buttons">
-            <button class="action-btn success" @click="generateReport('daily')">
-              <text class="btn-icon">📅</text>
-              <text class="btn-text">日报表</text>
-            </button>
-            <button class="action-btn warning" @click="generateReport('monthly')">
-              <text class="btn-icon">📊</text>
-              <text class="btn-text">月报表</text>
-            </button>
-            <button class="action-btn danger" @click="generateReport('yearly')">
-              <text class="btn-icon">📈</text>
-              <text class="btn-text">年报表</text>
-            </button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 交易记录 -->
-      <view class="transaction-section">
-        <view class="section-header">
-          <text class="section-title">交易记录</text>
-          <view class="section-controls">
-            <input
-              v-model="transactionSearch"
-              class="search-input"
-              placeholder="搜索交易..."
-            />
-            <picker
-              mode="selector"
-              :range="transactionTypes"
-              :value="selectedTransactionType"
-              @change="handleTransactionTypeChange"
-            >
-              <view class="type-selector">
-                <text>{{ transactionTypes[selectedTransactionType] }}</text>
-                <text class="iconfont icon-down"></text>
-              </view>
-            </picker>
-          </view>
-        </view>
-
-        <view class="transaction-table">
-          <view class="table-header">
-            <view class="table-row">
-              <view class="col-time">时间</view>
-              <view class="col-type">类型</view>
-              <view class="col-description">描述</view>
-              <view class="col-amount">金额</view>
-              <view class="col-status">状态</view>
-              <view class="col-actions">操作</view>
-            </view>
-          </view>
-
-          <view class="table-body">
-            <view
-              v-for="transaction in filteredTransactions"
-              :key="transaction.id"
-              class="table-row"
-            >
-              <view class="col-time">
-                <text class="transaction-time">{{ formatDateTime(transaction.time) }}</text>
-              </view>
-              <view class="col-type">
-                <view class="type-badge" :class="transaction.type">
-                  {{ transaction.type === 'income' ? '收入' :
-                     transaction.type === 'expense' ? '支出' :
-                     transaction.type === 'withdrawal' ? '提现' :
-                     transaction.type === 'recharge' ? '充值' : '转账' }}
-                </view>
-              </view>
-              <view class="col-description">
-                <text class="transaction-desc">{{ transaction.description }}</text>
-                <text class="transaction-ref" v-if="transaction.reference">
-                  {{ transaction.reference }}
-                </text>
-              </view>
-              <view class="col-amount">
-                <text
-                  class="transaction-amount"
-                  :class="{ 'income': transaction.type === 'income' || transaction.type === 'recharge',
-                           'expense': transaction.type === 'expense' || transaction.type === 'withdrawal' }"
-                >
-                  {{ transaction.type === 'income' || transaction.type === 'recharge' ? '+' : '-' }}¥{{ transaction.amount }}
-                </text>
-              </view>
-              <view class="col-status">
-                <view class="status-badge" :class="transaction.status">
-                  {{ transaction.status === 'completed' ? '已完成' :
-                     transaction.status === 'pending' ? '处理中' :
-                     transaction.status === 'failed' ? '失败' : '已取消' }}
-                </view>
-              </view>
-              <view class="col-actions">
-                <button class="action-btn view" @click="viewTransactionDetail(transaction)">
-                  <text class="iconfont icon-view"></text>
-                </button>
-              </view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 分页 -->
-        <view class="pagination">
-          <view class="page-info">
-            <text>共 {{ totalTransactions }} 条记录，显示 {{ (currentPage - 1) * pageSize + 1 }}-{{ Math.min(currentPage * pageSize, totalTransactions) }} 条</text>
-          </view>
-          <view class="page-controls">
-            <button
-              class="page-btn"
-              :disabled="currentPage === 1"
-              @click="goToPage(currentPage - 1)"
-            >
-              上一页
-            </button>
-
-            <view class="page-numbers">
-              <button
-                v-for="page in visiblePages"
-                :key="page"
-                class="page-number"
-                :class="{ 'active': page === currentPage }"
-                @click="goToPage(page)"
-              >
-                {{ page }}
-              </button>
-            </view>
-
-            <button
-              class="page-btn"
-              :disabled="currentPage === totalPages"
-              @click="goToPage(currentPage + 1)"
-            >
-              下一页
-            </button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 提现模态框 -->
-      <view v-if="showWithdrawalModal" class="modal-overlay" @click="closeModal">
-        <view class="modal-content" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">申请提现</text>
-            <view class="modal-close" @click="closeModal">
-              <text class="iconfont icon-close"></text>
-            </view>
-          </view>
-
-          <view class="modal-body">
-            <view class="withdrawal-info">
-              <view class="info-item">
-                <text class="info-label">可用余额:</text>
-                <text class="info-value">¥{{ availableBalance }}</text>
-              </view>
-              <view class="info-item">
-                <text class="info-label">最低提现金额:</text>
-                <text class="info-value">¥100.00</text>
-              </view>
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">提现金额</text>
-              <input
-                v-model="withdrawalAmount"
-                class="form-input"
-                placeholder="请输入提现金额"
-                type="number"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">收款账户</text>
-              <picker
-                mode="selector"
-                :range="accountOptions"
-                :value="selectedAccount"
-                @change="handleAccountChange"
-              >
-                <view class="form-select">
-                  <text>{{ accountOptions[selectedAccount] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">备注</text>
-              <input
-                v-model="withdrawalNote"
-                class="form-input"
-                placeholder="可选"
-              />
-            </view>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">取消</button>
-            <button class="btn-primary" @click="submitWithdrawal">
-              提交申请
-            </button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 转账模态框 -->
-      <view v-if="showTransferModal" class="modal-overlay" @click="closeModal">
-        <view class="modal-content" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">转账</text>
-            <view class="modal-close" @click="closeModal">
-              <text class="iconfont icon-close"></text>
-            </view>
-          </view>
-
-          <view class="modal-body">
-            <view class="form-group">
-              <text class="form-label">收款账户</text>
-              <input
-                v-model="transferToAccount"
-                class="form-input"
-                placeholder="请输入收款账户"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">转账金额</text>
-              <input
-                v-model="transferAmount"
-                class="form-input"
-                placeholder="请输入转账金额"
-                type="number"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">备注</text>
-              <input
-                v-model="transferNote"
-                class="form-input"
-                placeholder="可选"
-              />
-            </view>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">取消</button>
-            <button class="btn-primary" @click="submitTransfer">
-              确认转账
-            </button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 充值模态框 -->
-      <view v-if="showRechargeModal" class="modal-overlay" @click="closeModal">
-        <view class="modal-content" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">充值</text>
-            <view class="modal-close" @click="closeModal">
-              <text class="iconfont icon-close"></text>
-            </view>
-          </view>
-
-          <view class="modal-body">
-            <view class="form-group">
-              <text class="form-label">充值金额</text>
-              <input
-                v-model="rechargeAmount"
-                class="form-input"
-                placeholder="请输入充值金额"
-                type="number"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">支付方式</text>
-              <picker
-                mode="selector"
-                :range="paymentOptions"
-                :value="selectedPayment"
-                @change="handlePaymentChange"
-              >
-                <view class="form-select">
-                  <text>{{ paymentOptions[selectedPayment] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">备注</text>
-              <input
-                v-model="rechargeNote"
-                class="form-input"
-                placeholder="可选"
-              />
-            </view>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">取消</button>
-            <button class="btn-primary" @click="submitRecharge">
-              确认充值
-            </button>
-          </view>
-          </view>
-
-          <!-- 提现管理Tab -->
-          <view v-if="activeTab === 'withdrawals'" class="withdrawals-section">
-            <view class="withdrawals-management">
-              <view class="section-header">
-                <text class="section-title">提现管理</text>
-                <text class="section-desc">管理用户提现申请</text>
-              </view>
-
-              <view class="withdrawals-list">
-                <view class="withdrawal-item" v-for="withdrawal in withdrawalRequests" :key="withdrawal.id">
-                  <view class="withdrawal-info">
-                    <text class="user-name">{{ withdrawal.userName }}</text>
-                    <text class="amount">¥{{ withdrawal.amount }}</text>
-                    <text class="time">{{ formatDate(withdrawal.time) }}</text>
-                  </view>
-                  <view class="withdrawal-actions">
-                    <button class="btn-success" @click="approveWithdrawal(withdrawal)">批准</button>
-                    <button class="btn-danger" @click="rejectWithdrawal(withdrawal)">拒绝</button>
-                  </view>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-  </AdminLayout>
-</template>
-
-<script setup lang="uts">
-import { ref, computed } from 'vue'
-import AdminLayout from '@/layouts/admin/index.uvue'
-
-// Tab 相关
-const activeTab = ref('finance-overview')
-const tabs = ref([
-  { key: 'finance-overview', title: '财务概览', icon: 'icon-overview' },
-  { key: 'withdrawals', title: '提现管理', icon: 'icon-withdraw' }
-])
-
-// 响应式数据
-const totalRevenue = ref(256890)
-const monthlyRevenue = ref(45678)
-const orderCount = ref(1247)
-const pendingWithdrawals = ref(5)
-const availableBalance = ref(125690.50)
-const chartPeriod = ref('month')
-
-// 交易记录相关
-const transactionSearch = ref('')
-const selectedTransactionType = ref(0)
-const transactionTypes = ['全部类型', '收入', '支出', '提现', '充值', '转账']
-
-const transactions = ref([
-  {
-    id: 1,
-    time: '2024-01-15T14:30:00Z',
-    type: 'income',
-    description: '商品销售收入',
-    reference: '订单 #DD202401150001',
-    amount: 2599.00,
-    status: 'completed'
-  },
-  {
-    id: 2,
-    time: '2024-01-15T10:15:00Z',
-    type: 'expense',
-    description: '供应商货款',
-    reference: '采购单 #CG20240115001',
-    amount: 1500.00,
-    status: 'completed'
-  },
-  {
-    id: 3,
-    time: '2024-01-14T16:45:00Z',
-    type: 'withdrawal',
-    description: '账户提现',
-    reference: '提现单 #TX20240114001',
-    amount: 5000.00,
-    status: 'pending'
-  },
-  {
-    id: 4,
-    time: '2024-01-14T09:20:00Z',
-    type: 'recharge',
-    description: '账户充值',
-    reference: '充值单 #CZ20240114001',
-    amount: 10000.00,
-    status: 'completed'
-  },
-  {
-    id: 5,
-    time: '2024-01-13T11:30:00Z',
-    type: 'transfer',
-    description: '转账支出',
-    reference: '转账单 #ZZ20240113001',
-    amount: 2000.00,
-    status: 'completed'
-  }
-])
-
-// 计算属性
-const filteredTransactions = computed(() => {
-  let filtered = transactions.value
-
-  // 搜索过滤
-  if (transactionSearch.value) {
-    filtered = filtered.filter(t =>
-      t.description.toLowerCase().includes(transactionSearch.value.toLowerCase()) ||
-      (t.reference && t.reference.toLowerCase().includes(transactionSearch.value.toLowerCase()))
-    )
-  }
-
-  // 类型过滤
-  if (selectedTransactionType.value > 0) {
-    const typeMap = {
-      1: 'income',
-      2: 'expense',
-      3: 'withdrawal',
-      4: 'recharge',
-      5: 'transfer'
-    }
-    const targetType = typeMap[selectedTransactionType.value as keyof typeof typeMap]
-    filtered = filtered.filter(t => t.type === targetType)
-  }
-
-  return filtered
-})
-
-const totalTransactions = computed(() => filteredTransactions.value.length)
-
-// 分页相关
-const currentPage = ref(1)
-const pageSize = ref(10)
-const totalPages = computed(() => Math.ceil(totalTransactions.value / pageSize.value))
-const visiblePages = computed(() => {
-  const pages = []
-  const start = Math.max(1, currentPage.value - 2)
-  const end = Math.min(totalPages.value, currentPage.value + 2)
-
-  for (let i = start; i <= end; i++) {
-    pages.push(i)
-  }
-
-  return pages
-})
-
-// 模态框相关
-const showWithdrawalModal = ref(false)
-const showTransferModal = ref(false)
-const showRechargeModal = ref(false)
-
-// 提现请求数据
-const withdrawalRequests = ref([
-  { id: 1, userName: '张三', amount: 500.00, time: '2024-01-15T10:30:00Z', status: 'pending' },
-  { id: 2, userName: '李四', amount: 1200.00, time: '2024-01-15T09:15:00Z', status: 'pending' },
-  { id: 3, userName: '王五', amount: 800.00, time: '2024-01-14T16:45:00Z', status: 'pending' }
-])
-
-// 表单数据
-const withdrawalAmount = ref('')
-const selectedAccount = ref(0)
-const accountOptions = ['支付宝', '银行卡', '微信钱包']
-const withdrawalNote = ref('')
-
-const transferToAccount = ref('')
-const transferAmount = ref('')
-const transferNote = ref('')
-
-const rechargeAmount = ref('')
-const selectedPayment = ref(0)
-const paymentOptions = ['支付宝', '微信支付', '银行卡']
-const rechargeNote = ref('')
-
-// 方法
-const setChartPeriod = (period: string) => {
-  chartPeriod.value = period
-  // TODO: 重新加载图表数据
-  console.log('切换图表周期:', period)
-}
-
-const generateReport = (type: string) => {
-  uni.showToast({
-    title: `${type === 'daily' ? '日报表' : type === 'monthly' ? '月报表' : '年报表'}生成中`,
-    icon: 'none'
-  })
-  // TODO: 实现报表生成功能
-}
-
-const handleTransactionTypeChange = (e: any) => {
-  selectedTransactionType.value = e.detail.value
-}
-
-const handleAccountChange = (e: any) => {
-  selectedAccount.value = e.detail.value
-}
-
-const handlePaymentChange = (e: any) => {
-  selectedPayment.value = e.detail.value
-}
-
-const viewTransactionDetail = (transaction: any) => {
-  uni.showModal({
-    title: '交易详情',
-    content: `交易类型: ${transaction.type}\n金额: ¥${transaction.amount}\n状态: ${transaction.status}\n时间: ${formatDateTime(transaction.time)}`,
-    showCancel: false
-  })
-}
-
-const submitWithdrawal = () => {
-  const amount = parseFloat(withdrawalAmount.value)
-  if (!amount || amount < 100) {
-    uni.showToast({
-      title: '提现金额不能少于100元',
-      icon: 'none'
-    })
-    return
-  }
-
-  if (amount > availableBalance.value) {
-    uni.showToast({
-      title: '提现金额不能超过可用余额',
-      icon: 'none'
-    })
-    return
-  }
-
-  // TODO: 实现提现申请逻辑
-  uni.showToast({
-    title: '提现申请提交成功',
-    icon: 'success'
-  })
-
-  closeModal()
-}
-
-const submitTransfer = () => {
-  if (!transferToAccount.value || !transferAmount.value) {
-    uni.showToast({
-      title: '请填写完整信息',
-      icon: 'none'
-    })
-    return
-  }
-
-  // TODO: 实现转账逻辑
-  uni.showToast({
-    title: '转账成功',
-    icon: 'success'
-  })
-
-  closeModal()
-}
-
-const submitRecharge = () => {
-  const amount = parseFloat(rechargeAmount.value)
-  if (!amount || amount <= 0) {
-    uni.showToast({
-      title: '请输入有效的充值金额',
-      icon: 'none'
-    })
-    return
-  }
-
-  // TODO: 实现充值逻辑
-  uni.showToast({
-    title: '充值成功',
-    icon: 'success'
-  })
-
-  closeModal()
-}
-
-const closeModal = () => {
-  showWithdrawalModal.value = false
-  showTransferModal.value = false
-  showRechargeModal.value = false
-
-  // 重置表单
-  withdrawalAmount.value = ''
-  selectedAccount.value = 0
-  withdrawalNote.value = ''
-
-  transferToAccount.value = ''
-  transferAmount.value = ''
-  transferNote.value = ''
-
-  rechargeAmount.value = ''
-  selectedPayment.value = 0
-  rechargeNote.value = ''
-}
-
-const goToPage = (page: number) => {
-  currentPage.value = page
-  // TODO: 实现分页数据加载
-}
-
-const formatDateTime = (dateString: string) => {
-  const date = new Date(dateString)
-  return date.toLocaleDateString('zh-CN') + ' ' + date.toLocaleTimeString('zh-CN', { hour12: false })
-}
-
-// Tab 切换方法
-const switchTab = (tabKey: string) => {
-  activeTab.value = tabKey
-}
-
-// 提现管理方法
-const approveWithdrawal = (withdrawal: any) => {
-  uni.showModal({
-    title: '确认批准',
-    content: `确定要批准用户 ${withdrawal.userName} 的提现申请 ¥${withdrawal.amount} 吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        withdrawal.status = 'approved'
-        uni.showToast({
-          title: '批准成功',
-          icon: 'success'
-        })
-      }
-    }
-  })
-}
-
-const rejectWithdrawal = (withdrawal: any) => {
-  uni.showModal({
-    title: '确认拒绝',
-    content: `确定要拒绝用户 ${withdrawal.userName} 的提现申请吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        withdrawal.status = 'rejected'
-        uni.showToast({
-          title: '拒绝成功',
-          icon: 'none'
-        })
-      }
-    }
-  })
-}
-
-const formatDate = (dateString: string) => {
-  const date = new Date(dateString)
-  return date.toLocaleDateString('zh-CN') + ' ' + date.toLocaleTimeString('zh-CN', { hour12: false })
-}
-
-// 页面生命周期
-onLoad((options: any) => {
-  // 处理页面参数，切换到对应的tab
-  if (options && options.tab) {
-    if (options.tab === 'withdrawals') {
-      activeTab.value = 'withdrawals'
-    } else {
-      activeTab.value = 'finance-overview'
-    }
-  } else {
-    activeTab.value = 'finance-overview'
-  }
-
-  console.log('财务管理页面加载，参数:', options)
-})
-
-onMounted(() => {
-  // 初始化数据
-  console.log('财务管理页面初始化')
-})
-</script>
-
-<style lang="scss">
-/* Tab 栏样式 */
-.tab-bar {
-  display: flex;
-  background-color: #ffffff;
-  border-radius: 8rpx;
-  padding: 8rpx;
-  margin-bottom: 24rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
-}
-
-.tab-item {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8rpx;
-  padding: 16rpx 24rpx;
-  border-radius: 6rpx;
-  cursor: pointer;
-  transition: all 0.2s;
-  background-color: #f5f5f5;
-  color: #666666;
-}
-
-.tab-item:hover {
-  background-color: #e8e8e8;
-}
-
-.tab-item.active {
-  background-color: #1890ff;
-  color: #ffffff;
-}
-
-.tab-icon {
-  font-size: 16rpx;
-}
-
-.tab-title {
-  font-size: 14rpx;
-  font-weight: 500;
-}
-
-/* 提现管理样式 */
-.withdrawals-section {
-  background-color: #ffffff;
-  border-radius: 8rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
-}
-
-.withdrawals-management {
-  padding: 32rpx;
-}
-
-.section-header {
-  margin-bottom: 32rpx;
-}
-
-.section-title {
-  display: block;
-  font-size: 18rpx;
-  font-weight: 600;
-  color: #262626;
-  margin-bottom: 8rpx;
-}
-
-.section-desc {
-  display: block;
-  font-size: 14rpx;
-  color: #666666;
-}
-
-.withdrawals-list {
-  display: flex;
-  flex-direction: column;
-  gap: 16rpx;
-}
-
-.withdrawal-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20rpx 24rpx;
-  background-color: #fafafa;
-  border-radius: 6rpx;
-  border: 1rpx solid #e8e8e8;
-}
-
-.withdrawal-info {
-  display: flex;
-  flex-direction: column;
-  gap: 8rpx;
-}
-
-.user-name {
-  font-size: 16rpx;
-  font-weight: 500;
-  color: #262626;
-}
-
-.amount {
-  font-size: 18rpx;
-  font-weight: 600;
-  color: #1890ff;
-}
-
-.time {
-  font-size: 14rpx;
-  color: #999999;
-}
-
-.withdrawal-actions {
-  display: flex;
-  gap: 12rpx;
-}
-
-.btn-success {
-  background-color: #52c41a;
-  color: #ffffff;
-  border: none;
-  border-radius: 6rpx;
-  padding: 8rpx 16rpx;
-  font-size: 14rpx;
-  cursor: pointer;
-}
-
-.btn-danger {
-  background-color: #ff4d4f;
-  color: #ffffff;
-  border: none;
-  border-radius: 6rpx;
-  padding: 8rpx 16rpx;
-  font-size: 14rpx;
-  cursor: pointer;
-}
-
-.finance-management {
-  padding: 20rpx;
-}
-
-.page-header {
-  margin-bottom: 30rpx;
-}
-
-.page-title {
-  display: block;
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 10rpx;
-}
-
-.page-subtitle {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-}
-
-.finance-overview {
-  margin-bottom: 40rpx;
-}
-
-.overview-cards {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 40rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.overview-card {
-  flex: 1;
-  min-width: 200rpx;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: 16rpx;
-  padding: 40rpx 30rpx;
-  text-align: center;
-  color: #fff;
-  box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
-}
-
-.card-icon {
-  font-size: 48rpx;
-  margin-bottom: 20rpx;
-}
-
-.card-content {
-  flex: 1;
-}
-
-.card-value {
-  display: block;
-  font-size: 36rpx;
-  font-weight: bold;
-  margin-bottom: 8rpx;
-}
-
-.card-label {
-  display: block;
-  font-size: 24rpx;
-  opacity: 0.9;
-}
-
-.chart-section {
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.chart-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 30rpx;
-}
-
-.chart-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.chart-controls {
-  display: flex;
-  gap: 15rpx;
-}
-
-.period-btn {
-  padding: 12rpx 24rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #666;
-  cursor: pointer;
-  font-size: 24rpx;
-}
-
-.period-btn.active {
-  background-color: #1890ff;
-  color: #fff;
-  border-color: #1890ff;
-}
-
-.chart-placeholder {
-  height: 300rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background-color: #f8f9fa;
-  border-radius: 8rpx;
-  border: 2rpx dashed #ddd;
-}
-
-.chart-placeholder-text {
-  font-size: 32rpx;
-  color: #999;
-  margin-bottom: 10rpx;
-}
-
-.chart-placeholder-subtext {
-  font-size: 24rpx;
-  color: #ccc;
-}
-
-.finance-actions {
-  display: flex;
-  gap: 30rpx;
-  margin-bottom: 40rpx;
-  flex-wrap: wrap;
-}
-
-.action-section {
-  flex: 1;
-  min-width: 300rpx;
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.section-title {
-  font-size: 30rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
-  display: block;
-}
-
-.action-buttons {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 15rpx;
-}
-
-.action-btn {
-  flex: 1;
-  min-width: 120rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 20rpx 15rpx;
-  border-radius: 8rpx;
-  border: none;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-
-.action-btn.primary {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.action-btn.secondary {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.action-btn.info {
-  background-color: #13c2c2;
-  color: #fff;
-}
-
-.action-btn.success {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.action-btn.warning {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.action-btn.danger {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.action-btn:hover {
-  transform: translateY(-2rpx);
-  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
-}
-
-.btn-icon {
-  font-size: 32rpx;
-  margin-bottom: 8rpx;
-}
-
-.btn-text {
-  font-size: 24rpx;
-  font-weight: 500;
-}
-
-.transaction-section {
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.section-controls {
-  display: flex;
-  gap: 15rpx;
-  align-items: center;
-}
-
-.search-input {
-  width: 250rpx;
-  padding: 12rpx 16rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  font-size: 26rpx;
-}
-
-.type-selector {
-  display: flex;
-  align-items: center;
-  gap: 10rpx;
-  padding: 12rpx 16rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.transaction-table {
-  margin-bottom: 30rpx;
-}
-
-.table-header {
-  background-color: #f5f5f5;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row {
-  display: flex;
-  align-items: center;
-  padding: 20rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row:last-child {
-  border-bottom: none;
-}
-
-.col-time {
-  flex: 1.2;
-}
-
-.col-type,
-.col-status {
-  flex: 0.8;
-}
-
-.col-description {
-  flex: 2;
-}
-
-.col-amount {
-  flex: 1;
-}
-
-.col-actions {
-  width: 80rpx;
-  text-align: center;
-}
-
-.transaction-time {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.type-badge {
-  display: inline-block;
-  padding: 4rpx 8rpx;
-  border-radius: 8rpx;
-  font-size: 22rpx;
-  font-weight: bold;
-  text-align: center;
-}
-
-.type-badge.income {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.type-badge.expense {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.type-badge.withdrawal {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.type-badge.recharge {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.type-badge.transfer {
-  background-color: #722ed1;
-  color: #fff;
-}
-
-.transaction-desc {
-  font-size: 28rpx;
-  font-weight: 500;
-  color: #333;
-  margin-bottom: 4rpx;
-  display: block;
-}
-
-.transaction-ref {
-  font-size: 24rpx;
-  color: #999;
-  display: block;
-}
-
-.transaction-amount {
-  font-size: 28rpx;
-  font-weight: bold;
-}
-
-.transaction-amount.income {
-  color: #52c41a;
-}
-
-.transaction-amount.expense {
-  color: #ff4d4f;
-}
-
-.status-badge {
-  display: inline-block;
-  padding: 4rpx 8rpx;
-  border-radius: 8rpx;
-  font-size: 22rpx;
-  font-weight: bold;
-  text-align: center;
-}
-
-.status-badge.completed {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.status-badge.pending {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.status-badge.failed {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.status-badge.cancelled {
-  background-color: #666;
-  color: #fff;
-}
-
-.action-btn.view {
-  width: 50rpx;
-  height: 50rpx;
-  border-radius: 6rpx;
-  background-color: #1890ff;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  cursor: pointer;
-  font-size: 22rpx;
-}
-
-.pagination {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.page-info {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.page-controls {
-  display: flex;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.page-btn {
-  padding: 12rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-btn:disabled {
-  background-color: #f5f5f5;
-  color: #ccc;
-  cursor: not-allowed;
-}
-
-.page-numbers {
-  display: flex;
-  gap: 8rpx;
-  margin: 0 20rpx;
-}
-
-.page-number {
-  width: 50rpx;
-  height: 50rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-number.active {
-  background-color: #1890ff;
-  color: #fff;
-  border-color: #1890ff;
-}
-
-.modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.modal-content {
-  background-color: #fff;
-  border-radius: 12rpx;
-  width: 90%;
-  max-width: 500rpx;
-  max-height: 80vh;
-  overflow-y: auto;
-}
-
-.modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 30rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.modal-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.modal-close {
-  cursor: pointer;
-  font-size: 28rpx;
-  color: #999;
-  padding: 10rpx;
-}
-
-.modal-body {
-  padding: 30rpx;
-}
-
-.withdrawal-info {
-  background-color: #f8f9fa;
-  border-radius: 8rpx;
-  padding: 20rpx;
-  margin-bottom: 30rpx;
-}
-
-.info-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 15rpx;
-}
-
-.info-item:last-child {
-  margin-bottom: 0;
-}
-
-.info-label {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.info-value {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.form-group {
-  margin-bottom: 30rpx;
-}
-
-.form-label {
-  display: block;
-  font-size: 26rpx;
-  color: #333;
-  margin-bottom: 10rpx;
-  font-weight: 500;
-}
-
-.form-input {
-  width: 100%;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  box-sizing: border-box;
-}
-
-.form-select {
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  cursor: pointer;
-  font-size: 28rpx;
-}
-
-.modal-footer {
-  display: flex;
-  gap: 20rpx;
-  justify-content: flex-end;
-  padding: 30rpx;
-  border-top: 1rpx solid #eee;
-}
-
-.btn-primary {
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 32rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-}
-
-.btn-secondary {
-  background-color: #fff;
-  color: #666;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  padding: 16rpx 32rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-}
-
-.iconfont {
-  font-family: 'iconfont';
-  font-size: 24rpx;
-}
-
-/* 响应式设计 */
-@media screen and (max-width: 750rpx) {
-  .overview-cards {
-    flex-direction: column;
-  }
-
-  .finance-actions {
-    flex-direction: column;
-  }
-
-  .action-section {
-    min-width: auto;
-  }
-
-  .action-buttons {
-    flex-direction: column;
-  }
-
-  .action-btn {
-    width: 100%;
-  }
-
-  .section-header {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .section-controls {
-    justify-content: center;
-  }
-
-  .table-row {
-    flex-wrap: wrap;
-    gap: 10rpx;
-  }
-
-  .col-description {
-    flex: 1 1 100%;
-  }
-
-  .pagination {
-    flex-direction: column;
-    text-align: center;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/pages/mall/admin/maintain/data/city-data.uvue b/pages/mall/admin/maintain/data/city-data.uvue
new file mode 100644
index 00000000..7a0a35c3
--- /dev/null
+++ b/pages/mall/admin/maintain/data/city-data.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">城市数据</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 城市数据</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/data/clear-data.uvue b/pages/mall/admin/maintain/data/clear-data.uvue
new file mode 100644
index 00000000..cd4752f5
--- /dev/null
+++ b/pages/mall/admin/maintain/data/clear-data.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">清除数据</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 清除数据</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/data/logistics-company.uvue b/pages/mall/admin/maintain/data/logistics-company.uvue
new file mode 100644
index 00000000..4e84e0e0
--- /dev/null
+++ b/pages/mall/admin/maintain/data/logistics-company.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">物流公司</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 物流公司</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-config/category.uvue b/pages/mall/admin/maintain/dev-config/category.uvue
new file mode 100644
index 00000000..69a70dbf
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-config/category.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">配置分类</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 配置分类</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-config/combination-data.uvue b/pages/mall/admin/maintain/dev-config/combination-data.uvue
new file mode 100644
index 00000000..023e2cd0
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-config/combination-data.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">组合数据</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 组合数据</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-config/cron-job.uvue b/pages/mall/admin/maintain/dev-config/cron-job.uvue
new file mode 100644
index 00000000..5666b8c6
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-config/cron-job.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">定时任务</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 定时任务</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-config/custom-event.uvue b/pages/mall/admin/maintain/dev-config/custom-event.uvue
new file mode 100644
index 00000000..c9e17689
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-config/custom-event.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">自定事件</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 自定事件</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-config/module-config.uvue b/pages/mall/admin/maintain/dev-config/module-config.uvue
new file mode 100644
index 00000000..9c4f8232
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-config/module-config.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">模块配置</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 模块配置</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-config/permission.uvue b/pages/mall/admin/maintain/dev-config/permission.uvue
new file mode 100644
index 00000000..9c5f0931
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-config/permission.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">权限维护</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 权限维护</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-tools/api.uvue b/pages/mall/admin/maintain/dev-tools/api.uvue
new file mode 100644
index 00000000..c059bad9
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-tools/api.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">接口管理</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 接口管理</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-tools/codegen.uvue b/pages/mall/admin/maintain/dev-tools/codegen.uvue
new file mode 100644
index 00000000..77819149
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-tools/codegen.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">代码生成</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 代码生成</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-tools/data-dict.uvue b/pages/mall/admin/maintain/dev-tools/data-dict.uvue
new file mode 100644
index 00000000..d33c07c7
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-tools/data-dict.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">数据字典</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 数据字典</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-tools/database.uvue b/pages/mall/admin/maintain/dev-tools/database.uvue
new file mode 100644
index 00000000..4bff6dc5
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-tools/database.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">数据库管理</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 数据库管理</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/dev-tools/file.uvue b/pages/mall/admin/maintain/dev-tools/file.uvue
new file mode 100644
index 00000000..2e203569
--- /dev/null
+++ b/pages/mall/admin/maintain/dev-tools/file.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">文件管理</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 文件管理</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/external/account.uvue b/pages/mall/admin/maintain/external/account.uvue
new file mode 100644
index 00000000..725dbcfc
--- /dev/null
+++ b/pages/mall/admin/maintain/external/account.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">账号管理</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 账号管理</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/i18n/language-detail.uvue b/pages/mall/admin/maintain/i18n/language-detail.uvue
new file mode 100644
index 00000000..205380b2
--- /dev/null
+++ b/pages/mall/admin/maintain/i18n/language-detail.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">语言详情</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 语言详情</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/i18n/language-list.uvue b/pages/mall/admin/maintain/i18n/language-list.uvue
new file mode 100644
index 00000000..dac9154e
--- /dev/null
+++ b/pages/mall/admin/maintain/i18n/language-list.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">语言列表</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 语言列表</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/i18n/region-list.uvue b/pages/mall/admin/maintain/i18n/region-list.uvue
new file mode 100644
index 00000000..3de194d1
--- /dev/null
+++ b/pages/mall/admin/maintain/i18n/region-list.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">地区列表</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 地区列表</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/i18n/translate-config.uvue b/pages/mall/admin/maintain/i18n/translate-config.uvue
new file mode 100644
index 00000000..1d4655dd
--- /dev/null
+++ b/pages/mall/admin/maintain/i18n/translate-config.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">翻译配置</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 翻译配置</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/security/online-upgrade.uvue b/pages/mall/admin/maintain/security/online-upgrade.uvue
new file mode 100644
index 00000000..89a32d6b
--- /dev/null
+++ b/pages/mall/admin/maintain/security/online-upgrade.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">在线升级</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 在线升级</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/security/refresh-cache.uvue b/pages/mall/admin/maintain/security/refresh-cache.uvue
new file mode 100644
index 00000000..01a4625d
--- /dev/null
+++ b/pages/mall/admin/maintain/security/refresh-cache.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">刷新缓存</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 刷新缓存</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/security/system-log.uvue b/pages/mall/admin/maintain/security/system-log.uvue
new file mode 100644
index 00000000..c670d9b5
--- /dev/null
+++ b/pages/mall/admin/maintain/security/system-log.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">系统日志</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 系统日志</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/maintain/system-info.uvue b/pages/mall/admin/maintain/system-info.uvue
new file mode 100644
index 00000000..e5c820d0
--- /dev/null
+++ b/pages/mall/admin/maintain/system-info.uvue
@@ -0,0 +1,13 @@
+<template>
+<view class="page">
+<view class="header">
+<text class="title">系统信息</text>
+</view>
+<view class="content">
+<text class="tip">TODO: 系统信息</text>
+</view>
+</view>
+</template>
+
+<script setup lang="uts"> </script> <style scoped> .page { padding: 16px; } .title { font-size: 18px; font-weight: 600; } .tip { color: #999; margin-top: 8px; display: block; } </style>
+
diff --git a/pages/mall/admin/marketing-management.uvue b/pages/mall/admin/marketing-management.uvue
new file mode 100644
index 00000000..0a01b102
--- /dev/null
+++ b/pages/mall/admin/marketing-management.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">营销管理</text>
+      <text class="SubTitle">marketing-management</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/marketing/coupon/coupon-management.uvue b/pages/mall/admin/marketing/coupon/coupon-management.uvue
deleted file mode 100644
index 147fbe1a..00000000
--- a/pages/mall/admin/marketing/coupon/coupon-management.uvue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-	<view class="page">
-		<text>优惠券管理 - 占位页</text>
-	</view>
-</template>
-<script lang="uts">
-export default {}
-</script>
-<style>
-.page { padding: 30rpx; }
-</style>
diff --git a/pages/mall/admin/marketing/coupon/list.uvue b/pages/mall/admin/marketing/coupon/list.uvue
index 6d3697a6..f39998ac 100644
--- a/pages/mall/admin/marketing/coupon/list.uvue
+++ b/pages/mall/admin/marketing/coupon/list.uvue
@@ -1,28 +1,62 @@
 <template>
-  <view class="container">
-    <text class="title">优惠券列表</text>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">优惠券列表</text>
+      <text class="SubTitle">marketing/coupon/list</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
   </view>
 </template>
 
 <script setup lang="uts">
-// Minimal script
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
 </script>
 
 <style>
-.container {
-  padding: 40rpx;
-  text-align: center;
+.Page {
+  padding: 24rpx;
 }
-
-.title {
-  font-size: 48rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.content {
-  font-size: 28rpx;
-  color: #666;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-</style>
\ No newline at end of file
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/marketing/coupon/receive.uvue b/pages/mall/admin/marketing/coupon/receive.uvue
index 13f9775c..3becaacc 100644
--- a/pages/mall/admin/marketing/coupon/receive.uvue
+++ b/pages/mall/admin/marketing/coupon/receive.uvue
@@ -1,28 +1,62 @@
 <template>
-  <view class="container">
-    <text class="title">用户领取记录</text>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">领取情况</text>
+      <text class="SubTitle">marketing/coupon/receive</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
   </view>
 </template>
 
 <script setup lang="uts">
-// Minimal script
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
 </script>
 
 <style>
-.container {
-  padding: 40rpx;
-  text-align: center;
+.Page {
+  padding: 24rpx;
 }
-
-.title {
-  font-size: 48rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.content {
-  font-size: 28rpx;
-  color: #666;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-</style>
\ No newline at end of file
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/marketing/points/index.uvue b/pages/mall/admin/marketing/points/index.uvue
index 7d8bef40..bb125cb7 100644
--- a/pages/mall/admin/marketing/points/index.uvue
+++ b/pages/mall/admin/marketing/points/index.uvue
@@ -1,28 +1,62 @@
 <template>
-  <view class="container">
-    <text class="title">积分管理</text>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">积分统计</text>
+      <text class="SubTitle">marketing/points/index</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
   </view>
 </template>
 
 <script setup lang="uts">
-// Minimal script
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
 </script>
 
 <style>
-.container {
-  padding: 40rpx;
-  text-align: center;
+.Page {
+  padding: 24rpx;
 }
-
-.title {
-  font-size: 48rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.content {
-  font-size: 28rpx;
-  color: #666;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-</style>
\ No newline at end of file
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/marketing/signin/record.uvue b/pages/mall/admin/marketing/signin/record.uvue
index 2972cee3..8f674174 100644
--- a/pages/mall/admin/marketing/signin/record.uvue
+++ b/pages/mall/admin/marketing/signin/record.uvue
@@ -1,28 +1,62 @@
 <template>
-  <view class="container">
-    <text class="title">签到记录</text>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">签到奖励</text>
+      <text class="SubTitle">marketing/signin/record</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
   </view>
 </template>
 
 <script setup lang="uts">
-// Minimal script
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
 </script>
 
 <style>
-.container {
-  padding: 40rpx;
-  text-align: center;
+.Page {
+  padding: 24rpx;
 }
-
-.title {
-  font-size: 48rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.content {
-  font-size: 28rpx;
-  color: #666;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-</style>
\ No newline at end of file
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/marketing/signin/rule.uvue b/pages/mall/admin/marketing/signin/rule.uvue
index b0d6bcfb..e9dbac24 100644
--- a/pages/mall/admin/marketing/signin/rule.uvue
+++ b/pages/mall/admin/marketing/signin/rule.uvue
@@ -1,28 +1,62 @@
 <template>
-  <view class="container">
-    <text class="title">签到规则</text>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">签到配置</text>
+      <text class="SubTitle">marketing/signin/rule</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
   </view>
 </template>
 
 <script setup lang="uts">
-// Minimal script
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
 </script>
 
 <style>
-.container {
-  padding: 40rpx;
-  text-align: center;
+.Page {
+  padding: 24rpx;
 }
-
-.title {
-  font-size: 48rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.content {
-  font-size: 28rpx;
-  color: #666;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-</style>
\ No newline at end of file
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/merchant-management.uvue b/pages/mall/admin/merchant-management.uvue
deleted file mode 100644
index 7ddce6fa..00000000
--- a/pages/mall/admin/merchant-management.uvue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-	<view class="page">
-		<text>商家管理 - 占位页</text>
-	</view>
-</template>
-
-<script lang="uts">
-export default {}
-</script>
-
-<style>
-.page { padding: 30rpx; }
-</style>
diff --git a/pages/mall/admin/merchant-review.uvue b/pages/mall/admin/merchant-review.uvue
deleted file mode 100644
index 0c4d7988..00000000
--- a/pages/mall/admin/merchant-review.uvue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<view class="merchant-review">
-		<view class="page-header">
-			<text class="page-title">商家入驻审核</text>
-			<text class="page-subtitle">审核商家入驻申请</text>
-		</view>
-
-		<view class="review-content">
-			<text class="coming-soon">商家审核功能正在开发中...</text>
-		</view>
-	</view>
-</template>
-
-<script setup lang="uts">
-// 统一的导航方法
-const go = (url: string) => {
-	// 1) 目标页面必须是非 tabBar 页面
-	// 2) 必须在 pages.json / subPackages 注册
-	uni.navigateTo({ url })
-}
-</script>
-
-<style lang="scss">
-.merchant-review {
-	padding: 30rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
-
-.page-header {
-	background-color: #fff;
-	padding: 40rpx;
-	border-radius: 16rpx;
-	margin-bottom: 30rpx;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.page-title {
-		font-size: 36rpx;
-		font-weight: bold;
-		color: #212529;
-		display: block;
-		margin-bottom: 10rpx;
-	}
-
-	.page-subtitle {
-		font-size: 26rpx;
-		color: #6c757d;
-	}
-}
-
-.review-content {
-	background-color: #fff;
-	padding: 60rpx 40rpx;
-	border-radius: 16rpx;
-	text-align: center;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.coming-soon {
-		font-size: 28rpx;
-		color: #6c757d;
-	}
-}
-</style>
diff --git a/pages/mall/admin/notifications.uvue b/pages/mall/admin/notifications.uvue
deleted file mode 100644
index c557a93d..00000000
--- a/pages/mall/admin/notifications.uvue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-	<view class="page">
-		<text>通知中心 - 占位页</text>
-	</view>
-</template>
-<script lang="uts">
-export default {}
-</script>
-<style>
-.page { padding: 30rpx; }
-</style>
diff --git a/pages/mall/admin/order-management.uvue b/pages/mall/admin/order-management.uvue
index faa310bf..775e578b 100644
--- a/pages/mall/admin/order-management.uvue
+++ b/pages/mall/admin/order-management.uvue
@@ -1,1484 +1,62 @@
 <template>
-  <AdminLayout current-page="order">
-    <view class="order-management">
-
-      <!-- 订单列表Tab -->
-      <view v-if="activeTab === 'order-list'">
-        <!-- 统计卡片 -->
-      <view class="stats-cards">
-        <view class="stat-card">
-          <view class="stat-icon">📦</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ totalOrders }}</text>
-            <text class="stat-label">总订单数</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">⏳</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ pendingOrders }}</text>
-            <text class="stat-label">待处理</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">🚚</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ shippingOrders }}</text>
-            <text class="stat-label">配送中</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">✅</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ completedOrders }}</text>
-            <text class="stat-label">已完成</text>
-          </view>
-        </view>
-      </view>
-
-      <!-- 搜索和筛选 -->
-      <view class="search-section">
-        <view class="search-bar">
-          <view class="search-input-wrapper">
-            <input
-              v-model="searchKeyword"
-              class="search-input"
-              placeholder="搜索订单号、用户名、商品名称"
-              @confirm="handleSearch"
-            />
-            <view class="search-btn" @click="handleSearch">
-              <text class="iconfont icon-search"></text>
-            </view>
-          </view>
-          <view class="advanced-toggle" @click="showAdvancedSearch = !showAdvancedSearch">
-            <text>{{ showAdvancedSearch ? '收起' : '展开' }}筛选</text>
-          </view>
-        </view>
-
-        <!-- 高级搜索 -->
-        <view v-if="showAdvancedSearch" class="advanced-search">
-          <view class="filter-row">
-            <view class="filter-item">
-              <text class="filter-label">订单状态:</text>
-              <picker
-                mode="selector"
-                :range="statusOptions"
-                :value="selectedStatus"
-                @change="handleStatusChange"
-              >
-                <view class="picker-display">
-                  <text>{{ statusOptions[selectedStatus] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-            <view class="filter-item">
-              <text class="filter-label">支付方式:</text>
-              <picker
-                mode="selector"
-                :range="paymentOptions"
-                :value="selectedPayment"
-                @change="handlePaymentChange"
-              >
-                <view class="picker-display">
-                  <text>{{ paymentOptions[selectedPayment] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-          </view>
-
-          <view class="filter-row">
-            <view class="filter-item">
-              <text class="filter-label">订单时间:</text>
-              <view class="date-range">
-                <picker
-                  mode="date"
-                  :value="startDate"
-                  :start="minDate"
-                  :end="maxDate"
-                  @change="handleStartDateChange"
-                >
-                  <view class="date-input">
-                    <text>{{ startDate || '开始日期' }}</text>
-                  </view>
-                </picker>
-                <text class="date-separator">-</text>
-                <picker
-                  mode="date"
-                  :value="endDate"
-                  :start="minDate"
-                  :end="maxDate"
-                  @change="handleEndDateChange"
-                >
-                  <view class="date-input">
-                    <text>{{ endDate || '结束日期' }}</text>
-                  </view>
-                </picker>
-              </view>
-            </view>
-          </view>
-
-          <view class="filter-actions">
-            <button class="btn-secondary" @click="resetFilters">重置</button>
-            <button class="btn-primary" @click="handleAdvancedSearch">搜索</button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 操作按钮 -->
-      <view class="action-bar">
-        <view class="left-actions">
-          <button class="btn-primary" @click="handleExport">
-            <text class="iconfont icon-export"></text>
-            导出订单
-          </button>
-        </view>
-        <view class="right-actions">
-          <view class="select-all">
-            <checkbox :checked="selectAll" @change="handleSelectAll" />
-            <text>全选</text>
-          </view>
-          <button class="btn-danger" :disabled="selectedOrders.length === 0" @click="handleBatchDelete">
-            <text class="iconfont icon-delete"></text>
-            批量删除
-          </button>
-        </view>
-      </view>
-
-      <!-- 订单列表 -->
-      <view class="order-table">
-        <view class="table-header">
-          <view class="table-row">
-            <view class="col-select">选择</view>
-            <view class="col-order">订单信息</view>
-            <view class="col-user">用户信息</view>
-            <view class="col-amount">金额</view>
-            <view class="col-status">状态</view>
-            <view class="col-time">下单时间</view>
-            <view class="col-actions">操作</view>
-          </view>
-        </view>
-
-        <view class="table-body">
-          <view
-            v-for="order in orderList"
-            :key="order.id"
-            class="table-row"
-            :class="{ 'selected': selectedOrders.includes(order.id) }"
-          >
-            <view class="col-select">
-              <checkbox
-                :checked="selectedOrders.includes(order.id)"
-                @change="handleOrderSelect(order.id, $event)"
-              />
-            </view>
-            <view class="col-order">
-              <view class="order-number">{{ order.orderNumber }}</view>
-              <view class="order-items">
-                <text v-for="item in order.items" :key="item.id" class="order-item">
-                  {{ item.name }} x{{ item.quantity }}
-                </text>
-              </view>
-            </view>
-            <view class="col-user">
-              <view class="user-name">{{ order.userName }}</view>
-              <view class="user-phone">{{ order.userPhone }}</view>
-            </view>
-            <view class="col-amount">
-              <view class="order-amount">¥{{ order.totalAmount }}</view>
-              <view class="payment-method">{{ order.paymentMethod }}</view>
-            </view>
-            <view class="col-status">
-              <view class="status-badge" :class="order.status">
-                {{ order.status === 'pending' ? '待处理' :
-                   order.status === 'paid' ? '已支付' :
-                   order.status === 'shipping' ? '配送中' :
-                   order.status === 'completed' ? '已完成' : '已取消' }}
-              </view>
-            </view>
-            <view class="col-time">
-              <text class="order-time">{{ formatDate(order.createdAt) }}</text>
-            </view>
-            <view class="col-actions">
-              <button class="action-btn view" @click="handleViewOrder(order)">
-                <text class="iconfont icon-view"></text>
-              </button>
-              <button class="action-btn ship" @click="handleShipOrder(order)" v-if="order.status === 'paid'">
-                <text class="iconfont icon-ship"></text>
-              </button>
-              <button class="action-btn complete" @click="handleCompleteOrder(order)" v-if="order.status === 'shipping'">
-                <text class="iconfont icon-complete"></text>
-              </button>
-              <button class="action-btn delete" @click="handleDeleteOrder(order)">
-                <text class="iconfont icon-delete"></text>
-              </button>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 分页 -->
-      <view class="pagination">
-        <view class="page-info">
-          <text>共 {{ totalOrders }} 条记录，显示 {{ (currentPage - 1) * pageSize + 1 }}-{{ Math.min(currentPage * pageSize, totalOrders) }} 条</text>
-        </view>
-        <view class="page-controls">
-          <button
-            class="page-btn"
-            :disabled="currentPage === 1"
-            @click="goToPage(currentPage - 1)"
-          >
-            上一页
-          </button>
-
-          <view class="page-numbers">
-            <button
-              v-for="page in visiblePages"
-              :key="page"
-              class="page-number"
-              :class="{ 'active': page === currentPage }"
-              @click="goToPage(page)"
-            >
-              {{ page }}
-            </button>
-          </view>
-
-          <button
-            class="page-btn"
-            :disabled="currentPage === totalPages"
-            @click="goToPage(currentPage + 1)"
-          >
-            下一页
-          </button>
-        </view>
-      </view>
-
-      <!-- 订单详情模态框 -->
-      <view v-if="showOrderDetail" class="modal-overlay" @click="closeModal">
-        <view class="modal-content order-detail-modal" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">订单详情 - {{ currentOrder?.orderNumber }}</text>
-            <view class="modal-close" @click="closeModal">
-              <text class="iconfont icon-close"></text>
-            </view>
-          </view>
-
-          <view class="modal-body">
-            <view class="order-info-section">
-              <view class="info-row">
-                <text class="info-label">订单号:</text>
-                <text class="info-value">{{ currentOrder?.orderNumber }}</text>
-              </view>
-              <view class="info-row">
-                <text class="info-label">下单时间:</text>
-                <text class="info-value">{{ formatDate(currentOrder?.createdAt) }}</text>
-              </view>
-              <view class="info-row">
-                <text class="info-label">订单状态:</text>
-                <view class="status-badge small" :class="currentOrder?.status">
-                  {{ currentOrder?.status === 'pending' ? '待处理' :
-                     currentOrder?.status === 'paid' ? '已支付' :
-                     currentOrder?.status === 'shipping' ? '配送中' :
-                     currentOrder?.status === 'completed' ? '已完成' : '已取消' }}
-                </view>
-              </view>
-            </view>
-
-            <view class="user-info-section">
-              <text class="section-title">用户信息</text>
-              <view class="info-row">
-                <text class="info-label">用户名:</text>
-                <text class="info-value">{{ currentOrder?.userName }}</text>
-              </view>
-              <view class="info-row">
-                <text class="info-label">联系电话:</text>
-                <text class="info-value">{{ currentOrder?.userPhone }}</text>
-              </view>
-              <view class="info-row">
-                <text class="info-label">收货地址:</text>
-                <text class="info-value">{{ currentOrder?.address }}</text>
-              </view>
-            </view>
-
-            <view class="items-section">
-              <text class="section-title">商品信息</text>
-              <view class="order-items-list">
-                <view v-for="item in currentOrder?.items" :key="item.id" class="item-row">
-                  <view class="item-info">
-                    <text class="item-name">{{ item.name }}</text>
-                    <text class="item-spec">{{ item.spec }}</text>
-                  </view>
-                  <view class="item-price">¥{{ item.price }}</view>
-                  <view class="item-quantity">x{{ item.quantity }}</view>
-                  <view class="item-total">¥{{ item.price * item.quantity }}</view>
-                </view>
-              </view>
-            </view>
-
-            <view class="amount-section">
-              <view class="amount-row">
-                <text class="amount-label">商品总价:</text>
-                <text class="amount-value">¥{{ currentOrder?.subtotal }}</text>
-              </view>
-              <view class="amount-row">
-                <text class="amount-label">运费:</text>
-                <text class="amount-value">¥{{ currentOrder?.shippingFee }}</text>
-              </view>
-              <view class="amount-row total">
-                <text class="amount-label">订单总价:</text>
-                <text class="amount-value">¥{{ currentOrder?.totalAmount }}</text>
-              </view>
-            </view>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">关闭</button>
-            <view class="action-buttons">
-              <button
-                class="btn-primary"
-                @click="handleShipOrder(currentOrder)"
-                v-if="currentOrder?.status === 'paid'"
-              >
-                发货
-              </button>
-              <button
-                class="btn-success"
-                @click="handleCompleteOrder(currentOrder)"
-                v-if="currentOrder?.status === 'shipping'"
-              >
-                确认收货
-              </button>
-            </view>
-          </view>
-        </view>
-        </view>
-
-        <!-- 订单详情Tab -->
-        <view v-if="activeTab === 'order-detail'" class="order-detail-section">
-          <view class="order-detail-placeholder">
-            <text class="placeholder-title">订单详情页面</text>
-            <text class="placeholder-desc">选择订单列表中的订单查看详情</text>
-          </view>
-        </view>
-      </view>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">订单</text>
+      <text class="SubTitle">order-management</text>
     </view>
-  </AdminLayout>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
 </template>
 
 <script setup lang="uts">
-import { ref, computed} from 'vue'
-import AdminLayout from '@/layouts/admin/index.uvue'
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
 
-// Tab 相关
-const activeTab = ref('order-list')
-const tabs = ref([
-  { key: 'order-list', title: '订单列表', icon: 'icon-list' },
-  { key: 'order-detail', title: '订单详情', icon: 'icon-detail' }
-])
+const params = ref('')
 
-// 响应式数据
-const searchKeyword = ref('')
-const showAdvancedSearch = ref(false)
-const totalOrders = ref(342)
-const pendingOrders = ref(25)
-const shippingOrders = ref(15)
-const completedOrders = ref(302)
-
-// 筛选条件
-const selectedStatus = ref(0)
-const selectedPayment = ref(0)
-const startDate = ref('')
-const endDate = ref('')
-const minDate = '2020-01-01'
-const maxDate = new Date().toISOString().split('T')[0]
-
-// 选项数据
-const statusOptions = ['全部状态', '待处理', '已支付', '配送中', '已完成', '已取消']
-const paymentOptions = ['全部方式', '支付宝', '微信支付', '银行卡', '货到付款']
-
-// 订单列表
-const orderList = ref([
-  {
-    id: 1,
-    orderNumber: 'DD202401150001',
-    userName: '张三',
-    userPhone: '13800138001',
-    address: '北京市朝阳区某某街道某某小区某某号',
-    status: 'pending',
-    paymentMethod: '支付宝',
-    subtotal: 2599,
-    shippingFee: 0,
-    totalAmount: 2599,
-    createdAt: '2024-01-15T10:30:00Z',
-    items: [
-      { id: 1, name: 'iPhone 15 Pro', spec: '256GB 黑色', price: 8999, quantity: 1 },
-      { id: 2, name: '手机壳', spec: '硅胶保护壳', price: 59, quantity: 1 }
-    ]
-  },
-  {
-    id: 2,
-    orderNumber: 'DD202401150002',
-    userName: '李四',
-    userPhone: '13800138002',
-    address: '上海市浦东新区某某街道某某小区某某号',
-    status: 'paid',
-    paymentMethod: '微信支付',
-    subtotal: 699,
-    shippingFee: 10,
-    totalAmount: 709,
-    createdAt: '2024-01-15T09:15:00Z',
-    items: [
-      { id: 3, name: 'Nike 运动鞋', spec: '42码 白色', price: 599, quantity: 1 },
-      { id: 4, name: '运动袜', spec: '中筒 黑色', price: 29, quantity: 2 }
-    ]
-  },
-  {
-    id: 3,
-    orderNumber: 'DD202401150003',
-    userName: '王五',
-    userPhone: '13800138003',
-    address: '广州市天河区某某街道某某小区某某号',
-    status: 'shipping',
-    paymentMethod: '支付宝',
-    subtotal: 1299,
-    shippingFee: 0,
-    totalAmount: 1299,
-    createdAt: '2024-01-14T16:45:00Z',
-    items: [
-      { id: 5, name: '咖啡机', spec: '全自动磨豆', price: 1299, quantity: 1 }
-    ]
-  },
-  {
-    id: 4,
-    orderNumber: 'DD202401150004',
-    userName: '赵六',
-    userPhone: '13800138004',
-    address: '深圳市南山区某某街道某某小区某某号',
-    status: 'completed',
-    paymentMethod: '银行卡',
-    subtotal: 4599,
-    shippingFee: 0,
-    totalAmount: 4599,
-    createdAt: '2024-01-13T14:20:00Z',
-    items: [
-      { id: 6, name: '联想笔记本', spec: 'i5 16GB 512GB SSD', price: 4599, quantity: 1 }
-    ]
-  }
-])
-
-// 分页相关
-const currentPage = ref(1)
-const pageSize = ref(10)
-const totalPages = computed(() => Math.ceil(totalOrders.value / pageSize.value))
-const visiblePages = computed(() => {
-  const pages = []
-  const start = Math.max(1, currentPage.value - 2)
-  const end = Math.min(totalPages.value, currentPage.value + 2)
-
-  for (let i = start; i <= end; i++) {
-    pages.push(i)
-  }
-
-  return pages
-})
-
-// 选择相关
-const selectAll = ref(false)
-const selectedOrders = ref<number[]>([])
-
-// 模态框相关
-const showOrderDetail = ref(false)
-const currentOrder = ref(null)
-
-// 方法
-const handleSearch = () => {
-  console.log('搜索:', searchKeyword.value)
-  // TODO: 实现搜索逻辑
-}
-
-const handleStatusChange = (e: any) => {
-  selectedStatus.value = e.detail.value
-}
-
-const handlePaymentChange = (e: any) => {
-  selectedPayment.value = e.detail.value
-}
-
-const handleStartDateChange = (e: any) => {
-  startDate.value = e.detail.value
-}
-
-const handleEndDateChange = (e: any) => {
-  endDate.value = e.detail.value
-}
-
-const resetFilters = () => {
-  selectedStatus.value = 0
-  selectedPayment.value = 0
-  startDate.value = ''
-  endDate.value = ''
-  searchKeyword.value = ''
-}
-
-const handleAdvancedSearch = () => {
-  console.log('高级搜索:', {
-    status: statusOptions[selectedStatus.value],
-    payment: paymentOptions[selectedPayment.value],
-    startDate: startDate.value,
-    endDate: endDate.value,
-    keyword: searchKeyword.value
-  })
-  // TODO: 实现高级搜索逻辑
-}
-
-const handleExport = () => {
-  uni.showToast({
-    title: '导出功能开发中',
-    icon: 'none'
-  })
-}
-
-const handleSelectAll = (e: any) => {
-  selectAll.value = e.detail.value
-  if (selectAll.value) {
-    selectedOrders.value = orderList.value.map(order => order.id)
-  } else {
-    selectedOrders.value = []
-  }
-}
-
-const handleOrderSelect = (orderId: number, e: any) => {
-  if (e.detail.value) {
-    selectedOrders.value.push(orderId)
-  } else {
-    selectedOrders.value = selectedOrders.value.filter(id => id !== orderId)
-  }
-  selectAll.value = selectedOrders.value.length === orderList.value.length
-}
-
-const handleBatchDelete = () => {
-  if (selectedOrders.value.length === 0) return
-
-  uni.showModal({
-    title: '确认删除',
-    content: `确定要删除 ${selectedOrders.value.length} 个订单吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现批量删除逻辑
-        selectedOrders.value.forEach(id => {
-          const index = orderList.value.findIndex(o => o.id === id)
-          if (index > -1) {
-            orderList.value.splice(index, 1)
-            totalOrders.value--
-          }
-        })
-
-        uni.showToast({
-          title: '批量删除成功',
-          icon: 'success'
-        })
-        selectedOrders.value = []
-        selectAll.value = false
-      }
-    }
-  })
-}
-
-const handleViewOrder = (order: any) => {
-  currentOrder.value = order
-  showOrderDetail.value = true
-}
-
-const handleShipOrder = (order: any) => {
-  uni.showModal({
-    title: '确认发货',
-    content: `确定要为订单 "${order.orderNumber}" 发货吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现发货逻辑
-        order.status = 'shipping'
-        uni.showToast({
-          title: '发货成功',
-          icon: 'success'
-        })
-        closeModal()
-      }
-    }
-  })
-}
-
-const handleCompleteOrder = (order: any) => {
-  uni.showModal({
-    title: '确认收货',
-    content: `确定订单 "${order.orderNumber}" 已收货吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现确认收货逻辑
-        order.status = 'completed'
-        uni.showToast({
-          title: '确认收货成功',
-          icon: 'success'
-        })
-        closeModal()
-      }
-    }
-  })
-}
-
-const handleDeleteOrder = (order: any) => {
-  uni.showModal({
-    title: '确认删除',
-    content: `确定要删除订单 "${order.orderNumber}" 吗？此操作不可恢复。`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现删除逻辑
-        const index = orderList.value.findIndex(o => o.id === order.id)
-        if (index > -1) {
-          orderList.value.splice(index, 1)
-          totalOrders.value--
-        }
-
-        uni.showToast({
-          title: '删除成功',
-          icon: 'success'
-        })
-      }
-    }
-  })
-}
-
-const closeModal = () => {
-  showOrderDetail.value = false
-  currentOrder.value = null
-}
-
-const goToPage = (page: number) => {
-  currentPage.value = page
-  // TODO: 实现分页数据加载
-}
-
-const formatDate = (dateString: string) => {
-  const date = new Date(dateString)
-  return date.toLocaleDateString('zh-CN') + ' ' + date.toLocaleTimeString('zh-CN', { hour12: false })
-}
-
-// Tab 切换方法
-const switchTab = (tabKey: string) => {
-  activeTab.value = tabKey
-}
-
-// 页面生命周期
-onLoad((options: any) => {
-  // 处理页面参数，切换到对应的tab
-  if (options && options.action) {
-    if (options.action === 'detail') {
-      activeTab.value = 'order-detail'
-    } else {
-      activeTab.value = 'order-list'
-    }
-  } else {
-    activeTab.value = 'order-list'
-  }
-
-  console.log('订单管理页面加载，参数:', options)
-})
-
-onMounted(() => {
-  // 初始化数据
-  console.log('订单管理页面初始化')
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
 })
 </script>
 
-<style lang="scss">
-/* 订单详情占位符 */
-.order-detail-section {
-  background-color: #ffffff;
-  border-radius: 8rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
-  min-height: 400rpx;
+<style>
+.Page {
+  padding: 24rpx;
 }
-
-.order-detail-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 80rpx 40rpx;
-  text-align: center;
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.placeholder-title {
-  font-size: 20rpx;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
   font-weight: 600;
-  color: #262626;
   margin-bottom: 12rpx;
 }
-
-.placeholder-desc {
-  font-size: 14rpx;
-  color: #666666;
-}
-
-.order-management {
-  padding: 20rpx;
-}
-
-.page-header {
-  margin-bottom: 30rpx;
-}
-
-.page-title {
-  display: block;
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 10rpx;
-}
-
-.page-subtitle {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-}
-
-.stats-cards {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  margin-bottom: 40rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.stat-card {
-  flex: 1;
-  min-width: 200rpx;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: 16rpx;
-  padding: 40rpx 30rpx;
-  text-align: center;
-  color: #fff;
-  box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
-}
-
-.stat-icon {
-  font-size: 48rpx;
-  margin-bottom: 20rpx;
-}
-
-.stat-content {
-  flex: 1;
-}
-
-.stat-value {
-  display: block;
-  font-size: 48rpx;
-  font-weight: bold;
-  margin-bottom: 8rpx;
-}
-
-.stat-label {
-  display: block;
+.Mono {
   font-size: 24rpx;
-  opacity: 0.9;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
 }
-
-.search-section {
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.search-bar {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 20rpx;
-  margin-bottom: 20rpx;
-}
-
-.search-input-wrapper {
-  flex: 1;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  overflow: hidden;
-}
-
-.search-input {
-  flex: 1;
-  padding: 16rpx 20rpx;
-  border: none;
-  font-size: 28rpx;
-}
-
-.search-btn {
-  padding: 16rpx 20rpx;
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  cursor: pointer;
-}
-
-.advanced-toggle {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 10rpx;
-  color: #1890ff;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.advanced-search {
-  border-top: 1rpx solid #eee;
-  padding-top: 30rpx;
-  margin-top: 20rpx;
-}
-
-.filter-row {
-  display: flex;
-  flex-direction:row;
-  gap: 30rpx;
-  margin-bottom: 20rpx;
-  flex-wrap: wrap;
-}
-
-.filter-item {
-  flex: 1;
-  min-width: 200rpx;
-}
-
-.filter-label {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-  margin-bottom: 10rpx;
-}
-
-.picker-display {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  cursor: pointer;
-}
-
-.date-range {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 10rpx;
-}
-
-.date-input {
-  flex: 1;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  text-align: center;
-  cursor: pointer;
-}
-
-.date-separator {
-  color: #666;
-  font-size: 24rpx;
-}
-
-.filter-actions {
-  display: flex;
-  flex-direction:row;
-  gap: 20rpx;
-  justify-content: flex-end;
-  margin-top: 20rpx;
-}
-
-.action-bar {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.left-actions,
-.right-actions {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.select-all {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 10rpx;
-  font-size: 26rpx;
-}
-
-.btn-primary {
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-secondary {
-  background-color: #fff;
-  color: #666;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-success {
-  background-color: #52c41a;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-danger {
-  background-color: #ff4d4f;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-danger:disabled {
-  background-color: #ccc;
-  cursor: not-allowed;
-}
-
-.order-table {
-  background-color: #fff;
-  border-radius: 12rpx;
-  overflow: hidden;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.table-header {
-  background-color: #f5f5f5;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  padding: 20rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row:last-child {
-  border-bottom: none;
-}
-
-.table-row.selected {
-  background-color: #f0f8ff;
-}
-
-.col-select {
-  width: 80rpx;
-  text-align: center;
-}
-
-.col-order {
-  flex: 2;
-}
-
-.col-user {
-  flex: 1.5;
-}
-
-.col-amount,
-.col-status,
-.col-time {
-  flex: 1;
-}
-
-.col-actions {
-  width: 200rpx;
-  display: flex;
-  flex-direction:row;
-  gap: 10rpx;
-  justify-content: center;
-}
-
-.order-number {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #1890ff;
-  margin-bottom: 8rpx;
-}
-
-.order-items {
-  display: flex;
-  flex-direction:row;
-  gap: 4rpx;
-}
-
-.order-item {
-  font-size: 24rpx;
-  color: #666;
-  display: block;
-}
-
-.user-name {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-}
-
-.user-phone {
-  font-size: 24rpx;
-  color: #666;
-}
-
-.order-amount {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #ff4d4f;
-  margin-bottom: 4rpx;
-}
-
-.payment-method {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.status-badge {
-  display: inline-block;
-  padding: 6rpx 12rpx;
-  border-radius: 12rpx;
-  font-size: 22rpx;
-  font-weight: bold;
-  text-align: center;
-}
-
-.status-badge.small {
-  padding: 4rpx 8rpx;
-  font-size: 20rpx;
-}
-
-.status-badge.pending {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.status-badge.paid {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.status-badge.shipping {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.status-badge.completed {
-  background-color: #722ed1;
-  color: #fff;
-}
-
-.status-badge.cancelled {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.order-time {
-  font-size: 24rpx;
-  color: #666;
-}
-
-.action-btn {
-  width: 60rpx;
-  height: 60rpx;
-  border-radius: 8rpx;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border: none;
-  font-size: 24rpx;
-}
-
-.action-btn.view {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.action-btn.ship {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.action-btn.complete {
-  background-color: #722ed1;
-  color: #fff;
-}
-
-.action-btn.delete {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.pagination {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.page-info {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.page-controls {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.page-btn {
-  padding: 12rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-btn:disabled {
-  background-color: #f5f5f5;
-  color: #ccc;
-  cursor: not-allowed;
-}
-
-.page-numbers {
-  display: flex;
-  flex-direction:row;
-  gap: 8rpx;
-  margin: 0 20rpx;
-}
-
-.page-number {
-  width: 50rpx;
-  height: 50rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-number.active {
-  background-color: #1890ff;
-  color: #fff;
-  border-color: #1890ff;
-}
-
-.modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.modal-content {
-  background-color: #fff;
-  border-radius: 12rpx;
-  width: 90%;
-  max-width: 800rpx;
-  max-height: 80vh;
-  overflow-y: auto;
-}
-
-.order-detail-modal {
-  max-width: 700rpx;
-}
-
-.modal-header {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  padding: 30rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.modal-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.modal-close {
-  cursor: pointer;
-  font-size: 28rpx;
-  color: #999;
-  padding: 10rpx;
-}
-
-.modal-body {
-  padding: 30rpx;
-}
-
-.order-info-section,
-.user-info-section,
-.items-section,
-.amount-section {
-  margin-bottom: 30rpx;
-}
-
-.section-title {
-  font-size: 30rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
-  display: block;
-}
-
-.info-row {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 15rpx;
-}
-
-.info-row:last-child {
-  margin-bottom: 0;
-}
-
-.info-label {
-  font-size: 26rpx;
-  color: #666;
-  flex: 1;
-}
-
-.info-value {
-  font-size: 26rpx;
-  color: #333;
-  flex: 2;
-  text-align: right;
-}
-
-.order-items-list {
-  border: 1rpx solid #eee;
-  border-radius: 8rpx;
-  overflow: hidden;
-}
-
-.item-row {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  padding: 20rpx;
-  border-bottom: 1rpx solid #eee;
-  gap: 15rpx;
-}
-
-.item-row:last-child {
-  border-bottom: none;
-}
-
-.item-info {
-  flex: 2;
-}
-
-.item-name {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-  display: block;
-}
-
-.item-spec {
-  font-size: 24rpx;
-  color: #666;
-  display: block;
-}
-
-.item-price,
-.item-quantity,
-.item-total {
-  flex: 1;
-  text-align: center;
-  font-size: 26rpx;
-  color: #333;
-}
-
-.amount-row {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10rpx;
-}
-
-.amount-row.total {
-  border-top: 1rpx solid #eee;
-  padding-top: 15rpx;
-  margin-top: 15rpx;
-}
-
-.amount-label {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.amount-value {
-  font-size: 26rpx;
-  color: #333;
-}
-
-.amount-row.total .amount-value {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #ff4d4f;
-}
-
-.modal-footer {
-  display: flex;
-  flex-direction:row;
-  gap: 20rpx;
-  justify-content: space-between;
-  align-items: center;
-  padding: 30rpx;
-  border-top: 1rpx solid #eee;
-}
-
-.action-buttons {
-  display: flex;
-  flex-direction:row;
-  gap: 15rpx;
-}
-
-.iconfont {
-  font-family: 'iconfont';
-  font-size: 24rpx;
-}
-
-/* 响应式设计 */
-@media screen and (max-width: 750rpx) {
-  .stats-cards {
-    flex-direction: column;
-  }
-
-  .filter-row {
-    flex-direction: column;
-    gap: 15rpx;
-  }
-
-  .action-bar {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .left-actions,
-  .right-actions {
-    justify-content: center;
-  }
-
-  .table-row {
-    flex-wrap: wrap;
-    gap: 10rpx;
-  }
-
-  .col-order,
-  .col-user {
-    flex: 1 1 100%;
-  }
-
-  .pagination {
-    flex-direction: column;
-    text-align: center;
-  }
-
-  .info-row {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 5rpx;
-  }
-
-  .info-value {
-    text-align: left;
-  }
-
-  .item-row {
-    flex-wrap: wrap;
-    gap: 10rpx;
-  }
-
-  .modal-footer {
-    flex-direction: column;
-  }
-
-  .action-buttons {
-    width: 100%;
-    justify-content: center;
-  }
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/mall/admin/product-classification.uvue b/pages/mall/admin/product-classification.uvue
new file mode 100644
index 00000000..d2aff0a4
--- /dev/null
+++ b/pages/mall/admin/product-classification.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品分类</text>
+      <text class="SubTitle">product-classification</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/product-labels.uvue b/pages/mall/admin/product-labels.uvue
new file mode 100644
index 00000000..f8e6574e
--- /dev/null
+++ b/pages/mall/admin/product-labels.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品标签</text>
+      <text class="SubTitle">product-labels</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/product-management.uvue b/pages/mall/admin/product-management.uvue
index a356592b..9c375938 100644
--- a/pages/mall/admin/product-management.uvue
+++ b/pages/mall/admin/product-management.uvue
@@ -1,1727 +1,62 @@
 <template>
-  <AdminLayout current-page="product-list">
-    <view class="product-management">
-      <!-- 商品列表Tab -->
-      <view v-if="activeTab === 'product-list'">
-        <!-- 统计卡片 -->
-      <view class="stats-cards">
-        <view class="stat-card">
-          <view class="stat-icon">📦</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ totalProducts }}</text>
-            <text class="stat-label">总商品数</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">✅</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ onSaleProducts }}</text>
-            <text class="stat-label">在售商品</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">🚫</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ offShelfProducts }}</text>
-            <text class="stat-label">已下架</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">⚠️</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ lowStockProducts }}</text>
-            <text class="stat-label">库存不足</text>
-          </view>
-        </view>
-      </view>
-
-      <!-- 搜索和筛选 -->
-      <view class="search-section">
-        <view class="search-bar">
-          <view class="search-input-wrapper">
-            <input
-              v-model="searchKeyword"
-              class="search-input"
-              placeholder="搜索商品名称、编号、分类"
-              @confirm="handleSearch"
-            />
-            <view class="search-btn" @click="handleSearch">
-              <text class="iconfont icon-search"></text>
-            </view>
-          </view>
-          <view class="advanced-toggle" @click="showAdvancedSearch = !showAdvancedSearch">
-            <text>{{ showAdvancedSearch ? '收起' : '展开' }}筛选</text>
-          </view>
-        </view>
-
-        <!-- 高级搜索 -->
-        <view v-if="showAdvancedSearch" class="advanced-search">
-          <view class="filter-row">
-            <view class="filter-item">
-              <text class="filter-label">商品状态:</text>
-              <picker
-                mode="selector"
-                :range="statusOptions"
-                :value="selectedStatus"
-                @change="handleStatusChange"
-              >
-                <view class="picker-display">
-                  <text>{{ statusOptions[selectedStatus] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-            <view class="filter-item">
-              <text class="filter-label">商品分类:</text>
-              <picker
-                mode="selector"
-                :range="categoryOptions"
-                :value="selectedCategory"
-                @change="handleCategoryChange"
-              >
-                <view class="picker-display">
-                  <text>{{ categoryOptions[selectedCategory] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-          </view>
-
-          <view class="filter-row">
-            <view class="filter-item">
-              <text class="filter-label">价格区间:</text>
-              <view class="price-range">
-                <input
-                  v-model="minPrice"
-                  class="price-input"
-                  placeholder="最低价"
-                  type="number"
-                />
-                <text class="price-separator">-</text>
-                <input
-                  v-model="maxPrice"
-                  class="price-input"
-                  placeholder="最高价"
-                  type="number"
-                />
-              </view>
-            </view>
-          </view>
-
-          <view class="filter-actions">
-            <button class="btn-secondary" @click="resetFilters">重置</button>
-            <button class="btn-primary" @click="handleAdvancedSearch">搜索</button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 操作按钮 -->
-      <view class="action-bar">
-        <view class="left-actions">
-          <button class="btn-primary" @click="showAddModal = true">
-            <text class="iconfont icon-add"></text>
-            添加商品
-          </button>
-          <button class="btn-secondary" @click="handleBatchOnSale">
-            <text class="iconfont icon-onsale"></text>
-            批量上架
-          </button>
-          <button class="btn-warning" @click="handleBatchOffShelf">
-            <text class="iconfont icon-offshelf"></text>
-            批量下架
-          </button>
-        </view>
-        <view class="right-actions">
-          <view class="select-all">
-            <checkbox :checked="selectAll" @change="handleSelectAll" />
-            <text>全选</text>
-          </view>
-          <button class="btn-danger" :disabled="selectedProducts.length === 0" @click="handleBatchDelete">
-            <text class="iconfont icon-delete"></text>
-            批量删除
-          </button>
-        </view>
-      </view>
-
-      <!-- 商品列表 -->
-      <view class="product-table">
-        <view class="table-header">
-          <view class="table-row">
-            <view class="col-select">选择</view>
-            <view class="col-image">商品图片</view>
-            <view class="col-info">商品信息</view>
-            <view class="col-price">价格</view>
-            <view class="col-stock">库存</view>
-            <view class="col-status">状态</view>
-            <view class="col-sales">销量</view>
-            <view class="col-actions">操作</view>
-          </view>
-        </view>
-
-        <view class="table-body">
-          <view
-            v-for="product in productList"
-            :key="product.id"
-            class="table-row"
-            :class="{ 'selected': selectedProducts.includes(product.id) }"
-          >
-            <view class="col-select">
-              <checkbox
-                :checked="selectedProducts.includes(product.id)"
-                @change="handleProductSelect(product.id, $event)"
-              />
-            </view>
-            <view class="col-image">
-              <image :src="product.image" class="product-image" />
-            </view>
-            <view class="col-info">
-              <view class="product-name">{{ product.name }}</view>
-              <view class="product-code">{{ product.code }}</view>
-              <view class="product-category">{{ product.category }}</view>
-            </view>
-            <view class="col-price">
-              <view class="original-price" v-if="product.originalPrice > product.price">
-                ¥{{ product.originalPrice }}
-              </view>
-              <view class="current-price">¥{{ product.price }}</view>
-            </view>
-            <view class="col-stock">
-              <view class="stock-text" :class="{ 'low-stock': product.stock < 10 }">
-                {{ product.stock }}
-              </view>
-            </view>
-            <view class="col-status">
-              <view class="status-badge" :class="product.status">
-                {{ product.status === 'on_sale' ? '在售' : product.status === 'off_shelf' ? '下架' : '待审核' }}
-              </view>
-            </view>
-            <view class="col-sales">
-              <text class="sales-text">{{ product.sales }}</text>
-            </view>
-            <view class="col-actions">
-              <button class="action-btn edit" @click="handleEdit(product)">
-                <text class="iconfont icon-edit"></text>
-              </button>
-              <button class="action-btn onsale" @click="handleOnSale(product)" v-if="product.status === 'off_shelf'">
-                <text class="iconfont icon-onsale"></text>
-              </button>
-              <button class="action-btn offshelf" @click="handleOffShelf(product)" v-else-if="product.status === 'on_sale'">
-                <text class="iconfont icon-offshelf"></text>
-              </button>
-              <button class="action-btn delete" @click="handleDelete(product)">
-                <text class="iconfont icon-delete"></text>
-              </button>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 分页 -->
-      <view class="pagination">
-        <view class="page-info">
-          <text>共 {{ totalProducts }} 条记录，显示 {{ (currentPage - 1) * pageSize + 1 }}-{{ Math.min(currentPage * pageSize, totalProducts) }} 条</text>
-        </view>
-        <view class="page-controls">
-          <button
-            class="page-btn"
-            :disabled="currentPage === 1"
-            @click="goToPage(currentPage - 1)"
-          >
-            上一页
-          </button>
-
-          <view class="page-numbers">
-            <button
-              v-for="page in visiblePages"
-              :key="page"
-              class="page-number"
-              :class="{ 'active': page === currentPage }"
-              @click="goToPage(page)"
-            >
-              {{ page }}
-            </button>
-          </view>
-
-          <button
-            class="page-btn"
-            :disabled="currentPage === totalPages"
-            @click="goToPage(currentPage + 1)"
-          >
-            下一页
-          </button>
-        </view>
-      </view>
-
-      <!-- 添加/编辑商品模态框 -->
-      <view v-if="showAddModal || showEditModal" class="modal-overlay" @click="closeModal">
-        <view class="modal-content" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">{{ showAddModal ? '添加商品' : '编辑商品' }}</text>
-            <view class="modal-close" @click="closeModal">
-              <text class="iconfont icon-close"></text>
-            </view>
-          </view>
-
-          <view class="modal-body">
-            <view class="form-row">
-              <view class="form-group">
-                <text class="form-label">商品名称</text>
-                <input
-                  v-model="productForm.name"
-                  class="form-input"
-                  placeholder="请输入商品名称"
-                />
-              </view>
-
-              <view class="form-group">
-                <text class="form-label">商品编号</text>
-                <input
-                  v-model="productForm.code"
-                  class="form-input"
-                  placeholder="请输入商品编号"
-                />
-              </view>
-            </view>
-
-            <view class="form-row">
-              <view class="form-group">
-                <text class="form-label">商品分类</text>
-                <picker
-                  mode="selector"
-                  :range="categoryOptions"
-                  :value="productForm.category"
-                  @change="handleFormCategoryChange"
-                >
-                  <view class="form-select">
-                    <text>{{ categoryOptions[productForm.category] }}</text>
-                    <text class="iconfont icon-down"></text>
-                  </view>
-                </picker>
-              </view>
-
-              <view class="form-group">
-                <text class="form-label">商品状态</text>
-                <picker
-                  mode="selector"
-                  :range="statusOptions"
-                  :value="productForm.status"
-                  @change="handleFormStatusChange"
-                >
-                  <view class="form-select">
-                    <text>{{ statusOptions[productForm.status] }}</text>
-                    <text class="iconfont icon-down"></text>
-                  </view>
-                </picker>
-              </view>
-            </view>
-
-            <view class="form-row">
-              <view class="form-group">
-                <text class="form-label">原价</text>
-                <input
-                  v-model="productForm.originalPrice"
-                  class="form-input"
-                  placeholder="请输入原价"
-                  type="number"
-                />
-              </view>
-
-              <view class="form-group">
-                <text class="form-label">现价</text>
-                <input
-                  v-model="productForm.price"
-                  class="form-input"
-                  placeholder="请输入现价"
-                  type="number"
-                />
-              </view>
-
-              <view class="form-group">
-                <text class="form-label">库存</text>
-                <input
-                  v-model="productForm.stock"
-                  class="form-input"
-                  placeholder="请输入库存数量"
-                  type="number"
-                />
-              </view>
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">商品描述</text>
-              <textarea
-                v-model="productForm.description"
-                class="form-textarea"
-                placeholder="请输入商品描述"
-                :maxlength="500"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">商品图片</text>
-              <view class="image-upload">
-                <view class="upload-area" @click="handleImageUpload">
-                  <text class="iconfont icon-upload"></text>
-                  <text class="upload-text">点击上传图片</text>
-                </view>
-                <view v-if="productForm.image" class="image-preview">
-                  <image :src="productForm.image" class="preview-image" />
-                </view>
-              </view>
-            </view>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">取消</button>
-            <button class="btn-primary" @click="handleSaveProduct">
-              {{ showAddModal ? '添加' : '保存' }}
-            </button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 删除确认模态框 -->
-      <view v-if="showDeleteModal" class="modal-overlay" @click="closeModal">
-        <view class="modal-content delete-modal" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">确认删除</text>
-          </view>
-
-          <view class="modal-body">
-            <text class="delete-text">
-              确定要删除商品 "{{ deleteProduct?.name }}" 吗？此操作不可恢复。
-            </text>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">取消</button>
-            <button class="btn-danger" @click="confirmDelete">确认删除</button>
-          </view>
-          </view>
-        </view>
-
-        <!-- 商品分类Tab -->
-        <view v-if="activeTab === 'category'" class="category-section">
-          <view class="category-management">
-            <view class="category-header">
-              <text class="section-title">商品分类管理</text>
-              <button class="btn-primary" @click="showCategoryModal = true">
-                <text class="iconfont icon-add"></text>
-                添加分类
-              </button>
-            </view>
-
-            <view class="category-tree">
-              <view class="category-item" v-for="category in categories" :key="category.id">
-                <view class="category-info">
-                  <text class="category-name">{{ category.name }}</text>
-                  <text class="category-count">({{ category.productCount }}商品)</text>
-                </view>
-                <view class="category-actions">
-                  <button class="action-btn edit" @click="editCategory(category)">
-                    <text class="iconfont icon-edit"></text>
-                  </button>
-                  <button class="action-btn delete" @click="deleteCategory(category)">
-                    <text class="iconfont icon-delete"></text>
-                  </button>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品</text>
+      <text class="SubTitle">product-management</text>
     </view>
-  </AdminLayout>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
 </template>
 
 <script setup lang="uts">
-import { ref, computed } from 'vue'
-import AdminLayout from '@/layouts/admin/index.uvue'
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
 
-// Tab 相关
-const activeTab = ref('product-list')
-const tabs = ref([
-  { key: 'product-list', title: '商品列表', icon: 'icon-list' },
-  { key: 'product-add', title: '添加商品', icon: 'icon-add' },
-  { key: 'category', title: '商品分类', icon: 'icon-category' }
-])
+const params = ref('')
 
-// 响应式数据
-const searchKeyword = ref('')
-const showAdvancedSearch = ref(false)
-const totalProducts = ref(856)
-const onSaleProducts = ref(789)
-const offShelfProducts = ref(45)
-const lowStockProducts = ref(22)
-
-// 筛选条件
-const selectedStatus = ref(0)
-const selectedCategory = ref(0)
-const minPrice = ref('')
-const maxPrice = ref('')
-
-// 选项数据
-const statusOptions = ['全部状态', '在售', '下架', '待审核']
-const categoryOptions = ['全部分类', '电子产品', '服装鞋帽', '食品饮料', '家居用品', '图书文具']
-
-// 商品列表
-const productList = ref([
-  {
-    id: 1,
-    name: 'iPhone 15 Pro',
-    code: 'IP15P001',
-    category: '电子产品',
-    price: 8999,
-    originalPrice: 9999,
-    stock: 50,
-    status: 'on_sale',
-    sales: 1250,
-    image: '/static/products/iphone15.jpg',
-    description: '最新款 iPhone 15 Pro，性能卓越'
-  },
-  {
-    id: 2,
-    name: 'Nike 运动鞋',
-    code: 'NK001',
-    category: '服装鞋帽',
-    price: 599,
-    originalPrice: 699,
-    stock: 120,
-    status: 'on_sale',
-    sales: 890,
-    image: '/static/products/nike.jpg',
-    description: '舒适透气的运动鞋'
-  },
-  {
-    id: 3,
-    name: '联想笔记本',
-    code: 'LN001',
-    category: '电子产品',
-    price: 4599,
-    originalPrice: 4999,
-    stock: 3,
-    status: 'on_sale',
-    sales: 456,
-    image: '/static/products/lenovo.jpg',
-    description: '高性能商务笔记本'
-  },
-  {
-    id: 4,
-    name: '咖啡机',
-    code: 'CF001',
-    category: '家居用品',
-    price: 1299,
-    originalPrice: 1599,
-    stock: 25,
-    status: 'off_shelf',
-    sales: 234,
-    image: '/static/products/coffee.jpg',
-    description: '全自动咖啡机'
-  }
-])
-
-// 分页相关
-const currentPage = ref(1)
-const pageSize = ref(10)
-const totalPages = computed(() => Math.ceil(totalProducts.value / pageSize.value))
-const visiblePages = computed(() => {
-  const pages = []
-  const start = Math.max(1, currentPage.value - 2)
-  const end = Math.min(totalPages.value, currentPage.value + 2)
-
-  for (let i = start; i <= end; i++) {
-    pages.push(i)
-  }
-
-  return pages
-})
-
-// 选择相关
-const selectAll = ref(false)
-const selectedProducts = ref<number[]>([])
-
-// 模态框相关
-const showAddModal = ref(false)
-const showEditModal = ref(false)
-const showDeleteModal = ref(false)
-const deleteProduct = ref(null)
-
-// 分类数据
-const categories = ref([
-  { id: 1, name: '电子产品', productCount: 156 },
-  { id: 2, name: '服装鞋帽', productCount: 89 },
-  { id: 3, name: '食品饮料', productCount: 67 },
-  { id: 4, name: '家居用品', productCount: 45 },
-  { id: 5, name: '图书文具', productCount: 34 }
-])
-
-const showCategoryModal = ref(false)
-
-// 表单数据
-const productForm = ref({
-  id: 0,
-  name: '',
-  code: '',
-  category: 0,
-  price: '',
-  originalPrice: '',
-  stock: '',
-  status: 0,
-  description: '',
-  image: ''
-})
-
-// 方法
-const handleSearch = () => {
-  console.log('搜索:', searchKeyword.value)
-  // TODO: 实现搜索逻辑
-}
-
-const handleStatusChange = (e: any) => {
-  selectedStatus.value = e.detail.value
-}
-
-const handleCategoryChange = (e: any) => {
-  selectedCategory.value = e.detail.value
-}
-
-const handleFormCategoryChange = (e: any) => {
-  productForm.value.category = e.detail.value
-}
-
-const handleFormStatusChange = (e: any) => {
-  productForm.value.status = e.detail.value
-}
-
-const resetFilters = () => {
-  selectedStatus.value = 0
-  selectedCategory.value = 0
-  minPrice.value = ''
-  maxPrice.value = ''
-  searchKeyword.value = ''
-}
-
-const handleAdvancedSearch = () => {
-  console.log('高级搜索:', {
-    status: statusOptions[selectedStatus.value],
-    category: categoryOptions[selectedCategory.value],
-    minPrice: minPrice.value,
-    maxPrice: maxPrice.value,
-    keyword: searchKeyword.value
-  })
-  // TODO: 实现高级搜索逻辑
-}
-
-const handleSelectAll = (e: any) => {
-  selectAll.value = e.detail.value
-  if (selectAll.value) {
-    selectedProducts.value = productList.value.map(product => product.id)
-  } else {
-    selectedProducts.value = []
-  }
-}
-
-const handleProductSelect = (productId: number, e: any) => {
-  if (e.detail.value) {
-    selectedProducts.value.push(productId)
-  } else {
-    selectedProducts.value = selectedProducts.value.filter(id => id !== productId)
-  }
-  selectAll.value = selectedProducts.value.length === productList.value.length
-}
-
-const handleBatchOnSale = () => {
-  if (selectedProducts.value.length === 0) return
-
-  uni.showModal({
-    title: '确认上架',
-    content: `确定要上架 ${selectedProducts.value.length} 个商品吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现批量上架逻辑
-        selectedProducts.value.forEach(id => {
-          const product = productList.value.find(p => p.id === id)
-          if (product) product.status = 'on_sale'
-        })
-
-        uni.showToast({
-          title: '批量上架成功',
-          icon: 'success'
-        })
-        selectedProducts.value = []
-        selectAll.value = false
-      }
-    }
-  })
-}
-
-const handleBatchOffShelf = () => {
-  if (selectedProducts.value.length === 0) return
-
-  uni.showModal({
-    title: '确认下架',
-    content: `确定要下架 ${selectedProducts.value.length} 个商品吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现批量下架逻辑
-        selectedProducts.value.forEach(id => {
-          const product = productList.value.find(p => p.id === id)
-          if (product) product.status = 'off_shelf'
-        })
-
-        uni.showToast({
-          title: '批量下架成功',
-          icon: 'success'
-        })
-        selectedProducts.value = []
-        selectAll.value = false
-      }
-    }
-  })
-}
-
-const handleBatchDelete = () => {
-  if (selectedProducts.value.length === 0) return
-
-  uni.showModal({
-    title: '确认删除',
-    content: `确定要删除 ${selectedProducts.value.length} 个商品吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现批量删除逻辑
-        selectedProducts.value.forEach(id => {
-          const index = productList.value.findIndex(p => p.id === id)
-          if (index > -1) {
-            productList.value.splice(index, 1)
-            totalProducts.value--
-          }
-        })
-
-        uni.showToast({
-          title: '批量删除成功',
-          icon: 'success'
-        })
-        selectedProducts.value = []
-        selectAll.value = false
-      }
-    }
-  })
-}
-
-const handleEdit = (product: any) => {
-  productForm.value = {
-    id: product.id,
-    name: product.name,
-    code: product.code,
-    category: categoryOptions.indexOf(product.category),
-    price: product.price.toString(),
-    originalPrice: product.originalPrice.toString(),
-    stock: product.stock.toString(),
-    status: statusOptions.indexOf(product.status === 'on_sale' ? '在售' : product.status === 'off_shelf' ? '下架' : '待审核'),
-    description: product.description,
-    image: product.image
-  }
-  showEditModal.value = true
-}
-
-const handleOnSale = (product: any) => {
-  uni.showModal({
-    title: '确认上架',
-    content: `确定要上架商品 "${product.name}" 吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现上架逻辑
-        product.status = 'on_sale'
-        uni.showToast({
-          title: '上架成功',
-          icon: 'success'
-        })
-      }
-    }
-  })
-}
-
-const handleOffShelf = (product: any) => {
-  uni.showModal({
-    title: '确认下架',
-    content: `确定要下架商品 "${product.name}" 吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现下架逻辑
-        product.status = 'off_shelf'
-        uni.showToast({
-          title: '下架成功',
-          icon: 'success'
-        })
-      }
-    }
-  })
-}
-
-const handleDelete = (product: any) => {
-  deleteProduct.value = product
-  showDeleteModal.value = true
-}
-
-const confirmDelete = () => {
-  // TODO: 实现删除逻辑
-  const index = productList.value.findIndex(p => p.id === deleteProduct.value.id)
-  if (index > -1) {
-    productList.value.splice(index, 1)
-    totalProducts.value--
-  }
-
-  uni.showToast({
-    title: '删除成功',
-    icon: 'success'
-  })
-
-  closeModal()
-}
-
-const handleSaveProduct = () => {
-  // 表单验证
-  if (!productForm.value.name || !productForm.value.code) {
-    uni.showToast({
-      title: '请填写必填信息',
-      icon: 'none'
-    })
-    return
-  }
-
-  if (showAddModal.value) {
-    // TODO: 实现添加商品逻辑
-    const newProduct = {
-      id: Date.now(),
-      name: productForm.value.name,
-      code: productForm.value.code,
-      category: categoryOptions[productForm.value.category],
-      price: parseFloat(productForm.value.price),
-      originalPrice: parseFloat(productForm.value.originalPrice),
-      stock: parseInt(productForm.value.stock),
-      status: statusOptions[productForm.value.status] === '在售' ? 'on_sale' : statusOptions[productForm.value.status] === '下架' ? 'off_shelf' : 'pending',
-      sales: 0,
-      image: productForm.value.image || '/static/products/default.jpg',
-      description: productForm.value.description
-    }
-    productList.value.unshift(newProduct)
-    totalProducts.value++
-
-    uni.showToast({
-      title: '添加成功',
-      icon: 'success'
-    })
-  } else {
-    // TODO: 实现编辑商品逻辑
-    const product = productList.value.find(p => p.id === productForm.value.id)
-    if (product) {
-      product.name = productForm.value.name
-      product.code = productForm.value.code
-      product.category = categoryOptions[productForm.value.category]
-      product.price = parseFloat(productForm.value.price)
-      product.originalPrice = parseFloat(productForm.value.originalPrice)
-      product.stock = parseInt(productForm.value.stock)
-      product.status = statusOptions[productForm.value.status] === '在售' ? 'on_sale' : statusOptions[productForm.value.status] === '下架' ? 'off_shelf' : 'pending'
-      product.description = productForm.value.description
-      product.image = productForm.value.image
-    }
-
-    uni.showToast({
-      title: '保存成功',
-      icon: 'success'
-    })
-  }
-
-  closeModal()
-}
-
-const handleImageUpload = () => {
-  uni.showToast({
-    title: '图片上传功能开发中',
-    icon: 'none'
-  })
-}
-
-const closeModal = () => {
-  showAddModal.value = false
-  showEditModal.value = false
-  showDeleteModal.value = false
-  deleteProduct.value = null
-
-  // 重置表单
-  productForm.value = {
-    id: 0,
-    name: '',
-    code: '',
-    category: 0,
-    price: '',
-    originalPrice: '',
-    stock: '',
-    status: 0,
-    description: '',
-    image: ''
-  }
-}
-
-const goToPage = (page: number) => {
-  currentPage.value = page
-  // TODO: 实现分页数据加载
-}
-
-// Tab 切换方法
-const switchTab = (tabKey: string) => {
-  activeTab.value = tabKey
-
-  // 根据不同tab切换显示内容
-  if (tabKey === 'product-add') {
-    showAddModal.value = true
-  } else {
-    showAddModal.value = false
-  }
-}
-
-// 分类管理方法
-const editCategory = (category: any) => {
-  uni.showToast({
-    title: '编辑分类功能开发中',
-    icon: 'none'
-  })
-}
-
-const deleteCategory = (category: any) => {
-  uni.showModal({
-    title: '确认删除',
-    content: `确定要删除分类 "${category.name}" 吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        const index = categories.value.findIndex(c => c.id === category.id)
-        if (index > -1) {
-          categories.value.splice(index, 1)
-          uni.showToast({
-            title: '删除成功',
-            icon: 'success'
-          })
-        }
-      }
-    }
-  })
-}
-
-// 页面生命周期
-onLoad((options: any) => {
-  // 处理页面参数，切换到对应的tab
-  if (options && options.action) {
-    if (options.action === 'add') {
-      activeTab.value = 'product-add'
-      showAddModal.value = true
-    } else {
-      activeTab.value = 'product-list'
-    }
-  } else if (options && options.tab) {
-    if (options.tab === 'category') {
-      activeTab.value = 'category'
-    } else {
-      activeTab.value = 'product-list'
-    }
-  } else {
-    activeTab.value = 'product-list'
-  }
-
-  console.log('商品管理页面加载，参数:', options)
-})
-
-onMounted(() => {
-  // 初始化数据
-  console.log('商品管理页面初始化')
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
 })
 </script>
 
-<style lang="scss">
-/* 分类管理样式 */
-.category-section {
-  background-color: #ffffff;
-  border-radius: 8rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+<style>
+.Page {
+  padding: 24rpx;
 }
-
-.category-management {
-  padding: 32rpx;
-}
-
-.category-header {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 32rpx;
-}
-
-.section-title {
-  font-size: 18rpx;
-  font-weight: 600;
-  color: #262626;
-}
-
-.category-tree {
-  display: flex;
-  flex-direction:row;
-  flex-direction: column;
-  gap: 16rpx;
-}
-
-.category-item {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20rpx 24rpx;
-  background-color: #fafafa;
-  border-radius: 6rpx;
-  border: 1rpx solid #e8e8e8;
-}
-
-.category-info {
-  display: flex;
-  flex-direction:row;
-  flex-direction:row;
-  align-items: center;
-  gap: 12rpx;
-}
-
-.category-name {
-  font-size: 16rpx;
-  font-weight: 500;
-  color: #262626;
-}
-
-.category-count {
-  font-size: 14rpx;
-  color: #666666;
-}
-
-.category-actions {
-  display: flex;
-  flex-direction:row;
-  gap: 12rpx;
-}
-
-.action-btn {
-  width: 40rpx;
-  height: 40rpx;
-  border-radius: 6rpx;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border: none;
-  font-size: 16rpx;
-}
-
-.action-btn.edit {
-  background-color: #1890ff;
-  color: #ffffff;
-}
-
-.action-btn.delete {
-  background-color: #ff4d4f;
-  color: #ffffff;
-}
-
-.product-management {
-  padding: 20rpx;
-}
-
-.page-header {
-  margin-bottom: 30rpx;
-}
-
-.page-title {
-  display: block;
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 10rpx;
-}
-
-.page-subtitle {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-}
-
-.stats-cards {
-  display: flex;
-  flex-direction:row;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-bottom: 40rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.stat-card {
-  flex: 1;
-  min-width: 200rpx;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+.Header {
+  padding: 24rpx;
   border-radius: 16rpx;
-  padding: 40rpx 30rpx;
-  text-align: center;
-  color: #fff;
-  box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+  background: #ffffff;
 }
-
-.stat-icon {
-  font-size: 48rpx;
-  margin-bottom: 20rpx;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-
-.stat-content {
-  flex: 1;
-}
-
-.stat-value {
-  display: block;
-  font-size: 48rpx;
-  font-weight: bold;
-  margin-bottom: 8rpx;
-}
-
-.stat-label {
-  display: block;
-  font-size: 24rpx;
-  opacity: 0.9;
-}
-
-.search-section {
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.search-bar {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 20rpx;
-  margin-bottom: 20rpx;
-}
-
-.search-input-wrapper {
-  flex: 1;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  overflow: hidden;
-}
-
-.search-input {
-  flex: 1;
-  padding: 16rpx 20rpx;
-  border: none;
-  font-size: 28rpx;
-}
-
-.search-btn {
-  padding: 16rpx 20rpx;
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  cursor: pointer;
-}
-
-.advanced-toggle {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 10rpx;
-  color: #1890ff;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.advanced-search {
-  border-top: 1rpx solid #eee;
-  padding-top: 30rpx;
-  margin-top: 20rpx;
-}
-
-.filter-row {
-  display: flex;
-  flex-direction:row;
-  gap: 30rpx;
-  margin-bottom: 20rpx;
-  flex-wrap: wrap;
-}
-
-.filter-item {
-  flex: 1;
-  min-width: 200rpx;
-}
-
-.filter-label {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-  margin-bottom: 10rpx;
-}
-
-.picker-display {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  cursor: pointer;
-}
-
-.price-range {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 10rpx;
-}
-
-.price-input {
-  flex: 1;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-}
-
-.price-separator {
-  color: #666;
-  font-size: 24rpx;
-}
-
-.filter-actions {
-  display: flex;
-  flex-direction:row;
-  gap: 20rpx;
-  justify-content: flex-end;
-  margin-top: 20rpx;
-}
-
-.action-bar {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.left-actions,
-.right-actions {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.select-all {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 10rpx;
-  font-size: 26rpx;
-}
-
-.btn-primary {
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-secondary {
-  background-color: #fff;
-  color: #666;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-warning {
-  background-color: #faad14;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-danger {
-  background-color: #ff4d4f;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-danger:disabled {
-  background-color: #ccc;
-  cursor: not-allowed;
-}
-
-.product-table {
-  background-color: #fff;
-  border-radius: 12rpx;
-  overflow: hidden;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.table-header {
-  background-color: #f5f5f5;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  padding: 20rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row:last-child {
-  border-bottom: none;
-}
-
-.table-row.selected {
-  background-color: #f0f8ff;
-}
-
-.col-select {
-  width: 80rpx;
-  text-align: center;
-}
-
-.col-image {
-  width: 120rpx;
-  text-align: center;
-}
-
-.col-info {
-  flex: 2;
-}
-
-.col-price,
-.col-stock,
-.col-sales {
-  flex: 1;
-}
-
-.col-status {
-  flex: 1.2;
-}
-
-.col-actions {
-  width: 250rpx;
-  display: flex;
-  flex-direction:row;
-  gap: 10rpx;
-  justify-content: center;
-}
-
-.product-image {
-  width: 80rpx;
-  height: 80rpx;
-  border-radius: 8rpx;
-  object-fit: cover;
-}
-
-.product-name {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-}
-
-.product-code {
-  font-size: 24rpx;
-  color: #999;
-  margin-bottom: 4rpx;
-}
-
-.product-category {
-  font-size: 24rpx;
-  color: #666;
-}
-
-.original-price {
-  font-size: 24rpx;
-  color: #999;
-  text-decoration: line-through;
-  margin-bottom: 4rpx;
-}
-
-.current-price {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #ff4d4f;
-}
-
-.stock-text {
-  font-size: 26rpx;
-  color: #333;
-}
-
-.stock-text.low-stock {
-  color: #ff4d4f;
-  font-weight: bold;
-}
-
-.status-badge {
-  display: inline-block;
-  padding: 6rpx 12rpx;
-  border-radius: 12rpx;
-  font-size: 22rpx;
-  font-weight: bold;
-  text-align: center;
-}
-
-.status-badge.on_sale {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.status-badge.off_shelf {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.status-badge.pending {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.sales-text {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.action-btn {
-  width: 60rpx;
-  height: 60rpx;
-  border-radius: 8rpx;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border: none;
-  font-size: 24rpx;
-}
-
-.action-btn.edit {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.action-btn.onsale {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.action-btn.offshelf {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.action-btn.delete {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.pagination {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.page-info {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.page-controls {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.page-btn {
-  padding: 12rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-btn:disabled {
-  background-color: #f5f5f5;
-  color: #ccc;
-  cursor: not-allowed;
-}
-
-.page-numbers {
-  display: flex;
-  flex-direction:row;
-  gap: 8rpx;
-  margin: 0 20rpx;
-}
-
-.page-number {
-  width: 50rpx;
-  height: 50rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-number.active {
-  background-color: #1890ff;
-  color: #fff;
-  border-color: #1890ff;
-}
-
-.modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.modal-content {
-  background-color: #fff;
-  border-radius: 12rpx;
-  width: 90%;
-  max-width: 700rpx;
-  max-height: 80vh;
-  overflow-y: auto;
-}
-
-.delete-modal {
-  max-width: 400rpx;
-}
-
-.modal-header {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  padding: 30rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.modal-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.modal-close {
-  cursor: pointer;
-  font-size: 28rpx;
-  color: #999;
-  padding: 10rpx;
-}
-
-.modal-body {
-  padding: 30rpx;
-}
-
-.form-row {
-  display: flex;
-  flex-direction:row;
-  gap: 20rpx;
-  margin-bottom: 20rpx;
-  flex-wrap: wrap;
-}
-
-.form-group {
-  flex: 1;
-  min-width: 200rpx;
-}
-
-.form-label {
-  display: block;
-  font-size: 26rpx;
-  color: #333;
-  margin-bottom: 10rpx;
-  font-weight: 500;
-}
-
-.form-input,
-.form-textarea {
-  width: 100%;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  box-sizing: border-box;
-}
-
-.form-textarea {
-  min-height: 120rpx;
-  resize: vertical;
-}
-
-.form-select {
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  cursor: pointer;
-  font-size: 28rpx;
-}
-
-.image-upload {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 20rpx;
-}
-
-.upload-area {
-  width: 200rpx;
-  height: 200rpx;
-  border: 2rpx dashed #ddd;
-  border-radius: 8rpx;
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: #999;
-}
-
-.upload-text {
-  font-size: 24rpx;
+.SubTitle {
   margin-top: 8rpx;
-}
-
-.preview-image {
-  width: 120rpx;
-  height: 120rpx;
-  border-radius: 8rpx;
-  object-fit: cover;
-}
-
-.modal-footer {
-  display: flex;
-  flex-direction:row;
-  gap: 20rpx;
-  justify-content: flex-end;
-  padding: 30rpx;
-  border-top: 1rpx solid #eee;
-}
-
-.delete-text {
-  font-size: 28rpx;
-  color: #333;
-  text-align: center;
-  line-height: 1.5;
-}
-
-.iconfont {
-  font-family: 'iconfont';
   font-size: 24rpx;
+  opacity: 0.7;
 }
-
-/* 响应式设计 */
-@media screen and (max-width: 750rpx) {
-  .stats-cards {
-    flex-direction: column;
-  }
-
-  .filter-row {
-    flex-direction: column;
-    gap: 15rpx;
-  }
-
-  .action-bar {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .left-actions,
-  .right-actions {
-    justify-content: center;
-  }
-
-  .table-row {
-    flex-wrap: wrap;
-    gap: 10rpx;
-  }
-
-  .col-info {
-    flex: 1 1 100%;
-  }
-
-  .form-row {
-    flex-direction: column;
-    gap: 15rpx;
-  }
-
-  .pagination {
-    flex-direction: column;
-    text-align: center;
-  }
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-</style>
\ No newline at end of file
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/product-parameters.uvue b/pages/mall/admin/product-parameters.uvue
new file mode 100644
index 00000000..40ab2b35
--- /dev/null
+++ b/pages/mall/admin/product-parameters.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品参数</text>
+      <text class="SubTitle">product-parameters</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/product-protection.uvue b/pages/mall/admin/product-protection.uvue
new file mode 100644
index 00000000..cc34d085
--- /dev/null
+++ b/pages/mall/admin/product-protection.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品保障</text>
+      <text class="SubTitle">product-protection</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/product-review.uvue b/pages/mall/admin/product-review.uvue
deleted file mode 100644
index 2b4e7595..00000000
--- a/pages/mall/admin/product-review.uvue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<view class="product-review">
-		<view class="page-header">
-			<text class="page-title">商品审核</text>
-			<text class="page-subtitle">审核商品上架申请</text>
-		</view>
-
-		<view class="review-content">
-			<text class="coming-soon">商品审核功能正在开发中...</text>
-		</view>
-	</view>
-</template>
-
-<script setup lang="uts">
-// 统一的导航方法
-const go = (url: string) => {
-	// 1) 目标页面必须是非 tabBar 页面
-	// 2) 必须在 pages.json / subPackages 注册
-	uni.navigateTo({ url })
-}
-</script>
-
-<style lang="scss">
-.product-review {
-	padding: 30rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
-
-.page-header {
-	background-color: #fff;
-	padding: 40rpx;
-	border-radius: 16rpx;
-	margin-bottom: 30rpx;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.page-title {
-		font-size: 36rpx;
-		font-weight: bold;
-		color: #212529;
-		display: block;
-		margin-bottom: 10rpx;
-	}
-
-	.page-subtitle {
-		font-size: 26rpx;
-		color: #6c757d;
-	}
-}
-
-.review-content {
-	background-color: #fff;
-	padding: 60rpx 40rpx;
-	border-radius: 16rpx;
-	text-align: center;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.coming-soon {
-		font-size: 28rpx;
-		color: #6c757d;
-	}
-}
-</style>
\ No newline at end of file
diff --git a/pages/mall/admin/product-reviews.uvue b/pages/mall/admin/product-reviews.uvue
new file mode 100644
index 00000000..19cb99a3
--- /dev/null
+++ b/pages/mall/admin/product-reviews.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品评论</text>
+      <text class="SubTitle">product-reviews</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/product-specifications.uvue b/pages/mall/admin/product-specifications.uvue
new file mode 100644
index 00000000..740be54c
--- /dev/null
+++ b/pages/mall/admin/product-specifications.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品规格</text>
+      <text class="SubTitle">product-specifications</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/product-statistics.uvue b/pages/mall/admin/product-statistics.uvue
new file mode 100644
index 00000000..ec0829bb
--- /dev/null
+++ b/pages/mall/admin/product-statistics.uvue
@@ -0,0 +1,62 @@
+<template>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">商品统计</text>
+      <text class="SubTitle">product-statistics</text>
+    </view>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const params = ref('')
+
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
+</script>
+
+<style>
+.Page {
+  padding: 24rpx;
+}
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
+}
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
+}
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
+}
+.Label {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-bottom: 12rpx;
+}
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+</style>
diff --git a/pages/mall/admin/profile.uvue b/pages/mall/admin/profile.uvue
deleted file mode 100644
index 36b2b2b9..00000000
--- a/pages/mall/admin/profile.uvue
+++ /dev/null
@@ -1,872 +0,0 @@
-<template>
-  <view class="admin-profile">
-    <!-- 管理员信息头部 -->
-    <view class="profile-header">
-      <image :src="adminInfo.avatar_url || '/static/default-avatar.png'" class="admin-avatar" @click="editProfile" />
-      <view class="admin-info">
-        <text class="admin-name">{{ adminInfo.nickname || adminInfo.phone }}</text>
-        <text class="admin-role">{{ getAdminRole() }}</text>
-        <view class="admin-stats">
-          <text class="stat-item">在线时长: {{ onlineHours }}h</text>
-          <text class="stat-item">权限等级: {{ adminLevel }}</text>
-        </view>
-      </view>
-      <view class="settings-icon" @click="goToSettings">⚙️</view>
-    </view>
-
-    <!-- 系统概览 -->
-    <view class="system-overview">
-      <view class="section-title">系统概览</view>
-      <view class="overview-grid">
-        <view class="overview-card" @click="goToUsers">
-          <text class="card-icon">👥</text>
-          <text class="card-value">{{ systemStats.users }}</text>
-          <text class="card-label">用户总数</text>
-          <text class="card-change" :class="{ positive: systemStats.userGrowth > 0 }">
-            {{ systemStats.userGrowth > 0 ? '+' : '' }}{{ systemStats.userGrowth }}%
-          </text>
-        </view>
-        <view class="overview-card" @click="goToOrders">
-          <text class="card-icon">📋</text>
-          <text class="card-value">{{ systemStats.orders }}</text>
-          <text class="card-label">订单总数</text>
-          <text class="card-change" :class="{ positive: systemStats.orderGrowth > 0 }">
-            {{ systemStats.orderGrowth > 0 ? '+' : '' }}{{ systemStats.orderGrowth }}%
-          </text>
-        </view>
-        <view class="overview-card" @click="goToMerchants">
-          <text class="card-icon">🏪</text>
-          <text class="card-value">{{ systemStats.merchants }}</text>
-          <text class="card-label">商家总数</text>
-          <text class="card-change" :class="{ positive: systemStats.merchantGrowth > 0 }">
-            {{ systemStats.merchantGrowth > 0 ? '+' : '' }}{{ systemStats.merchantGrowth }}%
-          </text>
-        </view>
-        <view class="overview-card" @click="goToRevenue">
-          <text class="card-icon">💰</text>
-          <text class="card-value">¥{{ systemStats.revenue }}</text>
-          <text class="card-label">总营收</text>
-          <text class="card-change" :class="{ positive: systemStats.revenueGrowth > 0 }">
-            {{ systemStats.revenueGrowth > 0 ? '+' : '' }}{{ systemStats.revenueGrowth }}%
-          </text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 待处理事项 -->
-    <view class="pending-tasks">
-      <view class="section-title">待处理事项</view>
-      <view class="task-list">
-        <view class="task-item urgent" @click="goToAudit('merchant')">
-          <text class="task-icon">🏪</text>
-          <view class="task-info">
-            <text class="task-title">商家审核</text>
-            <text class="task-desc">{{ pendingTasks.merchantAudit }}个商家待审核</text>
-          </view>
-          <text class="task-badge urgent">{{ pendingTasks.merchantAudit }}</text>
-        </view>
-        <view class="task-item" @click="goToComplaints">
-          <text class="task-icon">📢</text>
-          <view class="task-info">
-            <text class="task-title">投诉处理</text>
-            <text class="task-desc">{{ pendingTasks.complaints }}个投诉待处理</text>
-          </view>
-          <text class="task-badge">{{ pendingTasks.complaints }}</text>
-        </view>
-        <view class="task-item" @click="goToRefunds">
-          <text class="task-icon">↩️</text>
-          <view class="task-info">
-            <text class="task-title">退款审核</text>
-            <text class="task-desc">{{ pendingTasks.refunds }}个退款待审核</text>
-          </view>
-          <text class="task-badge">{{ pendingTasks.refunds }}</text>
-        </view>
-        <view class="task-item" @click="goToReports">
-          <text class="task-icon">⚠️</text>
-          <view class="task-info">
-            <text class="task-title">举报处理</text>
-            <text class="task-desc">{{ pendingTasks.reports }}个举报待处理</text>
-          </view>
-          <text class="task-badge">{{ pendingTasks.reports }}</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 今日数据 -->
-    <view class="today-data">
-      <view class="section-title">今日数据</view>
-      <view class="data-grid">
-        <view class="data-card">
-          <text class="data-value">{{ todayData.newUsers }}</text>
-          <text class="data-label">新增用户</text>
-        </view>
-        <view class="data-card">
-          <text class="data-value">{{ todayData.newOrders }}</text>
-          <text class="data-label">新增订单</text>
-        </view>
-        <view class="data-card">
-          <text class="data-value">¥{{ todayData.revenue }}</text>
-          <text class="data-label">平台收入</text>
-        </view>
-        <view class="data-card">
-          <text class="data-value">{{ todayData.activeUsers }}</text>
-          <text class="data-label">活跃用户</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 系统健康状态 -->
-    <view class="system-health">
-      <view class="section-header">
-        <text class="section-title">系统健康状态</text>
-        <text class="view-more" @click="goToMonitor">详细监控 ></text>
-      </view>
-      <view class="health-grid">
-        <view class="health-item">
-          <text class="health-label">服务器状态</text>
-          <view class="health-status">
-            <view class="status-dot" :class="{ online: systemHealth.server }"></view>
-            <text class="status-text">{{ systemHealth.server ? '正常' : '异常' }}</text>
-          </view>
-        </view>
-        <view class="health-item">
-          <text class="health-label">数据库状态</text>
-          <view class="health-status">
-            <view class="status-dot" :class="{ online: systemHealth.database }"></view>
-            <text class="status-text">{{ systemHealth.database ? '正常' : '异常' }}</text>
-          </view>
-        </view>
-        <view class="health-item">
-          <text class="health-label">缓存状态</text>
-          <view class="health-status">
-            <view class="status-dot" :class="{ online: systemHealth.cache }"></view>
-            <text class="status-text">{{ systemHealth.cache ? '正常' : '异常' }}</text>
-          </view>
-        </view>
-        <view class="health-item">
-          <text class="health-label">支付服务</text>
-          <view class="health-status">
-            <view class="status-dot" :class="{ online: systemHealth.payment }"></view>
-            <text class="status-text">{{ systemHealth.payment ? '正常' : '异常' }}</text>
-          </view>
-        </view>
-      </view>
-    </view>
-
-    <!-- 最近操作记录 -->
-    <view class="recent-operations">
-      <view class="section-header">
-        <text class="section-title">最近操作</text>
-        <text class="view-all" @click="goToOperationLogs">查看全部 ></text>
-      </view>
-      <view v-if="recentOperations.length > 0" class="operation-list">
-        <view v-for="operation in recentOperations" :key="operation.id" class="operation-item">
-          <view class="operation-info">
-            <text class="operation-title">{{ operation.title }}</text>
-            <text class="operation-desc">{{ operation.description }}</text>
-          </view>
-          <text class="operation-time">{{ formatTime(operation.created_at) }}</text>
-        </view>
-      </view>
-      <view v-else class="no-data">
-        <text class="no-data-text">暂无操作记录</text>
-      </view>
-    </view>
-
-    <!-- 快捷功能 -->
-    <view class="quick-functions">
-      <view class="section-title">快捷功能</view>
-      <view class="function-grid">
-        <view class="function-item" @click="goToUserManagement">
-          <text class="function-icon">👥</text>
-          <text class="function-label">用户管理</text>
-        </view>
-        <view class="function-item" @click="goToMerchantManagement">
-          <text class="function-icon">🏪</text>
-          <text class="function-label">商家管理</text>
-        </view>
-        <view class="function-item" @click="goToProductManagement">
-          <text class="function-icon">📦</text>
-          <text class="function-label">商品管理</text>
-        </view>
-        <view class="function-item" @click="goToOrderManagement">
-          <text class="function-icon">📋</text>
-          <text class="function-label">订单管理</text>
-        </view>
-        <view class="function-item" @click="goToFinanceManagement">
-          <text class="function-icon">💰</text>
-          <text class="function-label">财务管理</text>
-        </view>
-        <view class="function-item" @click="goToSystemSettings">
-          <text class="function-icon">⚙️</text>
-          <text class="function-label">系统设置</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 功能菜单 -->
-    <view class="function-menu">
-      <view class="menu-group">
-        <view class="menu-item" @click="goToReports">
-          <text class="menu-icon">📊</text>
-          <text class="menu-label">数据报表</text>
-          <text class="menu-arrow">></text>
-        </view>
-        <view class="menu-item" @click="goToAnnouncements">
-          <text class="menu-icon">📢</text>
-          <text class="menu-label">公告管理</text>
-          <text class="menu-arrow">></text>
-        </view>
-        <view class="menu-item" @click="goToPermissions">
-          <text class="menu-icon">🔐</text>
-          <text class="menu-label">权限管理</text>
-          <text class="menu-arrow">></text>
-        </view>
-      </view>
-      
-      <view class="menu-group">
-        <view class="menu-item" @click="goToHelp">
-          <text class="menu-icon">❓</text>
-          <text class="menu-label">帮助中心</text>
-          <text class="menu-arrow">></text>
-        </view>
-        <view class="menu-item" @click="goToFeedback">
-          <text class="menu-icon">💬</text>
-          <text class="menu-label">意见反馈</text>
-          <text class="menu-arrow">></text>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script setup lang="uts">
-import { ref, onMounted } from 'vue'
-import type { UserType, ApiResponseType } from '@/types/mall-types'
-
-// 响应式数据
-const adminInfo = ref({
-  id: '',
-  phone: '',
-  nickname: '系统管理员',
-  avatar_url: ''
-} as UserType)
-
-const onlineHours = ref(8.5)
-const adminLevel = ref('超级管理员')
-
-const systemStats = ref({
-  users: '12,568',
-  userGrowth: 12.5,
-  orders: '8,932',
-  orderGrowth: 8.3,
-  merchants: '1,234',
-  merchantGrowth: 5.2,
-  revenue: '1,256,789',
-  revenueGrowth: 15.8
-})
-
-const pendingTasks = ref({
-  merchantAudit: 8,
-  complaints: 15,
-  refunds: 12,
-  reports: 6
-})
-
-const todayData = ref({
-  newUsers: 156,
-  newOrders: 289,
-  revenue: '25,680',
-  activeUsers: 3456
-})
-
-const systemHealth = ref({
-  server: true,
-  database: true,
-  cache: true,
-  payment: true
-})
-
-const recentOperations = ref([
-  {
-    id: 'op001',
-    title: '商家审核通过',
-    description: '审核通过商家"时尚服饰专营店"',
-    created_at: '2024-12-01 14:30:00'
-  },
-  {
-    id: 'op002',
-    title: '处理用户投诉',
-    description: '处理订单#ORD20241201001投诉',
-    created_at: '2024-12-01 13:45:00'
-  },
-  {
-    id: 'op003',
-    title: '系统配置更新',
-    description: '更新了支付配置参数',
-    created_at: '2024-12-01 12:20:00'
-  }
-])
-
-// 生命周期
-onMounted(() => {
-  loadAdminInfo()
-  loadSystemStats()
-  loadPendingTasks()
-})
-
-// 方法
-function loadAdminInfo() {
-  // 模拟加载管理员信息
-  adminInfo.value = {
-    id: 'admin001',
-    phone: '13900000000',
-    email: 'admin@mall.com',
-    nickname: '超级管理员',
-    avatar_url: '/static/admin-avatar.png',
-    gender: 0,
-    user_type: 99,
-    status: 1,
-    created_at: '2024-01-01'
-  }
-}
-
-function loadSystemStats() {
-  // 模拟加载系统统计
-  // 实际应用中从API获取
-}
-
-function loadPendingTasks() {
-  // 模拟加载待处理任务
-  // 实际应用中从API获取
-}
-
-function getAdminRole(): string {
-  const roleMap = {
-    99: '超级管理员',
-    98: '系统管理员',
-    97: '运营管理员'
-  }
-  return roleMap[adminInfo.value.user_type] || '管理员'
-}
-
-function formatTime(dateStr: string): string {
-  const date = new Date(dateStr)
-  const now = new Date()
-  const diff = now.getTime() - date.getTime()
-  const hours = Math.floor(diff / (1000 * 60 * 60))
-  
-  if (hours < 1) {
-    return '刚刚'
-  } else if (hours < 24) {
-    return `${hours}小时前`
-  } else {
-    return `${Math.floor(hours / 24)}天前`
-  }
-}
-
-// 导航方法
-function editProfile() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/profile-edit'
-  })
-}
-
-function goToSettings() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/settings'
-  })
-}
-
-function goToUsers() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/users'
-  })
-}
-
-function goToOrders() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/orders'
-  })
-}
-
-function goToMerchants() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/merchants'
-  })
-}
-
-function goToRevenue() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/revenue'
-  })
-}
-
-function goToAudit(type: string) {
-  uni.navigateTo({
-    url: `/pages/mall/admin/audit?type=${type}`
-  })
-}
-
-function goToComplaints() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/complaints'
-  })
-}
-
-function goToRefunds() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/refunds'
-  })
-}
-
-function goToReports() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/reports'
-  })
-}
-
-function goToMonitor() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/monitor'
-  })
-}
-
-function goToOperationLogs() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/operation-logs'
-  })
-}
-
-function goToUserManagement() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/user-management'
-  })
-}
-
-function goToMerchantManagement() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/merchant-management'
-  })
-}
-
-function goToProductManagement() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/product-management'
-  })
-}
-
-function goToOrderManagement() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/order-management'
-  })
-}
-
-function goToFinanceManagement() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/finance-management'
-  })
-}
-
-function goToSystemSettings() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/system-settings'
-  })
-}
-
-function goToAnnouncements() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/announcements'
-  })
-}
-
-function goToPermissions() {
-  uni.navigateTo({
-    url: '/pages/mall/admin/permissions'
-  })
-}
-
-function goToHelp() {
-  uni.navigateTo({
-    url: '/pages/mall/common/help'
-  })
-}
-
-function goToFeedback() {
-  uni.navigateTo({
-    url: '/pages/mall/common/feedback'
-  })
-}
-</script>
-
-<style scoped>
-.admin-profile {
-  padding: 0 0 120rpx 0;
-  background-color: #f5f5f5;
-  min-height: 100vh;
-}
-
-.profile-header {
-  display: flex;
-  align-items: center;
-  padding: 40rpx 30rpx;
-  background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
-  position: relative;
-}
-
-.admin-avatar {
-  width: 120rpx;
-  height: 120rpx;
-  border-radius: 60rpx;
-  margin-right: 30rpx;
-  border: 4rpx solid rgba(255, 255, 255, 0.3);
-}
-
-.admin-info {
-  flex: 1;
-}
-
-.admin-name {
-  font-size: 36rpx;
-  font-weight: bold;
-  color: white;
-  margin-bottom: 10rpx;
-}
-
-.admin-role {
-  font-size: 24rpx;
-  color: rgba(255, 255, 255, 0.8);
-  margin-bottom: 15rpx;
-}
-
-.admin-stats {
-  display: flex;
-  gap: 30rpx;
-}
-
-.stat-item {
-  font-size: 22rpx;
-  color: rgba(255, 255, 255, 0.9);
-}
-
-.settings-icon {
-  font-size: 36rpx;
-  color: white;
-  padding: 10rpx;
-}
-
-.system-overview, .pending-tasks, .today-data, .system-health, .recent-operations, .quick-functions, .function-menu {
-  margin: 20rpx 30rpx;
-  background: white;
-  border-radius: 20rpx;
-  padding: 30rpx;
-}
-
-.section-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 30rpx;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 30rpx;
-}
-
-.view-all, .view-more {
-  font-size: 24rpx;
-  color: #a29bfe;
-}
-
-.overview-grid {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.overview-card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  min-width: 150rpx;
-  padding: 25rpx 15rpx;
-  background: linear-gradient(135deg, #f8f9ff 0%, #e8ecff 100%);
-  border-radius: 20rpx;
-  position: relative;
-}
-
-.card-icon {
-  font-size: 48rpx;
-  margin-bottom: 10rpx;
-}
-
-.card-value {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 5rpx;
-}
-
-.card-label {
-  font-size: 22rpx;
-  color: #666;
-  margin-bottom: 10rpx;
-}
-
-.card-change {
-  font-size: 20rpx;
-  color: #ff6b6b;
-}
-
-.card-change.positive {
-  color: #00b894;
-}
-
-.task-list {
-  display: flex;
-  flex-direction: column;
-  gap: 20rpx;
-}
-
-.task-item {
-  display: flex;
-  align-items: center;
-  padding: 20rpx;
-  background: #f8f9ff;
-  border-radius: 15rpx;
-  position: relative;
-}
-
-.task-item.urgent {
-  border-left: 6rpx solid #ff6b6b;
-}
-
-.task-icon {
-  font-size: 36rpx;
-  margin-right: 20rpx;
-}
-
-.task-info {
-  flex: 1;
-}
-
-.task-title {
-  font-size: 28rpx;
-  color: #333;
-  font-weight: 500;
-  margin-bottom: 5rpx;
-}
-
-.task-desc {
-  font-size: 22rpx;
-  color: #666;
-}
-
-.task-badge {
-  background: #a29bfe;
-  color: white;
-  font-size: 20rpx;
-  padding: 6rpx 12rpx;
-  border-radius: 15rpx;
-  min-width: 30rpx;
-  text-align: center;
-}
-
-.task-badge.urgent {
-  background: #ff6b6b;
-  animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
-  0% { transform: scale(1); }
-  50% { transform: scale(1.1); }
-  100% { transform: scale(1); }
-}
-
-.data-grid {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.data-card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  min-width: 150rpx;
-  padding: 20rpx;
-  background: #f8f9ff;
-  border-radius: 15rpx;
-}
-
-.data-value {
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #a29bfe;
-  margin-bottom: 5rpx;
-}
-
-.data-label {
-  font-size: 24rpx;
-  color: #666;
-}
-
-.health-grid {
-  display: flex;
-  flex-direction: column;
-  gap: 20rpx;
-}
-
-.health-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20rpx;
-  background: #f8f9ff;
-  border-radius: 15rpx;
-}
-
-.health-label {
-  font-size: 26rpx;
-  color: #333;
-}
-
-.health-status {
-  display: flex;
-  align-items: center;
-  gap: 10rpx;
-}
-
-.status-dot {
-  width: 16rpx;
-  height: 16rpx;
-  border-radius: 50%;
-  background: #ff6b6b;
-}
-
-.status-dot.online {
-  background: #00b894;
-}
-
-.status-text {
-  font-size: 24rpx;
-  color: #666;
-}
-
-.operation-list {
-  display: flex;
-  flex-direction: column;
-  gap: 20rpx;
-}
-
-.operation-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding: 20rpx;
-  background: #f8f9ff;
-  border-radius: 15rpx;
-}
-
-.operation-info {
-  flex: 1;
-}
-
-.operation-title {
-  font-size: 26rpx;
-  color: #333;
-  font-weight: 500;
-  margin-bottom: 5rpx;
-}
-
-.operation-desc {
-  font-size: 22rpx;
-  color: #666;
-}
-
-.operation-time {
-  font-size: 20rpx;
-  color: #999;
-}
-
-.function-grid {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.function-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  min-width: 140rpx;
-  padding: 25rpx 15rpx;
-  background: #f8f9ff;
-  border-radius: 15rpx;
-}
-
-.function-icon {
-  font-size: 48rpx;
-  margin-bottom: 15rpx;
-}
-
-.function-label {
-  font-size: 24rpx;
-  color: #333;
-}
-
-.menu-group {
-  margin-bottom: 30rpx;
-}
-
-.menu-group:last-child {
-  margin-bottom: 0;
-}
-
-.menu-item {
-  display: flex;
-  align-items: center;
-  padding: 25rpx 0;
-  border-bottom: 1rpx solid #f0f0f0;
-}
-
-.menu-item:last-child {
-  border-bottom: none;
-}
-
-.menu-icon {
-  font-size: 36rpx;
-  width: 60rpx;
-  margin-right: 25rpx;
-}
-
-.menu-label {
-  flex: 1;
-  font-size: 28rpx;
-  color: #333;
-}
-
-.menu-arrow {
-  font-size: 24rpx;
-  color: #ccc;
-}
-
-.no-data {
-  text-align: center;
-  padding: 60rpx 0;
-}
-
-.no-data-text {
-  font-size: 24rpx;
-  color: #999;
-}
-</style>
diff --git a/pages/mall/admin/refund-review.uvue b/pages/mall/admin/refund-review.uvue
deleted file mode 100644
index 3a92b004..00000000
--- a/pages/mall/admin/refund-review.uvue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<view class="refund-review">
-		<view class="page-header">
-			<text class="page-title">退款审核</text>
-			<text class="page-subtitle">审核用户退款申请</text>
-		</view>
-
-		<view class="review-content">
-			<text class="coming-soon">退款审核功能正在开发中...</text>
-		</view>
-	</view>
-</template>
-
-<script setup lang="uts">
-// 统一的导航方法
-const go = (url: string) => {
-	// 1) 目标页面必须是非 tabBar 页面
-	// 2) 必须在 pages.json / subPackages 注册
-	uni.navigateTo({ url })
-}
-</script>
-
-<style lang="scss">
-.refund-review {
-	padding: 30rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
-
-.page-header {
-	background-color: #fff;
-	padding: 40rpx;
-	border-radius: 16rpx;
-	margin-bottom: 30rpx;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.page-title {
-		font-size: 36rpx;
-		font-weight: bold;
-		color: #212529;
-		display: block;
-		margin-bottom: 10rpx;
-	}
-
-	.page-subtitle {
-		font-size: 26rpx;
-		color: #6c757d;
-	}
-}
-
-.review-content {
-	background-color: #fff;
-	padding: 60rpx 40rpx;
-	border-radius: 16rpx;
-	text-align: center;
-	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-
-	.coming-soon {
-		font-size: 28rpx;
-		color: #6c757d;
-	}
-}
-</style>
\ No newline at end of file
diff --git a/pages/mall/admin/system-settings.uvue b/pages/mall/admin/system-settings.uvue
index 5f7dd238..63a2328e 100644
--- a/pages/mall/admin/system-settings.uvue
+++ b/pages/mall/admin/system-settings.uvue
@@ -1,1058 +1,62 @@
 <template>
-  <AdminLayout current-page="system">
-    <view class="system-settings">
-      <!-- 设置分类导航 -->
-      <view class="settings-nav">
-        <view
-          v-for="category in settingCategories"
-          :key="category.id"
-          class="nav-item"
-          :class="{ 'active': activeCategory === category.id }"
-          @click="setActiveCategory(category.id)"
-        >
-          <text class="nav-icon">{{ category.icon }}</text>
-          <text class="nav-text">{{ category.name }}</text>
-        </view>
-      </view>
-
-      <!-- 设置内容区域 -->
-      <view class="settings-content">
-        <!-- 基本设置 -->
-        <view v-if="activeCategory === 'basic'" class="setting-section">
-          <view class="section-header">
-            <text class="section-title">基本设置</text>
-            <text class="section-desc">网站基本信息和显示设置</text>
-          </view>
-
-          <view class="setting-items">
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">网站名称</text>
-                <text class="item-desc">显示在网站标题和页面的网站名称</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.siteName"
-                  class="setting-input"
-                  placeholder="请输入网站名称"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">网站描述</text>
-                <text class="item-desc">网站简介，用于SEO优化</text>
-              </view>
-              <view class="item-control">
-                <textarea
-                  v-model="settings.siteDescription"
-                  class="setting-textarea"
-                  placeholder="请输入网站描述"
-                  :maxlength="200"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">网站Logo</text>
-                <text class="item-desc">网站Logo图片，建议尺寸200x60px</text>
-              </view>
-              <view class="item-control">
-                <view class="image-upload">
-                  <view class="upload-area" @click="handleLogoUpload">
-                    <text class="iconfont icon-upload"></text>
-                    <text class="upload-text">点击上传Logo</text>
-                  </view>
-                  <view v-if="settings.siteLogo" class="image-preview">
-                    <image :src="settings.siteLogo" class="preview-image" />
-                  </view>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">网站状态</text>
-                <text class="item-desc">控制网站是否开放访问</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.siteStatus"
-                    @change="handleSiteStatusChange"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.siteStatus ? '开放' : '维护中' }}</text>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">维护提示信息</text>
-                <text class="item-desc">网站维护时显示的提示信息</text>
-              </view>
-              <view class="item-control">
-                <textarea
-                  v-model="settings.maintenanceMessage"
-                  class="setting-textarea"
-                  placeholder="请输入维护提示信息"
-                  :disabled="!settings.siteStatus"
-                />
-              </view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 安全设置 -->
-        <view v-else-if="activeCategory === 'security'" class="setting-section">
-          <view class="section-header">
-            <text class="section-title">安全设置</text>
-            <text class="section-desc">账号安全和登录相关配置</text>
-          </view>
-
-          <view class="setting-items">
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">登录失败锁定</text>
-                <text class="item-desc">连续登录失败后锁定账号</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.loginLockEnabled"
-                    @change="settings.loginLockEnabled = $event.detail.value"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.loginLockEnabled ? '启用' : '禁用' }}</text>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">允许失败次数</text>
-                <text class="item-desc">连续登录失败的最大次数</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.maxLoginAttempts"
-                  class="setting-input small"
-                  type="number"
-                  :disabled="!settings.loginLockEnabled"
-                  min="3"
-                  max="10"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">锁定时间(分钟)</text>
-                <text class="item-desc">账号锁定的持续时间</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.lockDuration"
-                  class="setting-input small"
-                  type="number"
-                  :disabled="!settings.loginLockEnabled"
-                  min="5"
-                  max="1440"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">密码复杂度要求</text>
-                <text class="item-desc">用户密码必须包含的字符类型</text>
-              </view>
-              <view class="item-control">
-                <view class="checkbox-group">
-                  <view class="checkbox-item">
-                    <checkbox
-                      :checked="settings.passwordRequireUppercase"
-                      @change="settings.passwordRequireUppercase = $event.detail.value"
-                    />
-                    <text>大写字母</text>
-                  </view>
-                  <view class="checkbox-item">
-                    <checkbox
-                      :checked="settings.passwordRequireLowercase"
-                      @change="settings.passwordRequireLowercase = $event.detail.value"
-                    />
-                    <text>小写字母</text>
-                  </view>
-                  <view class="checkbox-item">
-                    <checkbox
-                      :checked="settings.passwordRequireNumbers"
-                      @change="settings.passwordRequireNumbers = $event.detail.value"
-                    />
-                    <text>数字</text>
-                  </view>
-                  <view class="checkbox-item">
-                    <checkbox
-                      :checked="settings.passwordRequireSymbols"
-                      @change="settings.passwordRequireSymbols = $event.detail.value"
-                    />
-                    <text>特殊字符</text>
-                  </view>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">密码最小长度</text>
-                <text class="item-desc">密码的最小字符长度</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.minPasswordLength"
-                  class="setting-input small"
-                  type="number"
-                  min="6"
-                  max="32"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">会话超时时间</text>
-                <text class="item-desc">用户登录后的会话有效期(分钟)</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.sessionTimeout"
-                  class="setting-input small"
-                  type="number"
-                  min="15"
-                  max="1440"
-                />
-              </view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 邮件设置 -->
-        <view v-else-if="activeCategory === 'email'" class="setting-section">
-          <view class="section-header">
-            <text class="section-title">邮件设置</text>
-            <text class="section-desc">邮件服务器配置和模板设置</text>
-          </view>
-
-          <view class="setting-items">
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">SMTP服务器</text>
-                <text class="item-desc">邮件发送服务器地址</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.smtpHost"
-                  class="setting-input"
-                  placeholder="smtp.example.com"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">SMTP端口</text>
-                <text class="item-desc">邮件服务器端口号</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.smtpPort"
-                  class="setting-input small"
-                  type="number"
-                  placeholder="587"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">发件人邮箱</text>
-                <text class="item-desc">系统邮件的发件人地址</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.smtpUsername"
-                  class="setting-input"
-                  placeholder="noreply@example.com"
-                  type="email"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">授权密码</text>
-                <text class="item-desc">邮箱授权密码或应用密码</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.smtpPassword"
-                  class="setting-input"
-                  placeholder="请输入授权密码"
-                  type="password"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">启用SSL</text>
-                <text class="item-desc">是否启用SSL加密连接</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.smtpSSL"
-                    @change="settings.smtpSSL = $event.detail.value"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.smtpSSL ? '启用' : '禁用' }}</text>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">测试邮件</text>
-                <text class="item-desc">发送测试邮件验证配置是否正确</text>
-              </view>
-              <view class="item-control">
-                <button class="btn-secondary" @click="sendTestEmail">
-                  发送测试邮件
-                </button>
-              </view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 支付设置 -->
-        <view v-else-if="activeCategory === 'payment'" class="setting-section">
-          <view class="section-header">
-            <text class="section-title">支付设置</text>
-            <text class="section-desc">第三方支付平台配置</text>
-          </view>
-
-          <view class="setting-items">
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">支付宝支付</text>
-                <text class="item-desc">启用支付宝在线支付</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.alipayEnabled"
-                    @change="settings.alipayEnabled = $event.detail.value"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.alipayEnabled ? '启用' : '禁用' }}</text>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">支付宝应用ID</text>
-                <text class="item-desc">支付宝开放平台的应用ID</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.alipayAppId"
-                  class="setting-input"
-                  placeholder="请输入应用ID"
-                  :disabled="!settings.alipayEnabled"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">微信支付</text>
-                <text class="item-desc">启用微信支付</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.wechatPayEnabled"
-                    @change="settings.wechatPayEnabled = $event.detail.value"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.wechatPayEnabled ? '启用' : '禁用' }}</text>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">微信商户号</text>
-                <text class="item-desc">微信支付商户号</text>
-              </view>
-              <view class="item-control">
-                <input
-                  v-model="settings.wechatMerchantId"
-                  class="setting-input"
-                  placeholder="请输入商户号"
-                  :disabled="!settings.wechatPayEnabled"
-                />
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">货币单位</text>
-                <text class="item-desc">系统使用的货币单位</text>
-              </view>
-              <view class="item-control">
-                <picker
-                  mode="selector"
-                  :range="currencyOptions"
-                  :value="settings.currency"
-                  @change="settings.currency = $event.detail.value"
-                >
-                  <view class="setting-select">
-                    <text>{{ currencyOptions[settings.currency] }}</text>
-                    <text class="iconfont icon-down"></text>
-                  </view>
-                </picker>
-              </view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 其他设置 -->
-        <view v-else-if="activeCategory === 'other'" class="setting-section">
-          <view class="section-header">
-            <text class="section-title">其他设置</text>
-            <text class="section-desc">其他系统配置选项</text>
-          </view>
-
-          <view class="setting-items">
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">数据备份</text>
-                <text class="item-desc">定期自动备份系统数据</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.autoBackupEnabled"
-                    @change="settings.autoBackupEnabled = $event.detail.value"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.autoBackupEnabled ? '启用' : '禁用' }}</text>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">备份频率</text>
-                <text class="item-desc">自动备份的时间间隔</text>
-              </view>
-              <view class="item-control">
-                <picker
-                  mode="selector"
-                  :range="backupFrequencyOptions"
-                  :value="settings.backupFrequency"
-                  @change="settings.backupFrequency = $event.detail.value"
-                  :disabled="!settings.autoBackupEnabled"
-                >
-                  <view class="setting-select">
-                    <text>{{ backupFrequencyOptions[settings.backupFrequency] }}</text>
-                    <text class="iconfont icon-down"></text>
-                  </view>
-                </picker>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">系统日志</text>
-                <text class="item-desc">启用详细的系统操作日志</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.systemLoggingEnabled"
-                    @change="settings.systemLoggingEnabled = $event.detail.value"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.systemLoggingEnabled ? '启用' : '禁用' }}</text>
-                </view>
-              </view>
-            </view>
-
-            <view class="setting-item">
-              <view class="item-info">
-                <text class="item-title">API限流</text>
-                <text class="item-desc">限制API请求频率，防止滥用</text>
-              </view>
-              <view class="item-control">
-                <view class="switch-wrapper">
-                  <switch
-                    :checked="settings.apiRateLimitingEnabled"
-                    @change="settings.apiRateLimitingEnabled = $event.detail.value"
-                    color="#1890ff"
-                  />
-                  <text class="switch-text">{{ settings.apiRateLimitingEnabled ? '启用' : '禁用' }}</text>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 保存设置 -->
-      <view class="settings-footer">
-        <view class="action-buttons">
-          <button class="btn-secondary" @click="resetSettings">
-            重置设置
-          </button>
-          <button class="btn-primary" @click="saveSettings">
-            保存设置
-          </button>
-        </view>
-      </view>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">设置</text>
+      <text class="SubTitle">system-settings</text>
     </view>
-  </AdminLayout>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
 </template>
 
 <script setup lang="uts">
 import { ref } from 'vue'
-import AdminLayout from '@/layouts/admin/index.uvue'
+import { onLoad } from '@dcloudio/uni-app'
 
-// Tab 相关
-const activeTab = ref('basic')
-const tabs = ref([
-  { key: 'basic', title: '基本设置', icon: 'icon-basic' },
-  { key: 'security', title: '安全设置', icon: 'icon-security' },
-  { key: 'email', title: '邮件设置', icon: 'icon-email' }
-])
+const params = ref('')
 
-// 设置分类
-const settingCategories = [
-  { id: 'basic', name: '基本设置', icon: '🏠' },
-  { id: 'security', name: '安全设置', icon: '🔒' },
-  { id: 'email', name: '邮件设置', icon: '📧' },
-  { id: 'payment', name: '支付设置', icon: '💳' },
-  { id: 'other', name: '其他设置', icon: '⚙️' }
-]
-
-// 响应式数据
-const activeCategory = ref('basic')
-
-// 系统设置
-const settings = ref({
-  // 基本设置
-  siteName: 'Mall电商平台',
-  siteDescription: '专业的多角色电商解决方案',
-  siteLogo: '',
-  siteStatus: true,
-  maintenanceMessage: '系统正在维护中，请稍后访问',
-
-  // 安全设置
-  loginLockEnabled: true,
-  maxLoginAttempts: 5,
-  lockDuration: 30,
-  passwordRequireUppercase: true,
-  passwordRequireLowercase: true,
-  passwordRequireNumbers: true,
-  passwordRequireSymbols: false,
-  minPasswordLength: 8,
-  sessionTimeout: 120,
-
-  // 邮件设置
-  smtpHost: 'smtp.qq.com',
-  smtpPort: 587,
-  smtpUsername: '',
-  smtpPassword: '',
-  smtpSSL: true,
-
-  // 支付设置
-  alipayEnabled: true,
-  alipayAppId: '',
-  wechatPayEnabled: true,
-  wechatMerchantId: '',
-  currency: 0,
-
-  // 其他设置
-  autoBackupEnabled: true,
-  backupFrequency: 0,
-  systemLoggingEnabled: true,
-  apiRateLimitingEnabled: true
-})
-
-// 选项数据
-const currencyOptions = ['人民币(CNY)', '美元(USD)', '欧元(EUR)']
-const backupFrequencyOptions = ['每日', '每周', '每月']
-
-// 方法
-const setActiveCategory = (categoryId: string) => {
-  activeCategory.value = categoryId
-}
-
-const handleSiteStatusChange = (e: any) => {
-  settings.value.siteStatus = e.detail.value
-}
-
-const handleLogoUpload = () => {
-  uni.showToast({
-    title: 'Logo上传功能开发中',
-    icon: 'none'
-  })
-}
-
-const sendTestEmail = () => {
-  if (!settings.value.smtpHost || !settings.value.smtpUsername) {
-    uni.showToast({
-      title: '请先配置邮件服务器信息',
-      icon: 'none'
-    })
-    return
-  }
-
-  uni.showToast({
-    title: '发送测试邮件...',
-    icon: 'loading',
-    duration: 2000
-  })
-
-  // TODO: 实现发送测试邮件逻辑
-  setTimeout(() => {
-    uni.showToast({
-      title: '测试邮件发送成功',
-      icon: 'success'
-    })
-  }, 2000)
-}
-
-const resetSettings = () => {
-  uni.showModal({
-    title: '确认重置',
-    content: '确定要重置所有设置为默认值吗？',
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现重置设置逻辑
-        uni.showToast({
-          title: '设置已重置',
-          icon: 'success'
-        })
-      }
-    }
-  })
-}
-
-const saveSettings = () => {
-  // 表单验证
-  if (!settings.value.siteName.trim()) {
-    uni.showToast({
-      title: '请输入网站名称',
-      icon: 'none'
-    })
-    return
-  }
-
-  // TODO: 实现保存设置逻辑
-  console.log('保存设置:', settings.value)
-
-  uni.showToast({
-    title: '设置保存成功',
-    icon: 'success'
-  })
-}
-
-// 生命周期
-// Tab 切换方法
-const switchTab = (tabKey: string) => {
-  activeTab.value = tabKey
-}
-
-// 页面生命周期
-onLoad((options: any) => {
-  // 处理页面参数，切换到对应的tab
-  if (options && options.tab) {
-    if (['basic', 'security', 'email'].includes(options.tab)) {
-      activeTab.value = options.tab
-    } else {
-      activeTab.value = 'basic'
-    }
-  } else {
-    activeTab.value = 'basic'
-  }
-
-  console.log('系统设置页面加载，参数:', options)
-})
-
-onMounted(() => {
-  // 初始化设置数据
-  console.log('系统设置页面初始化')
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
 })
 </script>
 
-<style lang="scss">
-/* Tab 栏样式 */
-.tab-bar {
-  display: flex;
-  background-color: #ffffff;
-  border-radius: 8rpx;
-  padding: 8rpx;
-  margin-bottom: 24rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+<style>
+.Page {
+  padding: 24rpx;
 }
-
-.tab-item {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8rpx;
-  padding: 16rpx 24rpx;
-  border-radius: 6rpx;
-  cursor: pointer;
-  transition: all 0.2s;
-  background-color: #f5f5f5;
-  color: #666666;
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.tab-item:hover {
-  background-color: #e8e8e8;
-}
-
-.tab-item.active {
-  background-color: #1890ff;
-  color: #ffffff;
-}
-
-.tab-icon {
-  font-size: 16rpx;
-}
-
-.tab-title {
-  font-size: 14rpx;
-  font-weight: 500;
-}
-
-.system-settings {
-  padding: 20rpx;
-}
-
-.page-header {
-  margin-bottom: 30rpx;
-}
-
-.page-title {
-  display: block;
+.Title {
   font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 10rpx;
+  font-weight: 700;
 }
-
-.page-subtitle {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-}
-
-.settings-nav {
-  display: flex;
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 20rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-  overflow-x: auto;
-}
-
-.nav-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 20rpx 30rpx;
-  margin-right: 20rpx;
-  border-radius: 8rpx;
-  cursor: pointer;
-  transition: all 0.3s;
-  min-width: 120rpx;
-}
-
-.nav-item:last-child {
-  margin-right: 0;
-}
-
-.nav-item.active {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.nav-item:not(.active):hover {
-  background-color: #f5f5f5;
-}
-
-.nav-icon {
-  font-size: 32rpx;
-  margin-bottom: 8rpx;
-}
-
-.nav-text {
+.SubTitle {
+  margin-top: 8rpx;
   font-size: 24rpx;
-  font-weight: 500;
+  opacity: 0.7;
 }
-
-.settings-content {
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.setting-section {
-  min-height: 400rpx;
-}
-
-.section-header {
-  margin-bottom: 30rpx;
-  padding-bottom: 20rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.section-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-  display: block;
-}
-
-.section-desc {
+.Label {
   font-size: 26rpx;
-  color: #666;
+  font-weight: 600;
+  margin-bottom: 12rpx;
 }
-
-.setting-items {
-  display: flex;
-  flex-direction: column;
-  gap: 30rpx;
-}
-
-.setting-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding: 20rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
-}
-
-.setting-item:last-child {
-  border-bottom: none;
-}
-
-.item-info {
-  flex: 2;
-  margin-right: 30rpx;
-}
-
-.item-title {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 6rpx;
-  display: block;
-}
-
-.item-desc {
+.Mono {
   font-size: 24rpx;
-  color: #666;
-  line-height: 1.4;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
 }
-
-.item-control {
-  flex: 1;
-  min-width: 200rpx;
-}
-
-.setting-input {
-  width: 100%;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  box-sizing: border-box;
-}
-
-.setting-input.small {
-  width: 150rpx;
-}
-
-.setting-textarea {
-  width: 100%;
-  min-height: 80rpx;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  box-sizing: border-box;
-  resize: vertical;
-}
-
-.setting-select {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  cursor: pointer;
-  font-size: 28rpx;
-}
-
-.switch-wrapper {
-  display: flex;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.switch-text {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.checkbox-group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.checkbox-item {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-  font-size: 26rpx;
-  color: #666;
-}
-
-.image-upload {
-  display: flex;
-  align-items: center;
-  gap: 20rpx;
-}
-
-.upload-area {
-  width: 120rpx;
-  height: 60rpx;
-  border: 2rpx dashed #ddd;
-  border-radius: 8rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: #999;
-  font-size: 24rpx;
-}
-
-.upload-text {
-  font-size: 22rpx;
-  margin-left: 8rpx;
-}
-
-.preview-image {
-  width: 120rpx;
-  height: 60rpx;
-  border-radius: 8rpx;
-  object-fit: cover;
-}
-
-.settings-footer {
-  margin-top: 40rpx;
-  text-align: center;
-}
-
-.action-buttons {
-  display: flex;
-  gap: 30rpx;
-  justify-content: center;
-}
-
-.btn-primary {
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 40rpx;
-  font-size: 28rpx;
-  cursor: pointer;
-  font-weight: 500;
-}
-
-.btn-secondary {
-  background-color: #fff;
-  color: #666;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  padding: 16rpx 40rpx;
-  font-size: 28rpx;
-  cursor: pointer;
-}
-
-.iconfont {
-  font-family: 'iconfont';
-  font-size: 24rpx;
-}
-
-/* 响应式设计 */
-@media screen and (max-width: 750rpx) {
-  .settings-nav {
-    padding: 15rpx;
-  }
-
-  .nav-item {
-    padding: 15rpx 20rpx;
-    margin-right: 10rpx;
-    min-width: 100rpx;
-  }
-
-  .setting-item {
-    flex-direction: column;
-    gap: 15rpx;
-  }
-
-  .item-info {
-    margin-right: 0;
-  }
-
-  .item-control {
-    min-width: auto;
-  }
-
-  .setting-input.small {
-    width: 100%;
-  }
-
-  .checkbox-group {
-    flex-direction: column;
-    gap: 10rpx;
-  }
-
-  .action-buttons {
-    flex-direction: column;
-    gap: 15rpx;
-  }
-
-  .btn-primary,
-  .btn-secondary {
-    width: 100%;
-  }
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/mall/admin/system/agreement-settings.uvue b/pages/mall/admin/system/agreement-settings.uvue
new file mode 100644
index 00000000..57911970
--- /dev/null
+++ b/pages/mall/admin/system/agreement-settings.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">协议设置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">协议设置</text>
+          <text class="p">TODO：在这里实现 协议设置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/collect.uvue b/pages/mall/admin/system/api/collect.uvue
new file mode 100644
index 00000000..553f69ed
--- /dev/null
+++ b/pages/mall/admin/system/api/collect.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">商品采集配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">商品采集配置</text>
+          <text class="p">TODO：在这里实现 商品采集配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/logistics.uvue b/pages/mall/admin/system/api/logistics.uvue
new file mode 100644
index 00000000..de8bf041
--- /dev/null
+++ b/pages/mall/admin/system/api/logistics.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">物流查询配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">物流查询配置</text>
+          <text class="p">TODO：在这里实现 物流查询配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/pay.uvue b/pages/mall/admin/system/api/pay.uvue
new file mode 100644
index 00000000..cf03b16f
--- /dev/null
+++ b/pages/mall/admin/system/api/pay.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">商城支付配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">商城支付配置</text>
+          <text class="p">TODO：在这里实现 商城支付配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/sms.uvue b/pages/mall/admin/system/api/sms.uvue
new file mode 100644
index 00000000..8ec11446
--- /dev/null
+++ b/pages/mall/admin/system/api/sms.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">短信接口配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">短信接口配置</text>
+          <text class="p">TODO：在这里实现 短信接口配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/storage.uvue b/pages/mall/admin/system/api/storage.uvue
new file mode 100644
index 00000000..b3c95ef4
--- /dev/null
+++ b/pages/mall/admin/system/api/storage.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">系统存储配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">系统存储配置</text>
+          <text class="p">TODO：在这里实现 系统存储配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/waybill.uvue b/pages/mall/admin/system/api/waybill.uvue
new file mode 100644
index 00000000..e93f86fa
--- /dev/null
+++ b/pages/mall/admin/system/api/waybill.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">电子面单配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">电子面单配置</text>
+          <text class="p">TODO：在这里实现 电子面单配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/yht/config.uvue b/pages/mall/admin/system/api/yht/config.uvue
new file mode 100644
index 00000000..f5052c61
--- /dev/null
+++ b/pages/mall/admin/system/api/yht/config.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">一号通配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">一号通配置</text>
+          <text class="p">TODO：在这里实现 一号通配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/api/yht/page.uvue b/pages/mall/admin/system/api/yht/page.uvue
new file mode 100644
index 00000000..4499dba6
--- /dev/null
+++ b/pages/mall/admin/system/api/yht/page.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">一号通页面</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">一号通页面</text>
+          <text class="p">TODO：在这里实现 一号通页面 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/message-management.uvue b/pages/mall/admin/system/message-management.uvue
new file mode 100644
index 00000000..2833c8ec
--- /dev/null
+++ b/pages/mall/admin/system/message-management.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">消息管理</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">消息管理</text>
+          <text class="p">TODO：在这里实现 消息管理 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/permission/admin-list.uvue b/pages/mall/admin/system/permission/admin-list.uvue
new file mode 100644
index 00000000..1737a520
--- /dev/null
+++ b/pages/mall/admin/system/permission/admin-list.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">管理员列表</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">管理员列表</text>
+          <text class="p">TODO：在这里实现 管理员列表 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/permission/permission-setting.uvue b/pages/mall/admin/system/permission/permission-setting.uvue
new file mode 100644
index 00000000..55d87bd8
--- /dev/null
+++ b/pages/mall/admin/system/permission/permission-setting.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">权限设置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">权限设置</text>
+          <text class="p">TODO：在这里实现 权限设置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/permission/role.uvue b/pages/mall/admin/system/permission/role.uvue
new file mode 100644
index 00000000..9c0ee575
--- /dev/null
+++ b/pages/mall/admin/system/permission/role.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">角色管理</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">角色管理</text>
+          <text class="p">TODO：在这里实现 角色管理 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/receipt-settings.uvue b/pages/mall/admin/system/receipt-settings.uvue
new file mode 100644
index 00000000..aad234c8
--- /dev/null
+++ b/pages/mall/admin/system/receipt-settings.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">小票配置</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">小票配置</text>
+          <text class="p">TODO：在这里实现 小票配置 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/shipping/courier.uvue b/pages/mall/admin/system/shipping/courier.uvue
new file mode 100644
index 00000000..ac851c38
--- /dev/null
+++ b/pages/mall/admin/system/shipping/courier.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">配送员管理</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">配送员管理</text>
+          <text class="p">TODO：在这里实现 配送员管理 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/shipping/freight-template.uvue b/pages/mall/admin/system/shipping/freight-template.uvue
new file mode 100644
index 00000000..91863a14
--- /dev/null
+++ b/pages/mall/admin/system/shipping/freight-template.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">运费模板</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">运费模板</text>
+          <text class="p">TODO：在这里实现 运费模板 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/shipping/pickup/points.uvue b/pages/mall/admin/system/shipping/pickup/points.uvue
new file mode 100644
index 00000000..b80f7996
--- /dev/null
+++ b/pages/mall/admin/system/shipping/pickup/points.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">提货点</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">提货点</text>
+          <text class="p">TODO：在这里实现 提货点 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/system/shipping/pickup/verifiers.uvue b/pages/mall/admin/system/shipping/pickup/verifiers.uvue
new file mode 100644
index 00000000..5053f75f
--- /dev/null
+++ b/pages/mall/admin/system/shipping/pickup/verifiers.uvue
@@ -0,0 +1,81 @@
+<template>
+  <view class="page">
+    <!-- TopBar (navigationStyle: custom 时需要自己做顶部栏) -->
+    <view class="topbar">
+      <view class="status-bar" />
+      <view class="nav">
+        <view class="nav-left" @click="goBack">
+          <text class="nav-icon">‹</text>
+          <text class="nav-text">返回</text>
+        </view>
+
+        <text class="nav-title">核销员</text>
+
+        <view class="nav-right">
+          <text class="nav-action" @click="onPrimaryAction">保存</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- Main -->
+    <scroll-view class="body" scroll-y="true">
+      <view class="container">
+        <view class="card">
+          <text class="h2">核销员</text>
+          <text class="p">TODO：在这里实现 核销员 的页面内容。</text>
+          <view class="divider" />
+          <text class="p muted">提示：当前为可跑的占位模板（TopBar + Container + Card）。</text>
+        </view>
+
+        <view class="card">
+          <text class="h3">建议你下一步先补齐</text>
+          <view class="list">
+            <text class="li">1）接口：拉取/保存数据（API 协议对齐后端）</text>
+            <text class="li">2）列表/表单：搜索、分页、增删改</text>
+            <text class="li">3）权限：按钮/路由级权限控制</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup lang="uts">
+const goBack = () => {
+  uni.navigateBack({ delta: 1 })
+}
+
+const onPrimaryAction = () => {
+  uni.showToast({ title: 'TODO：保存逻辑', icon: 'none' })
+}
+</script>
+
+<style scoped>
+.page { width: 100%; height: 100%; background-color: #f6f7fb; }
+
+/* 顶部栏（适配沉浸式状态栏） */
+.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
+.status-bar { height: var(--status-bar-height); }
+.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
+.nav-left { width: 88px; display: flex; align-items: center; }
+.nav-icon { font-size: 22px; margin-right: 4px; color: #111; }
+.nav-text { font-size: 14px; color: #111; }
+.nav-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #111; }
+.nav-right { width: 88px; display: flex; justify-content: flex-end; }
+.nav-action { font-size: 14px; color: #1677ff; }
+
+.body { height: calc(100vh - 44px - var(--status-bar-height)); }
+.container { padding: 12px; }
+
+.card { background-color: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); }
+
+.h2 { font-size: 18px; font-weight: 700; color: #111; }
+.h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
+.p { font-size: 13px; color: #333; margin-top: 8px; line-height: 18px; }
+.muted { color: #8892a6; }
+
+.divider { height: 1px; background-color: #eef0f5; margin: 12px 0; }
+
+.list { margin-top: 8px; }
+.li { font-size: 13px; color: #333; line-height: 20px; }
+</style>
diff --git a/pages/mall/admin/user-detail.uvue b/pages/mall/admin/user-detail.uvue
deleted file mode 100644
index badc0d5b..00000000
--- a/pages/mall/admin/user-detail.uvue
+++ /dev/null
@@ -1,907 +0,0 @@
-<template>
-  <view class="user-detail-page">
-    <!-- 用户基本信息 -->
-    <view class="user-profile">
-      <view class="profile-header">
-        <image :src="user.avatar_url || '/static/default-avatar.png'" class="user-avatar" />
-        <view class="user-basic">
-          <text class="user-name">{{ user.nickname || user.phone }}</text>
-          <text class="user-id">ID: {{ user.id }}</text>
-          <view class="user-status">
-            <text class="status-badge" :class="{ active: user.status === 1, inactive: user.status === 0 }">
-              {{ user.status === 1 ? '正常' : '冻结' }}
-            </text>
-            <text class="user-type">{{ getUserTypeText() }}</text>
-          </view>
-        </view>
-        <view class="action-menu" @click="showActionMenu">⋮</view>
-      </view>
-      
-      <view class="profile-details">
-        <view class="detail-item">
-          <text class="detail-label">手机号码</text>
-          <text class="detail-value">{{ user.phone }}</text>
-        </view>
-        <view class="detail-item">
-          <text class="detail-label">邮箱地址</text>
-          <text class="detail-value">{{ user.email || '未设置' }}</text>
-        </view>
-        <view class="detail-item">
-          <text class="detail-label">性别</text>
-          <text class="detail-value">{{ getGenderText() }}</text>
-        </view>
-        <view class="detail-item">
-          <text class="detail-label">注册时间</text>
-          <text class="detail-value">{{ formatTime(user.created_at) }}</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 用户统计 -->
-    <view class="user-stats">
-      <view class="section-title">用户统计</view>
-      <view class="stats-grid">
-        <view class="stat-item">
-          <text class="stat-value">{{ userStats.total_orders }}</text>
-          <text class="stat-label">总订单数</text>
-        </view>
-        <view class="stat-item">
-          <text class="stat-value">¥{{ userStats.total_amount }}</text>
-          <text class="stat-label">消费总额</text>
-        </view>
-        <view class="stat-item">
-          <text class="stat-value">{{ userStats.total_reviews }}</text>
-          <text class="stat-label">评价数量</text>
-        </view>
-        <view class="stat-item">
-          <text class="stat-value">{{ userStats.avg_rating.toFixed(1) }}</text>
-          <text class="stat-label">平均评分</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 最近订单 -->
-    <view class="recent-orders">
-      <view class="section-header">
-        <text class="section-title">最近订单</text>
-        <text class="view-all" @click="viewAllOrders">查看全部</text>
-      </view>
-      
-      <view v-if="recentOrders.length === 0" class="empty-orders">
-        <text class="empty-text">暂无订单记录</text>
-      </view>
-      
-      <view v-for="order in recentOrders" :key="order.id" class="order-item" @click="viewOrderDetail(order)">
-        <view class="order-header">
-          <text class="order-no">{{ order.order_no }}</text>
-          <text class="order-status" :class="getOrderStatusClass(order.status)">{{ getOrderStatusText(order.status) }}</text>
-        </view>
-        <view class="order-info">
-          <text class="order-amount">¥{{ order.actual_amount }}</text>
-          <text class="order-time">{{ formatTime(order.created_at) }}</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 用户行为记录 -->
-    <view class="user-activities">
-      <view class="section-header">
-        <text class="section-title">行为记录</text>
-        <text class="view-all" @click="viewAllActivities">查看全部</text>
-      </view>
-      
-      <view v-for="activity in userActivities" :key="activity.id" class="activity-item">
-        <view class="activity-icon" :class="activity.type">{{ getActivityIcon(activity.type) }}</view>
-        <view class="activity-content">
-          <text class="activity-desc">{{ activity.description }}</text>
-          <text class="activity-time">{{ formatTime(activity.created_at) }}</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 风险评估 -->
-    <view class="risk-assessment">
-      <view class="section-title">风险评估</view>
-      <view class="risk-score">
-        <view class="score-circle" :class="getRiskLevel()">
-          <text class="score-value">{{ riskData.score }}</text>
-          <text class="score-max">/100</text>
-        </view>
-        <view class="risk-info">
-          <text class="risk-level">{{ getRiskLevelText() }}</text>
-          <text class="risk-desc">{{ getRiskDescription() }}</text>
-        </view>
-      </view>
-      
-      <view class="risk-factors">
-        <view v-for="factor in riskData.factors" :key="factor.type" class="factor-item">
-          <text class="factor-label">{{ factor.label }}</text>
-          <view class="factor-bar">
-            <view class="factor-fill" :style="{ width: factor.value + '%' }" :class="factor.level"></view>
-          </view>
-          <text class="factor-value">{{ factor.value }}%</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 操作记录 -->
-    <view class="admin-logs">
-      <view class="section-header">
-        <text class="section-title">操作记录</text>
-        <text class="add-log" @click="addAdminLog">添加记录</text>
-      </view>
-      
-      <view v-for="log in adminLogs" :key="log.id" class="log-item">
-        <view class="log-content">
-          <text class="log-action">{{ log.action }}</text>
-          <text class="log-reason">{{ log.reason }}</text>
-        </view>
-        <view class="log-meta">
-          <text class="log-admin">{{ log.admin_name }}</text>
-          <text class="log-time">{{ formatTime(log.created_at) }}</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 操作菜单弹窗 -->
-    <view v-if="showMenu" class="action-modal" @click="hideActionMenu">
-      <view class="action-list" @click.stop>
-        <view class="action-item" @click="toggleUserStatus">
-          {{ user.status === 1 ? '冻结用户' : '解冻用户' }}
-        </view>
-        <view class="action-item" @click="resetPassword">重置密码</view>
-        <view class="action-item" @click="sendMessage">发送消息</view>
-        <view class="action-item danger" @click="deleteUser">删除用户</view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { UserType, OrderType } from '@/types/mall-types.uts'
-
-type UserStatsType = {
-  total_orders: number
-  total_amount: number
-  total_reviews: number
-  avg_rating: number
-}
-
-type UserActivityType = {
-  id: string
-  type: string
-  description: string
-  created_at: string
-}
-
-type RiskFactorType = {
-  type: string
-  label: string
-  value: number
-  level: string
-}
-
-type RiskDataType = {
-  score: number
-  level: string
-  factors: Array<RiskFactorType>
-}
-
-type AdminLogType = {
-  id: string
-  action: string
-  reason: string
-  admin_name: string
-  created_at: string
-}
-
-export default {
-  data() {
-    return {
-      user: {
-        id: '',
-        phone: '',
-        email: '',
-        nickname: '',
-        avatar_url: '',
-        gender: 0,
-        user_type: 0,
-        status: 0,
-        created_at: ''
-      } as UserType,
-      userStats: {
-        total_orders: 0,
-        total_amount: 0,
-        total_reviews: 0,
-        avg_rating: 0
-      } as UserStatsType,
-      recentOrders: [] as Array<OrderType>,
-      userActivities: [] as Array<UserActivityType>,
-      riskData: {
-        score: 0,
-        level: '',
-        factors: []
-      } as RiskDataType,
-      adminLogs: [] as Array<AdminLogType>,
-      showMenu: false
-    }
-  },
-  onLoad(options: any) {
-    const userId = options.userId as string
-    if (userId) {
-      this.loadUserDetail(userId)
-    }
-  },
-  methods: {
-    loadUserDetail(userId: string) {
-      // 模拟加载用户详情数据
-      this.user = {
-        id: userId,
-        phone: '13800138000',
-        email: 'user@example.com',
-        nickname: '张三',
-        avatar_url: '/static/avatar1.jpg',
-        gender: 1,
-        user_type: 1,
-        status: 1,
-        created_at: '2023-06-15T10:30:00'
-      }
-      
-      this.userStats = {
-        total_orders: 23,
-        total_amount: 5680.50,
-        total_reviews: 18,
-        avg_rating: 4.3
-      }
-      
-      this.recentOrders = [
-        {
-          id: 'order_001',
-          order_no: 'ORD202401150001',
-          user_id: userId,
-          merchant_id: 'merchant_001',
-          status: 4,
-          total_amount: 299.98,
-          discount_amount: 30.00,
-          delivery_fee: 8.00,
-          actual_amount: 277.98,
-          payment_method: 1,
-          payment_status: 1,
-          delivery_address: {},
-          created_at: '2024-01-15T14:30:00'
-        }
-      ]
-      
-      this.userActivities = [
-        {
-          id: 'activity_001',
-          type: 'login',
-          description: '用户登录系统',
-          created_at: '2024-01-15T09:30:00'
-        },
-        {
-          id: 'activity_002',
-          type: 'order',
-          description: '创建订单 ORD202401150001',
-          created_at: '2024-01-15T14:30:00'
-        },
-        {
-          id: 'activity_003',
-          type: 'review',
-          description: '对商品进行评价',
-          created_at: '2024-01-14T16:20:00'
-        }
-      ]
-      
-      this.riskData = {
-        score: 25,
-        level: 'low',
-        factors: [
-          { type: 'refund', label: '退款率', value: 15, level: 'low' },
-          { type: 'complaint', label: '投诉率', value: 5, level: 'low' },
-          { type: 'chargeback', label: '拒付率', value: 0, level: 'low' },
-          { type: 'fraud', label: '欺诈风险', value: 10, level: 'low' }
-        ]
-      }
-      
-      this.adminLogs = [
-        {
-          id: 'log_001',
-          action: '账户验证',
-          reason: '用户实名认证通过',
-          admin_name: '管理员小李',
-          created_at: '2024-01-10T11:00:00'
-        }
-      ]
-    },
-    
-    getUserTypeText(): string {
-      const types = ['普通用户', '普通用户', '商家用户', '配送员', '管理员']
-      return types[this.user.user_type] || '未知'
-    },
-    
-    getGenderText(): string {
-      const genders = ['未知', '男', '女']
-      return genders[this.user.gender] || '未知'
-    },
-    
-    getOrderStatusText(status: number): string {
-      const statusTexts = ['异常', '待支付', '待发货', '待收货', '已完成', '已取消']
-      return statusTexts[status] || '未知'
-    },
-    
-    getOrderStatusClass(status: number): string {
-      const statusClasses = ['error', 'pending', 'processing', 'shipping', 'completed', 'cancelled']
-      return statusClasses[status] || 'error'
-    },
-    
-    getActivityIcon(type: string): string {
-      const icons: Record<string, string> = {
-        login: '🔐',
-        order: '🛍️',
-        review: '⭐',
-        refund: '💰',
-        complaint: '⚠️'
-      }
-      return icons[type] || '📝'
-    },
-    
-    getRiskLevel(): string {
-      if (this.riskData.score < 30) return 'low'
-      if (this.riskData.score < 70) return 'medium'
-      return 'high'
-    },
-    
-    getRiskLevelText(): string {
-      const level = this.getRiskLevel()
-      const levelTexts: Record<string, string> = {
-        low: '低风险',
-        medium: '中风险',
-        high: '高风险'
-      }
-      return levelTexts[level] || '未知'
-    },
-    
-    getRiskDescription(): string {
-      const level = this.getRiskLevel()
-      const descriptions: Record<string, string> = {
-        low: '用户行为正常，风险较低',
-        medium: '存在一定风险，需要关注',
-        high: '高风险用户，建议重点监控'
-      }
-      return descriptions[level] || ''
-    },
-    
-    formatTime(timeStr: string): string {
-      return timeStr.replace('T', ' ').split('.')[0]
-    },
-    
-    showActionMenu() {
-      this.showMenu = true
-    },
-    
-    hideActionMenu() {
-      this.showMenu = false
-    },
-    
-    toggleUserStatus() {
-      const action = this.user.status === 1 ? '冻结' : '解冻'
-      uni.showModal({
-        title: `${action}用户`,
-        content: `确定要${action}用户 ${this.user.nickname} 吗？`,
-        success: (res) => {
-          if (res.confirm) {
-            this.user.status = this.user.status === 1 ? 0 : 1
-            this.hideActionMenu()
-            uni.showToast({
-              title: `${action}成功`,
-              icon: 'success'
-            })
-          }
-        }
-      })
-    },
-    
-    resetPassword() {
-      uni.showModal({
-        title: '重置密码',
-        content: '确定要重置用户密码吗？新密码将发送到用户手机。',
-        success: (res) => {
-          if (res.confirm) {
-            this.hideActionMenu()
-            uni.showToast({
-              title: '密码重置成功',
-              icon: 'success'
-            })
-          }
-        }
-      })
-    },
-    
-    sendMessage() {
-      this.hideActionMenu()
-      uni.navigateTo({
-        url: `/pages/mall/admin/send-message?userId=${this.user.id}`
-      })
-    },
-    
-    deleteUser() {
-      uni.showModal({
-        title: '删除用户',
-        content: '删除用户将无法恢复，确定要删除吗？',
-        success: (res) => {
-          if (res.confirm) {
-            this.hideActionMenu()
-            uni.showToast({
-              title: '用户已删除',
-              icon: 'success'
-            })
-            setTimeout(() => {
-              uni.navigateBack()
-            }, 1500)
-          }
-        }
-      })
-    },
-    
-    viewAllOrders() {
-      uni.navigateTo({
-        url: `/pages/mall/admin/user-orders?userId=${this.user.id}`
-      })
-    },
-    
-    viewOrderDetail(order: OrderType) {
-      uni.navigateTo({
-        url: `/pages/mall/admin/order-detail?orderId=${order.id}`
-      })
-    },
-    
-    viewAllActivities() {
-      uni.navigateTo({
-        url: `/pages/mall/admin/user-activities?userId=${this.user.id}`
-      })
-    },
-    
-    addAdminLog() {
-      uni.navigateTo({
-        url: `/pages/mall/admin/add-log?userId=${this.user.id}`
-      })
-    }
-  }
-}
-</script>
-
-<style>
-.user-detail-page {
-  background-color: #f5f5f5;
-  min-height: 100vh;
-}
-
-.user-profile, .user-stats, .recent-orders, .user-activities, .risk-assessment, .admin-logs {
-  background-color: #fff;
-  margin-bottom: 20rpx;
-  padding: 30rpx;
-}
-
-.profile-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 30rpx;
-}
-
-.user-avatar {
-  width: 120rpx;
-  height: 120rpx;
-  border-radius: 60rpx;
-  margin-right: 25rpx;
-}
-
-.user-basic {
-  flex: 1;
-}
-
-.user-name {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-}
-
-.user-id {
-  font-size: 24rpx;
-  color: #666;
-  margin-bottom: 10rpx;
-}
-
-.user-status {
-  display: flex;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.status-badge {
-  padding: 8rpx 16rpx;
-  border-radius: 12rpx;
-  font-size: 22rpx;
-  color: #fff;
-}
-
-.status-badge.active {
-  background-color: #4caf50;
-}
-
-.status-badge.inactive {
-  background-color: #ff4444;
-}
-
-.user-type {
-  font-size: 22rpx;
-  color: #666;
-  background-color: #f0f0f0;
-  padding: 8rpx 16rpx;
-  border-radius: 12rpx;
-}
-
-.action-menu {
-  font-size: 32rpx;
-  color: #666;
-  padding: 10rpx;
-}
-
-.profile-details {
-  border-top: 1rpx solid #f5f5f5;
-  padding-top: 25rpx;
-}
-
-.detail-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 15rpx 0;
-}
-
-.detail-label {
-  font-size: 26rpx;
-  color: #666;
-  width: 150rpx;
-}
-
-.detail-value {
-  flex: 1;
-  font-size: 26rpx;
-  color: #333;
-  text-align: right;
-}
-
-.section-title {
-  font-size: 30rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 25rpx;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 25rpx;
-}
-
-.view-all, .add-log {
-  font-size: 24rpx;
-  color: #007aff;
-}
-
-.stats-grid {
-  display: flex;
-  gap: 20rpx;
-}
-
-.stat-item {
-  flex: 1;
-  text-align: center;
-  padding: 30rpx 0;
-  background-color: #f8f9fa;
-  border-radius: 10rpx;
-}
-
-.stat-value {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-}
-
-.stat-label {
-  font-size: 22rpx;
-  color: #666;
-}
-
-.empty-orders {
-  text-align: center;
-  padding: 60rpx 0;
-}
-
-.empty-text {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.order-item, .log-item {
-  padding: 25rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
-}
-
-.order-item:last-child, .log-item:last-child {
-  border-bottom: none;
-}
-
-.order-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10rpx;
-}
-
-.order-no {
-  font-size: 26rpx;
-  color: #333;
-  font-weight: bold;
-}
-
-.order-status {
-  font-size: 22rpx;
-  padding: 6rpx 12rpx;
-  border-radius: 10rpx;
-  color: #fff;
-}
-
-.order-status.pending {
-  background-color: #ffa726;
-}
-
-.order-status.processing {
-  background-color: #2196f3;
-}
-
-.order-status.shipping {
-  background-color: #9c27b0;
-}
-
-.order-status.completed {
-  background-color: #4caf50;
-}
-
-.order-status.cancelled {
-  background-color: #999;
-}
-
-.order-info {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.order-amount {
-  font-size: 24rpx;
-  color: #ff4444;
-  font-weight: bold;
-}
-
-.order-time {
-  font-size: 22rpx;
-  color: #999;
-}
-
-.activity-item {
-  display: flex;
-  align-items: flex-start;
-  padding: 20rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
-}
-
-.activity-item:last-child {
-  border-bottom: none;
-}
-
-.activity-icon {
-  font-size: 28rpx;
-  margin-right: 15rpx;
-  margin-top: 5rpx;
-}
-
-.activity-content {
-  flex: 1;
-}
-
-.activity-desc {
-  font-size: 26rpx;
-  color: #333;
-  margin-bottom: 5rpx;
-}
-
-.activity-time {
-  font-size: 22rpx;
-  color: #999;
-}
-
-.risk-score {
-  display: flex;
-  align-items: center;
-  margin-bottom: 30rpx;
-}
-
-.score-circle {
-  width: 140rpx;
-  height: 140rpx;
-  border-radius: 50%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin-right: 30rpx;
-  border: 6rpx solid;
-}
-
-.score-circle.low {
-  border-color: #4caf50;
-  background-color: #e8f5e8;
-}
-
-.score-circle.medium {
-  border-color: #ffa726;
-  background-color: #fff8e1;
-}
-
-.score-circle.high {
-  border-color: #ff4444;
-  background-color: #ffebee;
-}
-
-.score-value {
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.score-max {
-  font-size: 20rpx;
-  color: #666;
-  margin-top: -5rpx;
-}
-
-.risk-info {
-  flex: 1;
-}
-
-.risk-level {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-}
-
-.risk-desc {
-  font-size: 24rpx;
-  color: #666;
-  line-height: 1.4;
-}
-
-.risk-factors {
-  margin-top: 30rpx;
-}
-
-.factor-item {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20rpx;
-}
-
-.factor-label {
-  font-size: 24rpx;
-  color: #666;
-  width: 120rpx;
-}
-
-.factor-bar {
-  flex: 1;
-  height: 12rpx;
-  background-color: #f0f0f0;
-  border-radius: 6rpx;
-  margin: 0 20rpx;
-  overflow: hidden;
-}
-
-.factor-fill {
-  height: 100%;
-  border-radius: 6rpx;
-}
-
-.factor-fill.low {
-  background-color: #4caf50;
-}
-
-.factor-fill.medium {
-  background-color: #ffa726;
-}
-
-.factor-fill.high {
-  background-color: #ff4444;
-}
-
-.factor-value {
-  font-size: 22rpx;
-  color: #333;
-  width: 60rpx;
-  text-align: right;
-}
-
-.log-content {
-  margin-bottom: 10rpx;
-}
-
-.log-action {
-  font-size: 26rpx;
-  color: #333;
-  font-weight: bold;
-  margin-bottom: 5rpx;
-}
-
-.log-reason {
-  font-size: 24rpx;
-  color: #666;
-}
-
-.log-meta {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.log-admin {
-  font-size: 22rpx;
-  color: #007aff;
-}
-
-.log-time {
-  font-size: 22rpx;
-  color: #999;
-}
-
-.action-modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 999;
-}
-
-.action-list {
-  background-color: #fff;
-  border-radius: 20rpx;
-  padding: 30rpx 0;
-  margin: 0 60rpx;
-  max-width: 500rpx;
-}
-
-.action-item {
-  padding: 25rpx 40rpx;
-  font-size: 28rpx;
-  color: #333;
-  text-align: center;
-  border-bottom: 1rpx solid #f5f5f5;
-}
-
-.action-item:last-child {
-  border-bottom: none;
-}
-
-.action-item.danger {
-  color: #ff4444;
-}
-</style>
diff --git a/pages/mall/admin/user-management.uvue b/pages/mall/admin/user-management.uvue
index 4f17fe44..eb97d62f 100644
--- a/pages/mall/admin/user-management.uvue
+++ b/pages/mall/admin/user-management.uvue
@@ -1,1582 +1,62 @@
 <template>
-  <AdminLayout current-page="user-list">
-    <view class="user-management">
-      <!-- 页面标题 -->
-      <view class="page-header">
-        <text class="page-title">用户管理</text>
-        <text class="page-subtitle">管理系统用户账户和权限</text>
-      </view>
-
-
-      <!-- 用户列表Tab -->
-      <view v-if="activeTab === 'user-list'">
-        <!-- 统计卡片 -->
-      <view class="stats-cards">
-        <view class="stat-card">
-          <view class="stat-icon">👥</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ totalUsers }}</text>
-            <text class="stat-label">总用户数</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">✅</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ activeUsers }}</text>
-            <text class="stat-label">活跃用户</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">🚫</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ blockedUsers }}</text>
-            <text class="stat-label">封禁用户</text>
-          </view>
-        </view>
-        <view class="stat-card">
-          <view class="stat-icon">🆕</view>
-          <view class="stat-content">
-            <text class="stat-value">{{ newUsersToday }}</text>
-            <text class="stat-label">今日新增</text>
-          </view>
-        </view>
-      </view>
-
-      <!-- 搜索和筛选 -->
-      <view class="search-section">
-        <view class="search-bar">
-          <view class="search-input-wrapper">
-            <input
-              v-model="searchKeyword"
-              class="search-input"
-              placeholder="搜索用户名、邮箱、手机号"
-              @confirm="handleSearch"
-            />
-            <view class="search-btn" @click="handleSearch">
-              <text class="iconfont icon-search"></text>
-            </view>
-          </view>
-          <view class="advanced-toggle" @click="showAdvancedSearch = !showAdvancedSearch">
-            <text>{{ showAdvancedSearch ? '收起' : '展开' }}筛选</text>
-            <text class="iconfont">{{ showAdvancedSearch ? 'icon-up' : 'icon-down' }}</text>
-          </view>
-        </view>
-
-        <!-- 高级搜索 -->
-        <view v-if="showAdvancedSearch" class="advanced-search">
-          <view class="filter-row">
-            <view class="filter-item">
-              <text class="filter-label">用户状态:</text>
-              <picker
-                mode="selector"
-                :range="statusOptions"
-                :value="selectedStatus"
-                @change="handleStatusChange"
-              >
-                <view class="picker-display">
-                  <text>{{ statusOptions[selectedStatus] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-            <view class="filter-item">
-              <text class="filter-label">用户等级:</text>
-              <picker
-                mode="selector"
-                :range="levelOptions"
-                :value="selectedLevel"
-                @change="handleLevelChange"
-              >
-                <view class="picker-display">
-                  <text>{{ levelOptions[selectedLevel] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-          </view>
-
-          <view class="filter-row">
-            <view class="filter-item">
-              <text class="filter-label">注册时间:</text>
-              <view class="date-range">
-                <picker
-                  mode="date"
-                  :value="startDate"
-                  :start="minDate"
-                  :end="maxDate"
-                  @change="handleStartDateChange"
-                >
-                  <view class="date-input">
-                    <text>{{ startDate || '开始日期' }}</text>
-                  </view>
-                </picker>
-                <text class="date-separator">-</text>
-                <picker
-                  mode="date"
-                  :value="endDate"
-                  :start="minDate"
-                  :end="maxDate"
-                  @change="handleEndDateChange"
-                >
-                  <view class="date-input">
-                    <text>{{ endDate || '结束日期' }}</text>
-                  </view>
-                </picker>
-              </view>
-            </view>
-          </view>
-
-          <view class="filter-actions">
-            <button class="btn-secondary" @click="resetFilters">重置</button>
-            <button class="btn-primary" @click="handleAdvancedSearch">搜索</button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 操作按钮 -->
-      <view class="action-bar">
-        <view class="left-actions">
-          <button class="btn-primary" @click="showAddModal = true">
-            <text class="iconfont icon-add"></text>
-            添加用户
-          </button>
-          <button class="btn-secondary" @click="handleExport">
-            <text class="iconfont icon-export"></text>
-            导出数据
-          </button>
-        </view>
-        <view class="right-actions">
-          <view class="select-all">
-            <checkbox :checked="selectAll" @change="handleSelectAll" />
-            <text>全选</text>
-          </view>
-          <button class="btn-danger" :disabled="selectedUsers.length === 0" @click="handleBatchDelete">
-            <text class="iconfont icon-delete"></text>
-            批量删除
-          </button>
-        </view>
-      </view>
-
-      <!-- 用户列表 -->
-      <view class="user-table">
-        <view class="table-header">
-          <view class="table-row">
-            <view class="col-select">选择</view>
-            <view class="col-avatar">头像</view>
-            <view class="col-info">用户信息</view>
-            <view class="col-status">状态</view>
-            <view class="col-level">等级</view>
-            <view class="col-date">注册时间</view>
-            <view class="col-actions">操作</view>
-          </view>
-        </view>
-
-        <view class="table-body">
-          <view
-            v-for="user in userList"
-            :key="user.id"
-            class="table-row"
-            :class="{ 'selected': selectedUsers.includes(user.id) }"
-          >
-            <view class="col-select">
-              <checkbox
-                :checked="selectedUsers.includes(user.id)"
-                @change="handleUserSelect(user.id, $event)"
-              />
-            </view>
-            <view class="col-avatar">
-              <image :src="user.avatar" class="user-avatar" />
-            </view>
-            <view class="col-info">
-              <view class="user-name">{{ user.username }}</view>
-              <view class="user-email">{{ user.email }}</view>
-              <view class="user-phone">{{ user.phone }}</view>
-            </view>
-            <view class="col-status">
-              <view class="status-badge" :class="user.status">
-                {{ user.status === 'active' ? '正常' : user.status === 'blocked' ? '封禁' : '未激活' }}
-              </view>
-            </view>
-            <view class="col-level">
-              <text class="level-text">{{ user.level }}</text>
-            </view>
-            <view class="col-date">
-              <text class="date-text">{{ formatDate(user.createdAt) }}</text>
-            </view>
-            <view class="col-actions">
-              <button class="action-btn edit" @click="handleEdit(user)">
-                <text class="iconfont icon-edit"></text>
-              </button>
-              <button class="action-btn block" @click="handleBlock(user)" v-if="user.status === 'active'">
-                <text class="iconfont icon-block"></text>
-              </button>
-              <button class="action-btn unblock" @click="handleUnblock(user)" v-else-if="user.status === 'blocked'">
-                <text class="iconfont icon-unblock"></text>
-              </button>
-              <button class="action-btn delete" @click="handleDelete(user)">
-                <text class="iconfont icon-delete"></text>
-              </button>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 分页 -->
-      <view class="pagination">
-        <view class="page-info">
-          <text>共 {{ totalUsers }} 条记录，显示 {{ (currentPage - 1) * pageSize + 1 }}-{{ Math.min(currentPage * pageSize, totalUsers) }} 条</text>
-        </view>
-        <view class="page-controls">
-          <button
-            class="page-btn"
-            :disabled="currentPage === 1"
-            @click="goToPage(currentPage - 1)"
-          >
-            上一页
-          </button>
-
-          <view class="page-numbers">
-            <button
-              v-for="page in visiblePages"
-              :key="page"
-              class="page-number"
-              :class="{ 'active': page === currentPage }"
-              @click="goToPage(page)"
-            >
-              {{ page }}
-            </button>
-          </view>
-
-          <button
-            class="page-btn"
-            :disabled="currentPage === totalPages"
-            @click="goToPage(currentPage + 1)"
-          >
-            下一页
-          </button>
-        </view>
-      </view>
-
-      <!-- 添加/编辑用户模态框 -->
-      <view v-if="showAddModal || showEditModal" class="modal-overlay" @click="closeModal">
-        <view class="modal-content" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">{{ showAddModal ? '添加用户' : '编辑用户' }}</text>
-            <view class="modal-close" @click="closeModal">
-              <text class="iconfont icon-close"></text>
-            </view>
-          </view>
-
-          <view class="modal-body">
-            <view class="form-group">
-              <text class="form-label">用户名</text>
-              <input
-                v-model="userForm.username"
-                class="form-input"
-                placeholder="请输入用户名"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">邮箱</text>
-              <input
-                v-model="userForm.email"
-                class="form-input"
-                placeholder="请输入邮箱"
-                type="email"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">手机号</text>
-              <input
-                v-model="userForm.phone"
-                class="form-input"
-                placeholder="请输入手机号"
-              />
-            </view>
-
-            <view class="form-group" v-if="showAddModal">
-              <text class="form-label">密码</text>
-              <input
-                v-model="userForm.password"
-                class="form-input"
-                placeholder="请输入密码"
-                type="password"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">用户等级</text>
-              <picker
-                mode="selector"
-                :range="levelOptions"
-                :value="userForm.level"
-                @change="handleFormLevelChange"
-              >
-                <view class="form-select">
-                  <text>{{ levelOptions[userForm.level] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">取消</button>
-            <button class="btn-primary" @click="handleSaveUser">
-              {{ showAddModal ? '添加' : '保存' }}
-            </button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 删除确认模态框 -->
-      <view v-if="showDeleteModal" class="modal-overlay" @click="closeModal">
-        <view class="modal-content delete-modal" @click.stop>
-          <view class="modal-header">
-            <text class="modal-title">确认删除</text>
-          </view>
-
-          <view class="modal-body">
-            <text class="delete-text">
-              确定要删除用户 "{{ deleteUser?.username }}" 吗？此操作不可恢复。
-            </text>
-          </view>
-
-          <view class="modal-footer">
-            <button class="btn-secondary" @click="closeModal">取消</button>
-            <button class="btn-danger" @click="confirmDelete">确认删除</button>
-          </view>
-        </view>
-        </view>
-      </view>
-
-      <!-- 添加用户Tab -->
-      <view v-if="activeTab === 'user-add'" class="add-user-section">
-        <view class="add-user-form">
-          <view class="form-header">
-            <text class="form-title">添加新用户</text>
-            <text class="form-desc">填写用户信息创建新用户账户</text>
-          </view>
-
-          <view class="form-content">
-            <view class="form-group">
-              <text class="form-label">用户名</text>
-              <input
-                v-model="newUserForm.username"
-                class="form-input"
-                placeholder="请输入用户名"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">邮箱</text>
-              <input
-                v-model="newUserForm.email"
-                class="form-input"
-                placeholder="请输入邮箱"
-                type="email"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">手机号</text>
-              <input
-                v-model="newUserForm.phone"
-                class="form-input"
-                placeholder="请输入手机号"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">密码</text>
-              <input
-                v-model="newUserForm.password"
-                class="form-input"
-                placeholder="请输入密码"
-                type="password"
-              />
-            </view>
-
-            <view class="form-group">
-              <text class="form-label">用户等级</text>
-              <picker
-                mode="selector"
-                :range="levelOptions"
-                :value="newUserForm.level"
-                @change="handleNewUserLevelChange"
-              >
-                <view class="form-select">
-                  <text>{{ levelOptions[newUserForm.level] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-
-            <view class="form-actions">
-              <button class="btn-secondary" @click="switchTab('user-list')">取消</button>
-              <button class="btn-primary" @click="handleCreateUser">创建用户</button>
-            </view>
-          </view>
-        </view>
-      </view>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">用户</text>
+      <text class="SubTitle">user-management</text>
     </view>
-  </AdminLayout>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
 </template>
 
 <script setup lang="uts">
-import { ref, computed} from 'vue'
-import AdminLayout from '@/layouts/admin/index.uvue'
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
 
-// Tab 相关
-const activeTab = ref('user-list')
-const tabs = ref([
-  { key: 'user-list', title: '用户列表', icon: 'icon-list' },
-  { key: 'user-add', title: '添加用户', icon: 'icon-add' }
-])
+const params = ref('')
 
-// 响应式数据
-const searchKeyword = ref('')
-const showAdvancedSearch = ref(false)
-const totalUsers = ref(1250)
-const activeUsers = ref(1180)
-const blockedUsers = ref(45)
-const newUsersToday = ref(23)
-
-// 筛选条件
-const selectedStatus = ref(0)
-const selectedLevel = ref(0)
-const startDate = ref('')
-const endDate = ref('')
-const minDate = '2020-01-01'
-const maxDate = new Date().toISOString().split('T')[0]
-
-// 选项数据
-const statusOptions = ['全部状态', '正常', '封禁', '未激活']
-const levelOptions = ['全部等级', '普通用户', 'VIP用户', '超级VIP', '管理员']
-
-// 用户列表
-const userList = ref([
-  {
-    id: 1,
-    username: '张三',
-    email: 'zhangsan@example.com',
-    phone: '13800138001',
-    avatar: '/static/avatar/default.png',
-    status: 'active',
-    level: '普通用户',
-    createdAt: '2024-01-15T10:30:00Z'
-  },
-  {
-    id: 2,
-    username: '李四',
-    email: 'lisi@example.com',
-    phone: '13800138002',
-    avatar: '/static/avatar/default.png',
-    status: 'active',
-    level: 'VIP用户',
-    createdAt: '2024-01-14T15:20:00Z'
-  },
-  {
-    id: 3,
-    username: '王五',
-    email: 'wangwu@example.com',
-    phone: '13800138003',
-    avatar: '/static/avatar/default.png',
-    status: 'blocked',
-    level: '普通用户',
-    createdAt: '2024-01-13T09:15:00Z'
-  }
-])
-
-// 分页相关
-const currentPage = ref(1)
-const pageSize = ref(10)
-const totalPages = computed(() => Math.ceil(totalUsers.value / pageSize.value))
-const visiblePages = computed(() => {
-  const pages = []
-  const start = Math.max(1, currentPage.value - 2)
-  const end = Math.min(totalPages.value, currentPage.value + 2)
-
-  for (let i = start; i <= end; i++) {
-    pages.push(i)
-  }
-
-  return pages
-})
-
-// 选择相关
-const selectAll = ref(false)
-const selectedUsers = ref<number[]>([])
-
-// 模态框相关
-const showAddModal = ref(false)
-const showEditModal = ref(false)
-const showDeleteModal = ref(false)
-const deleteUser = ref(null)
-
-// 表单数据
-const userForm = ref({
-  id: 0,
-  username: '',
-  email: '',
-  phone: '',
-  password: '',
-  level: 0
-})
-
-// 新用户表单
-const newUserForm = ref({
-  username: '',
-  email: '',
-  phone: '',
-  password: '',
-  level: 0
-})
-
-// 方法
-const handleSearch = () => {
-  console.log('搜索:', searchKeyword.value)
-  // TODO: 实现搜索逻辑
-}
-
-const handleStatusChange = (e: any) => {
-  selectedStatus.value = e.detail.value
-}
-
-const handleLevelChange = (e: any) => {
-  selectedLevel.value = e.detail.value
-}
-
-const handleStartDateChange = (e: any) => {
-  startDate.value = e.detail.value
-}
-
-const handleEndDateChange = (e: any) => {
-  endDate.value = e.detail.value
-}
-
-const handleFormLevelChange = (e: any) => {
-  userForm.value.level = e.detail.value
-}
-
-const resetFilters = () => {
-  selectedStatus.value = 0
-  selectedLevel.value = 0
-  startDate.value = ''
-  endDate.value = ''
-  searchKeyword.value = ''
-}
-
-const handleAdvancedSearch = () => {
-  console.log('高级搜索:', {
-    status: statusOptions[selectedStatus.value],
-    level: levelOptions[selectedLevel.value],
-    startDate: startDate.value,
-    endDate: endDate.value,
-    keyword: searchKeyword.value
-  })
-  // TODO: 实现高级搜索逻辑
-}
-
-const handleExport = () => {
-  uni.showToast({
-    title: '导出功能开发中',
-    icon: 'none'
-  })
-}
-
-const handleSelectAll = (e: any) => {
-  selectAll.value = e.detail.value
-  if (selectAll.value) {
-    selectedUsers.value = userList.value.map(user => user.id)
-  } else {
-    selectedUsers.value = []
-  }
-}
-
-const handleUserSelect = (userId: number, e: any) => {
-  if (e.detail.value) {
-    selectedUsers.value.push(userId)
-  } else {
-    selectedUsers.value = selectedUsers.value.filter(id => id !== userId)
-  }
-  selectAll.value = selectedUsers.value.length === userList.value.length
-}
-
-const handleBatchDelete = () => {
-  if (selectedUsers.value.length === 0) return
-
-  uni.showModal({
-    title: '确认删除',
-    content: `确定要删除 ${selectedUsers.value.length} 个用户吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现批量删除逻辑
-        uni.showToast({
-          title: '批量删除成功',
-          icon: 'success'
-        })
-        selectedUsers.value = []
-        selectAll.value = false
-      }
-    }
-  })
-}
-
-const handleEdit = (user: any) => {
-  userForm.value = {
-    id: user.id,
-    username: user.username,
-    email: user.email,
-    phone: user.phone,
-    password: '',
-    level: levelOptions.indexOf(user.level)
-  }
-  showEditModal.value = true
-}
-
-const handleBlock = (user: any) => {
-  uni.showModal({
-    title: '确认封禁',
-    content: `确定要封禁用户 "${user.username}" 吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现封禁逻辑
-        user.status = 'blocked'
-        uni.showToast({
-          title: '封禁成功',
-          icon: 'success'
-        })
-      }
-    }
-  })
-}
-
-const handleUnblock = (user: any) => {
-  uni.showModal({
-    title: '确认解封',
-    content: `确定要解封用户 "${user.username}" 吗？`,
-    success: (res) => {
-      if (res.confirm) {
-        // TODO: 实现解封逻辑
-        user.status = 'active'
-        uni.showToast({
-          title: '解封成功',
-          icon: 'success'
-        })
-      }
-    }
-  })
-}
-
-const handleDelete = (user: any) => {
-  deleteUser.value = user
-  showDeleteModal.value = true
-}
-
-const confirmDelete = () => {
-  // TODO: 实现删除逻辑
-  const index = userList.value.findIndex(u => u.id === deleteUser.value.id)
-  if (index > -1) {
-    userList.value.splice(index, 1)
-    totalUsers.value--
-  }
-
-  uni.showToast({
-    title: '删除成功',
-    icon: 'success'
-  })
-
-  closeModal()
-}
-
-const handleSaveUser = () => {
-  // 表单验证
-  if (!userForm.value.username || !userForm.value.email) {
-    uni.showToast({
-      title: '请填写必填信息',
-      icon: 'none'
-    })
-    return
-  }
-
-  if (showAddModal.value) {
-    // TODO: 实现添加用户逻辑
-    const newUser = {
-      id: Date.now(),
-      username: userForm.value.username,
-      email: userForm.value.email,
-      phone: userForm.value.phone,
-      avatar: '/static/avatar/default.png',
-      status: 'active',
-      level: levelOptions[userForm.value.level],
-      createdAt: new Date().toISOString()
-    }
-    userList.value.unshift(newUser)
-    totalUsers.value++
-
-    uni.showToast({
-      title: '添加成功',
-      icon: 'success'
-    })
-  } else {
-    // TODO: 实现编辑用户逻辑
-    const user = userList.value.find(u => u.id === userForm.value.id)
-    if (user) {
-      user.username = userForm.value.username
-      user.email = userForm.value.email
-      user.phone = userForm.value.phone
-      user.level = levelOptions[userForm.value.level]
-    }
-
-    uni.showToast({
-      title: '保存成功',
-      icon: 'success'
-    })
-  }
-
-  closeModal()
-}
-
-const closeModal = () => {
-  showAddModal.value = false
-  showEditModal.value = false
-  showDeleteModal.value = false
-  deleteUser.value = null
-
-  // 重置表单
-  userForm.value = {
-    id: 0,
-    username: '',
-    email: '',
-    phone: '',
-    password: '',
-    level: 0
-  }
-}
-
-const goToPage = (page: number) => {
-  currentPage.value = page
-  // TODO: 实现分页数据加载
-}
-
-const formatDate = (dateString: string) => {
-  const date = new Date(dateString)
-  return date.toLocaleDateString('zh-CN')
-}
-
-// Tab 切换方法
-const switchTab = (tabKey: string) => {
-  activeTab.value = tabKey
-
-  // 根据不同tab切换显示内容
-  if (tabKey === 'user-add') {
-    showAddModal.value = true
-  } else {
-    showAddModal.value = false
-  }
-}
-
-// 新用户表单处理
-const handleNewUserLevelChange = (e: any) => {
-  newUserForm.value.level = e.detail.value
-}
-
-const handleCreateUser = () => {
-  // 表单验证
-  if (!newUserForm.value.username || !newUserForm.value.email || !newUserForm.value.password) {
-    uni.showToast({
-      title: '请填写必填信息',
-      icon: 'none'
-    })
-    return
-  }
-
-  // TODO: 实现创建用户逻辑
-  const newUser = {
-    id: Date.now(),
-    username: newUserForm.value.username,
-    email: newUserForm.value.email,
-    phone: newUserForm.value.phone,
-    avatar: '/static/avatar/default.png',
-    status: 'active',
-    level: levelOptions[newUserForm.value.level],
-    createdAt: new Date().toISOString()
-  }
-
-  userList.value.unshift(newUser)
-  totalUsers.value++
-
-  uni.showToast({
-    title: '用户创建成功',
-    icon: 'success'
-  })
-
-  // 重置表单并切换回列表
-  newUserForm.value = {
-    username: '',
-    email: '',
-    phone: '',
-    password: '',
-    level: 0
-  }
-
-  switchTab('user-list')
-}
-
-// 页面生命周期
-onLoad((options: any) => {
-  // 处理页面参数，切换到对应的tab
-  if (options && options.action) {
-    if (options.action === 'add') {
-      activeTab.value = 'user-add'
-      showAddModal.value = true
-    } else {
-      activeTab.value = 'user-list'
-    }
-  } else {
-    activeTab.value = 'user-list'
-  }
-
-  console.log('用户管理页面加载，参数:', options)
-})
-
-onMounted(() => {
-  // 初始化数据
-  console.log('用户管理页面初始化')
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
 })
 </script>
 
-<style lang="scss">
-.user-management {
-  padding: 20rpx;
+<style>
+.Page {
+  padding: 24rpx;
 }
-
-.page-header {
-  margin-bottom: 30rpx;
-}
-
-.page-title {
-  display: block;
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 10rpx;
-}
-
-.page-subtitle {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-}
-
-.stats-cards {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  margin-bottom: 40rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.stat-card {
-  flex: 1;
-  min-width: 200rpx;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+.Header {
+  padding: 24rpx;
   border-radius: 16rpx;
-  padding: 40rpx 30rpx;
-  text-align: center;
-  color: #fff;
-  box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+  background: #ffffff;
 }
-
-.stat-icon {
-  font-size: 48rpx;
-  margin-bottom: 20rpx;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-
-.stat-content {
-  flex: 1;
-}
-
-.stat-value {
-  display: block;
-  font-size: 48rpx;
-  font-weight: bold;
-  margin-bottom: 8rpx;
-}
-
-.stat-label {
-  display: block;
+.SubTitle {
+  margin-top: 8rpx;
   font-size: 24rpx;
-  opacity: 0.9;
+  opacity: 0.7;
 }
-
-/* Tab 栏样式 */
-.tab-bar {
-  display: flex;
-  background-color: #ffffff;
-  border-radius: 8rpx;
-  padding: 8rpx;
-  margin-bottom: 24rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.tab-item {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8rpx;
-  padding: 16rpx 24rpx;
-  border-radius: 6rpx;
-  cursor: pointer;
-  transition: all 0.2s;
-  background-color: #f5f5f5;
-  color: #666666;
-}
-
-.tab-item:hover {
-  background-color: #e8e8e8;
-}
-
-.tab-item.active {
-  background-color: #1890ff;
-  color: #ffffff;
-}
-
-.tab-icon {
-  font-size: 16rpx;
-}
-
-.tab-title {
-  font-size: 14rpx;
-  font-weight: 500;
-}
-
-/* 新增用户表单样式 */
-.add-user-section {
-  background-color: #ffffff;
-  border-radius: 8rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
-}
-
-.add-user-form {
-  padding: 32rpx;
-}
-
-.form-header {
-  margin-bottom: 32rpx;
-  text-align: center;
-}
-
-.form-title {
-  display: block;
-  font-size: 24rpx;
+.Label {
+  font-size: 26rpx;
   font-weight: 600;
-  color: #262626;
-  margin-bottom: 8rpx;
+  margin-bottom: 12rpx;
 }
-
-.form-desc {
-  display: block;
-  font-size: 14rpx;
-  color: #666666;
-}
-
-.form-content {
-  max-width: 600rpx;
-  margin: 0 auto;
-}
-
-.form-group {
-  margin-bottom: 24rpx;
-}
-
-.form-label {
-  display: block;
-  font-size: 14rpx;
-  color: #262626;
-  margin-bottom: 8rpx;
-  font-weight: 500;
-}
-
-.form-input {
-  width: 100%;
-  padding: 12rpx 16rpx;
-  border: 1rpx solid #d9d9d9;
-  border-radius: 6rpx;
-  font-size: 14rpx;
-  box-sizing: border-box;
-  background-color: #ffffff;
-}
-
-.form-input:focus {
-  outline: none;
-  border-color: #1890ff;
-  box-shadow: 0 0 0 2rpx rgba(24, 144, 255, 0.2);
-}
-
-.form-select {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12rpx 16rpx;
-  border: 1rpx solid #d9d9d9;
-  border-radius: 6rpx;
-  background-color: #ffffff;
-  cursor: pointer;
-  font-size: 14rpx;
-}
-
-.form-actions {
-  display: flex;
-  gap: 16rpx;
-  justify-content: flex-end;
-  margin-top: 32rpx;
-}
-
-.btn-primary {
-  background-color: #1890ff;
-  color: #ffffff;
-  border: none;
-  border-radius: 6rpx;
-  padding: 12rpx 24rpx;
-  font-size: 14rpx;
-  cursor: pointer;
-}
-
-.btn-secondary {
-  background-color: #ffffff;
-  color: #666666;
-  border: 1rpx solid #d9d9d9;
-  border-radius: 6rpx;
-  padding: 12rpx 24rpx;
-  font-size: 14rpx;
-  cursor: pointer;
-}
-
-.search-section {
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.search-bar {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 20rpx;
-  margin-bottom: 20rpx;
-}
-
-.search-input-wrapper {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  overflow: hidden;
-}
-
-.search-input {
-  flex: 1;
-  padding: 16rpx 20rpx;
-  border: none;
-  font-size: 28rpx;
-}
-
-.search-btn {
-  padding: 16rpx 20rpx;
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  cursor: pointer;
-}
-
-.advanced-toggle {
-  display: flex;
-  align-items: center;
-  gap: 10rpx;
-  color: #1890ff;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.advanced-search {
-  border-top: 1rpx solid #eee;
-  padding-top: 30rpx;
-  margin-top: 20rpx;
-}
-
-.filter-row {
-  display: flex;
-  gap: 30rpx;
-  margin-bottom: 20rpx;
-  flex-wrap: wrap;
-}
-
-.filter-item {
-  flex: 1;
-  min-width: 200rpx;
-}
-
-.filter-label {
-  display: block;
-  font-size: 26rpx;
-  color: #666;
-  margin-bottom: 10rpx;
-}
-
-.picker-display,
-.form-select {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  cursor: pointer;
-}
-
-.date-range {
-  display: flex;
-  align-items: center;
-  gap: 10rpx;
-}
-
-.date-input {
-  flex: 1;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  text-align: center;
-  cursor: pointer;
-}
-
-.date-separator {
-  color: #666;
+.Mono {
   font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
 }
-
-.filter-actions {
-  display: flex;
-  gap: 20rpx;
-  justify-content: flex-end;
-  margin-top: 20rpx;
-}
-
-.action-bar {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.left-actions,
-.right-actions {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.select-all {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 10rpx;
-  font-size: 26rpx;
-}
-
-.btn-primary {
-  background-color: #1890ff;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-secondary {
-  background-color: #fff;
-  color: #666;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-danger {
-  background-color: #ff4d4f;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  font-size: 26rpx;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-}
-
-.btn-danger:disabled {
-  background-color: #ccc;
-  cursor: not-allowed;
-}
-
-.user-table {
-  background-color: #fff;
-  border-radius: 12rpx;
-  overflow: hidden;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.table-header {
-  background-color: #f5f5f5;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  padding: 20rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.table-row:last-child {
-  border-bottom: none;
-}
-
-.table-row.selected {
-  background-color: #f0f8ff;
-}
-
-.col-select {
-  width: 80rpx;
-  text-align: center;
-}
-
-.col-avatar {
-  width: 100rpx;
-  text-align: center;
-}
-
-.col-info {
-  flex: 2;
-}
-
-.col-status,
-.col-level,
-.col-date {
-  flex: 1;
-}
-
-.col-actions {
-  width: 200rpx;
-  display: flex;
-  gap: 10rpx;
-  justify-content: center;
-}
-
-.user-avatar {
-  width: 60rpx;
-  height: 60rpx;
-  border-radius: 50%;
-}
-
-.user-name {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 8rpx;
-}
-
-.user-email,
-.user-phone {
-  font-size: 24rpx;
-  color: #666;
-  margin-bottom: 4rpx;
-}
-
-.status-badge {
-  display: inline-block;
-  padding: 6rpx 12rpx;
-  border-radius: 12rpx;
-  font-size: 22rpx;
-  font-weight: bold;
-  text-align: center;
-}
-
-.status-badge.active {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.status-badge.blocked {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.status-badge.inactive {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.level-text,
-.date-text {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.action-btn {
-  width: 60rpx;
-  height: 60rpx;
-  border-radius: 8rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border: none;
-  font-size: 24rpx;
-}
-
-.action-btn.edit {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.action-btn.block {
-  background-color: #faad14;
-  color: #fff;
-}
-
-.action-btn.unblock {
-  background-color: #52c41a;
-  color: #fff;
-}
-
-.action-btn.delete {
-  background-color: #ff4d4f;
-  color: #fff;
-}
-
-.pagination {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 30rpx;
-  flex-wrap: wrap;
-  gap: 20rpx;
-}
-
-.page-info {
-  font-size: 26rpx;
-  color: #666;
-}
-
-.page-controls {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 15rpx;
-}
-
-.page-btn {
-  padding: 12rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-btn:disabled {
-  background-color: #f5f5f5;
-  color: #ccc;
-  cursor: not-allowed;
-}
-
-.page-numbers {
-  display: flex;
-  flex-direction:row;
-  gap: 8rpx;
-  margin: 0 20rpx;
-}
-
-.page-number {
-  width: 50rpx;
-  height: 50rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 6rpx;
-  background-color: #fff;
-  color: #333;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: 26rpx;
-}
-
-.page-number.active {
-  background-color: #1890ff;
-  color: #fff;
-  border-color: #1890ff;
-}
-
-.modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.modal-content {
-  background-color: #fff;
-  border-radius: 12rpx;
-  width: 90%;
-  max-width: 600rpx;
-  max-height: 80vh;
-  overflow-y: auto;
-}
-
-.delete-modal {
-  max-width: 400rpx;
-}
-
-.modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 30rpx;
-  border-bottom: 1rpx solid #eee;
-}
-
-.modal-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.modal-close {
-  cursor: pointer;
-  font-size: 28rpx;
-  color: #999;
-  padding: 10rpx;
-}
-
-.modal-body {
-  padding: 30rpx;
-}
-
-.form-group {
-  margin-bottom: 30rpx;
-}
-
-.form-label {
-  display: block;
-  font-size: 26rpx;
-  color: #333;
-  margin-bottom: 10rpx;
-  font-weight: 500;
-}
-
-.form-input {
-  width: 100%;
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-  box-sizing: border-box;
-}
-
-.form-select {
-  padding: 16rpx 20rpx;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  background-color: #fff;
-  cursor: pointer;
-  font-size: 28rpx;
-}
-
-.modal-footer {
-  display: flex;
-  gap: 20rpx;
-  justify-content: flex-end;
-  padding: 30rpx;
-  border-top: 1rpx solid #eee;
-}
-
-.delete-text {
-  font-size: 28rpx;
-  color: #333;
-  text-align: center;
-  line-height: 1.5;
-}
-
-.iconfont {
-  font-family: 'iconfont';
-  font-size: 24rpx;
-}
-
-/* 响应式设计 */
-@media screen and (max-width: 750rpx) {
-  .stats-cards {
-    flex-direction: column;
-  }
-
-  .filter-row {
-    flex-direction: column;
-    gap: 15rpx;
-  }
-
-  .action-bar {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .left-actions,
-  .right-actions {
-    justify-content: center;
-  }
-
-  .table-row {
-    flex-wrap: wrap;
-    gap: 10rpx;
-  }
-
-  .col-info {
-    flex: 1 1 100%;
-  }
-
-  .pagination {
-    flex-direction: column;
-    text-align: center;
-  }
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/mall/admin/user-statistics.uvue b/pages/mall/admin/user-statistics.uvue
index 5acab0eb..9cb33984 100644
--- a/pages/mall/admin/user-statistics.uvue
+++ b/pages/mall/admin/user-statistics.uvue
@@ -1,772 +1,62 @@
 <template>
-  <AdminLayout current-page="statistics">
-    <view class="user-statistics-page">
-      <!-- 筛选条件栏 -->
-      <view class="filter-section">
-        <view class="filter-row">
-          <view class="filter-left">
-            <view class="filter-item">
-              <text class="filter-label">用户渠道:</text>
-              <picker
-                mode="selector"
-                :range="channelOptions"
-                :value="selectedChannel"
-                @change="handleChannelChange"
-              >
-                <view class="filter-select">
-                  <text>{{ channelOptions[selectedChannel] }}</text>
-                  <text class="iconfont icon-down"></text>
-                </view>
-              </picker>
-            </view>
-
-            <view class="filter-item">
-              <text class="filter-label">日期范围:</text>
-              <view class="date-range">
-                <picker
-                  mode="date"
-                  :value="startDate"
-                  :start="minDate"
-                  :end="maxDate"
-                  @change="handleStartDateChange"
-                >
-                  <view class="date-input">
-                    <text>{{ startDate || '开始日期' }}</text>
-                  </view>
-                </picker>
-                <text class="date-separator">-</text>
-                <picker
-                  mode="date"
-                  :value="endDate"
-                  :start="minDate"
-                  :end="maxDate"
-                  @change="handleEndDateChange"
-                >
-                  <view class="date-input">
-                    <text>{{ endDate || '结束日期' }}</text>
-                  </view>
-                </picker>
-              </view>
-            </view>
-          </view>
-
-          <view class="filter-right">
-            <button class="btn-secondary" @click="handleSearch">
-              <text class="iconfont icon-search"></text>
-              查询
-            </button>
-            <button class="btn-primary" @click="handleExport">
-              <text class="iconfont icon-export"></text>
-              导出
-            </button>
-          </view>
-        </view>
-      </view>
-
-      <!-- 指标概览 -->
-      <view class="metrics-section">
-        <view class="metrics-row">
-          <view class="metric-card">
-            <view class="metric-icon">
-              <text class="iconfont icon-users"></text>
-            </view>
-            <view class="metric-content">
-              <text class="metric-title">累计用户</text>
-              <text class="metric-value">{{ formatNumber(totalUsers) }}</text>
-              <view class="metric-change up">
-                <text class="iconfont icon-up"></text>
-                <text class="change-text">{{ userGrowth }}%</text>
-                <text class="change-desc">较上月</text>
-              </view>
-            </view>
-          </view>
-
-          <view class="metric-card">
-            <view class="metric-icon">
-              <text class="iconfont icon-eye"></text>
-            </view>
-            <view class="metric-content">
-              <text class="metric-title">访客数</text>
-              <text class="metric-value">{{ formatNumber(totalVisitors) }}</text>
-              <view class="metric-change up">
-                <text class="iconfont icon-up"></text>
-                <text class="change-text">{{ visitorGrowth }}%</text>
-                <text class="change-desc">较上月</text>
-              </view>
-            </view>
-          </view>
-
-          <view class="metric-card">
-            <view class="metric-icon">
-              <text class="iconfont icon-view"></text>
-            </view>
-            <view class="metric-content">
-              <text class="metric-title">浏览量</text>
-              <text class="metric-value">{{ formatNumber(totalPageViews) }}</text>
-              <view class="metric-change down">
-                <text class="iconfont icon-down"></text>
-                <text class="change-text">{{ pageViewDecline }}%</text>
-                <text class="change-desc">较上月</text>
-              </view>
-            </view>
-          </view>
-
-          <view class="metric-card">
-            <view class="metric-icon">
-              <text class="iconfont icon-user-add"></text>
-            </view>
-            <view class="metric-content">
-              <text class="metric-title">新增用户</text>
-              <text class="metric-value">{{ formatNumber(newUsers) }}</text>
-              <view class="metric-change up">
-                <text class="iconfont icon-up"></text>
-                <text class="change-text">{{ newUserGrowth }}%</text>
-                <text class="change-desc">较上月</text>
-              </view>
-            </view>
-          </view>
-
-          <view class="metric-card">
-            <view class="metric-icon">
-              <text class="iconfont icon-shopping"></text>
-            </view>
-            <view class="metric-content">
-              <text class="metric-title">成交用户</text>
-              <text class="metric-value">{{ formatNumber(convertedUsers) }}</text>
-              <view class="metric-change up">
-                <text class="iconfont icon-up"></text>
-                <text class="change-text">{{ conversionGrowth }}%</text>
-                <text class="change-desc">较上月</text>
-              </view>
-            </view>
-          </view>
-
-          <view class="metric-card">
-            <view class="metric-icon">
-              <text class="iconfont icon-vip"></text>
-            </view>
-            <view class="metric-content">
-              <text class="metric-title">付费会员</text>
-              <text class="metric-value">{{ formatNumber(vipUsers) }}</text>
-              <view class="metric-change up">
-                <text class="iconfont icon-up"></text>
-                <text class="change-text">{{ vipGrowth }}%</text>
-                <text class="change-desc">较上月</text>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 用户趋势图表 -->
-      <view class="chart-section">
-        <view class="admin-card">
-          <view class="admin-card-header">
-            <text class="admin-card-title">用户数据趋势分析</text>
-          </view>
-          <view class="admin-card-body">
-            <!-- 图表图例 -->
-            <view class="chart-legend">
-              <view class="legend-item" v-for="item in trendLegend" :key="item.key">
-                <view class="legend-color" :style="{ backgroundColor: item.color }"></view>
-                <text class="legend-text">{{ item.name }}</text>
-              </view>
-            </view>
-
-            <!-- 多折线图表容器 -->
-            <view class="multi-line-chart">
-              <!-- 图表区域 -->
-              <view class="chart-area">
-                <!-- 模拟多折线图 -->
-                <view class="line-container" v-for="(line, index) in trendLines" :key="line.key">
-                  <view class="line-points">
-                    <view
-                      v-for="(point, pIndex) in line.data"
-                      :key="pIndex"
-                      class="line-point"
-                      :style="{
-                        left: (pIndex * 100 / (line.data.length - 1)) + '%',
-                        bottom: point.height + '%',
-                        backgroundColor: line.color
-                      }"
-                    ></view>
-                  </view>
-                </view>
-
-                <!-- X轴标签 -->
-                <view class="x-axis-labels">
-                  <text class="axis-label" v-for="date in chartDates" :key="date">{{ date }}</text>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
+  <view class="Page">
+    <view class="Header">
+      <text class="Title">用户统计</text>
+      <text class="SubTitle">user-statistics</text>
     </view>
-  </AdminLayout>
+
+    <view class="Card">
+      <text class="Label">页面参数（query）</text>
+      <text class="Mono">{{ params }}</text>
+    </view>
+  </view>
 </template>
 
 <script setup lang="uts">
 import { ref } from 'vue'
-import AdminLayout from '@/layouts/admin/index.uvue'
+import { onLoad } from '@dcloudio/uni-app'
 
-// 筛选条件
-const selectedChannel = ref(0)
-const channelOptions = ['全部渠道', '自然流量', '搜索引擎', '社交媒体', '广告投放', '其他']
+const params = ref('')
 
-const startDate = ref('')
-const endDate = ref('')
-const minDate = '2020-01-01'
-const maxDate = new Date().toISOString().split('T')[0]
-
-// 指标数据
-const totalUsers = ref(32456)
-const userGrowth = ref(12.5)
-const totalVisitors = ref(156789)
-const visitorGrowth = ref(8.3)
-const totalPageViews = ref(456123)
-const pageViewDecline = ref(3.2)
-const newUsers = ref(1234)
-const newUserGrowth = ref(15.7)
-const convertedUsers = ref(5678)
-const conversionGrowth = ref(9.4)
-const vipUsers = ref(1234)
-const vipGrowth = ref(22.1)
-
-// 图表数据
-const chartDates = ['01-01', '01-08', '01-15', '01-22', '01-29', '02-05', '02-12']
-
-const trendLegend = [
-  { key: 'newUsers', name: '新增用户', color: '#1890ff' },
-  { key: 'visitors', name: '访客数', color: '#52c41a' },
-  { key: 'pageViews', name: '浏览量', color: '#faad14' },
-  { key: 'conversions', name: '成交用户', color: '#f5222d' },
-  { key: 'vipUsers', name: '付费会员', color: '#722ed1' }
-]
-
-// 趋势线数据
-const trendLines = ref([
-  {
-    key: 'newUsers',
-    color: '#1890ff',
-    data: [
-      { value: 120, height: 12 },
-      { value: 180, height: 18 },
-      { value: 250, height: 25 },
-      { value: 320, height: 32 },
-      { value: 280, height: 28 },
-      { value: 350, height: 35 },
-      { value: 420, height: 42 }
-    ]
-  },
-  {
-    key: 'visitors',
-    color: '#52c41a',
-    data: [
-      { value: 450, height: 45 },
-      { value: 520, height: 52 },
-      { value: 580, height: 58 },
-      { value: 620, height: 62 },
-      { value: 550, height: 55 },
-      { value: 680, height: 68 },
-      { value: 750, height: 75 }
-    ]
-  },
-  {
-    key: 'pageViews',
-    color: '#faad14',
-    data: [
-      { value: 680, height: 68 },
-      { value: 720, height: 72 },
-      { value: 850, height: 85 },
-      { value: 920, height: 92 },
-      { value: 780, height: 78 },
-      { value: 950, height: 95 },
-      { value: 1000, height: 100 }
-    ]
-  },
-  {
-    key: 'conversions',
-    color: '#f5222d',
-    data: [
-      { value: 45, height: 4.5 },
-      { value: 52, height: 5.2 },
-      { value: 68, height: 6.8 },
-      { value: 75, height: 7.5 },
-      { value: 62, height: 6.2 },
-      { value: 85, height: 8.5 },
-      { value: 95, height: 9.5 }
-    ]
-  },
-  {
-    key: 'vipUsers',
-    color: '#722ed1',
-    data: [
-      { value: 12, height: 1.2 },
-      { value: 15, height: 1.5 },
-      { value: 22, height: 2.2 },
-      { value: 28, height: 2.8 },
-      { value: 25, height: 2.5 },
-      { value: 35, height: 3.5 },
-      { value: 42, height: 4.2 }
-    ]
-  }
-])
-
-// 方法
-const handleChannelChange = (e: any) => {
-  selectedChannel.value = e.detail.value
-}
-
-const handleStartDateChange = (e: any) => {
-  startDate.value = e.detail.value
-}
-
-const handleEndDateChange = (e: any) => {
-  endDate.value = e.detail.value
-}
-
-const handleSearch = () => {
-  uni.showToast({
-    title: '数据已更新',
-    icon: 'success'
-  })
-}
-
-const handleExport = () => {
-  uni.showToast({
-    title: '导出功能开发中',
-    icon: 'none'
-  })
-}
-
-const formatNumber = (num: number) => {
-  if (num >= 10000) {
-    return (num / 10000).toFixed(1) + '万'
-  } else if (num >= 1000) {
-    return (num / 1000).toFixed(1) + 'k'
-  }
-  return num.toString()
-}
+onLoad((options) => {
+  // options: Record<string, any>
+  params.value = JSON.stringify(options ?? {})
+})
 </script>
 
 <style>
-/* ===== 用户统计页面样式 ===== */
-.user-statistics-page {
-  width: 100%;
+.Page {
+  padding: 24rpx;
 }
-
-/* ===== 筛选条件栏 ===== */
-.filter-section {
-  background-color: #ffffff;
-  border: 1px solid #e8e8e8;
-  border-radius: 8px;
-  padding: 24px;
-  margin-bottom: 24px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+.Header {
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.filter-row {
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 20px;
+.Title {
+  font-size: 36rpx;
+  font-weight: 700;
 }
-
-.filter-left {
-  display: flex;
-  flex-direction:row;
-  gap: 32px;
-  flex-wrap: wrap;
+.SubTitle {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  opacity: 0.7;
 }
-
-.filter-right {
-  display: flex;
-  flex-direction:row;
-  gap: 16px;
+.Card {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  border-radius: 16rpx;
+  background: #ffffff;
 }
-
-.filter-item {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 12px;
-}
-
-.filter-label {
-  font-size: 14px;
-  color: #666666;
-  white-space: nowrap;
-}
-
-.filter-select {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 12px;
-  border: 1px solid #d9d9d9;
-  border-radius: 6px;
-  background-color: #ffffff;
-  cursor: pointer;
-  min-width: 120px;
-  font-size: 14px;
-}
-
-.date-range {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8px;
-}
-
-.date-input {
-  padding: 8px 12px;
-  border: 1px solid #d9d9d9;
-  border-radius: 6px;
-  background-color: #ffffff;
-  text-align: center;
-  cursor: pointer;
-  font-size: 14px;
-  min-width: 120px;
-}
-
-.date-separator {
-  color: #666666;
-  font-size: 14px;
-}
-
-.btn-primary {
-  background-color: #1890ff;
-  color: #ffffff;
-  border: none;
-  border-radius: 6px;
-  padding: 8px 16px;
-  font-size: 14px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.btn-secondary {
-  background-color: #ffffff;
-  color: #666666;
-  border: 1px solid #d9d9d9;
-  border-radius: 6px;
-  padding: 8px 16px;
-  font-size: 14px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-/* ===== 指标概览 ===== */
-
-
-.metrics-row {
-  display: flex;
-  flex-direction:row;
-  flex-wrap: wrap;
-}
-
-.metric-card {
-  flex: 1;
-  min-width: 280px;
-  background-color: #ffffff;
-  border: 1px solid #e8e8e8;
-  border-radius: 8px;
-  padding: 24px;
-  display: flex;
-  align-items: center;
-  gap: 20px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-}
-
-.metric-icon {
-  width: 56px;
-  height: 56px;
-  background: linear-gradient(135deg, #1890ff 0%, #36cfc9 100%);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ffffff;
-  font-size: 24px;
-  flex-shrink: 0;
-}
-
-.metric-content {
-  flex: 1;
-}
-
-.metric-title {
-  display: block;
-  font-size: 14px;
-  color: #666666;
-  margin-bottom: 8px;
-}
-
-.metric-value {
-  display: block;
-  font-size: 24px;
+.Label {
+  font-size: 26rpx;
   font-weight: 600;
-  color: #262626;
-  margin-bottom: 8px;
+  margin-bottom: 12rpx;
 }
-
-.metric-change {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  border-radius: 12px;
-  padding: 4px 8px;
+.Mono {
+  font-size: 24rpx;
+  font-family: monospace;
+  line-height: 36rpx;
+  word-break: break-all;
 }
-
-.metric-change.up {
-  background-color: #f6ffed;
-  color: #52c41a;
-}
-
-.metric-change.down {
-  background-color: #fff2f0;
-  color: #ff4d4f;
-}
-
-.change-text {
-  margin: 0 4px;
-  font-weight: 500;
-}
-
-.change-desc {
-  color: #999999;
-}
-
-/* ===== 图表区域 ===== */
-.chart-section {
-  margin-bottom: 24px;
-}
-
-.admin-card {
-  background-color: #ffffff;
-  border: 1px solid #e8e8e8;
-  border-radius: 8px;
-  overflow: hidden;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-}
-
-.admin-card-header {
-  padding: 24px 24px 0 24px;
-  display: flex;
-  flex-direction:row;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 24px;
-}
-
-.admin-card-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: #262626;
-}
-
-.admin-card-body {
-  padding: 0 24px 24px 24px;
-}
-
-/* ===== 图表图例 ===== */
-.chart-legend {
-  display: flex;
-  flex-direction:row;
-  justify-content: center;
-  gap: 32px;
-  margin-bottom: 24px;
-  flex-wrap: wrap;
-}
-
-.legend-item {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  gap: 8px;
-}
-
-.legend-color {
-  width: 16px;
-  height: 16px;
-  border-radius: 2px;
-}
-
-.legend-text {
-  font-size: 14px;
-  color: #666666;
-}
-
-/* ===== 多折线图表 ===== */
-.multi-line-chart {
-  height: 400px;
-  position: relative;
-  background-color: #ffffff;
-  border: 1px solid #e8e8e8;
-  border-radius: 6px;
-}
-
-.chart-area {
-  position: absolute;
-  top: 40px;
-  left: 60px;
-  right: 40px;
-  bottom: 60px;
-}
-
-.line-container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-
-.line-points {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-.line-point {
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  border: 2px solid #ffffff;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-  transform: translate(-50%, -50%);
-}
-
-.x-axis-labels {
-  position: absolute;
-  bottom: -40px;
-  left: 0;
-  right: 0;
-  display: flex;
-  
-  justify-content: space-between;
-  padding: 0 30px;
-}
-
-.axis-label {
-  font-size: 12px;
-  color: #999999;
-  text-align: center;
-}
-
-/* ===== 响应式设计 ===== */
-@media (max-width: 1200px) {
-  .metrics-row {
-    flex-wrap: wrap;
-  }
-
-  .metric-card {
-    min-width: 45%;
-    flex: 0 0 auto;
-  }
-}
-
-@media (max-width: 768px) {
-  .filter-row {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .filter-left {
-    flex-direction: column;
-    gap: 16px;
-  }
-
-  .filter-right {
-    justify-content: center;
-  }
-
-  .metrics-row {
-    flex-direction: column;
-  }
-
-  .metric-card {
-    min-width: auto;
-    width: 100%;
-  }
-
-  .user-statistics-page {
-    padding: 16px;
-  }
-
-  .filter-section,
-  .chart-section {
-    margin-bottom: 16px;
-  }
-
-  .admin-card-header,
-  .admin-card-body {
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-
-  .chart-legend {
-    gap: 16px;
-  }
-}
-
-/* ===== 图标字体 ===== */
-.iconfont {
-  font-family: 'iconfont';
-  font-size: 14px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-up:before {
-  content: '↑';
-}
-
-.icon-down:before {
-  content: '↓';
-}
-
-.icon-users:before {
-  content: '👥';
-}
-
-.icon-eye:before {
-  content: '👁️';
-}
-
-.icon-view:before {
-  content: '📊';
-}
-
-.icon-user-add:before {
-  content: '👤';
-}
-
-.icon-shopping:before {
-  content: '🛒';
-}
-
-.icon-vip:before {
-  content: '👑';
-}
-
-.icon-search:before {
-  content: '🔍';
-}
-
-.icon-export:before {
-  content: '📤';
-}
-
-.icon-down:before {
-  content: '▼';
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/mall/pages.json b/pages/mall/pages.json
index 24e78cbf..95a256c1 100644
--- a/pages/mall/pages.json
+++ b/pages/mall/pages.json
@@ -466,12 +466,6 @@
             "navigationBarTitleText": "营销管理"
           }
         },
-        {
-          "path": "activity-log",
-          "style": {
-            "navigationBarTitleText": "活动日志"
-          }
-        },
         {
           "path": "merchant-review",
           "style": {
@@ -479,7 +473,7 @@
           }
         },
         {
-          "path": "product-review",
+          "path": "product-reviews",
           "style": {
             "navigationBarTitleText": "商品审核"
           }
diff --git a/static/content.svg b/static/content.svg
new file mode 100644
index 00000000..5adecc16
--- /dev/null
+++ b/static/content.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769650806906" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14400" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1024 0H0v1024h1024V0z" fill="#ffffff" fill-opacity=".01" p-id="14401"></path><path d="M149.333333 213.333333a128 128 0 0 1 128-128h554.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v768a42.666667 42.666667 0 0 1-42.666667 42.666667H277.333333a128 128 0 0 1-128-128V213.333333z m128-42.666666a42.666667 42.666667 0 0 0-42.666666 42.666666v597.333334a42.666667 42.666667 0 0 0 42.666666 42.666666h512V170.666667H277.333333z" fill="#ffffff" p-id="14402"></path><path d="M149.333333 789.333333a149.333333 149.333333 0 0 1 149.333334-149.333333h576v256a42.666667 42.666667 0 0 1-42.666667 42.666667H298.666667a149.333333 149.333333 0 0 1-149.333334-149.333334z m149.333334-64a64 64 0 1 0 0 128h490.666666v-128H298.666667z" fill="#ffffff" p-id="14403"></path></svg>
\ No newline at end of file
diff --git a/static/customerService.svg b/static/customerService.svg
new file mode 100644
index 00000000..35f708bb
--- /dev/null
+++ b/static/customerService.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769650496978" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7909" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M190.591634 960.526793c-17.717453 0-31.994625-14.277171-31.994625-31.994625 0-69.493701 82.050731-119.721821 226.370569-139.847472l0-9.63279c-97.876029-74.998152-97.876029-213.985554-97.876029-298.616496 0-139.675458 82.222745-223.102301 219.834033-223.102301l7.396607 0c137.611288 0 219.834033 83.426844 219.834033 223.102301 0 10.320847-0.172014 20.641693-0.344028 31.306568-0.516042 17.717453-14.965228 31.650596-32.854695 31.134554-17.717453-0.516042-31.650596-15.137242-31.134554-32.854695 0.344028-9.976818 0.344028-19.781623 0.344028-29.586427 0-105.616664-52.464304-159.113052-155.844784-159.113052l-7.396607 0c-103.38048 0-155.844784 53.496388-155.844784 159.113052 0 102.176382 6.364522 206.244919 83.082815 255.096926 9.288762 5.84848 14.793214 15.997312 14.793214 27.006215L448.956828 817.067025c0 16.341341-12.385016 30.102469-28.554342 31.82261-128.494541 13.589115-197.816227 51.260205-197.816227 79.642533C222.586259 946.077608 208.137074 960.526793 190.591634 960.526793z" fill="#ffffff" p-id="7910"></path><path d="M833.752394 960.526793c-17.717453 0-31.994625-14.277171-31.994625-31.994625 0-28.554342-69.321687-66.053418-197.816227-79.642533-16.341341-1.720141-28.726356-15.48127-28.726356-31.82261l0-54.700487c0-17.717453 14.277171-31.994625 31.994625-31.994625s31.994625 14.277171 31.994625 31.994625l0 26.318159c144.319839 19.953637 226.370569 70.353771 226.370569 139.847472C865.747018 946.077608 851.469847 960.526793 833.752394 960.526793z" fill="#ffffff" p-id="7911"></path><path d="M612.198219 673.435243c-44.035612 0-76.890307-4.472367-77.750378-4.644381-15.825298-4.816395-25.286074-20.813707-21.845792-37.155048 3.268268-16.169326 18.40551-26.834201 34.918864-25.286074 79.814547 8.77272 201.600538 1.204099 222.930287-43.175542 7.568621-15.825298 26.662187-22.705863 42.659499-14.965228 15.997312 7.568621 22.705863 26.834201 14.965228 42.659499C794.705191 660.36217 687.368386 673.435243 612.198219 673.435243z" fill="#ffffff" p-id="7912"></path><path d="M896.021502 639.892491c-17.717453 0-31.994625-14.277171-31.994625-31.994625l0-111.809172-42.831514-15.309256c-12.729044-4.472367-21.32975-16.685369-21.32975-30.102469 0-160.489165-129.182597-291.219889-287.951621-291.219889-158.769024 0-287.951621 130.730724-287.951621 291.219889 0 10.320847-4.988409 19.953637-13.417101 25.974131l-18.577524 13.245087 0 118.00168c0 17.717453-14.277171 31.994625-31.994625 31.994625s-31.994625-14.277171-31.994625-31.994625l0-134.34302c0-10.320847 4.988409-19.953637 13.417101-25.974131l18.921552-13.589115C169.089871 245.980178 323.386528 95.639845 511.913993 95.639845c186.463296 0 339.555854 147.072065 351.252814 332.331262l43.51957 15.48127c12.729044 4.472367 21.32975 16.685369 21.32975 30.102469l0 134.34302C928.016126 625.61532 913.738955 639.892491 896.021502 639.892491z" fill="#ffffff" p-id="7913"></path></svg>
\ No newline at end of file
diff --git a/static/design.svg b/static/design.svg
new file mode 100644
index 00000000..b1578710
--- /dev/null
+++ b/static/design.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769650935205" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16533" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M947.960675 199.328791l-92.764753 92.548836-123.656321-123.434264 92.768847-92.548836c17.024745-17.029862 44.745087-17.029862 61.824067 0l61.828161 61.715597C965.044772 154.637939 965.044772 182.305069 947.960675 199.328791zM298.47437 600.418772l123.656321 123.434264-164.803463 41.091884L298.47437 600.418772zM824.308447 322.766125 453.287295 693.022866 329.634044 569.586556l370.962823-370.256742L824.308447 322.766125zM154.843112 196.272175l0 673.501254 673.503301 0L828.346413 383.884111l87.855954-87.853907L916.202367 913.702941c0 24.287149-19.641339 43.930535-43.927465 43.930535L110.91667 957.633477c-24.282033 0-43.927465-19.642362-43.927465-43.930535L66.989205 152.34471c0-24.281009 19.645432-43.926442 43.927465-43.926442l620.184955 0-87.85493 87.853907L154.843112 196.272175z" p-id="16534" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/static/maintain.svg b/static/maintain.svg
new file mode 100644
index 00000000..8c466470
--- /dev/null
+++ b/static/maintain.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769651728600" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17765" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M870.4 1017.6c-32 0-70.4-12.8-89.6-38.4l-192-192h-6.4c-25.6 6.4-51.2 12.8-76.8 12.8-19.2 0-38.4 0-57.6-6.4-51.2-12.8-96-38.4-134.4-76.8-64-64-96-160-76.8-256 6.4-25.6 25.6-44.8 44.8-51.2h19.2c19.2 0 32 6.4 44.8 19.2l64 64c6.4 12.8 19.2 19.2 32 19.2s25.6-6.4 32-12.8c19.2-19.2 19.2-51.2 0-70.4l-70.4-64c-12.8-19.2-19.2-44.8-12.8-70.4 6.4-25.6 25.6-38.4 51.2-44.8 19.2-6.4 38.4-6.4 57.6-6.4 76.8 0 147.2 32 198.4 83.2 38.4 38.4 64 83.2 76.8 134.4 12.8 44.8 6.4 96-6.4 134.4v6.4l192 192c25.6 25.6 38.4 57.6 38.4 89.6 0 32-12.8 70.4-38.4 89.6-25.6 32-57.6 44.8-89.6 44.8zM588.8 704c19.2 0 38.4 6.4 44.8 19.2l198.4 198.4c6.4 6.4 19.2 12.8 32 12.8s25.6-6.4 32-12.8c6.4-6.4 12.8-19.2 12.8-32s-6.4-25.6-12.8-32l-192-198.4c-19.2-19.2-25.6-44.8-19.2-70.4 12.8-32 12.8-70.4 6.4-108.8-6.4-38.4-25.6-70.4-51.2-96-38.4-38.4-83.2-57.6-128-57.6h-25.6l51.2 51.2c25.6 25.6 38.4 57.6 38.4 89.6 0 32-12.8 70.4-38.4 89.6-25.6 25.6-64 38.4-96 38.4s-70.4-12.8-89.6-38.4l-51.2-51.2v25.6c0 51.2 25.6 96 57.6 128 25.6 25.6 64 44.8 96 57.6 12.8 0 25.6 6.4 44.8 6.4 19.2 0 44.8-6.4 64-12.8 6.4-6.4 12.8-6.4 25.6-6.4z" p-id="17766" fill="#ffffff"></path><path d="M198.4 1017.6c-51.2 0-160-32-160-140.8V192c0-128 83.2-192 160-192h556.8c96 0 160 64 160 166.4v230.4c0 19.2-12.8 44.8-38.4 44.8-32-6.4-44.8-19.2-44.8-38.4V185.6c0-70.4-64-96-89.6-96H198.4c-32 0-83.2 38.4-83.2 121.6v640c0 96 64 96 89.6 96h192c25.6-6.4 38.4 19.2 38.4 38.4s-12.8 38.4-44.8 38.4h-192z" p-id="17767" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/static/marketing.svg b/static/marketing.svg
new file mode 100644
index 00000000..d0d17a7e
--- /dev/null
+++ b/static/marketing.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769650307704" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6851" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M249.508859 1024H94.442596a20.861467 20.861467 0 0 1-20.861467-20.861467V540.908033a20.861467 20.861467 0 0 1 20.861467-20.861467h155.066263a20.861467 20.861467 0 0 1 20.861467 20.861467V1003.138533a20.861467 20.861467 0 0 1-20.861467 20.861467zM115.304063 982.277066h113.343329V561.769499H115.304063zM600.982852 1024h-185.965075a20.861467 20.861467 0 0 1-20.861467-20.861467V457.736345a20.861467 20.861467 0 0 1 20.861467-20.861467h185.965075a20.861467 20.861467 0 0 1 20.861467 20.861467V1003.138533a20.861467 20.861467 0 0 1-20.861467 20.861467z m-165.12745-41.722934h144.242142V478.597811h-144.242142zM941.501595 1023.976158H746.524366a20.861467 20.861467 0 0 1-20.861467-20.861466V367.066449a20.861467 20.861467 0 0 1 20.861467-20.861466h194.977229a20.861467 20.861467 0 0 1 20.861467 20.861466v636.048243a20.861467 20.861467 0 0 1-20.861467 20.861466z m-174.127683-41.722933h153.266216V387.915995H767.385832zM661.755285 329.742305a20.801863 20.801863 0 0 1-13.51823-4.98291L355.258615 75.23241 65.379593 298.831572a20.861467 20.861467 0 0 1-29.265658-3.778906 20.861467 20.861467 0 0 1 3.826589-29.313341l303.266123-233.922608a20.861467 20.861467 0 0 1 26.225844 0.631805l291.714832 248.501792L914.40553 45.37071l-141.428824 8.940629A20.861467 20.861467 0 0 1 750.839709 34.808847a20.861467 20.861467 0 0 1 19.502491-22.136996L970.052002 0.059604a20.873388 20.873388 0 0 1 20.48 12.576484 20.861467 20.861467 0 0 1-4.959068 23.519814L675.976845 324.151432a20.825704 20.825704 0 0 1-14.22156 5.590873z" p-id="6852" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/static/order.svg b/static/order.svg
index 35f0c485..e3e97302 100644
--- a/static/order.svg
+++ b/static/order.svg
@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769417734574" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27067" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M800.037628 928.016126 223.962372 928.016126c-52.980346 0-95.983874-43.003528-95.983874-95.983874l0-639.892491c0-52.980346 43.003528-95.983874 95.983874-95.983874l575.903242 0c52.980346 0 95.983874 43.003528 95.983874 95.983874l0 639.892491C896.021502 884.840585 852.84596 928.016126 800.037628 928.016126zM223.962372 159.973123c-17.545439 0-31.994625 14.449185-31.994625 31.994625l0 639.892491c0 17.717453 14.449185 31.994625 31.994625 31.994625l575.903242 0c17.717453 0 31.994625-14.277171 31.994625-31.994625l0-639.892491c0-17.545439-14.277171-31.994625-31.994625-31.994625L223.962372 159.973123z" fill="#ffffff" p-id="27068"></path><path d="M640.924576 544.768688 287.779607 544.768688c-17.717453 0-31.994625-14.277171-31.994625-31.994625 0-17.717453 14.277171-31.994625 31.994625-31.994625l353.144969 0c17.717453 0 31.994625 14.277171 31.994625 31.994625C672.9192 530.491517 658.642029 544.768688 640.924576 544.768688z" fill="#ffffff" p-id="27069"></path><path d="M734.84428 735.532337l-447.236687 0c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625l447.236687 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S752.561734 735.532337 734.84428 735.532337z" fill="#ffffff" p-id="27070"></path><path d="M255.784982 305.325046c0 26.490173 21.501764 47.991937 47.991937 47.991937s47.991937-21.501764 47.991937-47.991937-21.501764-47.991937-47.991937-47.991937S255.784982 278.834873 255.784982 305.325046z" fill="#ffffff" p-id="27071"></path><path d="M463.061986 305.325046c0 26.490173 21.501764 47.991937 47.991937 47.991937s47.991937-21.501764 47.991937-47.991937-21.501764-47.991937-47.991937-47.991937S463.061986 278.834873 463.061986 305.325046z" fill="#ffffff" p-id="27072"></path><path d="M671.199059 305.325046c0 26.490173 21.501764 47.991937 47.991937 47.991937s47.991937-21.501764 47.991937-47.991937-21.501764-47.991937-47.991937-47.991937S671.199059 278.834873 671.199059 305.325046z" fill="#ffffff" p-id="27073"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769650833109" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15467" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M341.8624 153.6C346.0608 119.9232 374.784 93.866667 409.6 93.866667h204.8c34.816 0 63.5392 26.056533 67.7376 59.733333H827.733333c37.704533 0 68.266667 30.562133 68.266667 68.266667v640c0 37.704533-30.562133 68.266667-68.266667 68.266666H196.266667c-37.704533 0-68.266667-30.562133-68.266667-68.266666V221.866667c0-37.704533 30.562133-68.266667 68.266667-68.266667h145.595733z m0 51.2H196.266667a17.066667 17.066667 0 0 0-17.066667 17.066667v640a17.066667 17.066667 0 0 0 17.066667 17.066666h631.466666a17.066667 17.066667 0 0 0 17.066667-17.066666V221.866667a17.066667 17.066667 0 0 0-17.066667-17.066667h-145.595733c-4.1984 33.6768-32.925867 59.733333-67.7376 59.733333H409.6c-34.816 0-63.5392-26.056533-67.7376-59.733333zM409.6 145.066667a17.066667 17.066667 0 0 0-17.066667 17.066666v34.133334a17.066667 17.066667 0 0 0 17.066667 17.066666h204.8a17.066667 17.066667 0 0 0 17.066667-17.066666v-34.133334a17.066667 17.066667 0 0 0-17.066667-17.066666H409.6z m52.8896 463.095466l186.794667-186.794666a25.6 25.6 0 1 1 36.206933 36.202666l-201.847467 201.8432a25.770667 25.770667 0 0 1-2.794666 3.310934 25.514667 25.514667 0 0 1-8.546134 5.653333 24.9472 24.9472 0 0 1-28.16-5.661867 26.5088 26.5088 0 0 1-2.3424-2.833066l-105.770666-105.770667a25.6 25.6 0 1 1 36.202666-36.202667l90.257067 90.2528z" fill="#ffffff" p-id="15468"></path></svg>
\ No newline at end of file
diff --git a/static/product.svg b/static/product.svg
new file mode 100644
index 00000000..dc18a159
--- /dev/null
+++ b/static/product.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769650653750" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9834" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M925.6 845.9l-80.3-499.5c-5.3-32.9-33.3-56.7-66.6-56.7h-76.2c-4.9-46.5-23.2-89.8-52.6-123.8-36.2-41.8-84.9-64.8-137-64.8-52.1 0-100.7 23-137 64.8-29.5 34-47.7 77.2-52.6 123.8h-76.2c-33.3 0-61.3 23.9-66.6 56.7l-80.3 499.5c-3.1 19.5 2.4 39.4 15.3 54.4 12.8 15.1 31.5 23.7 51.3 23.7H859c19.8 0 38.5-8.6 51.3-23.7 12.9-15 18.4-34.9 15.3-54.4zM512.9 181.1c53.9 0 99 46.8 108.9 108.6H404c9.9-61.8 55-108.6 108.9-108.6zM181.6 844l76.2-474.3H768L844.3 844H181.6z" p-id="9835" fill="#ffffff"></path><path d="M632.4 656.3c-30.9 18.7-74.4 29.4-119.5 29.4-45.1 0-88.6-10.7-119.5-29.4-24.7-14.9-39-33.5-39-50.8l-80 0.4c0.1 24.2 8.1 48.2 23 69.5 13.2 18.9 31.6 35.5 54.6 49.4 43.6 26.4 100.8 40.9 160.9 40.9 60.1 0 117.2-14.5 160.9-40.9 23-13.9 41.4-30.5 54.6-49.4 14.9-21.3 22.9-45.3 23-69.5l-80-0.4c0 17.3-14.3 35.8-39 50.8z" p-id="9836" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/static/shopping.svg b/static/shopping.svg
deleted file mode 100644
index 719cbd21..00000000
--- a/static/shopping.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769417326653" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23918" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M800.037628 928.016126 223.962372 928.016126c-52.980346 0-95.983874-43.003528-95.983874-95.983874l0-639.892491c0-52.980346 43.003528-95.983874 95.983874-95.983874l575.903242 0c52.980346 0 95.983874 43.003528 95.983874 95.983874l0 639.892491C896.021502 884.840585 852.84596 928.016126 800.037628 928.016126zM223.962372 159.973123c-17.545439 0-31.994625 14.449185-31.994625 31.994625l0 639.892491c0 17.717453 14.449185 31.994625 31.994625 31.994625l575.903242 0c17.717453 0 31.994625-14.277171 31.994625-31.994625l0-639.892491c0-17.545439-14.277171-31.994625-31.994625-31.994625L223.962372 159.973123z" fill="#ffffff" p-id="23919"></path><path d="M640.924576 544.768688 287.779607 544.768688c-17.717453 0-31.994625-14.277171-31.994625-31.994625 0-17.717453 14.277171-31.994625 31.994625-31.994625l353.144969 0c17.717453 0 31.994625 14.277171 31.994625 31.994625C672.9192 530.491517 658.642029 544.768688 640.924576 544.768688z" fill="#ffffff" p-id="23920"></path><path d="M734.84428 735.532337l-447.236687 0c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625l447.236687 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S752.561734 735.532337 734.84428 735.532337z" fill="#ffffff" p-id="23921"></path><path d="M255.784982 305.325046c0 26.490173 21.501764 47.991937 47.991937 47.991937s47.991937-21.501764 47.991937-47.991937-21.501764-47.991937-47.991937-47.991937S255.784982 278.834873 255.784982 305.325046z" fill="#ffffff" p-id="23922"></path><path d="M463.061986 305.325046c0 26.490173 21.501764 47.991937 47.991937 47.991937s47.991937-21.501764 47.991937-47.991937-21.501764-47.991937-47.991937-47.991937S463.061986 278.834873 463.061986 305.325046z" fill="#ffffff" p-id="23923"></path><path d="M671.199059 305.325046c0 26.490173 21.501764 47.991937 47.991937 47.991937s47.991937-21.501764 47.991937-47.991937-21.501764-47.991937-47.991937-47.991937S671.199059 278.834873 671.199059 305.325046z" fill="#ffffff" p-id="23924"></path></svg>
\ No newline at end of file
diff --git a/static/statistics.svg b/static/statistics.svg
deleted file mode 100644
index 1b909a0c..00000000
--- a/static/statistics.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769417346887" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24969" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M992 672h-24c-4.4 0-8-3.6-8-8V136c0-4.4 3.6-8 8-8h24c17.7 0 32-14.3 32-32s-14.3-32-32-32H580c-2.2 0-4-1.8-4-4 0-16.6-6.7-31.6-17.6-42.4C547.6 6.7 532.6 0 516 0h-8c-33.1 0-60 26.9-60 60 0 1.1-0.4 2.1-1.2 2.8-0.7 0.7-1.7 1.2-2.8 1.2H32C14.3 64 0 78.3 0 96c0 8.8 3.6 16.8 9.4 22.6 5.8 5.8 13.8 9.4 22.6 9.4h24c4.4 0 8 3.6 8 8v528c0 4.4-3.6 8-8 8H32c-17.7 0-32 14.3-32 32 0 8.8 3.6 16.8 9.4 22.6 5.8 5.8 13.8 9.4 22.6 9.4h364.1c10.2 0 17.8 9.5 15.6 19.5L360.4 986c-4.3 19.5 10.5 38 30.5 38 7.3 0 14.2-2.5 19.6-6.9 5.4-4.3 9.4-10.5 10.9-17.6l50.7-228c1-4.7 7.9-3.9 7.9 0.9v220.3c0 17.3 14 31.2 31.2 31.2h1.5c17.3 0 31.2-14 31.2-31.2V772.4c0-4.8 6.9-5.5 7.9-0.9l50.7 228c3.2 14.3 15.8 24.4 30.5 24.5h0.1c20 0 34.9-18.5 30.5-38l-51.3-230.5c-2.2-10 5.4-19.5 15.6-19.5H992c17.7 0 32-14.3 32-32 0-8.8-3.6-16.8-9.4-22.6-5.8-5.8-13.8-9.4-22.6-9.4z m-704-68V420c0-2.2 1.8-4 4-4h56c2.2 0 4 1.8 4 4v184c0 2.2-1.8 4-4 4h-56c-2.2 0-4-1.8-4-4z m128 0V388c0-2.2 1.8-4 4-4h56c2.2 0 4 1.8 4 4v216c0 2.2-1.8 4-4 4h-56c-2.2 0-4-1.8-4-4z m128 0V324c0-2.2 1.8-4 4-4h56c2.2 0 4 1.8 4 4v280c0 2.2-1.8 4-4 4h-56c-2.2 0-4-1.8-4-4z m192 0c0 2.2-1.8 4-4 4h-56c-2.2 0-4-1.8-4-4V228c0-2.2 1.8-4 4-4h56c2.2 0 4 1.8 4 4v376z" p-id="24970" fill="#ffffff"></path></svg>
\ No newline at end of file