From 2b0ee0c8b6a507fefa5b29f5c4e06c033f34ab2a Mon Sep 17 00:00:00 2001
From: huangzhenbao <17818024429@163.com>
Date: Thu, 22 Jan 2026 18:19:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=96=87=E4=BB=B6=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=EF=BC=9B=E8=B7=91=E9=80=9Aadmin=E7=AB=AF=EF=BC=9B?=
 =?UTF-8?q?=E5=88=9D=E6=AD=A5=E8=AE=BE=E8=AE=A1=E9=A1=B5=E9=9D=A2=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ak/config.uts                                |   10 +-
 components/supadb/aksupa.uts                 |   29 +-
 components/supadb/aksupainstance.uts         |   15 +-
 pages.json                                   |  110 +-
 pages/mall/admin/activity-log.uvue           |   64 +
 pages/mall/admin/complaints.uvue             |   64 +
 pages/mall/admin/coupon-management.uvue      |   11 +
 pages/mall/admin/delivery-management.uvue    |   11 +
 pages/mall/admin/finance-management.uvue     |  607 ++++++++
 pages/mall/admin/index.uvue                  |  265 ++--
 pages/mall/admin/marketing-management.uvue   |  366 +++++
 pages/mall/admin/merchant-management.uvue    |   13 +
 pages/mall/admin/merchant-review.uvue        |   64 +
 pages/mall/admin/notifications.uvue          |   11 +
 pages/mall/admin/order-management.uvue       | 1380 ++++++++++++++++++
 pages/mall/admin/product-management.uvue     | 1154 +++++++++++++++
 pages/mall/admin/product-review.uvue         |   64 +
 pages/mall/admin/refund-review.uvue          |   64 +
 pages/mall/admin/system-settings.uvue        |  528 +++++++
 pages/mall/admin/user-management.uvue        | 1117 ++++++++++++++
 pages/mall/{ => nfc}/nfc-modules-guide.md    |    0
 pages/mall/{ => nfc}/nfc.md                  |    0
 pages/mall/{ => nfc}/pages-admin.json        |    0
 pages/mall/{ => nfc}/pages-librarian.json    |    0
 pages/mall/{ => nfc}/pages-merchant.json     |    0
 pages/mall/{ => nfc}/pages-parent.json       |    0
 pages/mall/{ => nfc}/pages-security.json     |    0
 pages/mall/{ => nfc}/pages-student.json      |    0
 pages/mall/{ => nfc}/pages-teacher.json      |    0
 pages/mall/{pages-config.json => pages.json} |   36 +
 uni_modules/ak-req/ak-req.uts                |   13 +-
 31 files changed, 5798 insertions(+), 198 deletions(-)
 create mode 100644 pages/mall/admin/activity-log.uvue
 create mode 100644 pages/mall/admin/complaints.uvue
 create mode 100644 pages/mall/admin/coupon-management.uvue
 create mode 100644 pages/mall/admin/delivery-management.uvue
 create mode 100644 pages/mall/admin/finance-management.uvue
 create mode 100644 pages/mall/admin/marketing-management.uvue
 create mode 100644 pages/mall/admin/merchant-management.uvue
 create mode 100644 pages/mall/admin/merchant-review.uvue
 create mode 100644 pages/mall/admin/notifications.uvue
 create mode 100644 pages/mall/admin/order-management.uvue
 create mode 100644 pages/mall/admin/product-management.uvue
 create mode 100644 pages/mall/admin/product-review.uvue
 create mode 100644 pages/mall/admin/refund-review.uvue
 create mode 100644 pages/mall/admin/system-settings.uvue
 create mode 100644 pages/mall/admin/user-management.uvue
 rename pages/mall/{ => nfc}/nfc-modules-guide.md (100%)
 rename pages/mall/{ => nfc}/nfc.md (100%)
 rename pages/mall/{ => nfc}/pages-admin.json (100%)
 rename pages/mall/{ => nfc}/pages-librarian.json (100%)
 rename pages/mall/{ => nfc}/pages-merchant.json (100%)
 rename pages/mall/{ => nfc}/pages-parent.json (100%)
 rename pages/mall/{ => nfc}/pages-security.json (100%)
 rename pages/mall/{ => nfc}/pages-student.json (100%)
 rename pages/mall/{ => nfc}/pages-teacher.json (100%)
 rename pages/mall/{pages-config.json => pages.json} (94%)

diff --git a/ak/config.uts b/ak/config.uts
index 93ff692b..f21a4ec5 100644
--- a/ak/config.uts
+++ b/ak/config.uts
@@ -3,12 +3,12 @@
 // export const SUPA_URL: string = 'http://192.168.0.150:8080'
 // export const SUPA_KEY: string = 'your-anon-key'
 
-// 生产环境 - Supabase 云服务
-export const SUPA_URL: string = 'https://ak3.oulog.com'
-export const SUPA_KEY: string = 'your-anon-key'
+// 指向你的 Supabase 服务（开发/私有部署）
+export const SUPA_URL: string = 'http://192.168.1.64:3000'
+export const SUPA_KEY: string = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlzcyI6InN1cGFiYXNlIiwiaWF0IjoxNzY4ODMwNjI0LCJleHAiOjE5MjY1MTA2MjR9.mDVl-kIOdRK9v6VTxo0TDF8r7X7xk3PZXazaavHyVvg'
 
-// WebSocket 实时连接
-export const WS_URL: string = 'wss://ak3.oulog.com/realtime/v1/websocket'
+// WebSocket/Realtime 地址（与 HTTP 保持同主机端口）
+export const WS_URL: string = 'ws://192.168.1.64:3000/realtime/v1'
 
 // 路由配置
 export const HOME_REDIRECT: string = '/pages/mall/consumer/index'
diff --git a/components/supadb/aksupa.uts b/components/supadb/aksupa.uts
index 50f67294..521c4528 100644
--- a/components/supadb/aksupa.uts
+++ b/components/supadb/aksupa.uts
@@ -646,6 +646,10 @@ export class AkSupa {
 		this.user = null
 	}
 	async signIn(email : string, password : string) : Promise<AkSupaSignInResult> {
+		// 提前检查 apikey 配置是否为占位符，避免发送无效请求导致 401
+		if (this.apikey == null || this.apikey.trim() === '' || this.apikey === 'your-anon-key') {
+			throw new Error('Supabase 配置错误：请在 ak/config.uts 中设置 SUPA_KEY（当前为占位符）');
+		}
 		const res = await AkReq.request({
 			url: this.baseUrl + '/auth/v1/token?grant_type=password',
 			method: 'POST',
@@ -656,13 +660,31 @@ export class AkSupa {
 			data: { email, password } as UTSJSONObject,
 			contentType: 'application/json'
 		}, false);
-		//console.log(res)
-		const data = new UTSJSONObject(res.data); // 修正：确保data为UTSJSONObject
+		// 如果响应不是 2xx（例如 401），提取后端错误信息并抛出，便于上层显示具体原因
+		const status = res.status ?? 0;
+		if (!(status >= 200 && status < 400)) {
+			let msg = 'user.login.login_failed';
+			try {
+				if (res.data != null) {
+					const obj = new UTSJSONObject(res.data);
+					msg = obj.getString('message') ?? obj.getString('error') ?? obj.getString('msg') ?? obj.getString('description') ?? obj.getString('error_description') ?? msg;
+				}
+			} catch (e) {
+				// ignore
+			}
+			throw new Error(msg);
+		}
+		// 解析成功的返回体
+		let data: UTSJSONObject;
+		try {
+			data = new UTSJSONObject(res.data);
+		} catch (e) {
+			data = new UTSJSONObject({});
+		}
 		const access_token = data.getString('access_token') ?? '';
 		const refresh_token = data.getString('refresh_token') ?? '';
 		const expires_at = data.getNumber('expires_at') ?? 0;
 		const user = data.getJSON('user');
-		//console.log(user, data)
 		AkReq.setToken(access_token, refresh_token, expires_at);
 		const session : AkSupaSignInResult = {
 			access_token: access_token,
@@ -675,7 +697,6 @@ export class AkSupa {
 		};
 		this.session = session;
 		this.user = user;
-		//console.log(this.user)
 		return session;
 	}
 
diff --git a/components/supadb/aksupainstance.uts b/components/supadb/aksupainstance.uts
index 1b25ca34..e0a9a11e 100644
--- a/components/supadb/aksupainstance.uts
+++ b/components/supadb/aksupainstance.uts
@@ -3,14 +3,19 @@ import { SUPA_URL, SUPA_KEY } from '@/ak/config.uts'
 
 const supa = new AkSupa(SUPA_URL, SUPA_KEY)
 
+// Do not perform hard-coded auto sign-in during page preload (development mode may preload pages).
+// Instead, mark supa as ready if an existing session is present; otherwise defer sign-in to explicit user action.
 const supaReady: Promise<boolean> = (async () => {
 	try {
-		// await supa.signIn('akoo@163.com', 'Hf2152111')
-		await supa.signIn('am@163.com', 'kookoo')
-		return true
+		const sess = supa.getSession();
+		if (sess != null && sess.session != null) {
+			return true;
+		}
+		// No session found — do not auto sign-in with hard-coded credentials.
+		return true;
 	} catch (err) {
-		console.error('Supabase auto sign-in failed', err)
-		return false
+		console.error('Supabase instance init failed', err)
+		return false;
 	}
 })()
 
diff --git a/pages.json b/pages.json
index fed5ab00..d729d857 100644
--- a/pages.json
+++ b/pages.json
@@ -1,5 +1,12 @@
 {
   "pages": [
+    {
+      "path": "pages/mall/admin/index",
+      "style": {
+        "navigationBarTitleText": "管理后台",
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/mall/consumer/index",
       "style": {
@@ -63,13 +70,6 @@
         "navigationStyle": "custom"
       }
     },
-    {
-      "path": "pages/mall/admin/index",
-      "style": {
-        "navigationBarTitleText": "管理后台",
-        "navigationStyle": "custom"
-      }
-    },
     {
       "path": "pages/mall/service/index",
       "style": {
@@ -143,6 +143,96 @@
             "navigationBarTitleText": "用户订阅管理"
           }
         },
+        {
+          "path": "admin/user-management",
+          "style": {
+            "navigationBarTitleText": "用户管理"
+          }
+        },
+        {
+          "path": "admin/merchant-management",
+          "style": {
+            "navigationBarTitleText": "商家管理"
+          }
+        },
+        {
+          "path": "admin/product-management",
+          "style": {
+            "navigationBarTitleText": "商品管理"
+          }
+        },
+        {
+          "path": "admin/order-management",
+          "style": {
+            "navigationBarTitleText": "订单管理"
+          }
+        },
+        {
+          "path": "admin/coupon-management",
+          "style": {
+            "navigationBarTitleText": "优惠券管理"
+          }
+        },
+        {
+          "path": "admin/delivery-management",
+          "style": {
+            "navigationBarTitleText": "配送管理"
+          }
+        },
+        {
+          "path": "admin/finance-management",
+          "style": {
+            "navigationBarTitleText": "财务管理"
+          }
+        },
+        {
+          "path": "admin/marketing-management",
+          "style": {
+            "navigationBarTitleText": "营销管理"
+          }
+        },
+        {
+          "path": "admin/system-settings",
+          "style": {
+            "navigationBarTitleText": "系统设置"
+          }
+        },
+        {
+          "path": "admin/notifications",
+          "style": {
+            "navigationBarTitleText": "通知中心"
+          }
+        },
+        {
+          "path": "admin/merchant-review",
+          "style": {
+            "navigationBarTitleText": "商家审核"
+          }
+        },
+        {
+          "path": "admin/product-review",
+          "style": {
+            "navigationBarTitleText": "商品审核"
+          }
+        },
+        {
+          "path": "admin/refund-review",
+          "style": {
+            "navigationBarTitleText": "退款处理"
+          }
+        },
+        {
+          "path": "admin/complaints",
+          "style": {
+            "navigationBarTitleText": "投诉处理"
+          }
+        },
+        {
+          "path": "admin/activity-log",
+          "style": {
+            "navigationBarTitleText": "活动日志"
+          }
+        },
         {
           "path": "nfc/security/index",
           "style": {
@@ -197,8 +287,8 @@
     "current": 0,
     "list": [
       {
-        "name": "消费者端首页",
-        "path": "pages/mall/consumer/index"
+        "name": "管理端首页",
+        "path": "pages/mall/admin/index"
       },
       {
         "name": "启动页（登录态判断）",
@@ -210,4 +300,4 @@
       }
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/pages/mall/admin/activity-log.uvue b/pages/mall/admin/activity-log.uvue
new file mode 100644
index 00000000..8310e3df
--- /dev/null
+++ b/pages/mall/admin/activity-log.uvue
@@ -0,0 +1,64 @@
+<!-- 活动日志页面 -->
+<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
new file mode 100644
index 00000000..de29cef9
--- /dev/null
+++ b/pages/mall/admin/complaints.uvue
@@ -0,0 +1,64 @@
+<!-- 投诉处理页面 -->
+<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/coupon-management.uvue b/pages/mall/admin/coupon-management.uvue
new file mode 100644
index 00000000..147fbe1a
--- /dev/null
+++ b/pages/mall/admin/coupon-management.uvue
@@ -0,0 +1,11 @@
+<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/delivery-management.uvue b/pages/mall/admin/delivery-management.uvue
new file mode 100644
index 00000000..af13a237
--- /dev/null
+++ b/pages/mall/admin/delivery-management.uvue
@@ -0,0 +1,11 @@
+<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/finance-management.uvue b/pages/mall/admin/finance-management.uvue
new file mode 100644
index 00000000..d45d8d18
--- /dev/null
+++ b/pages/mall/admin/finance-management.uvue
@@ -0,0 +1,607 @@
+<!-- 财务管理页面 - 基于CRMEB设计 -->
+<template>
+	<view class="finance-management">
+		<!-- 财务概览 -->
+		<view class="finance-overview">
+			<view class="overview-grid">
+				<view class="overview-card">
+					<text class="card-title">今日收入</text>
+					<text class="card-amount">¥{{ overview.today_income }}</text>
+					<text class="card-change positive">+{{ overview.income_growth }}%</text>
+				</view>
+				<view class="overview-card">
+					<text class="card-title">本月收入</text>
+					<text class="card-amount">¥{{ overview.month_income }}</text>
+					<text class="card-change positive">+{{ overview.month_growth }}%</text>
+				</view>
+				<view class="overview-card">
+					<text class="card-title">账户余额</text>
+					<text class="card-amount">¥{{ overview.account_balance }}</text>
+					<text class="card-change neutral">--</text>
+				</view>
+				<view class="overview-card">
+					<text class="card-title">待结算</text>
+					<text class="card-amount">¥{{ overview.pending_settlement }}</text>
+					<text class="card-change neutral">--</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 财务明细 -->
+		<view class="finance-details">
+			<view class="section-header">
+				<text class="section-title">财务明细</text>
+				<view class="header-actions">
+					<button class="btn btn-primary" @click="exportRecords">导出记录</button>
+				</view>
+			</view>
+
+			<view class="filter-bar">
+				<view class="filter-item">
+					<text class="label">交易类型：</text>
+					<picker mode="selector" :range="transactionTypes" range-key="label" @change="onTypeChange">
+						<view class="picker-text">{{ selectedType || '全部' }}</view>
+					</picker>
+				</view>
+				<view class="filter-item">
+					<text class="label">时间范围：</text>
+					<view class="date-range">
+						<picker mode="date" @change="onStartDateChange">
+							<view class="date-picker">{{ startDate || '开始日期' }}</view>
+						</picker>
+						<text class="separator">至</text>
+						<picker mode="date" @change="onEndDateChange">
+							<view class="date-picker">{{ endDate || '结束日期' }}</view>
+						</picker>
+					</view>
+				</view>
+				<view class="filter-actions">
+					<button class="btn btn-default" @click="resetFilters">重置</button>
+					<button class="btn btn-primary" @click="applyFilters">筛选</button>
+				</view>
+			</view>
+
+			<view class="records-table">
+				<view class="table-header">
+					<view class="table-row">
+						<view class="table-cell">交易时间</view>
+						<view class="table-cell">交易类型</view>
+						<view class="table-cell">订单号</view>
+						<view class="table-cell">金额</view>
+						<view class="table-cell">余额</view>
+						<view class="table-cell">备注</view>
+					</view>
+				</view>
+				<view class="table-body">
+					<view v-for="record in records" :key="record.id" class="table-row data-row">
+						<view class="table-cell">{{ formatDateTime(record.created_at) }}</view>
+						<view class="table-cell">
+							<text class="type-tag" :class="'type-' + record.type">{{ getTypeText(record.type) }}</text>
+						</view>
+						<view class="table-cell">{{ record.order_sn || '--' }}</view>
+						<view class="table-cell">
+							<text :class="record.amount > 0 ? 'income' : 'expense'">
+								{{ record.amount > 0 ? '+' : '' }}¥{{ record.amount }}
+							</text>
+						</view>
+						<view class="table-cell">¥{{ record.balance_after }}</view>
+						<view class="table-cell">{{ record.remark || '--' }}</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 分页 -->
+			<view class="pagination">
+				<view class="page-info">共 {{ totalRecords }} 条记录，第 {{ currentPage }}/{{ totalPages }} 页</view>
+				<view class="page-buttons">
+					<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>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+// 响应式数据
+const overview = ref({
+	today_income: '0.00',
+	income_growth: '0.00',
+	month_income: '0.00',
+	month_growth: '0.00',
+	account_balance: '0.00',
+	pending_settlement: '0.00'
+})
+
+const records = ref([])
+const currentPage = ref(1)
+const pageSize = ref(20)
+const totalRecords = ref(0)
+const totalPages = ref(0)
+
+const transactionTypes = ref([
+	{ value: '', label: '全部' },
+	{ value: '1', label: '订单收入' },
+	{ value: '2', label: '退款支出' },
+	{ value: '3', label: '提现支出' },
+	{ value: '4', label: '充值收入' },
+	{ value: '5', label: '系统调整' }
+])
+
+const selectedType = ref('')
+const startDate = ref('')
+const endDate = ref('')
+
+// 计算属性
+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 onTypeChange = (e: any) => {
+	selectedType.value = transactionTypes.value[e.detail.value].label
+}
+
+const onStartDateChange = (e: any) => {
+	startDate.value = e.detail.value
+}
+
+const onEndDateChange = (e: any) => {
+	endDate.value = e.detail.value
+}
+
+const applyFilters = () => {
+	loadRecords()
+}
+
+const resetFilters = () => {
+	selectedType.value = ''
+	startDate.value = ''
+	endDate.value = ''
+	loadRecords()
+}
+
+const exportRecords = () => {
+	uni.showToast({
+		title: '导出功能开发中',
+		icon: 'none'
+	})
+}
+
+const goToPage = (page: number) => {
+	if (page >= 1 && page <= totalPages.value) {
+		currentPage.value = page
+		loadRecords()
+	}
+}
+
+const getTypeText = (type: number) => {
+	const typeMap = {
+		1: '订单收入',
+		2: '退款支出',
+		3: '提现支出',
+		4: '充值收入',
+		5: '系统调整'
+	}
+	return typeMap[type] || '未知'
+}
+
+const formatDateTime = (dateStr: string) => {
+	if (!dateStr) return ''
+	const date = new Date(dateStr)
+	return date.toLocaleString()
+}
+
+// 数据加载方法
+const loadOverview = async () => {
+	try {
+		const { data } = await supa.rpc('get_finance_overview')
+		if (data) {
+			overview.value = data
+		}
+	} catch (error) {
+		console.error('加载财务概览失败:', error)
+	}
+}
+
+const loadRecords = async () => {
+	try {
+		let query = supa.from('finance_records').select('*').order('created_at', { ascending: false })
+
+		// 筛选条件
+		if (selectedType.value && selectedType.value !== '全部') {
+			const typeObj = transactionTypes.value.find((t: any) => t.label === selectedType.value)
+			if (typeObj) {
+				query = query.eq('type', parseInt(typeObj.value))
+			}
+		}
+
+		if (startDate.value && endDate.value) {
+			query = query.gte('created_at', startDate.value + ' 00:00:00')
+				.lte('created_at', endDate.value + ' 23:59:59')
+		}
+
+		// 分页
+		const from = (currentPage.value - 1) * pageSize.value
+		const to = from + pageSize.value - 1
+
+		const { data, count } = await query.range(from, to)
+		records.value = data || []
+		totalRecords.value = count || 0
+		totalPages.value = Math.ceil(totalRecords.value / pageSize.value)
+
+	} catch (error) {
+		console.error('加载财务记录失败:', error)
+		uni.showToast({
+			title: '加载失败',
+			icon: 'error'
+		})
+	}
+}
+
+// 页面初始化
+onMounted(async () => {
+	await Promise.all([
+		loadOverview(),
+		loadRecords()
+	])
+})
+</script>
+
+<style lang="scss">
+.finance-management {
+	padding: 30rpx;
+	background-color: #f5f5f5;
+	min-height: 100vh;
+}
+
+// 财务概览样式
+.finance-overview {
+	background-color: #fff;
+	border-radius: 12rpx;
+	padding: 30rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.overview-grid {
+		display: flex;
+		gap: 20rpx;
+	}
+
+	.overview-card {
+		flex: 1;
+		padding: 20rpx;
+		background-color: #f8f9fa;
+		border-radius: 8rpx;
+		text-align: center;
+
+		.card-title {
+			font-size: 24rpx;
+			color: #6c757d;
+			margin-bottom: 10rpx;
+			display: block;
+		}
+
+		.card-amount {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #28a745;
+			margin-bottom: 5rpx;
+			display: block;
+		}
+
+		.card-change {
+			font-size: 20rpx;
+
+			&.positive {
+				color: #28a745;
+			}
+
+			&.negative {
+				color: #dc3545;
+			}
+
+			&.neutral {
+				color: #6c757d;
+			}
+		}
+	}
+}
+
+// 财务明细样式
+.finance-details {
+	background-color: #fff;
+	border-radius: 12rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.section-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 30rpx 30rpx 0;
+
+		.section-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #212529;
+		}
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			background-color: #007bff;
+			color: white;
+			cursor: pointer;
+		}
+	}
+}
+
+.filter-bar {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 20rpx;
+	padding: 30rpx;
+	border-bottom: 1rpx solid #e9ecef;
+
+	.filter-item {
+		display: flex;
+		align-items: center;
+
+		.label {
+			font-size: 26rpx;
+			color: #666;
+			margin-right: 10rpx;
+			white-space: nowrap;
+		}
+
+		.picker-text {
+			padding: 0 20rpx;
+			height: 60rpx;
+			line-height: 60rpx;
+			border: 1rpx solid #ddd;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			color: #333;
+			min-width: 150rpx;
+		}
+
+		.date-range {
+			display: flex;
+			align-items: center;
+			gap: 10rpx;
+
+			.date-picker {
+				padding: 0 20rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				border: 1rpx solid #ddd;
+				border-radius: 6rpx;
+				font-size: 26rpx;
+				color: #333;
+				flex: 1;
+			}
+
+			.separator {
+				color: #666;
+			}
+		}
+	}
+
+	.filter-actions {
+		display: flex;
+		gap: 20rpx;
+		margin-left: auto;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&.btn-primary {
+				background-color: #007bff;
+				color: white;
+			}
+
+			&.btn-default {
+				background-color: #f5f5f5;
+				color: #333;
+			}
+		}
+	}
+}
+
+.records-table {
+	.table-header {
+		background-color: #f8f9fa;
+		border-bottom: 1rpx solid #e9ecef;
+
+		.table-row {
+			display: flex;
+			align-items: center;
+			padding: 20rpx 30rpx;
+			font-weight: bold;
+			font-size: 26rpx;
+			color: #495057;
+		}
+	}
+
+	.table-body {
+		.data-row {
+			border-bottom: 1rpx solid #e9ecef;
+
+			&:last-child {
+				border-bottom: none;
+			}
+		}
+	}
+
+	.table-row {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		min-height: 80rpx;
+
+		.table-cell {
+			flex: 1;
+			font-size: 26rpx;
+			color: #495057;
+			display: flex;
+			align-items: center;
+		}
+	}
+}
+
+.type-tag {
+	padding: 4rpx 12rpx;
+	border-radius: 12rpx;
+	font-size: 24rpx;
+	font-weight: bold;
+
+	&.type-1 {
+		background-color: #d4edda;
+		color: #155724;
+	}
+
+	&.type-2,
+	&.type-3 {
+		background-color: #f8d7da;
+		color: #721c24;
+	}
+
+	&.type-4 {
+		background-color: #cce5ff;
+		color: #0066cc;
+	}
+
+	&.type-5 {
+		background-color: #fff3cd;
+		color: #856404;
+	}
+}
+
+.income {
+	color: #28a745;
+	font-weight: bold;
+}
+
+.expense {
+	color: #dc3545;
+	font-weight: bold;
+}
+
+// 分页样式
+.pagination {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 30rpx;
+	border-top: 1rpx solid #e9ecef;
+
+	.page-info {
+		font-size: 26rpx;
+		color: #666;
+	}
+
+	.page-buttons {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+	}
+
+	.page-btn,
+	.page-number {
+		padding: 12rpx 20rpx;
+		border: 1rpx solid #ddd;
+		background-color: #fff;
+		color: #333;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		cursor: pointer;
+		transition: all 0.2s;
+
+		&:disabled {
+			background-color: #f5f5f5;
+			color: #999;
+			cursor: not-allowed;
+		}
+
+		&:hover:not(:disabled) {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+
+		&.active {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+	}
+}
+
+// 响应式设计
+@media (max-width: 750rpx) {
+	.overview-grid {
+		flex-direction: column;
+		gap: 15rpx;
+	}
+
+	.filter-bar {
+		flex-direction: column;
+		align-items: stretch;
+	}
+
+	.filter-item {
+		margin-bottom: 15rpx;
+	}
+
+	.filter-actions {
+		margin-left: 0;
+		margin-top: 15rpx;
+		justify-content: center;
+	}
+
+	.table-row {
+		flex-wrap: wrap;
+		padding: 15rpx;
+
+		.table-cell {
+			min-width: 150rpx;
+			margin-bottom: 10rpx;
+		}
+	}
+
+	.pagination {
+		flex-direction: column;
+		gap: 20rpx;
+		align-items: center;
+
+		.page-info {
+			order: 2;
+		}
+	}
+}
+</style>
diff --git a/pages/mall/admin/index.uvue b/pages/mall/admin/index.uvue
index 10326b93..f05c892d 100644
--- a/pages/mall/admin/index.uvue
+++ b/pages/mall/admin/index.uvue
@@ -1,64 +1,68 @@
-<!-- 后台管理端首页 - UTS Android 兼容 -->
+<!-- 后台管理端首页 - 基于CRMEB设计 -->
 <template>
-	<view class="admin-container">
-		<!-- 头部导航 -->
-		<view class="header">
-			<view class="header-left">
-				<text class="app-title">商城管理后台</text>
-				<text class="welcome-text">欢迎回来，{{ adminInfo.nickname }}</text>
-			</view>
-			<view class="header-right">
-				<text class="notification-btn" @click="goToNotifications">🔔</text>
-				<text class="profile-btn" @click="goToProfile">👤</text>
-			</view>
-		</view>
-
-		<!-- 核心指标概览 -->
-		<view class="metrics-section">
-			<text class="section-title">核心指标</text>
-			<view class="metrics-grid">
-				<view class="metric-card">
-					<text class="metric-value">¥{{ platformStats.total_gmv }}</text>
-					<text class="metric-label">总GMV</text>
-					<text class="metric-change positive">+{{ platformStats.gmv_growth }}%</text>
-				</view>
-				<view class="metric-card">
-					<text class="metric-value">{{ platformStats.total_orders }}</text>
-					<text class="metric-label">总订单数</text>
-					<text class="metric-change positive">+{{ platformStats.order_growth }}%</text>
-				</view>
-				<view class="metric-card">
-					<text class="metric-value">{{ platformStats.total_users }}</text>
-					<text class="metric-label">注册用户</text>
-					<text class="metric-change positive">+{{ platformStats.user_growth }}%</text>
-				</view>
-				<view class="metric-card">
-					<text class="metric-value">{{ platformStats.total_merchants }}</text>
-					<text class="metric-label">入驻商家</text>
-					<text class="metric-change positive">+{{ platformStats.merchant_growth }}%</text>
+	<view class="admin-dashboard">
+		<!-- 基础信息统计卡片 -->
+		<view class="base-info-section">
+			<view class="info-grid">
+				<view class="info-card" v-for="(item, index) in infoList" :key="index">
+					<view class="card-header">
+						<text class="card-title">{{ item.title }}</text>
+						<text class="card-date">{{ item.date }}</text>
+					</view>
+					<view class="card-content">
+						<text class="today-number">{{ item.today }}</text>
+						<view class="comparison-info">
+							<text class="yesterday-text">昨日 {{ item.yesterday }}</text>
+							<text class="ratio-text" :class="{ positive: item.today_ratio >= 0, negative: item.today_ratio < 0 }">
+								日环比 {{ item.today_ratio }}%
+								<text class="ratio-icon">{{ item.today_ratio >= 0 ? '↑' : '↓' }}</text>
+							</text>
+						</view>
+						<view class="divider"></view>
+						<view class="total-info">
+							<text class="total-label">{{ item.total_name }}</text>
+							<text class="total-value">{{ item.total }}</text>
+						</view>
+					</view>
 				</view>
 			</view>
 		</view>
 
-		<!-- 今日数据 -->
-		<view class="today-section">
-			<text class="section-title">今日数据</text>
-			<view class="today-grid">
-				<view class="today-item">
-					<text class="today-value">¥{{ todayStats.sales }}</text>
-					<text class="today-label">销售额</text>
+		<!-- 功能导航网格 -->
+		<view class="grid-menu-section">
+			<text class="section-title">功能导航</text>
+			<view class="menu-grid">
+				<view class="menu-item" @click="go('/pages/mall/admin/user-management')">
+					<view class="menu-icon user-icon">👥</view>
+					<text class="menu-text">用户管理</text>
 				</view>
-				<view class="today-item">
-					<text class="today-value">{{ todayStats.orders }}</text>
-					<text class="today-label">订单数</text>
+				<view class="menu-item" @click="go('/pages/mall/admin/product-management')">
+					<view class="menu-icon product-icon">📦</view>
+					<text class="menu-text">商品管理</text>
 				</view>
-				<view class="today-item">
-					<text class="today-value">{{ todayStats.new_users }}</text>
-					<text class="today-label">新增用户</text>
+				<view class="menu-item" @click="go('/pages/mall/admin/order-management')">
+					<view class="menu-icon order-icon">📋</view>
+					<text class="menu-text">订单管理</text>
 				</view>
-				<view class="today-item">
-					<text class="today-value">{{ todayStats.active_users }}</text>
-					<text class="today-label">活跃用户</text>
+				<view class="menu-item" @click="go('/pages/mall/admin/finance-management')">
+					<view class="menu-icon finance-icon">💰</view>
+					<text class="menu-text">财务管理</text>
+				</view>
+				<view class="menu-item" @click="go('/pages/mall/admin/marketing-management')">
+					<view class="menu-icon marketing-icon">📢</view>
+					<text class="menu-text">营销管理</text>
+				</view>
+				<view class="menu-item" @click="go('/pages/mall/admin/system-settings')">
+					<view class="menu-icon settings-icon">⚙️</view>
+					<text class="menu-text">系统设置</text>
+				</view>
+				<view class="menu-item" @click="go('/pages/mall/admin/coupon-management')">
+					<view class="menu-icon coupon-icon">🎫</view>
+					<text class="menu-text">优惠券管理</text>
+				</view>
+				<view class="menu-item" @click="go('/pages/mall/admin/activity-log')">
+					<view class="menu-icon log-icon">📊</view>
+					<text class="menu-text">活动日志</text>
 				</view>
 			</view>
 		</view>
@@ -67,7 +71,7 @@
 		<view class="pending-section">
 			<text class="section-title">待处理事项</text>
 			<view class="pending-list">
-				<view class="pending-item urgent" @click="goToMerchantReview">
+				<view class="pending-item urgent" @click="go('/pages/mall/admin/merchant-review')">
 					<text class="pending-icon">🏪</text>
 					<view class="pending-content">
 						<text class="pending-title">商家入驻审核</text>
@@ -75,8 +79,8 @@
 					</view>
 					<text class="pending-count">{{ pendingCounts.merchant_review }}</text>
 				</view>
-				
-				<view class="pending-item" @click="goToProductReview">
+
+				<view class="pending-item" @click="go('/pages/mall/admin/product-review')">
 					<text class="pending-icon">📦</text>
 					<view class="pending-content">
 						<text class="pending-title">商品审核</text>
@@ -84,8 +88,8 @@
 					</view>
 					<text class="pending-count">{{ pendingCounts.product_review }}</text>
 				</view>
-				
-				<view class="pending-item" @click="goToRefundReview">
+
+				<view class="pending-item" @click="go('/pages/mall/admin/refund-review')">
 					<text class="pending-icon">💰</text>
 					<view class="pending-content">
 						<text class="pending-title">退款处理</text>
@@ -93,8 +97,8 @@
 					</view>
 					<text class="pending-count">{{ pendingCounts.refund_review }}</text>
 				</view>
-				
-				<view class="pending-item" @click="goToComplaints">
+
+				<view class="pending-item" @click="go('/pages/mall/admin/complaints')">
 					<text class="pending-icon">⚠️</text>
 					<view class="pending-content">
 						<text class="pending-title">投诉处理</text>
@@ -136,43 +140,43 @@
 		<view class="shortcuts-section">
 			<text class="section-title">快捷管理</text>
 			<view class="shortcuts-grid">
-				<view class="shortcut-item" @click="goToUserManagement">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/user-management')">
 					<text class="shortcut-icon">👥</text>
 					<text class="shortcut-text">用户管理</text>
 				</view>
-				<view class="shortcut-item" @click="goToMerchantManagement">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/merchant-management')">
 					<text class="shortcut-icon">🏪</text>
 					<text class="shortcut-text">商家管理</text>
 				</view>
-				<view class="shortcut-item" @click="goToProductManagement">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/product-management')">
 					<text class="shortcut-icon">📦</text>
 					<text class="shortcut-text">商品管理</text>
 				</view>
-				<view class="shortcut-item" @click="goToOrderManagement">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/order-management')">
 					<text class="shortcut-icon">📋</text>
 					<text class="shortcut-text">订单管理</text>
 				</view>
-				<view class="shortcut-item" @click="goToCouponManagement">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/coupon-management')">
 					<text class="shortcut-icon">🎫</text>
 					<text class="shortcut-text">优惠券管理</text>
 				</view>
-				<view class="shortcut-item" @click="goToDeliveryManagement">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/delivery-management')">
 					<text class="shortcut-icon">🚚</text>
 					<text class="shortcut-text">配送管理</text>
 				</view>
-				<view class="shortcut-item" @click="goToFinanceManagement">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/finance-management')">
 					<text class="shortcut-icon">💳</text>
 					<text class="shortcut-text">财务管理</text>
 				</view>
-				<view class="shortcut-item" @click="goToSystemSettings">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/system-settings')">
 					<text class="shortcut-icon">⚙️</text>
 					<text class="shortcut-text">系统设置</text>
 				</view>
-				<view class="shortcut-item" @click="goToAdminUserSubscriptions">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/subscription/user-subscriptions')">
 					<text class="shortcut-icon">📑</text>
 					<text class="shortcut-text">用户订阅</text>
 				</view>
-				<view class="shortcut-item" @click="goToSubscriptionPlans">
+				<view class="shortcut-item" @click="go('/pages/mall/admin/subscription/plan-management')">
 					<text class="shortcut-icon">🧾</text>
 					<text class="shortcut-text">订阅方案</text>
 				</view>
@@ -183,7 +187,7 @@
 		<view class="activities-section">
 			<view class="section-header">
 				<text class="section-title">最新动态</text>
-				<text class="section-more" @click="goToActivityLog">查看全部</text>
+				<text class="section-more" @click="go('/pages/mall/admin/activity-log')">查看全部</text>
 			</view>
 			<view class="activities-list">
 				<view v-for="activity in recentActivities" :key="activity.id" class="activity-item">
@@ -284,6 +288,16 @@
 					delivering_orders: 0,
 					system_load: 0
 				} as RealTimeStatsType,
+
+				infoList:{
+						title: '总用户数',
+						date: '2025-01-08',
+						today: '1000',
+						yesterday: '900',
+						today_ratio: 10,
+						total_name: '总用户数',
+						total: '10000'
+				} as Array<InfoListType>,
 				
 				recentActivities: [] as Array<ActivityType>
 			}
@@ -402,6 +416,7 @@
 					default: return '📝'
 				}
 			},
+
 			
 			// 格式化时间
 			formatTime(timeStr: string): string {
@@ -418,108 +433,12 @@
 					return `${Math.floor(minutes / 1440)}天前`
 				}
 			},
-			
-			// 导航方法
-			goToNotifications() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/notifications'
-				})
-			},
-			
-			goToProfile() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/profile'
-				})
-			},
-			
-			goToMerchantReview() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/merchant-review'
-				})
-			},
-			
-			goToProductReview() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/product-review'
-				})
-			},
-			
-			goToRefundReview() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/refund-review'
-				})
-			},
-			
-			goToComplaints() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/complaints'
-				})
-			},
-			
-			goToUserManagement() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/user-management'
-				})
-			},
-			
-			goToMerchantManagement() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/merchant-management'
-				})
-			},
-			
-			goToProductManagement() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/product-management'
-				})
-			},
-			
-			goToOrderManagement() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/order-management'
-				})
-			},
-			
-			goToCouponManagement() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/coupon-management'
-				})
-			},
-			
-			goToDeliveryManagement() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/delivery-management'
-				})
-			},
-			
-			goToFinanceManagement() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/finance-management'
-				})
-			},
-			
-			goToSystemSettings() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/system-settings'
-				})
-			},
-			
-			goToActivityLog() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/activity-log'
-				})
-			},
-			
-			goToSubscriptionPlans() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/subscription/plan-management'
-				})
-			},
-			
-			goToAdminUserSubscriptions() {
-				uni.navigateTo({
-					url: '/pages/mall/admin/subscription/user-subscriptions'
-				})
+
+			// 统一的导航方法
+			go(url: string) {
+				// 1) 目标页面必须是非 tabBar 页面
+				// 2) 必须在 pages.json / subPackages 注册
+				uni.navigateTo({ url })
 			}
 		}
 	}
diff --git a/pages/mall/admin/marketing-management.uvue b/pages/mall/admin/marketing-management.uvue
new file mode 100644
index 00000000..ad0b567e
--- /dev/null
+++ b/pages/mall/admin/marketing-management.uvue
@@ -0,0 +1,366 @@
+<!-- 营销管理页面 -->
+<template>
+	<view class="marketing-management">
+		<!-- 页面标题 -->
+		<view class="page-header">
+			<text class="page-title">营销管理</text>
+			<text class="page-subtitle">管理营销活动、优惠券、直播等营销工具</text>
+		</view>
+
+		<!-- 营销工具导航 -->
+		<view class="marketing-tools">
+			<view class="tool-grid">
+				<view class="tool-item" @click="go('/pages/mall/admin/store-coupon')">
+					<view class="tool-icon">🎫</view>
+					<text class="tool-name">优惠券管理</text>
+					<text class="tool-desc">创建和管理优惠券活动</text>
+				</view>
+				<view class="tool-item" @click="go('/pages/mall/admin/store-seckill')">
+					<view class="tool-icon">⚡</view>
+					<text class="tool-name">秒杀活动</text>
+					<text class="tool-desc">管理限时秒杀活动</text>
+				</view>
+				<view class="tool-item" @click="go('/pages/mall/admin/store-bargain')">
+					<view class="tool-icon">🪓</view>
+					<text class="tool-name">砍价活动</text>
+					<text class="tool-desc">管理砍价促销活动</text>
+				</view>
+				<view class="tool-item" @click="go('/pages/mall/admin/store-combination')">
+					<view class="tool-icon">👥</view>
+					<text class="tool-name">拼团活动</text>
+					<text class="tool-desc">管理拼团购买活动</text>
+				</view>
+				<view class="tool-item" @click="go('/pages/mall/admin/live-broadcast')">
+					<view class="tool-icon">📺</view>
+					<text class="tool-name">直播管理</text>
+					<text class="tool-desc">管理直播带货活动</text>
+				</view>
+				<view class="tool-item" @click="go('/pages/mall/admin/channel-code')">
+					<view class="tool-icon">📱</view>
+					<text class="tool-name">渠道码</text>
+					<text class="tool-desc">生成和管理推广渠道码</text>
+				</view>
+				<view class="tool-item" @click="go('/pages/mall/admin/store-integral')">
+					<view class="tool-icon">💎</view>
+					<text class="tool-name">积分商品</text>
+					<text class="tool-desc">管理积分兑换商品</text>
+				</view>
+				<view class="tool-item" @click="go('/pages/mall/admin/sign-in')">
+					<view class="tool-icon">📅</view>
+					<text class="tool-name">签到活动</text>
+					<text class="tool-desc">管理用户签到奖励</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 营销数据统计 -->
+		<view class="marketing-stats">
+			<text class="section-title">营销数据概览</text>
+			<view class="stats-grid">
+				<view class="stat-card">
+					<text class="stat-value">{{ stats.totalCoupons }}</text>
+					<text class="stat-label">优惠券发放</text>
+				</view>
+				<view class="stat-card">
+					<text class="stat-value">{{ stats.activeActivities }}</text>
+					<text class="stat-label">进行中活动</text>
+				</view>
+				<view class="stat-card">
+					<text class="stat-value">{{ stats.totalParticipants }}</text>
+					<text class="stat-label">活动参与人数</text>
+				</view>
+				<view class="stat-card">
+					<text class="stat-value">¥{{ stats.marketingRevenue }}</text>
+					<text class="stat-label">营销收入</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 快捷操作 -->
+		<view class="quick-actions">
+			<text class="section-title">快捷操作</text>
+			<view class="action-buttons">
+				<button class="action-btn primary" @click="createActivity">创建新活动</button>
+				<button class="action-btn secondary" @click="viewReports">查看营销报表</button>
+				<button class="action-btn info" @click="manageCoupons">批量管理优惠券</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted } from 'vue'
+
+// 响应式数据
+const stats = ref({
+	totalCoupons: 0,
+	activeActivities: 0,
+	totalParticipants: 0,
+	marketingRevenue: '0.00'
+})
+
+// 统一的导航方法
+const go = (url: string) => {
+	// 1) 目标页面必须是非 tabBar 页面
+	// 2) 必须在 pages.json / subPackages 注册
+	uni.navigateTo({ url })
+}
+
+// 快捷操作方法
+const createActivity = () => {
+	uni.showActionSheet({
+		itemList: ['优惠券活动', '秒杀活动', '砍价活动', '拼团活动', '直播活动'],
+		success: (res) => {
+			const activities = [
+				'/pages/mall/admin/store-coupon',
+				'/pages/mall/admin/store-seckill',
+				'/pages/mall/admin/store-bargain',
+				'/pages/mall/admin/store-combination',
+				'/pages/mall/admin/live-broadcast'
+			]
+			if (activities[res.tapIndex]) {
+				go(activities[res.tapIndex])
+			}
+		}
+	})
+}
+
+const viewReports = () => {
+	uni.showToast({
+		title: '营销报表功能开发中',
+		icon: 'none'
+	})
+}
+
+const manageCoupons = () => {
+	go('/pages/mall/admin/store-coupon')
+}
+
+// 页面初始化
+onMounted(() => {
+	loadMarketingStats()
+})
+
+// 加载营销统计数据
+const loadMarketingStats = async () => {
+	try {
+		// 这里应该调用实际的API
+		// 暂时使用模拟数据
+		stats.value = {
+			totalCoupons: 12580,
+			activeActivities: 8,
+			totalParticipants: 45620,
+			marketingRevenue: '128500.00'
+		}
+	} catch (error) {
+		console.error('加载营销统计失败:', error)
+	}
+}
+</script>
+
+<style lang="scss">
+.marketing-management {
+	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;
+	}
+}
+
+// 营销工具网格
+.marketing-tools {
+	background-color: #fff;
+	padding: 30rpx;
+	border-radius: 16rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.tool-grid {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 20rpx;
+	}
+
+	.tool-item {
+		width: calc(50% - 10rpx);
+		background-color: #f8f9fa;
+		padding: 30rpx 20rpx;
+		border-radius: 12rpx;
+		text-align: center;
+		transition: all 0.2s;
+
+		&:hover {
+			background-color: #e3f2fd;
+			transform: translateY(-2rpx);
+			box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+		}
+
+		.tool-icon {
+			font-size: 48rpx;
+			margin-bottom: 15rpx;
+			display: block;
+		}
+
+		.tool-name {
+			font-size: 28rpx;
+			font-weight: bold;
+			color: #212529;
+			margin-bottom: 8rpx;
+			display: block;
+		}
+
+		.tool-desc {
+			font-size: 22rpx;
+			color: #6c757d;
+		}
+	}
+}
+
+// 营销数据统计
+.marketing-stats {
+	background-color: #fff;
+	padding: 30rpx;
+	border-radius: 16rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #212529;
+		margin-bottom: 30rpx;
+		display: block;
+	}
+
+	.stats-grid {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 20rpx;
+	}
+
+	.stat-card {
+		flex: 1;
+		min-width: 200rpx;
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		padding: 30rpx 20rpx;
+		border-radius: 12rpx;
+		text-align: center;
+		color: white;
+
+		.stat-value {
+			font-size: 36rpx;
+			font-weight: bold;
+			display: block;
+			margin-bottom: 8rpx;
+		}
+
+		.stat-label {
+			font-size: 24rpx;
+			opacity: 0.9;
+		}
+	}
+}
+
+// 快捷操作
+.quick-actions {
+	background-color: #fff;
+	padding: 30rpx;
+	border-radius: 16rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #212529;
+		margin-bottom: 30rpx;
+		display: block;
+	}
+
+	.action-buttons {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 20rpx;
+	}
+
+	.action-btn {
+		flex: 1;
+		min-width: 200rpx;
+		padding: 20rpx;
+		border-radius: 12rpx;
+		font-size: 26rpx;
+		border: none;
+		cursor: pointer;
+		transition: all 0.2s;
+
+		&.primary {
+			background-color: #007bff;
+			color: white;
+
+			&:hover {
+				background-color: #0056b3;
+			}
+		}
+
+		&.secondary {
+			background-color: #6c757d;
+			color: white;
+
+			&:hover {
+				background-color: #545b62;
+			}
+		}
+
+		&.info {
+			background-color: #17a2b8;
+			color: white;
+
+			&:hover {
+				background-color: #138496;
+			}
+		}
+	}
+}
+
+// 响应式设计
+@media (max-width: 750rpx) {
+	.tool-grid {
+		flex-direction: column;
+
+		.tool-item {
+			width: 100%;
+		}
+	}
+
+	.stats-grid {
+		flex-direction: column;
+	}
+
+	.action-buttons {
+		flex-direction: column;
+
+		.action-btn {
+			width: 100%;
+		}
+	}
+}
+</style>
diff --git a/pages/mall/admin/merchant-management.uvue b/pages/mall/admin/merchant-management.uvue
new file mode 100644
index 00000000..7ddce6fa
--- /dev/null
+++ b/pages/mall/admin/merchant-management.uvue
@@ -0,0 +1,13 @@
+<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
new file mode 100644
index 00000000..39bfc14d
--- /dev/null
+++ b/pages/mall/admin/merchant-review.uvue
@@ -0,0 +1,64 @@
+<!-- 商家审核页面 -->
+<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
new file mode 100644
index 00000000..c557a93d
--- /dev/null
+++ b/pages/mall/admin/notifications.uvue
@@ -0,0 +1,11 @@
+<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
new file mode 100644
index 00000000..d87cb8ab
--- /dev/null
+++ b/pages/mall/admin/order-management.uvue
@@ -0,0 +1,1380 @@
+<!-- 订单管理页面 - 基于CRMEB设计 -->
+<template>
+	<view class="order-management">
+		<!-- 订单类型标签页 -->
+		<view class="order-tabs">
+			<view class="tab-list">
+				<view
+					v-for="tab in orderTabs"
+					:key="tab.type"
+					class="tab-item"
+					:class="{ active: activeTab === tab.type }"
+					@click="switchTab(tab.type)"
+				>
+					<text class="tab-text">{{ tab.label }}</text>
+					<text v-if="tab.value > 0" class="tab-count">{{ tab.value }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 搜索和筛选区域 -->
+		<view class="search-section">
+			<view class="search-form">
+				<view class="search-row">
+					<view class="form-item">
+						<text class="label">订单搜索：</text>
+						<view class="input-group">
+							<picker mode="selector" :range="searchTypes" range-key="label" @change="onSearchTypeChange">
+								<view class="search-type">{{ searchTypes[currentSearchType].label }}</view>
+							</picker>
+							<input
+								v-model="searchForm.keyword"
+								placeholder="请输入搜索内容"
+								clearable
+								class="search-input"
+							/>
+						</view>
+					</view>
+					<view class="form-item">
+						<text class="label">订单状态：</text>
+						<picker mode="selector" :range="orderStatuses" range-key="label" @change="onOrderStatusChange">
+							<view class="picker-text">{{ selectedOrderStatus || '全部' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">支付方式：</text>
+						<picker mode="selector" :range="payTypes" range-key="label" @change="onPayTypeChange">
+							<view class="picker-text">{{ selectedPayType || '全部' }}</view>
+						</picker>
+					</view>
+				</view>
+
+				<!-- 高级搜索选项 -->
+				<view v-if="showAdvancedSearch" class="search-row advanced">
+					<view class="form-item">
+						<text class="label">下单时间：</text>
+						<view class="date-range">
+							<picker mode="date" @change="onStartDateChange">
+								<view class="date-picker">{{ startDate || '开始日期' }}</view>
+							</picker>
+							<text class="date-separator">至</text>
+							<picker mode="date" @change="onEndDateChange">
+								<view class="date-picker">{{ endDate || '结束日期' }}</view>
+							</picker>
+						</view>
+					</view>
+					<view class="form-item">
+						<text class="label">订单金额：</text>
+						<view class="number-range">
+							<input
+								v-model="searchForm.amountMin"
+								placeholder="最小金额"
+								type="number"
+								class="number-input"
+							/>
+							<text class="range-separator">~</text>
+							<input
+								v-model="searchForm.amountMax"
+								placeholder="最大金额"
+								type="number"
+								class="number-input"
+							/>
+						</view>
+					</view>
+				</view>
+
+				<view class="form-actions">
+					<button class="btn btn-primary" @click="handleSearch">搜索</button>
+					<button class="btn btn-default" @click="handleReset">重置</button>
+					<button class="btn btn-success" @click="exportOrders">导出订单</button>
+					<text class="toggle-search" @click="showAdvancedSearch = !showAdvancedSearch">
+						{{ showAdvancedSearch ? '收起' : '展开' }} <text class="icon">{{ showAdvancedSearch ? '▲' : '▼' }}</text>
+					</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 数据统计 -->
+		<view class="stats-section">
+			<view class="stats-grid">
+				<view class="stat-item">
+					<text class="stat-value">{{ stats.today_orders }}</text>
+					<text class="stat-label">今日订单</text>
+				</view>
+				<view class="stat-item">
+					<text class="stat-value">¥{{ stats.today_sales }}</text>
+					<text class="stat-label">今日销售额</text>
+				</view>
+				<view class="stat-item">
+					<text class="stat-value">{{ stats.pending_orders }}</text>
+					<text class="stat-label">待发货</text>
+				</view>
+				<view class="stat-item">
+					<text class="stat-value">{{ stats.return_orders }}</text>
+					<text class="stat-label">退款订单</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 订单列表 -->
+		<view class="order-list">
+			<!-- 表头 -->
+			<view class="table-header">
+				<view class="table-row">
+					<view class="table-cell order-cell">订单信息</view>
+					<view class="table-cell">收货信息</view>
+					<view class="table-cell">订单金额</view>
+					<view class="table-cell">订单状态</view>
+					<view class="table-cell">下单时间</view>
+					<view class="table-cell">操作</view>
+				</view>
+			</view>
+
+			<!-- 表格内容 -->
+			<view class="table-body">
+				<view v-for="order in orderList" :key="order.id" class="table-row data-row" @click="viewOrderDetail(order.id)">
+					<view class="table-cell order-cell">
+						<view class="order-info">
+							<text class="order-sn">{{ order.order_sn }}</text>
+							<view class="order-products">
+								<view v-for="item in order.items.slice(0, 2)" :key="item.id" class="product-item">
+									<image :src="item.product_image" class="product-image" />
+									<text class="product-name">{{ item.product_title }}</text>
+									<text class="product-quantity">x{{ item.quantity }}</text>
+								</view>
+								<text v-if="order.items.length > 2" class="more-products">等{{ order.items.length }}件商品</text>
+							</view>
+							<text class="user-info">买家：{{ order.user_nickname }}</text>
+						</view>
+					</view>
+					<view class="table-cell">
+						<view class="address-info">
+							<text class="receiver">{{ order.address_info?.receiver }}</text>
+							<text class="phone">{{ order.address_info?.phone }}</text>
+							<text class="address">{{ order.address_info?.address }}</text>
+						</view>
+					</view>
+					<view class="table-cell">
+						<view class="amount-info">
+							<text class="total-amount">¥{{ order.total_price }}</text>
+							<text v-if="order.pay_price !== order.total_price" class="pay-amount">(实付: ¥{{ order.pay_price }})</text>
+							<text class="pay-type">{{ getPayTypeText(order.pay_type) }}</text>
+						</view>
+					</view>
+					<view class="table-cell">
+						<view class="status-info">
+							<text class="status-tag" :class="'status-' + order.status">{{ getOrderStatusText(order.status) }}</text>
+							<text v-if="order.status === 1 && !order.paid" class="unpaid-mark">未支付</text>
+						</view>
+					</view>
+					<view class="table-cell">
+						<text class="order-time">{{ formatDateTime(order.created_at) }}</text>
+					</view>
+					<view class="table-cell action-cell">
+						<view class="action-buttons">
+							<text class="action-link" @click.stop="viewOrderDetail(order.id)">详情</text>
+							<text v-if="order.status === 0" class="action-link success" @click.stop="confirmOrder(order.id)">确认订单</text>
+							<text v-if="order.status === 1" class="action-link primary" @click.stop="shipOrder(order.id)">发货</text>
+							<text v-if="order.status === 2" class="action-link info" @click.stop="viewLogistics(order.id)">物流</text>
+							<text class="action-link" @click.stop="editOrder(order.id)">编辑</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 分页 -->
+		<view class="pagination">
+			<view class="page-buttons">
+				<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="showShipModal" class="modal-overlay" @click="closeShipModal">
+			<view class="modal-content ship-modal" @click.stop>
+				<view class="modal-header">
+					<text class="modal-title">订单发货</text>
+					<text class="modal-close" @click="closeShipModal">✕</text>
+				</view>
+				<view class="modal-body">
+					<view class="form-item">
+						<text class="label">物流公司：</text>
+						<picker mode="selector" :range="expressCompanies" range-key="name" @change="onExpressChange">
+							<view class="picker-text">{{ selectedExpress || '选择物流公司' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">物流单号：</text>
+						<input v-model="shipForm.express_number" placeholder="请输入物流单号" class="input-field" />
+					</view>
+					<view class="form-item">
+						<text class="label">发货备注：</text>
+						<textarea v-model="shipForm.remark" placeholder="发货备注（可选）" class="textarea-field" />
+					</view>
+				</view>
+				<view class="modal-footer">
+					<button class="btn btn-default" @click="closeShipModal">取消</button>
+					<button class="btn btn-primary" @click="confirmShip">确认发货</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+// 响应式数据
+const showAdvancedSearch = ref(false)
+const showShipModal = ref(false)
+const activeTab = ref('')
+const currentPage = ref(1)
+const pageSize = ref(20)
+const totalOrders = ref(0)
+const totalPages = ref(0)
+
+// 订单类型标签页
+const orderTabs = ref([
+	{ type: '', label: '全部订单', value: 0 },
+	{ type: '0', label: '普通订单', value: 0 },
+	{ type: '1', label: '待支付', value: 0 },
+	{ type: '2', label: '待发货', value: 0 },
+	{ type: '3', label: '已发货', value: 0 },
+	{ type: '4', label: '已完成', value: 0 },
+	{ type: '5', label: '退款中', value: 0 }
+])
+
+// 搜索表单
+const searchForm = ref({
+	keyword: '',
+	field: 'order_sn', // order_sn, user, receiver
+	amountMin: '',
+	amountMax: ''
+})
+
+const currentSearchType = ref(0)
+const searchTypes = ref([
+	{ value: 'order_sn', label: '订单号' },
+	{ value: 'user', label: '用户名' },
+	{ value: 'receiver', label: '收货人' }
+])
+
+// 筛选选项
+const orderStatuses = ref([
+	{ value: '', label: '全部' },
+	{ value: '0', label: '待确认' },
+	{ value: '1', label: '待支付' },
+	{ value: '2', label: '待发货' },
+	{ value: '3', label: '已发货' },
+	{ value: '4', label: '已完成' },
+	{ value: '5', label: '已取消' },
+	{ value: '6', label: '退款中' }
+])
+
+const payTypes = ref([
+	{ value: '', label: '全部' },
+	{ value: '1', label: '微信支付' },
+	{ value: '2', label: '余额支付' },
+	{ value: '3', label: '线下支付' },
+	{ value: '4', label: '支付宝' }
+])
+
+// 选中的筛选值
+const selectedOrderStatus = ref('')
+const selectedPayType = ref('')
+const startDate = ref('')
+const endDate = ref('')
+
+// 订单列表和统计
+const orderList = ref([])
+const stats = ref({
+	today_orders: 0,
+	today_sales: '0.00',
+	pending_orders: 0,
+	return_orders: 0
+})
+
+// 发货相关
+const shipForm = ref({
+	order_id: 0,
+	express_company: '',
+	express_number: '',
+	remark: ''
+})
+const expressCompanies = ref([])
+const selectedExpress = ref('')
+
+// 计算属性
+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 switchTab = (tabType: string) => {
+	activeTab.value = tabType
+	currentPage.value = 1
+	loadOrderList()
+	loadOrderStats()
+}
+
+const onSearchTypeChange = (e: any) => {
+	currentSearchType.value = e.detail.value
+	searchForm.value.field = searchTypes.value[currentSearchType.value].value
+}
+
+const onOrderStatusChange = (e: any) => {
+	selectedOrderStatus.value = orderStatuses.value[e.detail.value].label
+	searchForm.value.status = orderStatuses.value[e.detail.value].value
+}
+
+const onPayTypeChange = (e: any) => {
+	selectedPayType.value = payTypes.value[e.detail.value].label
+	searchForm.value.pay_type = payTypes.value[e.detail.value].value
+}
+
+const onStartDateChange = (e: any) => {
+	startDate.value = e.detail.value
+	searchForm.value.start_date = e.detail.value
+}
+
+const onEndDateChange = (e: any) => {
+	endDate.value = e.detail.value
+	searchForm.value.end_date = e.detail.value
+}
+
+const onExpressChange = (e: any) => {
+	selectedExpress.value = expressCompanies.value[e.detail.value].name
+	shipForm.value.express_company = expressCompanies.value[e.detail.value].code
+}
+
+const handleSearch = () => {
+	loadOrderList()
+}
+
+const handleReset = () => {
+	searchForm.value = {
+		keyword: '',
+		field: 'order_sn',
+		amountMin: '',
+		amountMax: ''
+	}
+	currentSearchType.value = 0
+	selectedOrderStatus.value = ''
+	selectedPayType.value = ''
+	startDate.value = ''
+	endDate.value = ''
+	loadOrderList()
+}
+
+const exportOrders = () => {
+	uni.showToast({
+		title: '导出功能开发中',
+		icon: 'none'
+	})
+}
+
+const viewOrderDetail = (orderId: number) => {
+	uni.navigateTo({
+		url: `/pages/mall/admin/order-detail?id=${orderId}`
+	})
+}
+
+const confirmOrder = async (orderId: number) => {
+	try {
+		await supa.from('orders').update({ status: 1 }).eq('id', orderId)
+		uni.showToast({
+			title: '确认成功',
+			icon: 'success'
+		})
+		loadOrderList()
+		loadOrderStats()
+	} catch (error) {
+		console.error('确认订单失败:', error)
+		uni.showToast({
+			title: '操作失败',
+			icon: 'error'
+		})
+	}
+}
+
+const shipOrder = (orderId: number) => {
+	shipForm.value.order_id = orderId
+	showShipModal.value = true
+}
+
+const closeShipModal = () => {
+	showShipModal.value = false
+	shipForm.value = {
+		order_id: 0,
+		express_company: '',
+		express_number: '',
+		remark: ''
+	}
+	selectedExpress.value = ''
+}
+
+const confirmShip = async () => {
+	if (!shipForm.value.express_company || !shipForm.value.express_number) {
+		uni.showToast({
+			title: '请填写完整信息',
+			icon: 'none'
+		})
+		return
+	}
+
+	try {
+		// 更新订单状态为已发货
+		await supa.from('orders').update({
+			status: 3,
+			ship_info: {
+				express_company: shipForm.value.express_company,
+				express_number: shipForm.value.express_number,
+				remark: shipForm.value.remark,
+				ship_time: new Date().toISOString()
+			}
+		}).eq('id', shipForm.value.order_id)
+
+		uni.showToast({
+			title: '发货成功',
+			icon: 'success'
+		})
+
+		closeShipModal()
+		loadOrderList()
+		loadOrderStats()
+	} catch (error) {
+		console.error('发货失败:', error)
+		uni.showToast({
+			title: '发货失败',
+			icon: 'error'
+		})
+	}
+}
+
+const viewLogistics = (orderId: number) => {
+	uni.navigateTo({
+		url: `/pages/mall/admin/order-logistics?id=${orderId}`
+	})
+}
+
+const editOrder = (orderId: number) => {
+	uni.navigateTo({
+		url: `/pages/mall/admin/order-edit?id=${orderId}`
+	})
+}
+
+const goToPage = (page: number) => {
+	if (page >= 1 && page <= totalPages.value) {
+		currentPage.value = page
+		loadOrderList()
+	}
+}
+
+const getOrderStatusText = (status: number) => {
+	const statusMap = {
+		0: '待确认',
+		1: '待支付',
+		2: '待发货',
+		3: '已发货',
+		4: '已完成',
+		5: '已取消',
+		6: '退款中'
+	}
+	return statusMap[status] || '未知状态'
+}
+
+const getPayTypeText = (payType: number) => {
+	const payTypeMap = {
+		1: '微信支付',
+		2: '余额支付',
+		3: '线下支付',
+		4: '支付宝'
+	}
+	return payTypeMap[payType] || '未知支付'
+}
+
+const formatDateTime = (dateStr: string) => {
+	if (!dateStr) return ''
+	const date = new Date(dateStr)
+	return date.toLocaleString()
+}
+
+// 数据加载方法
+const loadOrderStats = async () => {
+	try {
+		const { data } = await supa.rpc('get_order_stats')
+		if (data) {
+			stats.value = data
+			// 更新标签页数量
+			orderTabs.value[0].value = data.total_orders || 0
+			orderTabs.value[1].value = data.general_orders || 0
+			orderTabs.value[2].value = data.pending_pay_orders || 0
+			orderTabs.value[3].value = data.pending_ship_orders || 0
+			orderTabs.value[4].value = data.shipped_orders || 0
+			orderTabs.value[5].value = data.completed_orders || 0
+			orderTabs.value[6].value = data.return_orders || 0
+		}
+	} catch (error) {
+		console.error('加载订单统计失败:', error)
+	}
+}
+
+const loadOrderList = async () => {
+	try {
+		let query = supa.from('orders').select(`
+			*,
+			users!inner(nickname),
+			order_items(
+				id,
+				product_title,
+				product_image,
+				quantity
+			)
+		`).order('created_at', { ascending: false })
+
+		// 订单类型筛选
+		if (activeTab.value) {
+			query = query.eq('status', parseInt(activeTab.value))
+		}
+
+		// 搜索条件
+		if (searchForm.value.keyword) {
+			switch (searchForm.value.field) {
+				case 'order_sn':
+					query = query.ilike('order_sn', `%${searchForm.value.keyword}%`)
+					break
+				case 'user':
+					query = query.ilike('users.nickname', `%${searchForm.value.keyword}%`)
+					break
+				case 'receiver':
+					query = query.ilike('address_info->receiver', `%${searchForm.value.keyword}%`)
+					break
+			}
+		}
+
+		// 状态筛选
+		if (searchForm.value.status) {
+			query = query.eq('status', parseInt(searchForm.value.status))
+		}
+
+		// 支付方式筛选
+		if (searchForm.value.pay_type) {
+			query = query.eq('pay_type', parseInt(searchForm.value.pay_type))
+		}
+
+		// 日期筛选
+		if (searchForm.value.start_date && searchForm.value.end_date) {
+			query = query.gte('created_at', searchForm.value.start_date + ' 00:00:00')
+				.lte('created_at', searchForm.value.end_date + ' 23:59:59')
+		}
+
+		// 分页
+		const from = (currentPage.value - 1) * pageSize.value
+		const to = from + pageSize.value - 1
+
+		const { data, count } = await query.range(from, to)
+		orderList.value = data || []
+		totalOrders.value = count || 0
+		totalPages.value = Math.ceil(totalOrders.value / pageSize.value)
+
+	} catch (error) {
+		console.error('加载订单列表失败:', error)
+		uni.showToast({
+			title: '加载失败',
+			icon: 'error'
+		})
+	}
+}
+
+const loadExpressCompanies = async () => {
+	try {
+		const { data } = await supa.from('express_companies').select('*')
+		expressCompanies.value = data || []
+	} catch (error) {
+		console.error('加载物流公司失败:', error)
+	}
+}
+
+// 页面初始化
+onMounted(async () => {
+	await Promise.all([
+		loadOrderStats(),
+		loadOrderList(),
+		loadExpressCompanies()
+	])
+})
+</script>
+
+<style lang="scss">
+.order-management {
+	padding: 30rpx;
+	background-color: #f5f5f5;
+	min-height: 100vh;
+}
+
+// 订单类型标签页样式
+.order-tabs {
+	background-color: #fff;
+	border-radius: 12rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.tab-list {
+		display: flex;
+		padding: 0 30rpx;
+	}
+
+	.tab-item {
+		position: relative;
+		padding: 30rpx 20rpx;
+		cursor: pointer;
+		transition: all 0.2s;
+
+		&:not(:last-child)::after {
+			content: '';
+			position: absolute;
+			right: 0;
+			top: 50%;
+			transform: translateY(-50%);
+			width: 1rpx;
+			height: 40rpx;
+			background-color: #e9ecef;
+		}
+
+		&.active {
+			background-color: #007bff;
+			color: white;
+
+			.tab-text {
+				color: white;
+			}
+		}
+
+		.tab-text {
+			font-size: 28rpx;
+			color: #495057;
+		}
+
+		.tab-count {
+			display: inline-block;
+			margin-left: 10rpx;
+			padding: 2rpx 8rpx;
+			background-color: #dc3545;
+			color: white;
+			border-radius: 20rpx;
+			font-size: 20rpx;
+			min-width: 32rpx;
+			text-align: center;
+		}
+	}
+}
+
+// 搜索区域样式
+.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-form {
+	.search-row {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 20rpx;
+		margin-bottom: 20rpx;
+
+		&.advanced {
+			border-top: 1rpx solid #e8e8e8;
+			padding-top: 20rpx;
+		}
+	}
+
+	.form-item {
+		display: flex;
+		align-items: center;
+		min-width: 300rpx;
+		margin-bottom: 20rpx;
+
+		.label {
+			font-size: 28rpx;
+			color: #666;
+			margin-right: 20rpx;
+			white-space: nowrap;
+		}
+	}
+
+	.input-group {
+		display: flex;
+		align-items: center;
+		flex: 1;
+
+		.search-type {
+			padding: 0 20rpx;
+			height: 60rpx;
+			line-height: 60rpx;
+			background-color: #f5f5f5;
+			border: 1rpx solid #ddd;
+			border-radius: 6rpx 0 0 6rpx;
+			font-size: 26rpx;
+			min-width: 120rpx;
+		}
+
+		.search-input {
+			flex: 1;
+			height: 60rpx;
+			border: 1rpx solid #ddd;
+			border-left: none;
+			border-radius: 0 6rpx 6rpx 0;
+			padding: 0 20rpx;
+			font-size: 26rpx;
+		}
+	}
+
+	.picker-text {
+		padding: 0 20rpx;
+		height: 60rpx;
+		line-height: 60rpx;
+		border: 1rpx solid #ddd;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		color: #333;
+		min-width: 200rpx;
+	}
+
+	.date-range {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		gap: 10rpx;
+
+		.date-picker {
+			flex: 1;
+			padding: 0 20rpx;
+			height: 60rpx;
+			line-height: 60rpx;
+			border: 1rpx solid #ddd;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			color: #333;
+		}
+
+		.date-separator {
+			color: #666;
+		}
+	}
+
+	.number-range {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		gap: 10rpx;
+
+		.number-input {
+			flex: 1;
+			height: 60rpx;
+			border: 1rpx solid #ddd;
+			border-radius: 6rpx;
+			padding: 0 20rpx;
+			font-size: 26rpx;
+		}
+
+		.range-separator {
+			color: #666;
+		}
+	}
+
+	.form-actions {
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+		margin-top: 20rpx;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&.btn-primary {
+				background-color: #007bff;
+				color: white;
+			}
+
+			&.btn-default {
+				background-color: #f5f5f5;
+				color: #333;
+			}
+
+			&.btn-success {
+				background-color: #28a745;
+				color: white;
+			}
+		}
+
+		.toggle-search {
+			margin-left: auto;
+			color: #007bff;
+			font-size: 26rpx;
+			cursor: pointer;
+
+			.icon {
+				font-size: 20rpx;
+			}
+		}
+	}
+}
+
+// 统计区域样式
+.stats-section {
+	background-color: #fff;
+	border-radius: 12rpx;
+	padding: 30rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.stats-grid {
+		display: flex;
+		justify-content: space-around;
+		gap: 20rpx;
+	}
+
+	.stat-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 20rpx;
+		background-color: #f8f9fa;
+		border-radius: 8rpx;
+		flex: 1;
+
+		.stat-value {
+			font-size: 36rpx;
+			font-weight: bold;
+			color: #007bff;
+			margin-bottom: 8rpx;
+		}
+
+		.stat-label {
+			font-size: 24rpx;
+			color: #6c757d;
+		}
+	}
+}
+
+// 订单列表样式
+.order-list {
+	background-color: #fff;
+	border-radius: 12rpx;
+	overflow: hidden;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.table-header {
+	background-color: #f8f9fa;
+	border-bottom: 1rpx solid #e9ecef;
+
+	.table-row {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		font-weight: bold;
+		font-size: 26rpx;
+		color: #495057;
+	}
+}
+
+.table-body {
+	.data-row {
+		border-bottom: 1rpx solid #e9ecef;
+		cursor: pointer;
+		transition: background-color 0.2s;
+
+		&:hover {
+			background-color: #f8f9fa;
+		}
+
+		&:last-child {
+			border-bottom: none;
+		}
+	}
+}
+
+.table-row {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 30rpx;
+	min-height: 120rpx;
+
+	.table-cell {
+		flex: 1;
+		font-size: 26rpx;
+		color: #495057;
+		display: flex;
+		align-items: center;
+
+		&.order-cell {
+			flex: 3;
+		}
+
+		&.action-cell {
+			flex: 0 0 200rpx;
+			justify-content: flex-end;
+		}
+	}
+}
+
+.order-info {
+	display: flex;
+	flex-direction: column;
+	gap: 12rpx;
+	flex: 1;
+
+	.order-sn {
+		font-size: 28rpx;
+		font-weight: bold;
+		color: #007bff;
+	}
+
+	.order-products {
+		display: flex;
+		flex-direction: column;
+		gap: 8rpx;
+
+		.product-item {
+			display: flex;
+			align-items: center;
+			gap: 12rpx;
+
+			.product-image {
+				width: 60rpx;
+				height: 60rpx;
+				border-radius: 4rpx;
+				flex-shrink: 0;
+				object-fit: cover;
+			}
+
+			.product-name {
+				flex: 1;
+				font-size: 24rpx;
+				color: #495057;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.product-quantity {
+				font-size: 24rpx;
+				color: #6c757d;
+			}
+		}
+
+		.more-products {
+			font-size: 24rpx;
+			color: #6c757d;
+			font-style: italic;
+		}
+	}
+
+	.user-info {
+		font-size: 24rpx;
+		color: #6c757d;
+	}
+}
+
+.address-info {
+	display: flex;
+	flex-direction: column;
+	gap: 4rpx;
+
+	.receiver {
+		font-size: 26rpx;
+		font-weight: bold;
+		color: #212529;
+	}
+
+	.phone {
+		font-size: 24rpx;
+		color: #007bff;
+	}
+
+	.address {
+		font-size: 24rpx;
+		color: #6c757d;
+		line-height: 1.4;
+	}
+}
+
+.amount-info {
+	display: flex;
+	flex-direction: column;
+	gap: 4rpx;
+
+	.total-amount {
+		font-size: 28rpx;
+		font-weight: bold;
+		color: #e74c3c;
+	}
+
+	.pay-amount {
+		font-size: 24rpx;
+		color: #28a745;
+	}
+
+	.pay-type {
+		font-size: 24rpx;
+		color: #6c757d;
+	}
+}
+
+.status-info {
+	display: flex;
+	flex-direction: column;
+	gap: 8rpx;
+	align-items: flex-start;
+
+	.status-tag {
+		padding: 4rpx 12rpx;
+		border-radius: 12rpx;
+		font-size: 24rpx;
+		font-weight: bold;
+
+		&.status-0 {
+			background-color: #fff3cd;
+			color: #856404;
+		}
+
+		&.status-1 {
+			background-color: #cce5ff;
+			color: #0066cc;
+		}
+
+		&.status-2 {
+			background-color: #d1ecf1;
+			color: #0c5460;
+		}
+
+		&.status-3 {
+			background-color: #d4edda;
+			color: #155724;
+		}
+
+		&.status-4 {
+			background-color: #d4edda;
+			color: #155724;
+		}
+
+		&.status-5 {
+			background-color: #f8d7da;
+			color: #721c24;
+		}
+
+		&.status-6 {
+			background-color: #fff3cd;
+			color: #856404;
+		}
+	}
+
+	.unpaid-mark {
+		font-size: 20rpx;
+		color: #dc3545;
+		background-color: #f8d7da;
+		padding: 2rpx 6rpx;
+		border-radius: 4rpx;
+	}
+}
+
+.order-time {
+	color: #6c757d;
+	font-size: 24rpx;
+}
+
+.action-buttons {
+	display: flex;
+	gap: 20rpx;
+	flex-wrap: wrap;
+
+	.action-link {
+		color: #007bff;
+		font-size: 24rpx;
+		cursor: pointer;
+		padding: 4rpx 8rpx;
+		border-radius: 4rpx;
+		transition: all 0.2s;
+
+		&:hover {
+			background-color: #e3f2fd;
+		}
+
+		&.success {
+			color: #28a745;
+
+			&:hover {
+				background-color: #d4edda;
+			}
+		}
+
+		&.primary {
+			color: #007bff;
+
+			&:hover {
+				background-color: #cce5ff;
+			}
+		}
+
+		&.info {
+			color: #17a2b8;
+
+			&:hover {
+				background-color: #d1ecf1;
+			}
+		}
+
+		&.danger {
+			color: #dc3545;
+
+			&:hover {
+				background-color: #f8d7da;
+			}
+		}
+	}
+}
+
+// 分页样式
+.pagination {
+	display: flex;
+	justify-content: center;
+	margin-top: 30rpx;
+
+	.page-buttons {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+	}
+
+	.page-btn,
+	.page-number {
+		padding: 12rpx 20rpx;
+		border: 1rpx solid #ddd;
+		background-color: #fff;
+		color: #333;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		cursor: pointer;
+		transition: all 0.2s;
+
+		&:disabled {
+			background-color: #f5f5f5;
+			color: #999;
+			cursor: not-allowed;
+		}
+
+		&:hover:not(:disabled) {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+
+		&.active {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+	}
+}
+
+// 弹窗样式
+.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: 80%;
+	max-width: 500rpx;
+	max-height: 80vh;
+	overflow: hidden;
+
+	&.ship-modal {
+		max-width: 600rpx;
+	}
+
+	.modal-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 30rpx;
+		border-bottom: 1rpx solid #e9ecef;
+
+		.modal-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #212529;
+		}
+
+		.modal-close {
+			font-size: 36rpx;
+			color: #999;
+			cursor: pointer;
+
+			&:hover {
+				color: #333;
+			}
+		}
+	}
+
+	.modal-body {
+		padding: 30rpx;
+
+		.form-item {
+			display: flex;
+			align-items: center;
+			margin-bottom: 20rpx;
+
+			.label {
+				font-size: 28rpx;
+				color: #666;
+				margin-right: 20rpx;
+				white-space: nowrap;
+				min-width: 120rpx;
+			}
+
+			.picker-text {
+				flex: 1;
+				padding: 0 20rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				border: 1rpx solid #ddd;
+				border-radius: 6rpx;
+				font-size: 26rpx;
+				color: #333;
+			}
+
+			.input-field {
+				flex: 1;
+				height: 60rpx;
+				border: 1rpx solid #ddd;
+				border-radius: 6rpx;
+				padding: 0 20rpx;
+				font-size: 26rpx;
+			}
+
+			.textarea-field {
+				flex: 1;
+				min-height: 100rpx;
+				border: 1rpx solid #ddd;
+				border-radius: 6rpx;
+				padding: 20rpx;
+				font-size: 26rpx;
+				line-height: 1.5;
+			}
+		}
+	}
+
+	.modal-footer {
+		display: flex;
+		justify-content: flex-end;
+		gap: 20rpx;
+		padding: 30rpx;
+		border-top: 1rpx solid #e9ecef;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&.btn-default {
+				background-color: #f5f5f5;
+				color: #333;
+			}
+
+			&.btn-primary {
+				background-color: #007bff;
+				color: white;
+			}
+		}
+	}
+}
+
+// 响应式设计
+@media (max-width: 750rpx) {
+	.order-tabs {
+		.tab-list {
+			flex-wrap: wrap;
+		}
+
+		.tab-item {
+			flex: 1;
+			min-width: 150rpx;
+			padding: 20rpx 10rpx;
+			text-align: center;
+		}
+	}
+
+	.search-row {
+		flex-direction: column;
+		align-items: stretch;
+	}
+
+	.form-item {
+		min-width: auto;
+		margin-bottom: 20rpx;
+	}
+
+	.stats-grid {
+		flex-direction: column;
+		gap: 15rpx;
+	}
+
+	.table-row {
+		flex-wrap: wrap;
+		padding: 15rpx;
+
+		.table-cell {
+			min-width: 200rpx;
+			margin-bottom: 10rpx;
+
+			&.order-cell {
+				min-width: 300rpx;
+			}
+		}
+	}
+
+	.action-buttons {
+		justify-content: center;
+	}
+}
+</style>
diff --git a/pages/mall/admin/product-management.uvue b/pages/mall/admin/product-management.uvue
new file mode 100644
index 00000000..6319b78b
--- /dev/null
+++ b/pages/mall/admin/product-management.uvue
@@ -0,0 +1,1154 @@
+<!-- 商品管理页面 - 基于CRMEB设计 -->
+<template>
+	<view class="product-management">
+		<!-- 搜索和筛选区域 -->
+		<view class="search-section">
+			<view class="search-form">
+				<view class="search-row">
+					<view class="form-item">
+						<text class="label">商品搜索：</text>
+						<input
+							v-model="searchForm.keyword"
+							placeholder="请输入商品名称/关键字/ID"
+							clearable
+							class="search-input"
+						/>
+					</view>
+					<view class="form-item">
+						<text class="label">商品类型：</text>
+						<picker mode="selector" :range="productTypes" range-key="label" @change="onProductTypeChange">
+							<view class="picker-text">{{ selectedProductType || '全部' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">商品分类：</text>
+						<view class="cascader-wrapper">
+							<picker mode="multiSelector" :range="categoryTree" @change="onCategoryChange">
+								<view class="picker-text">{{ selectedCategoryText || '请选择分类' }}</view>
+							</picker>
+						</view>
+					</view>
+				</view>
+
+				<!-- 高级搜索选项 -->
+				<view v-if="showAdvancedSearch" class="search-row advanced">
+					<view class="form-item">
+						<text class="label">配送方式：</text>
+						<picker mode="selector" :range="deliveryTypes" range-key="label" @change="onDeliveryTypeChange">
+							<view class="picker-text">{{ selectedDeliveryType || '全部' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">商品规格：</text>
+						<picker mode="selector" :range="specTypes" range-key="label" @change="onSpecTypeChange">
+							<view class="picker-text">{{ selectedSpecType || '全部' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">会员专属：</text>
+						<picker mode="selector" :range="vipOptions" range-key="label" @change="onVipChange">
+							<view class="picker-text">{{ selectedVip || '全部' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">添加时间：</text>
+						<view class="date-range">
+							<picker mode="date" @change="onStartDateChange">
+								<view class="date-picker">{{ startDate || '开始日期' }}</view>
+							</picker>
+							<text class="date-separator">至</text>
+							<picker mode="date" @change="onEndDateChange">
+								<view class="date-picker">{{ endDate || '结束日期' }}</view>
+							</picker>
+						</view>
+					</view>
+					<view class="form-item">
+						<text class="label">库存范围：</text>
+						<view class="number-range">
+							<input
+								v-model="searchForm.stockMin"
+								placeholder="最小值"
+								type="number"
+								class="number-input"
+							/>
+							<text class="range-separator">~</text>
+							<input
+								v-model="searchForm.stockMax"
+								placeholder="最大值"
+								type="number"
+								class="number-input"
+							/>
+						</view>
+					</view>
+				</view>
+
+				<view class="form-actions">
+					<button class="btn btn-primary" @click="handleSearch">搜索</button>
+					<button class="btn btn-default" @click="handleReset">重置</button>
+					<text class="toggle-search" @click="showAdvancedSearch = !showAdvancedSearch">
+						{{ showAdvancedSearch ? '收起' : '展开' }} <text class="icon">{{ showAdvancedSearch ? '▲' : '▼' }}</text>
+					</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 操作按钮区域 -->
+		<view class="action-bar">
+			<view class="action-buttons">
+				<button class="btn btn-success" @click="addProduct">添加商品</button>
+				<button class="btn btn-warning" @click="batchOnShelf" :disabled="!selectedProducts.length">批量上架</button>
+				<button class="btn btn-danger" @click="batchOffShelf" :disabled="!selectedProducts.length">批量下架</button>
+				<button class="btn btn-info" @click="batchDelete" :disabled="!selectedProducts.length">批量删除</button>
+			</view>
+			<view class="data-info">
+				<text class="total-count">共 {{ totalProducts }} 个商品</text>
+				<text class="page-info">{{ currentPage }}/{{ totalPages }}</text>
+			</view>
+		</view>
+
+		<!-- 商品列表 -->
+		<view class="product-list">
+			<!-- 表头 -->
+			<view class="table-header">
+				<view class="table-row">
+					<view class="table-cell checkbox-cell">
+						<checkbox :checked="selectAll" @change="onSelectAllChange" />
+					</view>
+					<view class="table-cell product-cell">商品信息</view>
+					<view class="table-cell">价格</view>
+					<view class="table-cell">库存</view>
+					<view class="table-cell">销量</view>
+					<view class="table-cell">分类</view>
+					<view class="table-cell">状态</view>
+					<view class="table-cell">操作</view>
+				</view>
+			</view>
+
+			<!-- 表格内容 -->
+			<view class="table-body">
+				<view v-for="product in productList" :key="product.id" class="table-row data-row">
+					<view class="table-cell checkbox-cell">
+						<checkbox :checked="selectedProducts.includes(product.id)" @change="onProductSelectChange(product.id)" />
+					</view>
+					<view class="table-cell product-cell">
+						<view class="product-info">
+							<image :src="product.image || '/static/default-product.png'" class="product-image" />
+							<view class="product-details">
+								<text class="product-name">{{ product.title }}</text>
+								<text class="product-id">ID: {{ product.id }}</text>
+								<view class="product-tags">
+									<text v-if="product.is_hot" class="tag hot">热销</text>
+									<text v-if="product.is_recommend" class="tag recommend">推荐</text>
+									<text v-if="product.is_new" class="tag new">新品</text>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="table-cell">
+						<view class="price-info">
+							<text class="price">¥{{ product.price }}</text>
+							<text v-if="product.ot_price" class="original-price">¥{{ product.ot_price }}</text>
+						</view>
+					</view>
+					<view class="table-cell">
+						<text class="stock">{{ product.stock }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="sales">{{ product.sales }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="category">{{ getCategoryName(product.category_id) }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="status-tag" :class="product.is_show ? 'active' : 'inactive'">
+							{{ product.is_show ? '上架' : '下架' }}
+						</text>
+					</view>
+					<view class="table-cell action-cell">
+						<view class="action-buttons">
+							<text class="action-link" @click="viewProduct(product.id)">查看</text>
+							<text class="action-link" @click="editProduct(product.id)">编辑</text>
+							<text class="action-link" :class="product.is_show ? 'danger' : 'success'"
+								@click="toggleProductStatus(product.id, product.is_show)">
+								{{ product.is_show ? '下架' : '上架' }}
+							</text>
+							<text class="action-link danger" @click="deleteProduct(product.id)">删除</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 分页 -->
+		<view class="pagination">
+			<view class="page-buttons">
+				<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="showDeleteConfirm" class="modal-overlay" @click="showDeleteConfirm = false">
+			<view class="modal-content" @click.stop>
+				<view class="modal-header">
+					<text class="modal-title">确认删除</text>
+					<text class="modal-close" @click="showDeleteConfirm = false">✕</text>
+				</view>
+				<view class="modal-body">
+					<text class="confirm-text">确定要删除选中的商品吗？此操作不可恢复。</text>
+				</view>
+				<view class="modal-footer">
+					<button class="btn btn-default" @click="showDeleteConfirm = false">取消</button>
+					<button class="btn btn-danger" @click="confirmDelete">确认删除</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+// 响应式数据
+const showAdvancedSearch = ref(false)
+const showDeleteConfirm = ref(false)
+const selectAll = ref(false)
+const selectedProducts = ref<number[]>([])
+const currentPage = ref(1)
+const pageSize = ref(20)
+const totalProducts = ref(0)
+const totalPages = ref(0)
+const productToDelete = ref<number | null>(null)
+
+// 搜索表单
+const searchForm = ref({
+	keyword: '',
+	type: '',
+	category: [],
+	delivery: '',
+	spec: '',
+	vip: '',
+	startDate: '',
+	endDate: '',
+	stockMin: '',
+	stockMax: ''
+})
+
+// 筛选选项数据
+const productTypes = ref([
+	{ value: '', label: '全部' },
+	{ value: '0', label: '普通商品' },
+	{ value: '1', label: '卡密商品' },
+	{ value: '2', label: '优惠券商品' },
+	{ value: '3', label: '虚拟商品' }
+])
+
+const deliveryTypes = ref([
+	{ value: '', label: '全部' },
+	{ value: '1', label: '快递配送' },
+	{ value: '2', label: '到店自提' }
+])
+
+const specTypes = ref([
+	{ value: '', label: '全部' },
+	{ value: '0', label: '单规格' },
+	{ value: '1', label: '多规格' }
+])
+
+const vipOptions = ref([
+	{ value: '', label: '全部' },
+	{ value: '0', label: '否' },
+	{ value: '1', label: '是' }
+])
+
+// 分类树数据
+const categoryTree = ref<any[]>([])
+const categories = ref<any[]>([])
+
+// 商品列表
+const productList = ref([])
+
+// 选中的筛选值
+const selectedProductType = ref('')
+const selectedDeliveryType = ref('')
+const selectedSpecType = ref('')
+const selectedVip = ref('')
+const selectedCategory = ref<number[]>([])
+const selectedCategoryText = ref('')
+const startDate = ref('')
+const endDate = ref('')
+
+// 计算属性
+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 onProductTypeChange = (e: any) => {
+	selectedProductType.value = productTypes.value[e.detail.value].label
+	searchForm.value.type = productTypes.value[e.detail.value].value
+}
+
+const onDeliveryTypeChange = (e: any) => {
+	selectedDeliveryType.value = deliveryTypes.value[e.detail.value].label
+	searchForm.value.delivery = deliveryTypes.value[e.detail.value].value
+}
+
+const onSpecTypeChange = (e: any) => {
+	selectedSpecType.value = specTypes.value[e.detail.value].label
+	searchForm.value.spec = specTypes.value[e.detail.value].value
+}
+
+const onVipChange = (e: any) => {
+	selectedVip.value = vipOptions.value[e.detail.value].label
+	searchForm.value.vip = vipOptions.value[e.detail.value].value
+}
+
+const onCategoryChange = (e: any) => {
+	selectedCategory.value = e.detail.value
+	// 这里需要根据选中的索引构建分类文本和ID
+	const selectedIds = selectedCategory.value.map((index: number) => {
+		return categoryTree.value[index]?.id || ''
+	})
+	searchForm.value.category = selectedIds
+	selectedCategoryText.value = selectedIds.join(', ')
+}
+
+const onStartDateChange = (e: any) => {
+	startDate.value = e.detail.value
+	searchForm.value.startDate = e.detail.value
+}
+
+const onEndDateChange = (e: any) => {
+	endDate.value = e.detail.value
+	searchForm.value.endDate = e.detail.value
+}
+
+const onSelectAllChange = (e: any) => {
+	selectAll.value = e.detail.value
+	if (selectAll.value) {
+		selectedProducts.value = productList.value.map((product: any) => product.id)
+	} else {
+		selectedProducts.value = []
+	}
+}
+
+const onProductSelectChange = (productId: number) => {
+	const index = selectedProducts.value.indexOf(productId)
+	if (index > -1) {
+		selectedProducts.value.splice(index, 1)
+	} else {
+		selectedProducts.value.push(productId)
+	}
+	selectAll.value = selectedProducts.value.length === productList.value.length
+}
+
+const handleSearch = () => {
+	loadProductList()
+}
+
+const handleReset = () => {
+	searchForm.value = {
+		keyword: '',
+		type: '',
+		category: [],
+		delivery: '',
+		spec: '',
+		vip: '',
+		startDate: '',
+		endDate: '',
+		stockMin: '',
+		stockMax: ''
+	}
+	selectedProductType.value = ''
+	selectedDeliveryType.value = ''
+	selectedSpecType.value = ''
+	selectedVip.value = ''
+	selectedCategory.value = []
+	selectedCategoryText.value = ''
+	startDate.value = ''
+	endDate.value = ''
+	loadProductList()
+}
+
+const addProduct = () => {
+	uni.navigateTo({
+		url: '/pages/mall/admin/product-add'
+	})
+}
+
+const batchOnShelf = () => {
+	if (selectedProducts.value.length === 0) return
+	batchUpdateStatus(selectedProducts.value, true)
+}
+
+const batchOffShelf = () => {
+	if (selectedProducts.value.length === 0) return
+	batchUpdateStatus(selectedProducts.value, false)
+}
+
+const batchDelete = () => {
+	if (selectedProducts.value.length === 0) return
+	showDeleteConfirm.value = true
+}
+
+const viewProduct = (productId: number) => {
+	uni.navigateTo({
+		url: `/pages/mall/admin/product-detail?id=${productId}`
+	})
+}
+
+const editProduct = (productId: number) => {
+	uni.navigateTo({
+		url: `/pages/mall/admin/product-edit?id=${productId}`
+	})
+}
+
+const toggleProductStatus = async (productId: number, currentStatus: boolean) => {
+	try {
+		const newStatus = !currentStatus
+		await supa.from('products').update({ is_show: newStatus }).eq('id', productId)
+
+		uni.showToast({
+			title: newStatus ? '上架成功' : '下架成功',
+			icon: 'success'
+		})
+
+		loadProductList()
+	} catch (error) {
+		console.error('更新商品状态失败:', error)
+		uni.showToast({
+			title: '操作失败',
+			icon: 'error'
+		})
+	}
+}
+
+const deleteProduct = (productId: number) => {
+	productToDelete.value = productId
+	showDeleteConfirm.value = true
+}
+
+const confirmDelete = async () => {
+	try {
+		if (productToDelete.value) {
+			// 单个删除
+			await supa.from('products').update({ is_del: true }).eq('id', productToDelete.value)
+		} else if (selectedProducts.value.length > 0) {
+			// 批量删除
+			await supa.from('products').update({ is_del: true }).in('id', selectedProducts.value)
+		}
+
+		uni.showToast({
+			title: '删除成功',
+			icon: 'success'
+		})
+
+		showDeleteConfirm.value = false
+		productToDelete.value = null
+		selectedProducts.value = []
+		selectAll.value = false
+
+		loadProductList()
+	} catch (error) {
+		console.error('删除商品失败:', error)
+		uni.showToast({
+			title: '删除失败',
+			icon: 'error'
+		})
+	}
+}
+
+const batchUpdateStatus = async (productIds: number[], status: boolean) => {
+	try {
+		await supa.from('products').update({ is_show: status }).in('id', productIds)
+
+		uni.showToast({
+			title: status ? '批量上架成功' : '批量下架成功',
+			icon: 'success'
+		})
+
+		selectedProducts.value = []
+		selectAll.value = false
+
+		loadProductList()
+	} catch (error) {
+		console.error('批量更新状态失败:', error)
+		uni.showToast({
+			title: '操作失败',
+			icon: 'error'
+		})
+	}
+}
+
+const goToPage = (page: number) => {
+	if (page >= 1 && page <= totalPages.value) {
+		currentPage.value = page
+		loadProductList()
+	}
+}
+
+const getCategoryName = (categoryId: number) => {
+	const category = categories.value.find((c: any) => c.id === categoryId)
+	return category?.name || '未分类'
+}
+
+// 数据加载方法
+const loadCategories = async () => {
+	try {
+		const { data } = await supa.from('categories').select('*').order('sort', { ascending: true })
+		categories.value = data || []
+
+		// 构建分类树
+		categoryTree.value = buildCategoryTree(data || [])
+	} catch (error) {
+		console.error('加载分类失败:', error)
+	}
+}
+
+const buildCategoryTree = (categories: any[]) => {
+	// 简化的分类树构建逻辑
+	const tree = categories.map(cat => ({
+		id: cat.id,
+		name: cat.name,
+		pid: cat.pid
+	}))
+
+	// 这里应该实现完整的树形结构构建
+	return tree
+}
+
+const loadProductList = async () => {
+	try {
+		let query = supa.from('products').select(`
+			*,
+			categories(name)
+		`).eq('is_del', false)
+
+		// 搜索条件
+		if (searchForm.value.keyword) {
+			query = query.ilike('title', `%${searchForm.value.keyword}%`)
+		}
+
+		if (searchForm.value.type) {
+			query = query.eq('type', searchForm.value.type)
+		}
+
+		if (searchForm.value.category && searchForm.value.category.length > 0) {
+			query = query.in('category_id', searchForm.value.category)
+		}
+
+		// 其他筛选条件...
+
+		// 分页
+		const from = (currentPage.value - 1) * pageSize.value
+		const to = from + pageSize.value - 1
+
+		const { data, count } = await query.range(from, to)
+		productList.value = data || []
+		totalProducts.value = count || 0
+		totalPages.value = Math.ceil(totalProducts.value / pageSize.value)
+
+	} catch (error) {
+		console.error('加载商品列表失败:', error)
+		uni.showToast({
+			title: '加载失败',
+			icon: 'error'
+		})
+	}
+}
+
+// 页面初始化
+onMounted(async () => {
+	await loadCategories()
+	await loadProductList()
+})
+</script>
+
+<style lang="scss">
+.product-management {
+	padding: 30rpx;
+	background-color: #f5f5f5;
+	min-height: 100vh;
+}
+
+// 搜索区域样式
+.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-form {
+	.search-row {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 20rpx;
+		margin-bottom: 20rpx;
+
+		&.advanced {
+			border-top: 1rpx solid #e8e8e8;
+			padding-top: 20rpx;
+		}
+	}
+
+	.form-item {
+		display: flex;
+		align-items: center;
+		min-width: 300rpx;
+		margin-bottom: 20rpx;
+
+		.label {
+			font-size: 28rpx;
+			color: #666;
+			margin-right: 20rpx;
+			white-space: nowrap;
+		}
+	}
+
+	.search-input {
+		flex: 1;
+		height: 60rpx;
+		border: 1rpx solid #ddd;
+		border-radius: 6rpx;
+		padding: 0 20rpx;
+		font-size: 26rpx;
+	}
+
+	.picker-text {
+		padding: 0 20rpx;
+		height: 60rpx;
+		line-height: 60rpx;
+		border: 1rpx solid #ddd;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		color: #333;
+		min-width: 200rpx;
+	}
+
+	.cascader-wrapper {
+		flex: 1;
+	}
+
+	.date-range {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		gap: 10rpx;
+
+		.date-picker {
+			flex: 1;
+			padding: 0 20rpx;
+			height: 60rpx;
+			line-height: 60rpx;
+			border: 1rpx solid #ddd;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			color: #333;
+		}
+
+		.date-separator {
+			color: #666;
+		}
+	}
+
+	.number-range {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		gap: 10rpx;
+
+		.number-input {
+			flex: 1;
+			height: 60rpx;
+			border: 1rpx solid #ddd;
+			border-radius: 6rpx;
+			padding: 0 20rpx;
+			font-size: 26rpx;
+		}
+
+		.range-separator {
+			color: #666;
+		}
+	}
+
+	.form-actions {
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+		margin-top: 20rpx;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&.btn-primary {
+				background-color: #007bff;
+				color: white;
+			}
+
+			&.btn-default {
+				background-color: #f5f5f5;
+				color: #333;
+			}
+		}
+
+		.toggle-search {
+			margin-left: auto;
+			color: #007bff;
+			font-size: 26rpx;
+			cursor: pointer;
+
+			.icon {
+				font-size: 20rpx;
+			}
+		}
+	}
+}
+
+// 操作栏样式
+.action-bar {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background-color: #fff;
+	padding: 20rpx 30rpx;
+	border-radius: 12rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.action-buttons {
+		display: flex;
+		gap: 20rpx;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&:disabled {
+				background-color: #ccc;
+				color: #666;
+				cursor: not-allowed;
+			}
+
+			&.btn-success {
+				background-color: #28a745;
+				color: white;
+			}
+
+			&.btn-warning {
+				background-color: #ffc107;
+				color: #212529;
+			}
+
+			&.btn-danger {
+				background-color: #dc3545;
+				color: white;
+			}
+
+			&.btn-info {
+				background-color: #17a2b8;
+				color: white;
+			}
+		}
+	}
+
+	.data-info {
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+
+		.total-count,
+		.page-info {
+			font-size: 26rpx;
+			color: #666;
+		}
+	}
+}
+
+// 商品列表样式
+.product-list {
+	background-color: #fff;
+	border-radius: 12rpx;
+	overflow: hidden;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.table-header {
+	background-color: #f8f9fa;
+	border-bottom: 1rpx solid #e9ecef;
+
+	.table-row {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		font-weight: bold;
+		font-size: 26rpx;
+		color: #495057;
+	}
+}
+
+.table-body {
+	.data-row {
+		border-bottom: 1rpx solid #e9ecef;
+
+		&:hover {
+			background-color: #f8f9fa;
+		}
+
+		&:last-child {
+			border-bottom: none;
+		}
+	}
+}
+
+.table-row {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 30rpx;
+	min-height: 120rpx;
+
+	.table-cell {
+		flex: 1;
+		font-size: 26rpx;
+		color: #495057;
+		display: flex;
+		align-items: center;
+
+		&.checkbox-cell {
+			flex: 0 0 60rpx;
+			justify-content: center;
+		}
+
+		&.product-cell {
+			flex: 3;
+		}
+
+		&.action-cell {
+			flex: 0 0 240rpx;
+			justify-content: flex-end;
+		}
+	}
+}
+
+.product-info {
+	display: flex;
+	align-items: center;
+	gap: 20rpx;
+
+	.product-image {
+		width: 80rpx;
+		height: 80rpx;
+		border-radius: 8rpx;
+		flex-shrink: 0;
+		object-fit: cover;
+	}
+
+	.product-details {
+		display: flex;
+		flex-direction: column;
+		gap: 8rpx;
+		flex: 1;
+
+		.product-name {
+			font-size: 28rpx;
+			font-weight: bold;
+			color: #212529;
+			line-height: 1.4;
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			-webkit-box-orient: vertical;
+			overflow: hidden;
+		}
+
+		.product-id {
+			font-size: 24rpx;
+			color: #6c757d;
+		}
+
+		.product-tags {
+			display: flex;
+			gap: 8rpx;
+
+			.tag {
+				padding: 2rpx 8rpx;
+				border-radius: 4rpx;
+				font-size: 20rpx;
+				font-weight: bold;
+
+				&.hot {
+					background-color: #ffebee;
+					color: #c62828;
+				}
+
+				&.recommend {
+					background-color: #e8f5e8;
+					color: #2e7d32;
+				}
+
+				&.new {
+					background-color: #fff3e0;
+					color: #ef6c00;
+				}
+			}
+		}
+	}
+}
+
+.price-info {
+	display: flex;
+	flex-direction: column;
+	gap: 4rpx;
+
+	.price {
+		font-size: 28rpx;
+		font-weight: bold;
+		color: #e74c3c;
+	}
+
+	.original-price {
+		font-size: 24rpx;
+		color: #999;
+		text-decoration: line-through;
+	}
+}
+
+.stock,
+.sales {
+	font-weight: bold;
+	color: #28a745;
+}
+
+.category {
+	color: #6c757d;
+}
+
+.status-tag {
+	padding: 4rpx 12rpx;
+	border-radius: 12rpx;
+	font-size: 24rpx;
+	font-weight: bold;
+
+	&.active {
+		background-color: #d4edda;
+		color: #155724;
+	}
+
+	&.inactive {
+		background-color: #f8d7da;
+		color: #721c24;
+	}
+}
+
+.action-buttons {
+	display: flex;
+	gap: 20rpx;
+
+	.action-link {
+		color: #007bff;
+		font-size: 24rpx;
+		cursor: pointer;
+
+		&:hover {
+			text-decoration: underline;
+		}
+
+		&.danger {
+			color: #dc3545;
+		}
+
+		&.success {
+			color: #28a745;
+		}
+	}
+}
+
+// 分页样式
+.pagination {
+	display: flex;
+	justify-content: center;
+	margin-top: 30rpx;
+
+	.page-buttons {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+	}
+
+	.page-btn,
+	.page-number {
+		padding: 12rpx 20rpx;
+		border: 1rpx solid #ddd;
+		background-color: #fff;
+		color: #333;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		cursor: pointer;
+		transition: all 0.2s;
+
+		&:disabled {
+			background-color: #f5f5f5;
+			color: #999;
+			cursor: not-allowed;
+		}
+
+		&:hover:not(:disabled) {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+
+		&.active {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+	}
+}
+
+// 弹窗样式
+.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: 80%;
+	max-width: 500rpx;
+	max-height: 60vh;
+	overflow: hidden;
+
+	.modal-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 30rpx;
+		border-bottom: 1rpx solid #e9ecef;
+
+		.modal-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #212529;
+		}
+
+		.modal-close {
+			font-size: 36rpx;
+			color: #999;
+			cursor: pointer;
+
+			&:hover {
+				color: #333;
+			}
+		}
+	}
+
+	.modal-body {
+		padding: 30rpx;
+
+		.confirm-text {
+			font-size: 28rpx;
+			color: #666;
+			text-align: center;
+		}
+	}
+
+	.modal-footer {
+		display: flex;
+		justify-content: flex-end;
+		gap: 20rpx;
+		padding: 30rpx;
+		border-top: 1rpx solid #e9ecef;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&.btn-default {
+				background-color: #f5f5f5;
+				color: #333;
+			}
+
+			&.btn-danger {
+				background-color: #dc3545;
+				color: white;
+			}
+		}
+	}
+}
+
+// 响应式设计
+@media (max-width: 750rpx) {
+	.search-row {
+		flex-direction: column;
+		align-items: stretch;
+	}
+
+	.form-item {
+		min-width: auto;
+		margin-bottom: 20rpx;
+	}
+
+	.table-row {
+		flex-wrap: wrap;
+		padding: 15rpx;
+
+		.table-cell {
+			min-width: 200rpx;
+			margin-bottom: 10rpx;
+
+			&.product-cell {
+				min-width: 300rpx;
+			}
+		}
+	}
+
+	.action-bar {
+		flex-direction: column;
+		gap: 20rpx;
+		align-items: stretch;
+
+		.action-buttons {
+			justify-content: center;
+			flex-wrap: wrap;
+		}
+	}
+}
+</style>
diff --git a/pages/mall/admin/product-review.uvue b/pages/mall/admin/product-review.uvue
new file mode 100644
index 00000000..53c90635
--- /dev/null
+++ b/pages/mall/admin/product-review.uvue
@@ -0,0 +1,64 @@
+<!-- 商品审核页面 -->
+<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/refund-review.uvue b/pages/mall/admin/refund-review.uvue
new file mode 100644
index 00000000..aaf959c2
--- /dev/null
+++ b/pages/mall/admin/refund-review.uvue
@@ -0,0 +1,64 @@
+<!-- 退款审核页面 -->
+<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
new file mode 100644
index 00000000..d88b6424
--- /dev/null
+++ b/pages/mall/admin/system-settings.uvue
@@ -0,0 +1,528 @@
+<!-- 系统设置页面 - 基于CRMEB设计 -->
+<template>
+	<view class="system-settings">
+		<!-- 设置选项卡 -->
+		<view class="settings-tabs">
+			<view class="tab-list">
+				<view
+					v-for="tab in settingTabs"
+					:key="tab.key"
+					class="tab-item"
+					:class="{ active: activeTab === tab.key }"
+					@click="switchTab(tab.key)"
+				>
+					<text class="tab-text">{{ tab.label }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 基础设置 -->
+		<view v-if="activeTab === 'basic'" class="setting-section">
+			<view class="section-title">基础设置</view>
+			<view class="setting-form">
+				<view class="form-item">
+					<text class="label">网站名称：</text>
+					<input v-model="settings.site_name" placeholder="请输入网站名称" class="input-field" />
+				</view>
+				<view class="form-item">
+					<text class="label">网站域名：</text>
+					<input v-model="settings.site_domain" placeholder="请输入网站域名" class="input-field" />
+				</view>
+				<view class="form-item">
+					<text class="label">网站Logo：</text>
+					<view class="upload-area">
+						<image v-if="settings.site_logo" :src="settings.site_logo" class="logo-preview" />
+						<button class="upload-btn" @click="chooseLogo">选择图片</button>
+					</view>
+				</view>
+				<view class="form-item">
+					<text class="label">客服电话：</text>
+					<input v-model="settings.service_phone" placeholder="请输入客服电话" class="input-field" />
+				</view>
+				<view class="form-item">
+					<text class="label">网站描述：</text>
+					<textarea v-model="settings.site_description" placeholder="请输入网站描述" class="textarea-field" />
+				</view>
+			</view>
+		</view>
+
+		<!-- 支付设置 -->
+		<view v-if="activeTab === 'payment'" class="setting-section">
+			<view class="section-title">支付设置</view>
+			<view class="setting-form">
+				<view class="form-item">
+					<text class="label">微信支付：</text>
+					<view class="switch-item">
+						<switch :checked="settings.wechat_pay_enabled" @change="onWechatPayChange" />
+						<text class="switch-label">{{ settings.wechat_pay_enabled ? '已开启' : '已关闭' }}</text>
+					</view>
+				</view>
+				<view v-if="settings.wechat_pay_enabled" class="form-item">
+					<text class="label">微信商户号：</text>
+					<input v-model="settings.wechat_mch_id" placeholder="请输入微信商户号" class="input-field" />
+				</view>
+				<view v-if="settings.wechat_pay_enabled" class="form-item">
+					<text class="label">微信支付密钥：</text>
+					<input v-model="settings.wechat_pay_key" type="password" placeholder="请输入微信支付密钥" class="input-field" />
+				</view>
+
+				<view class="form-item">
+					<text class="label">支付宝支付：</text>
+					<view class="switch-item">
+						<switch :checked="settings.alipay_enabled" @change="onAlipayChange" />
+						<text class="switch-label">{{ settings.alipay_enabled ? '已开启' : '已关闭' }}</text>
+					</view>
+				</view>
+				<view v-if="settings.alipay_enabled" class="form-item">
+					<text class="label">支付宝应用ID：</text>
+					<input v-model="settings.alipay_app_id" placeholder="请输入支付宝应用ID" class="input-field" />
+				</view>
+
+				<view class="form-item">
+					<text class="label">余额支付：</text>
+					<view class="switch-item">
+						<switch :checked="settings.balance_pay_enabled" @change="onBalancePayChange" />
+						<text class="switch-label">{{ settings.balance_pay_enabled ? '已开启' : '已关闭' }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 物流设置 -->
+		<view v-if="activeTab === 'shipping'" class="setting-section">
+			<view class="section-title">物流设置</view>
+			<view class="setting-form">
+				<view class="form-item">
+					<text class="label">默认物流公司：</text>
+					<picker mode="selector" :range="expressCompanies" range-key="name" @change="onDefaultExpressChange">
+						<view class="picker-text">{{ selectedExpress || '选择物流公司' }}</view>
+					</picker>
+				</view>
+				<view class="form-item">
+					<text class="label">运费计算方式：</text>
+					<picker mode="selector" :range="shippingMethods" range-key="label" @change="onShippingMethodChange">
+						<view class="picker-text">{{ selectedShippingMethod || '选择计算方式' }}</view>
+					</picker>
+				</view>
+				<view class="form-item">
+					<text class="label">包邮金额：</text>
+					<input v-model="settings.free_shipping_amount" type="number" placeholder="请输入包邮金额" class="input-field" />
+				</view>
+			</view>
+		</view>
+
+		<!-- 消息设置 -->
+		<view v-if="activeTab === 'notification'" class="setting-section">
+			<view class="section-title">消息设置</view>
+			<view class="setting-form">
+				<view class="form-item">
+					<text class="label">短信通知：</text>
+					<view class="switch-item">
+						<switch :checked="settings.sms_enabled" @change="onSmsChange" />
+						<text class="switch-label">{{ settings.sms_enabled ? '已开启' : '已关闭' }}</text>
+					</view>
+				</view>
+				<view v-if="settings.sms_enabled" class="form-item">
+					<text class="label">短信服务商：</text>
+					<picker mode="selector" :range="smsProviders" range-key="label" @change="onSmsProviderChange">
+						<view class="picker-text">{{ selectedSmsProvider || '选择服务商' }}</view>
+					</picker>
+				</view>
+
+				<view class="form-item">
+					<text class="label">邮件通知：</text>
+					<view class="switch-item">
+						<switch :checked="settings.email_enabled" @change="onEmailChange" />
+						<text class="switch-label">{{ settings.email_enabled ? '已开启' : '已关闭' }}</text>
+					</view>
+				</view>
+				<view v-if="settings.email_enabled" class="form-item">
+					<text class="label">SMTP服务器：</text>
+					<input v-model="settings.smtp_host" placeholder="请输入SMTP服务器" class="input-field" />
+				</view>
+			</view>
+		</view>
+
+		<!-- 保存按钮 -->
+		<view class="save-section">
+			<button class="btn btn-primary" @click="saveSettings">保存设置</button>
+			<button class="btn btn-default" @click="resetSettings">重置</button>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+// 响应式数据
+const activeTab = ref('basic')
+
+const settingTabs = ref([
+	{ key: 'basic', label: '基础设置' },
+	{ key: 'payment', label: '支付设置' },
+	{ key: 'shipping', label: '物流设置' },
+	{ key: 'notification', label: '消息设置' }
+])
+
+const settings = ref({
+	// 基础设置
+	site_name: '',
+	site_domain: '',
+	site_logo: '',
+	service_phone: '',
+	site_description: '',
+
+	// 支付设置
+	wechat_pay_enabled: false,
+	wechat_mch_id: '',
+	wechat_pay_key: '',
+	alipay_enabled: false,
+	alipay_app_id: '',
+	balance_pay_enabled: true,
+
+	// 物流设置
+	default_express: '',
+	shipping_method: '',
+	free_shipping_amount: '',
+
+	// 消息设置
+	sms_enabled: false,
+	sms_provider: '',
+	email_enabled: false,
+	smtp_host: ''
+})
+
+// 选项数据
+const expressCompanies = ref([])
+const shippingMethods = ref([
+	{ value: 'fixed', label: '固定运费' },
+	{ value: 'weight', label: '按重量计算' },
+	{ value: 'pieces', label: '按件数计算' }
+])
+const smsProviders = ref([
+	{ value: 'aliyun', label: '阿里云短信' },
+	{ value: 'tencent', label: '腾讯云短信' },
+	{ value: 'qiniu', label: '七牛云短信' }
+])
+
+const selectedExpress = ref('')
+const selectedShippingMethod = ref('')
+const selectedSmsProvider = ref('')
+
+// 方法
+const switchTab = (tabKey: string) => {
+	activeTab.value = tabKey
+}
+
+const onWechatPayChange = (e: any) => {
+	settings.value.wechat_pay_enabled = e.detail.value
+}
+
+const onAlipayChange = (e: any) => {
+	settings.value.alipay_enabled = e.detail.value
+}
+
+const onBalancePayChange = (e: any) => {
+	settings.value.balance_pay_enabled = e.detail.value
+}
+
+const onSmsChange = (e: any) => {
+	settings.value.sms_enabled = e.detail.value
+}
+
+const onEmailChange = (e: any) => {
+	settings.value.email_enabled = e.detail.value
+}
+
+const onDefaultExpressChange = (e: any) => {
+	selectedExpress.value = expressCompanies.value[e.detail.value].name
+	settings.value.default_express = expressCompanies.value[e.detail.value].code
+}
+
+const onShippingMethodChange = (e: any) => {
+	selectedShippingMethod.value = shippingMethods.value[e.detail.value].label
+	settings.value.shipping_method = shippingMethods.value[e.detail.value].value
+}
+
+const onSmsProviderChange = (e: any) => {
+	selectedSmsProvider.value = smsProviders.value[e.detail.value].label
+	settings.value.sms_provider = smsProviders.value[e.detail.value].value
+}
+
+const chooseLogo = () => {
+	uni.chooseImage({
+		count: 1,
+		sizeType: ['compressed'],
+		sourceType: ['album', 'camera'],
+		success: (res) => {
+			const tempFilePath = res.tempFilePaths[0]
+			// 这里应该上传图片到服务器
+			settings.value.site_logo = tempFilePath // 临时显示
+			uni.showToast({
+				title: '图片选择成功',
+				icon: 'success'
+			})
+		}
+	})
+}
+
+const saveSettings = async () => {
+	try {
+		await supa.from('system_settings').upsert(settings.value)
+		uni.showToast({
+			title: '保存成功',
+			icon: 'success'
+		})
+	} catch (error) {
+		console.error('保存设置失败:', error)
+		uni.showToast({
+			title: '保存失败',
+			icon: 'error'
+		})
+	}
+}
+
+const resetSettings = () => {
+	loadSettings()
+}
+
+// 数据加载方法
+const loadSettings = async () => {
+	try {
+		const { data } = await supa.from('system_settings').select('*').single()
+		if (data) {
+			settings.value = { ...settings.value, ...data }
+		}
+	} catch (error) {
+		console.error('加载设置失败:', error)
+	}
+}
+
+const loadExpressCompanies = async () => {
+	try {
+		const { data } = await supa.from('express_companies').select('*')
+		expressCompanies.value = data || []
+	} catch (error) {
+		console.error('加载物流公司失败:', error)
+	}
+}
+
+// 页面初始化
+onMounted(async () => {
+	await Promise.all([
+		loadSettings(),
+		loadExpressCompanies()
+	])
+})
+</script>
+
+<style lang="scss">
+.system-settings {
+	padding: 30rpx;
+	background-color: #f5f5f5;
+	min-height: 100vh;
+}
+
+// 设置选项卡样式
+.settings-tabs {
+	background-color: #fff;
+	border-radius: 12rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.tab-list {
+		display: flex;
+		padding: 0 30rpx;
+	}
+
+	.tab-item {
+		flex: 1;
+		padding: 30rpx 20rpx;
+		text-align: center;
+		cursor: pointer;
+		transition: all 0.2s;
+
+		&.active {
+			background-color: #007bff;
+			color: white;
+		}
+
+		.tab-text {
+			font-size: 28rpx;
+			color: #495057;
+		}
+
+		&.active .tab-text {
+			color: white;
+		}
+	}
+}
+
+// 设置表单样式
+.setting-section {
+	background-color: #fff;
+	border-radius: 12rpx;
+	padding: 30rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #212529;
+		margin-bottom: 30rpx;
+	}
+
+	.setting-form {
+		.form-item {
+			display: flex;
+			align-items: center;
+			margin-bottom: 30rpx;
+
+			.label {
+				font-size: 28rpx;
+				color: #666;
+				margin-right: 20rpx;
+				white-space: nowrap;
+				min-width: 150rpx;
+			}
+
+			.input-field {
+				flex: 1;
+				height: 60rpx;
+				border: 1rpx solid #ddd;
+				border-radius: 6rpx;
+				padding: 0 20rpx;
+				font-size: 26rpx;
+			}
+
+			.textarea-field {
+				flex: 1;
+				min-height: 120rpx;
+				border: 1rpx solid #ddd;
+				border-radius: 6rpx;
+				padding: 20rpx;
+				font-size: 26rpx;
+				line-height: 1.5;
+			}
+
+			.switch-item {
+				display: flex;
+				align-items: center;
+				gap: 20rpx;
+
+				.switch-label {
+					font-size: 26rpx;
+					color: #666;
+				}
+			}
+
+			.picker-text {
+				padding: 0 20rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				border: 1rpx solid #ddd;
+				border-radius: 6rpx;
+				font-size: 26rpx;
+				color: #333;
+				min-width: 200rpx;
+			}
+
+			.upload-area {
+				display: flex;
+				align-items: center;
+				gap: 20rpx;
+
+				.logo-preview {
+					width: 80rpx;
+					height: 80rpx;
+					border-radius: 8rpx;
+					object-fit: cover;
+				}
+
+				.upload-btn {
+					padding: 12rpx 24rpx;
+					border: 1rpx solid #ddd;
+					border-radius: 6rpx;
+					background-color: #f5f5f5;
+					font-size: 26rpx;
+					color: #333;
+					cursor: pointer;
+				}
+			}
+		}
+	}
+}
+
+// 保存按钮区域
+.save-section {
+	background-color: #fff;
+	border-radius: 12rpx;
+	padding: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+	display: flex;
+	gap: 20rpx;
+	justify-content: center;
+
+	.btn {
+		padding: 15rpx 40rpx;
+		border-radius: 8rpx;
+		font-size: 28rpx;
+		border: none;
+		cursor: pointer;
+
+		&.btn-primary {
+			background-color: #007bff;
+			color: white;
+		}
+
+		&.btn-default {
+			background-color: #f5f5f5;
+			color: #333;
+		}
+	}
+}
+
+// 响应式设计
+@media (max-width: 750rpx) {
+	.settings-tabs {
+		.tab-list {
+			flex-direction: column;
+		}
+
+		.tab-item {
+			padding: 20rpx;
+		}
+	}
+
+	.form-item {
+		flex-direction: column;
+		align-items: stretch;
+
+		.label {
+			margin-bottom: 10rpx;
+			min-width: auto;
+		}
+
+		.input-field,
+		.textarea-field,
+		.picker-text {
+			width: 100%;
+		}
+
+		.switch-item {
+			justify-content: space-between;
+		}
+	}
+
+	.save-section {
+		flex-direction: column;
+		align-items: stretch;
+
+		.btn {
+			width: 100%;
+		}
+	}
+}
+</style>
diff --git a/pages/mall/admin/user-management.uvue b/pages/mall/admin/user-management.uvue
new file mode 100644
index 00000000..ee88c770
--- /dev/null
+++ b/pages/mall/admin/user-management.uvue
@@ -0,0 +1,1117 @@
+<!-- 用户管理页面 - 基于CRMEB设计 -->
+<template>
+	<view class="user-management">
+		<!-- 搜索和筛选区域 -->
+		<view class="search-section">
+			<view class="search-form" :class="{ collapsed: !showAdvancedSearch }">
+				<view class="search-row">
+					<view class="form-item">
+						<text class="label">用户搜索：</text>
+						<view class="input-group">
+							<picker mode="selector" :range="searchTypes" range-key="label" @change="onSearchTypeChange">
+								<view class="search-type">{{ searchTypes[currentSearchType].label }}</view>
+							</picker>
+							<input
+								v-model="searchForm.keyword"
+								placeholder="请输入搜索内容"
+								clearable
+								class="search-input"
+							/>
+						</view>
+					</view>
+					<view class="form-item">
+						<text class="label">用户等级：</text>
+						<picker mode="selector" :range="userLevels" range-key="name" @change="onLevelChange">
+							<view class="picker-text">{{ selectedLevel || '全部' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">用户分组：</text>
+						<picker mode="selector" :range="userGroups" range-key="group_name" @change="onGroupChange">
+							<view class="picker-text">{{ selectedGroup || '全部' }}</view>
+						</picker>
+					</view>
+				</view>
+
+				<!-- 高级搜索选项 -->
+				<view v-if="showAdvancedSearch" class="search-row advanced">
+					<view class="form-item">
+						<text class="label">分销等级：</text>
+						<picker mode="selector" :range="agentLevels" range-key="name" @change="onAgentLevelChange">
+							<view class="picker-text">{{ selectedAgentLevel || '全部' }}</view>
+						</picker>
+					</view>
+					<view class="form-item">
+						<text class="label">注册时间：</text>
+						<view class="date-range">
+							<picker mode="date" @change="onStartDateChange">
+								<view class="date-picker">{{ startDate || '开始日期' }}</view>
+							</picker>
+							<text class="date-separator">至</text>
+							<picker mode="date" @change="onEndDateChange">
+								<view class="date-picker">{{ endDate || '结束日期' }}</view>
+							</picker>
+						</view>
+					</view>
+					<view class="form-item">
+						<text class="label">用户标签：</text>
+						<view class="tag-selector" @click="showTagSelector = true">
+							<view class="tag-list">
+								<text v-for="tag in selectedTags" :key="tag.id" class="tag">{{ tag.label_name }}</text>
+							</view>
+							<text v-if="!selectedTags.length" class="placeholder">选择标签</text>
+							<text class="dropdown-icon">▼</text>
+						</view>
+					</view>
+				</view>
+
+				<view class="form-actions">
+					<button class="btn btn-primary" @click="handleSearch">搜索</button>
+					<button class="btn btn-default" @click="handleReset">重置</button>
+					<text class="toggle-search" @click="showAdvancedSearch = !showAdvancedSearch">
+						{{ showAdvancedSearch ? '收起' : '展开' }} <text class="icon">{{ showAdvancedSearch ? '▲' : '▼' }}</text>
+					</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 操作按钮区域 -->
+		<view class="action-bar">
+			<view class="action-buttons">
+				<button class="btn btn-success" @click="handleBatchAction('export')">导出用户</button>
+				<button class="btn btn-warning" @click="handleBatchAction('sendMessage')">群发消息</button>
+				<button class="btn btn-info" @click="handleBatchAction('adjustBalance')">调整余额</button>
+			</view>
+			<view class="data-info">
+				<text class="total-count">共 {{ totalUsers }} 个用户</text>
+				<text class="page-info">{{ currentPage }}/{{ totalPages }}</text>
+			</view>
+		</view>
+
+		<!-- 用户列表 -->
+		<view class="user-list">
+			<!-- 表头 -->
+			<view class="table-header">
+				<view class="table-row">
+					<view class="table-cell checkbox-cell">
+						<checkbox :checked="selectAll" @change="onSelectAllChange" />
+					</view>
+					<view class="table-cell user-cell">用户信息</view>
+					<view class="table-cell">用户等级</view>
+					<view class="table-cell">余额</view>
+					<view class="table-cell">积分</view>
+					<view class="table-cell">订单数</view>
+					<view class="table-cell">注册时间</view>
+					<view class="table-cell">状态</view>
+					<view class="table-cell">操作</view>
+				</view>
+			</view>
+
+			<!-- 表格内容 -->
+			<view class="table-body">
+				<view v-for="user in userList" :key="user.id" class="table-row data-row">
+					<view class="table-cell checkbox-cell">
+						<checkbox :checked="selectedUsers.includes(user.id)" @change="onUserSelectChange(user.id)" />
+					</view>
+					<view class="table-cell user-cell">
+						<view class="user-info">
+							<image :src="user.avatar || '/static/default-avatar.png'" class="user-avatar" />
+							<view class="user-details">
+								<text class="user-name">{{ user.nickname }}</text>
+								<text class="user-phone">{{ user.phone }}</text>
+								<text class="user-id">ID: {{ user.id }}</text>
+							</view>
+						</view>
+					</view>
+					<view class="table-cell">
+						<text class="level-tag" :class="'level-' + user.level_id">{{ getLevelName(user.level_id) }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="balance">¥{{ user.balance }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="integral">{{ user.integral }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="order-count">{{ user.order_count || 0 }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="register-time">{{ formatDate(user.created_at) }}</text>
+					</view>
+					<view class="table-cell">
+						<text class="status-tag" :class="user.status === 1 ? 'active' : 'inactive'">
+							{{ user.status === 1 ? '正常' : '禁用' }}
+						</text>
+					</view>
+					<view class="table-cell action-cell">
+						<view class="action-buttons">
+							<text class="action-link" @click="viewUserDetail(user.id)">详情</text>
+							<text class="action-link" @click="editUser(user.id)">编辑</text>
+							<text class="action-link" :class="user.status === 1 ? 'danger' : 'success'"
+								@click="toggleUserStatus(user.id, user.status)">
+								{{ user.status === 1 ? '禁用' : '启用' }}
+							</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 分页 -->
+		<view class="pagination">
+			<view class="page-buttons">
+				<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="showTagSelector" class="modal-overlay" @click="showTagSelector = false">
+			<view class="modal-content" @click.stop>
+				<view class="modal-header">
+					<text class="modal-title">选择用户标签</text>
+					<text class="modal-close" @click="showTagSelector = false">✕</text>
+				</view>
+				<view class="modal-body">
+					<view v-for="tag in userTags" :key="tag.id" class="tag-item">
+						<checkbox :checked="selectedTags.some(t => t.id === tag.id)" @change="onTagSelectChange(tag)" />
+						<text class="tag-name">{{ tag.label_name }}</text>
+					</view>
+				</view>
+				<view class="modal-footer">
+					<button class="btn btn-default" @click="showTagSelector = false">取消</button>
+					<button class="btn btn-primary" @click="confirmTagSelection">确定</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+// 响应式数据
+const showAdvancedSearch = ref(false)
+const showTagSelector = ref(false)
+const selectAll = ref(false)
+const selectedUsers = ref<number[]>([])
+const currentPage = ref(1)
+const pageSize = ref(20)
+const totalUsers = ref(0)
+const totalPages = ref(0)
+
+// 搜索表单
+const searchForm = ref({
+	keyword: '',
+	field: 'all' // all, uid, phone, nickname
+})
+
+const currentSearchType = ref(0)
+const searchTypes = ref([
+	{ value: 'all', label: '全部' },
+	{ value: 'uid', label: 'UID' },
+	{ value: 'phone', label: '手机号' },
+	{ value: 'nickname', label: '用户昵称' }
+])
+
+// 筛选选项
+const userLevels = ref([])
+const userGroups = ref([])
+const agentLevels = ref([])
+const userTags = ref([])
+const selectedLevel = ref('')
+const selectedGroup = ref('')
+const selectedAgentLevel = ref('')
+const selectedTags = ref<any[]>([])
+const startDate = ref('')
+const endDate = ref('')
+
+// 用户列表
+const userList = ref([])
+
+// 计算属性
+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 onSearchTypeChange = (e: any) => {
+	currentSearchType.value = e.detail.value
+	searchForm.value.field = searchTypes.value[currentSearchType.value].value
+}
+
+const onLevelChange = (e: any) => {
+	selectedLevel.value = userLevels.value[e.detail.value]?.name || ''
+}
+
+const onGroupChange = (e: any) => {
+	selectedGroup.value = userGroups.value[e.detail.value]?.group_name || ''
+}
+
+const onAgentLevelChange = (e: any) => {
+	selectedAgentLevel.value = agentLevels.value[e.detail.value]?.name || ''
+}
+
+const onStartDateChange = (e: any) => {
+	startDate.value = e.detail.value
+}
+
+const onEndDateChange = (e: any) => {
+	endDate.value = e.detail.value
+}
+
+const onSelectAllChange = (e: any) => {
+	selectAll.value = e.detail.value
+	if (selectAll.value) {
+		selectedUsers.value = userList.value.map((user: any) => user.id)
+	} else {
+		selectedUsers.value = []
+	}
+}
+
+const onUserSelectChange = (userId: number) => {
+	const index = selectedUsers.value.indexOf(userId)
+	if (index > -1) {
+		selectedUsers.value.splice(index, 1)
+	} else {
+		selectedUsers.value.push(userId)
+	}
+	selectAll.value = selectedUsers.value.length === userList.value.length
+}
+
+const onTagSelectChange = (tag: any) => {
+	const index = selectedTags.value.findIndex((t: any) => t.id === tag.id)
+	if (index > -1) {
+		selectedTags.value.splice(index, 1)
+	} else {
+		selectedTags.value.push(tag)
+	}
+}
+
+const confirmTagSelection = () => {
+	showTagSelector.value = false
+}
+
+const handleSearch = () => {
+	loadUserList()
+}
+
+const handleReset = () => {
+	searchForm.value.keyword = ''
+	currentSearchType.value = 0
+	searchForm.value.field = 'all'
+	selectedLevel.value = ''
+	selectedGroup.value = ''
+	selectedAgentLevel.value = ''
+	selectedTags.value = []
+	startDate.value = ''
+	endDate.value = ''
+	loadUserList()
+}
+
+const handleBatchAction = (action: string) => {
+	if (selectedUsers.value.length === 0) {
+		uni.showToast({
+			title: '请选择用户',
+			icon: 'none'
+		})
+		return
+	}
+
+	switch (action) {
+		case 'export':
+			exportUsers()
+			break
+		case 'sendMessage':
+			sendBatchMessage()
+			break
+		case 'adjustBalance':
+			adjustBatchBalance()
+			break
+	}
+}
+
+const viewUserDetail = (userId: number) => {
+	uni.navigateTo({
+		url: `/pages/mall/admin/user-detail?id=${userId}`
+	})
+}
+
+const editUser = (userId: number) => {
+	uni.navigateTo({
+		url: `/pages/mall/admin/user-detail?id=${userId}&edit=true`
+	})
+}
+
+const toggleUserStatus = async (userId: number, currentStatus: number) => {
+	try {
+		const newStatus = currentStatus === 1 ? 0 : 1
+		await supa.from('users').update({ status: newStatus }).eq('id', userId)
+
+		uni.showToast({
+			title: newStatus === 1 ? '启用成功' : '禁用成功',
+			icon: 'success'
+		})
+
+		loadUserList()
+	} catch (error) {
+		console.error('更新用户状态失败:', error)
+		uni.showToast({
+			title: '操作失败',
+			icon: 'error'
+		})
+	}
+}
+
+const goToPage = (page: number) => {
+	if (page >= 1 && page <= totalPages.value) {
+		currentPage.value = page
+		loadUserList()
+	}
+}
+
+const getLevelName = (levelId: number) => {
+	const level = userLevels.value.find((l: any) => l.id === levelId)
+	return level?.name || '普通用户'
+}
+
+const formatDate = (dateStr: string) => {
+	if (!dateStr) return ''
+	const date = new Date(dateStr)
+	return date.toLocaleDateString()
+}
+
+// 数据加载方法
+const loadUserLevels = async () => {
+	try {
+		const { data } = await supa.from('user_levels').select('*').order('grade', { ascending: true })
+		userLevels.value = data || []
+	} catch (error) {
+		console.error('加载用户等级失败:', error)
+	}
+}
+
+const loadUserGroups = async () => {
+	try {
+		const { data } = await supa.from('user_groups').select('*')
+		userGroups.value = data || []
+	} catch (error) {
+		console.error('加载用户分组失败:', error)
+	}
+}
+
+const loadAgentLevels = async () => {
+	try {
+		const { data } = await supa.from('agent_levels').select('*').order('grade', { ascending: true })
+		agentLevels.value = data || []
+	} catch (error) {
+		console.error('加载分销等级失败:', error)
+	}
+}
+
+const loadUserTags = async () => {
+	try {
+		const { data } = await supa.from('user_tags').select('*')
+		userTags.value = data || []
+	} catch (error) {
+		console.error('加载用户标签失败:', error)
+	}
+}
+
+const loadUserList = async () => {
+	try {
+		let query = supa.from('users').select(`
+			*,
+			user_levels!inner(name),
+			user_groups(group_name),
+			orders(count)
+		`)
+
+		// 搜索条件
+		if (searchForm.value.keyword) {
+			switch (searchForm.value.field) {
+				case 'uid':
+					query = query.eq('id', parseInt(searchForm.value.keyword))
+					break
+				case 'phone':
+					query = query.ilike('phone', `%${searchForm.value.keyword}%`)
+					break
+				case 'nickname':
+					query = query.ilike('nickname', `%${searchForm.value.keyword}%`)
+					break
+				default:
+					query = query.or(`phone.ilike.%${searchForm.value.keyword}%,nickname.ilike.%${searchForm.value.keyword}%`)
+					break
+			}
+		}
+
+		// 等级筛选
+		if (selectedLevel.value) {
+			const level = userLevels.value.find((l: any) => l.name === selectedLevel.value)
+			if (level) {
+				query = query.eq('level_id', level.id)
+			}
+		}
+
+		// 分组筛选
+		if (selectedGroup.value) {
+			const group = userGroups.value.find((g: any) => g.group_name === selectedGroup.value)
+			if (group) {
+				query = query.eq('group_id', group.id)
+			}
+		}
+
+		// 日期筛选
+		if (startDate.value && endDate.value) {
+			query = query.gte('created_at', startDate.value).lte('created_at', endDate.value)
+		}
+
+		// 分页
+		const from = (currentPage.value - 1) * pageSize.value
+		const to = from + pageSize.value - 1
+
+		const { data, count } = await query.range(from, to)
+		userList.value = data || []
+		totalUsers.value = count || 0
+		totalPages.value = Math.ceil(totalUsers.value / pageSize.value)
+
+	} catch (error) {
+		console.error('加载用户列表失败:', error)
+		uni.showToast({
+			title: '加载失败',
+			icon: 'error'
+		})
+	}
+}
+
+// 批量操作方法
+const exportUsers = () => {
+	uni.showToast({
+		title: '导出功能开发中',
+		icon: 'none'
+	})
+}
+
+const sendBatchMessage = () => {
+	uni.showToast({
+		title: '群发消息功能开发中',
+		icon: 'none'
+	})
+}
+
+const adjustBatchBalance = () => {
+	uni.showToast({
+		title: '批量调整余额功能开发中',
+		icon: 'none'
+	})
+}
+
+// 页面初始化
+onMounted(async () => {
+	await Promise.all([
+		loadUserLevels(),
+		loadUserGroups(),
+		loadAgentLevels(),
+		loadUserTags(),
+		loadUserList()
+	])
+})
+</script>
+
+<style lang="scss">
+.user-management {
+	padding: 30rpx;
+	background-color: #f5f5f5;
+	min-height: 100vh;
+}
+
+// 搜索区域样式
+.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-form {
+	transition: all 0.3s ease;
+
+	&.collapsed {
+		max-height: 120rpx;
+		overflow: hidden;
+	}
+}
+
+.search-row {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 20rpx;
+	margin-bottom: 20rpx;
+
+	&.advanced {
+		border-top: 1rpx solid #e8e8e8;
+		padding-top: 20rpx;
+	}
+}
+
+.form-item {
+	display: flex;
+	align-items: center;
+	min-width: 300rpx;
+	margin-bottom: 20rpx;
+
+	.label {
+		font-size: 28rpx;
+		color: #666;
+		margin-right: 20rpx;
+		white-space: nowrap;
+	}
+}
+
+.input-group {
+	display: flex;
+	align-items: center;
+	flex: 1;
+
+	.search-type {
+		padding: 0 20rpx;
+		height: 60rpx;
+		line-height: 60rpx;
+		background-color: #f5f5f5;
+		border: 1rpx solid #ddd;
+		border-radius: 6rpx 0 0 6rpx;
+		font-size: 26rpx;
+		min-width: 120rpx;
+	}
+
+	.search-input {
+		flex: 1;
+		height: 60rpx;
+		border: 1rpx solid #ddd;
+		border-left: none;
+		border-radius: 0 6rpx 6rpx 0;
+		padding: 0 20rpx;
+		font-size: 26rpx;
+	}
+}
+
+.picker-text {
+	padding: 0 20rpx;
+	height: 60rpx;
+	line-height: 60rpx;
+	border: 1rpx solid #ddd;
+	border-radius: 6rpx;
+	font-size: 26rpx;
+	color: #333;
+	min-width: 200rpx;
+}
+
+.date-range {
+	display: flex;
+	align-items: center;
+	flex: 1;
+
+	.date-picker {
+		padding: 0 20rpx;
+		height: 60rpx;
+		line-height: 60rpx;
+		border: 1rpx solid #ddd;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		color: #333;
+		flex: 1;
+	}
+
+	.date-separator {
+		margin: 0 10rpx;
+		color: #666;
+	}
+}
+
+.tag-selector {
+	display: flex;
+	align-items: center;
+	flex: 1;
+	padding: 0 20rpx;
+	height: 60rpx;
+	border: 1rpx solid #ddd;
+	border-radius: 6rpx;
+	cursor: pointer;
+
+	.tag-list {
+		display: flex;
+		flex-wrap: wrap;
+		flex: 1;
+		gap: 10rpx;
+	}
+
+	.tag {
+		background-color: #e1f5fe;
+		color: #0277bd;
+		padding: 4rpx 12rpx;
+		border-radius: 4rpx;
+		font-size: 24rpx;
+	}
+
+	.placeholder {
+		color: #999;
+		font-size: 26rpx;
+	}
+
+	.dropdown-icon {
+		margin-left: 10rpx;
+		color: #999;
+	}
+}
+
+.form-actions {
+	display: flex;
+	align-items: center;
+	gap: 20rpx;
+	margin-top: 20rpx;
+
+	.btn {
+		padding: 12rpx 24rpx;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		border: none;
+		cursor: pointer;
+
+		&.btn-primary {
+			background-color: #007bff;
+			color: white;
+		}
+
+		&.btn-default {
+			background-color: #f5f5f5;
+			color: #333;
+		}
+	}
+
+	.toggle-search {
+		margin-left: auto;
+		color: #007bff;
+		font-size: 26rpx;
+		cursor: pointer;
+
+		.icon {
+			font-size: 20rpx;
+		}
+	}
+}
+
+// 操作栏样式
+.action-bar {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background-color: #fff;
+	padding: 20rpx 30rpx;
+	border-radius: 12rpx;
+	margin-bottom: 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+	.action-buttons {
+		display: flex;
+		gap: 20rpx;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&.btn-success {
+				background-color: #28a745;
+				color: white;
+			}
+
+			&.btn-warning {
+				background-color: #ffc107;
+				color: #212529;
+			}
+
+			&.btn-info {
+				background-color: #17a2b8;
+				color: white;
+			}
+		}
+	}
+
+	.data-info {
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+
+		.total-count,
+		.page-info {
+			font-size: 26rpx;
+			color: #666;
+		}
+	}
+}
+
+// 用户列表样式
+.user-list {
+	background-color: #fff;
+	border-radius: 12rpx;
+	overflow: hidden;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.table-header {
+	background-color: #f8f9fa;
+	border-bottom: 1rpx solid #e9ecef;
+
+	.table-row {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		font-weight: bold;
+		font-size: 26rpx;
+		color: #495057;
+	}
+}
+
+.table-body {
+	.data-row {
+		border-bottom: 1rpx solid #e9ecef;
+
+		&:hover {
+			background-color: #f8f9fa;
+		}
+
+		&:last-child {
+			border-bottom: none;
+		}
+	}
+}
+
+.table-row {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 30rpx;
+	min-height: 120rpx;
+
+	.table-cell {
+		flex: 1;
+		font-size: 26rpx;
+		color: #495057;
+		display: flex;
+		align-items: center;
+
+		&.checkbox-cell {
+			flex: 0 0 60rpx;
+			justify-content: center;
+		}
+
+		&.user-cell {
+			flex: 2;
+		}
+
+		&.action-cell {
+			flex: 0 0 200rpx;
+			justify-content: flex-end;
+		}
+	}
+}
+
+.user-info {
+	display: flex;
+	align-items: center;
+	gap: 20rpx;
+
+	.user-avatar {
+		width: 80rpx;
+		height: 80rpx;
+		border-radius: 50%;
+		flex-shrink: 0;
+	}
+
+	.user-details {
+		display: flex;
+		flex-direction: column;
+		gap: 4rpx;
+
+		.user-name {
+			font-size: 28rpx;
+			font-weight: bold;
+			color: #212529;
+		}
+
+		.user-phone,
+		.user-id {
+			font-size: 24rpx;
+			color: #6c757d;
+		}
+	}
+}
+
+.level-tag {
+	padding: 4rpx 12rpx;
+	border-radius: 12rpx;
+	font-size: 24rpx;
+	font-weight: bold;
+
+	&.level-0 {
+		background-color: #e9ecef;
+		color: #495057;
+	}
+
+	&.level-1 {
+		background-color: #cce5ff;
+		color: #0066cc;
+	}
+
+	&.level-2 {
+		background-color: #d1ecf1;
+		color: #0c5460;
+	}
+}
+
+.balance,
+.integral,
+.order-count {
+	font-weight: bold;
+	color: #28a745;
+}
+
+.register-time {
+	color: #6c757d;
+}
+
+.status-tag {
+	padding: 4rpx 12rpx;
+	border-radius: 12rpx;
+	font-size: 24rpx;
+	font-weight: bold;
+
+	&.active {
+		background-color: #d4edda;
+		color: #155724;
+	}
+
+	&.inactive {
+		background-color: #f8d7da;
+		color: #721c24;
+	}
+}
+
+.action-buttons {
+	display: flex;
+	gap: 20rpx;
+
+	.action-link {
+		color: #007bff;
+		font-size: 24rpx;
+		cursor: pointer;
+
+		&:hover {
+			text-decoration: underline;
+		}
+
+		&.danger {
+			color: #dc3545;
+		}
+
+		&.success {
+			color: #28a745;
+		}
+	}
+}
+
+// 分页样式
+.pagination {
+	display: flex;
+	justify-content: center;
+	margin-top: 30rpx;
+
+	.page-buttons {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+	}
+
+	.page-btn,
+	.page-number {
+		padding: 12rpx 20rpx;
+		border: 1rpx solid #ddd;
+		background-color: #fff;
+		color: #333;
+		border-radius: 6rpx;
+		font-size: 26rpx;
+		cursor: pointer;
+		transition: all 0.2s;
+
+		&:disabled {
+			background-color: #f5f5f5;
+			color: #999;
+			cursor: not-allowed;
+		}
+
+		&:hover:not(:disabled) {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+
+		&.active {
+			background-color: #007bff;
+			color: white;
+			border-color: #007bff;
+		}
+	}
+}
+
+// 弹窗样式
+.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: 80%;
+	max-width: 600rpx;
+	max-height: 80vh;
+	overflow: hidden;
+
+	.modal-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 30rpx;
+		border-bottom: 1rpx solid #e9ecef;
+
+		.modal-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #212529;
+		}
+
+		.modal-close {
+			font-size: 36rpx;
+			color: #999;
+			cursor: pointer;
+
+			&:hover {
+				color: #333;
+			}
+		}
+	}
+
+	.modal-body {
+		padding: 30rpx;
+		max-height: 400rpx;
+		overflow-y: auto;
+
+		.tag-item {
+			display: flex;
+			align-items: center;
+			gap: 20rpx;
+			padding: 20rpx 0;
+			border-bottom: 1rpx solid #f0f0f0;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			.tag-name {
+				font-size: 28rpx;
+				color: #333;
+			}
+		}
+	}
+
+	.modal-footer {
+		display: flex;
+		justify-content: flex-end;
+		gap: 20rpx;
+		padding: 30rpx;
+		border-top: 1rpx solid #e9ecef;
+
+		.btn {
+			padding: 12rpx 24rpx;
+			border-radius: 6rpx;
+			font-size: 26rpx;
+			border: none;
+			cursor: pointer;
+
+			&.btn-default {
+				background-color: #f5f5f5;
+				color: #333;
+			}
+
+			&.btn-primary {
+				background-color: #007bff;
+				color: white;
+			}
+		}
+	}
+}
+
+// 响应式设计
+@media (max-width: 750rpx) {
+	.search-row {
+		flex-direction: column;
+		align-items: stretch;
+	}
+
+	.form-item {
+		min-width: auto;
+		margin-bottom: 20rpx;
+	}
+
+	.table-row {
+		flex-wrap: wrap;
+		padding: 15rpx;
+
+		.table-cell {
+			min-width: 200rpx;
+			margin-bottom: 10rpx;
+
+			&.user-cell {
+				min-width: 300rpx;
+			}
+		}
+	}
+
+	.action-bar {
+		flex-direction: column;
+		gap: 20rpx;
+		align-items: stretch;
+
+		.action-buttons {
+			justify-content: center;
+		}
+	}
+}
+</style>
diff --git a/pages/mall/nfc-modules-guide.md b/pages/mall/nfc/nfc-modules-guide.md
similarity index 100%
rename from pages/mall/nfc-modules-guide.md
rename to pages/mall/nfc/nfc-modules-guide.md
diff --git a/pages/mall/nfc.md b/pages/mall/nfc/nfc.md
similarity index 100%
rename from pages/mall/nfc.md
rename to pages/mall/nfc/nfc.md
diff --git a/pages/mall/pages-admin.json b/pages/mall/nfc/pages-admin.json
similarity index 100%
rename from pages/mall/pages-admin.json
rename to pages/mall/nfc/pages-admin.json
diff --git a/pages/mall/pages-librarian.json b/pages/mall/nfc/pages-librarian.json
similarity index 100%
rename from pages/mall/pages-librarian.json
rename to pages/mall/nfc/pages-librarian.json
diff --git a/pages/mall/pages-merchant.json b/pages/mall/nfc/pages-merchant.json
similarity index 100%
rename from pages/mall/pages-merchant.json
rename to pages/mall/nfc/pages-merchant.json
diff --git a/pages/mall/pages-parent.json b/pages/mall/nfc/pages-parent.json
similarity index 100%
rename from pages/mall/pages-parent.json
rename to pages/mall/nfc/pages-parent.json
diff --git a/pages/mall/pages-security.json b/pages/mall/nfc/pages-security.json
similarity index 100%
rename from pages/mall/pages-security.json
rename to pages/mall/nfc/pages-security.json
diff --git a/pages/mall/pages-student.json b/pages/mall/nfc/pages-student.json
similarity index 100%
rename from pages/mall/pages-student.json
rename to pages/mall/nfc/pages-student.json
diff --git a/pages/mall/pages-teacher.json b/pages/mall/nfc/pages-teacher.json
similarity index 100%
rename from pages/mall/pages-teacher.json
rename to pages/mall/nfc/pages-teacher.json
diff --git a/pages/mall/pages-config.json b/pages/mall/pages.json
similarity index 94%
rename from pages/mall/pages-config.json
rename to pages/mall/pages.json
index f4985a33..720ba681 100644
--- a/pages/mall/pages-config.json
+++ b/pages/mall/pages.json
@@ -420,6 +420,42 @@
 					"style": {
 						"navigationBarTitleText": "系统设置"
 					}
+				},
+				{
+					"path": "marketing-management",
+					"style": {
+						"navigationBarTitleText": "营销管理"
+					}
+				},
+				{
+					"path": "activity-log",
+					"style": {
+						"navigationBarTitleText": "活动日志"
+					}
+				},
+				{
+					"path": "merchant-review",
+					"style": {
+						"navigationBarTitleText": "商家审核"
+					}
+				},
+				{
+					"path": "product-review",
+					"style": {
+						"navigationBarTitleText": "商品审核"
+					}
+				},
+				{
+					"path": "refund-review",
+					"style": {
+						"navigationBarTitleText": "退款审核"
+					}
+				},
+				{
+					"path": "complaints",
+					"style": {
+						"navigationBarTitleText": "投诉处理"
+					}
 				}
 			]
 		},
diff --git a/uni_modules/ak-req/ak-req.uts b/uni_modules/ak-req/ak-req.uts
index f312c60f..1c8b5a11 100644
--- a/uni_modules/ak-req/ak-req.uts
+++ b/uni_modules/ak-req/ak-req.uts
@@ -219,7 +219,18 @@ export class AkReq {
     await new Promise<void>((r) => { setTimeout(() => { r(); }, delay); });
 			attempt++;
 		}
-		return lastRes!!;
+		const finalRes = lastRes!!;
+		// 全局处理 401 未授权：在非 refresh 场景下，清理 token 并跳转登录以避免未捕获错误
+		if ((finalRes.status === 401) && (skipRefresh !== true)) {
+			try {
+				this.clearToken();
+				uni.showToast({ title: '未授权或登录已过期，请重新登录', icon: 'none' });
+			} catch (e) {}
+			try {
+				uni.reLaunch({ url: '/pages/user/login' });
+			} catch (e) {}
+		}
+		return finalRes;
 	}
 
 	// 新增 upload 方法，支持 uni.uploadFile，自动带 token/apikey