正在获取用户信息

- 修改 .gitignore: uni_modules/ → /uni_modules/，仅忽略根目录
- 保留 src/uni_modules/uni-scss（构建依赖的 SCSS 变量文件）
- 删除 46 个未使用的 uni-ui 插件

Co-Authored-By: Claude <noreply@anthropic.com>

.gitea/workflows/deploy.yaml

@@ -81,25 +81,26 @@ jobs:
         env:
           CLONE_SSH: ${{ vars.CLONE_SSH }}
           TAG_NAME: ${{ github.event.release.tag_name }}
+          # 直接使用服务器上的 Gitea 仓库物理路径
+          LOCAL_REPO_PATH: /usr/local/bin/data/gitea-repositories/kellan/consumer-front.git
         run: |
           set -e
-          # 直接使用服务器上的 Gitea 仓库物理路径
-          LOCAL_REPO_PATH: $(echo "${CLONE_SSH#*:}" | tr -d '\r\n')
-          
-          echo "Resolved local path: [$LOCAL_REPO_PATH]"
-          
           # 使用 --no-hardlinks 在本机通过本地路径克隆，完全避开 SSH 和所有权检查
-          git clone --depth=1 --branch "$TAG_NAME" --no-hardlinks "file://$LOCAL_REPO_PATH" .
+          git clone --depth=1 --branch "$TAG_NAME" --no-hardlinks "$LOCAL_REPO_PATH" .
 
       ###############################################
       # 3. 安装依赖 & 构建 Uni-app (H5)
       ###############################################
       - name: Install dependencies and Build H5
+        env:
+          DEPLOY_ENV: ${{ steps.detect.outputs.env }}
         run: |
           set -e
           # pnpm真实路径
           PNPM_PATH="/root/.nvm/versions/node/v20.20.2/bin/pnpm"
 
+          echo "构建环境: DEPLOY_ENV=$DEPLOY_ENV"
+
           # 1. 配置镜像并安装依赖
           $PNPM_PATH config set registry https://registry.npmmirror.com
           $PNPM_PATH install --frozen-lockfile
@@ -113,9 +114,16 @@ jobs:
       - name: Upload dist to server
         run: |
           TARGET="${{ steps.detect.outputs.target }}"
+          ENV_NAME="${{ steps.detect.outputs.env }}"
           # 请根据你的实际构建输出路径调整
           H5_SOURCE_DIR="dist/build/h5"
-          WEB_ROOT="${{ vars.PROJECT_DIR }}"
+
+          # 根据发布类型选择项目路径
+          if [ "$ENV_NAME" = "staging" ]; then
+            WEB_ROOT="${{ vars.STG_PROJECT_DIR }}"
+          else
+            WEB_ROOT="${{ vars.PROJECT_DIR }}"
+          fi
 
           echo "部署到: $TARGET"
           echo "源目录: $H5_SOURCE_DIR"
@@ -127,10 +135,13 @@ jobs:
             exit 1
           fi
 
+          # 确保构建产物可读
+          chmod -R a+r "$H5_SOURCE_DIR"
+
           # 使用 rsync 同步文件
-          # 修正: 将 -e 参数移到前面
+          rsync -rltvz --delete \
-          rsync -rltzv --delete --chmod=Du=rwx,Dgo=rx,Fu=rw,Fgo=r \
+            --no-perms --no-times --no-owner --no-group \
-            -e "ssh -i ~/.ssh/id_rsa -o StrictHostKeyChecking=no" \
+            -e "ssh -i ~/.ssh/id_ed25519 -o StrictHostKeyChecking=no" \
             "$H5_SOURCE_DIR/" \
             "root@${TARGET}:${WEB_ROOT}/"
 

.gitignore

@@ -6,8 +6,8 @@ build/
 # --- 依赖目录 ---
 node_modules/
 
-# --- uni-app 插件模块 ---
+# --- uni-app 插件模块 (仅忽略根目录，src/uni_modules 是项目代码) ---
-uni_modules/
+/uni_modules/
 
 # --- 编辑器配置与缓存 ---
 .vscode/

public/GwKDMM6vRz.txt

@@ -0,0 +1 @@
+70011ed2d63c3cfa7094f5cb2a9aafea

public/MP_verify_2K94E8Rn63mn6Nys.txt

@@ -0,0 +1 @@
+2K94E8Rn63mn6Nys

public/MP_verify_sfIpUAfcT78BnMBv.txt

@@ -0,0 +1 @@
+sfIpUAfcT78BnMBv

src/App.vue

@@ -1,31 +1,113 @@
 <script>
 	import { initEnv } from '@/utils/env.js';
-	import { handleAuthCallback, onAuthSuccess } from '@/utils/auth-guard.js';
+	import config from '@/config/env.js';
 
 	export default {
 		onLaunch: function(options) {
 			console.log('App Launch')
 
+			// 0. Mock 模式：仅首次进入时清除登录状态（刷新时保留）
+			if (config.mockWechatLogin) {
+				const mockInitialized = uni.getStorageSync('__mock_initialized');
+				if (!mockInitialized) {
+					uni.removeStorageSync('token');
+					uni.removeStorageSync('user_info');
+					uni.removeStorageSync('temp_token');
+					uni.removeStorageSync('auth_info');
+					uni.setStorageSync('__mock_initialized', 'true');
+					console.log('[Mock] 首次进入，清除登录状态');
+				} else {
+					console.log('[Mock] 刷新页面，保留登录状态');
+				}
+			}
+
 			// 1. 环境检测 + 缓存 app_no/platform
 			initEnv();
 
 			// #ifdef H5
-			// 2. 处理授权回调（URL 中带 code/auth_code 参数）
+			// 2. 解析设备编号：优先从 query 参数获取，其次从路径解析
-			this.handleAuthRedirect();
+			let deviceId = '';
+			const urlParams = new URLSearchParams(window.location.search);
+			deviceId = urlParams.get('device_id') || '';
 
-			// 3. 解析 URL 路径中的设备编号（如 /A1036）
+			// 兜底：从路径解析（如 /N1154）
-			const path = window.location.pathname;
+			if (!deviceId) {
-			const segments = path.split('/').filter(Boolean);
+				const path = window.location.pathname;
-			if (segments.length > 0) {
+				const segments = path.split('/').filter(Boolean);
-				const last = segments[segments.length - 1];
+				if (segments.length > 0) {
-				// 匹配设备编号格式：大写字母开头 + 大写字母/数字
+					const last = segments[segments.length - 1];
-				if (/^[A-Z][A-Z0-9]+$/.test(last)) {
+					if (/^[A-Z][A-Z0-9]+$/.test(last)) {
-					uni.redirectTo({
+						deviceId = last;
-						url: '/pages/index/index?device_id=' + last
+					}
-					});
-					return;
 				}
 			}
+
+			// 3. 检查 URL 中是否有授权回调的 code（支付宝用 auth_code，微信用 code）
+			const code = urlParams.get('code') || urlParams.get('auth_code');
+
+			if (code) {
+				// 有 code → 进入授权 Loading 页处理
+				// 从 state 中解析 device_id 和 action（OAuth 标准保证 state 原样回传）
+				let action = '';
+				let callbackDeviceId = deviceId || '';
+				try {
+					const stateStr = urlParams.get('state');
+					if (stateStr) {
+						const stateObj = JSON.parse(decodeURIComponent(stateStr));
+						action = stateObj.action || action;
+						callbackDeviceId = stateObj.device_id || callbackDeviceId;
+					}
+				} catch (_) {
+					// state 解析失败，忽略
+				}
+				// 存入 localStorage，确保 loading 页面复用时也能获取（redirectTo 可能不触发 onLoad）
+				if (action) {
+					localStorage.setItem('__auth_action', action);
+				}
+				if (callbackDeviceId) {
+					localStorage.setItem('__auth_device_id', callbackDeviceId);
+				}
+				let loadingUrl = '/pages/auth/loading?code=' + encodeURIComponent(code);
+				if (action) {
+					loadingUrl += '&action=' + action;
+				}
+				if (callbackDeviceId) {
+					loadingUrl += '&device_id=' + callbackDeviceId;
+				}
+				uni.redirectTo({ url: loadingUrl });
+				return;
+			}
+
+			// 4. 判断是否为根路径或设备编号路径（如 / 或 /N1154）
+			const currentPath = window.location.pathname;
+			const isRootOrDevice = currentPath === '/' || /^\/[A-Z][A-Z0-9]+$/.test(currentPath);
+
+			// 5. 检查 JWT
+			const token = uni.getStorageSync('token');
+
+			if (token) {
+				if (isRootOrDevice) {
+					// 根路径/设备编号路径 → 跳转首页
+					const homeUrl = deviceId
+						? `/pages/index/index?device_id=${deviceId}`
+						: '/pages/index/scan';
+					uni.redirectTo({ url: homeUrl });
+				} else {
+					// 其他业务页面 → 留在当前页面
+					console.log('[App] 已登录，保留在当前页面');
+				}
+			} else {
+				// 无 JWT → 进入授权 Loading 页
+				const loadingUrl = deviceId
+					? `/pages/auth/loading?device_id=${deviceId}`
+					: '/pages/auth/loading';
+				uni.redirectTo({ url: loadingUrl });
+			}
+			// #endif
+
+			// #ifndef H5
+			// 小程序环境：直接进入扫码页
+			uni.redirectTo({ url: '/pages/index/scan' });
 			// #endif
 		},
 		onShow: function() {
@@ -33,37 +115,6 @@
 		},
 		onHide: function() {
 			console.log('App Hide')
-		},
-		methods: {
-			// #ifdef H5
-			async handleAuthRedirect() {
-				const urlParams = new URLSearchParams(window.location.search);
-				const code = urlParams.get('code') || urlParams.get('auth_code') || '';
-
-				if (!code) return;
-
-				// 有授权码，调用后端回调接口
-				const result = await handleAuthCallback();
-				if (result) {
-					onAuthSuccess(result);
-
-					// 清除 URL 中的 code 参数，避免刷新重复处理
-					const url = new URL(window.location.href);
-					url.searchParams.delete('code');
-					url.searchParams.delete('auth_code');
-					url.searchParams.delete('state');
-					window.history.replaceState({}, '', url.toString());
-
-					// 如果需要绑定手机号
-					if (result.need_bindphone) {
-						uni.setStorageSync('temp_token', result.temp_token);
-						uni.showToast({ title: '请绑定手机号完成注册', icon: 'none' });
-					} else {
-						uni.showToast({ title: '登录成功', icon: 'success' });
-					}
-				}
-			}
-			// #endif
 		}
 	}
 </script>

src/components/door-panel/door-panel.vue

@@ -0,0 +1,660 @@
+<template>
+  <view v-if="step" class="door-overlay">
+
+    <!-- 开门中 -->
+    <view v-if="step === 'opening'" class="door-overlay-content">
+      <view class="door-spinner">
+        <view class="spinner-dot" v-for="i in 3" :key="i"></view>
+      </view>
+      <text class="door-overlay-text">开门中...</text>
+      <text class="door-overlay-tip">请稍候，正在为您打开柜门</text>
+    </view>
+
+    <!-- 已开门 -->
+    <view v-if="step === 'opened'" class="door-state-bg">
+      <view class="door-state-content">
+        <view class="door-state-icon-wrap">
+          <view class="door-state-ring"></view>
+          <view class="door-state-icon">
+            <view class="icon-door-left"></view>
+            <view class="icon-door-right"></view>
+          </view>
+        </view>
+        <text class="door-state-title">门锁已打开</text>
+        <text class="door-state-desc">请先拉开柜门，取走商品后随手关门</text>
+        <view class="door-state-divider"></view>
+        <view class="door-steps">
+          <view class="step-item">
+            <view class="step-dot active">1</view>
+            <text class="step-text">取走商品</text>
+          </view>
+          <view class="step-line"></view>
+          <view class="step-item">
+            <view class="step-dot">2</view>
+            <text class="step-text">关闭柜门</text>
+          </view>
+          <view class="step-line"></view>
+          <view class="step-item">
+            <view class="step-dot">3</view>
+            <text class="step-text">完成订单</text>
+          </view>
+        </view>
+        <view class="door-btn-area">
+          <view class="door-btn-close" @click="handleClose">返回首页</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 已关门 -->
+    <view v-if="step === 'closed'" class="door-state-bg">
+      <view class="door-state-content">
+        <view class="door-state-icon-wrap">
+          <view class="door-state-ring warning-ring"></view>
+          <view class="door-state-icon">
+            <view class="icon-lock">
+              <view class="lock-body"></view>
+              <view class="lock-hole"></view>
+            </view>
+          </view>
+        </view>
+        <text class="door-state-title">柜门已关闭</text>
+        <text class="door-state-desc">订单处理中，请稍候...</text>
+        <view class="door-state-divider"></view>
+        <view class="door-steps">
+          <view class="step-item">
+            <view class="step-dot done">✓</view>
+            <text class="step-text">取走商品</text>
+          </view>
+          <view class="step-line done"></view>
+          <view class="step-item">
+            <view class="step-dot active">2</view>
+            <text class="step-text">已关柜门</text>
+          </view>
+          <view class="step-line"></view>
+          <view class="step-item">
+            <view class="step-dot">3</view>
+            <text class="step-text">完成订单</text>
+          </view>
+        </view>
+        <view class="door-btn-area">
+          <view class="door-btn-close" @click="handleClose">返回首页</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 订单完成 -->
+    <view v-if="step === 'complete'" class="door-state-bg">
+      <view class="door-state-content door-complete-content">
+        <view class="door-state-icon-wrap">
+          <view class="door-state-ring success-ring"></view>
+          <view class="door-state-icon">
+            <view class="icon-check"></view>
+          </view>
+        </view>
+        <text class="door-state-title">订单已完成</text>
+        <text class="door-state-desc">感谢您的购买</text>
+
+        <!-- 订单信息 -->
+        <view class="door-order-card" v-if="orderInfo">
+          <!-- 商品列表 -->
+          <view class="door-product-list" v-if="orderInfo.products && orderInfo.products.length">
+            <view class="door-product-item" v-for="(p, idx) in orderInfo.products" :key="idx">
+              <image class="door-product-img" :src="p.image" mode="aspectFill" />
+              <view class="door-product-info">
+                <text class="door-product-name">{{ p.name }}</text>
+                <text class="door-product-price">¥{{ getDecimal(p.unit_price) }} x {{ p.qty }}</text>
+              </view>
+            </view>
+          </view>
+          <view class="door-order-row">
+            <text class="door-order-label">订单编号</text>
+            <text class="door-order-value">{{ orderInfo.order_no }}</text>
+          </view>
+          <view class="door-order-row">
+            <text class="door-order-label">商品数量</text>
+            <text class="door-order-value">{{ orderInfo.total_qty || '-' }} 件</text>
+          </view>
+          <view class="door-order-row total">
+            <text class="door-order-label">订单金额</text>
+            <text class="door-order-value door-price">¥{{ getDecimal(orderInfo.total_amount) }}</text>
+          </view>
+        </view>
+
+        <view class="door-btn-area">
+          <view class="door-btn-detail" @click="goOrderDetail">查看订单详情</view>
+          <view class="door-btn-close" @click="handleClose">返回首页</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { get, post } from '@/utils/request.js';
+import { detectPlatform } from '@/utils/env.js';
+
+export default {
+  props: {
+    deviceId: { type: String, default: '' },
+    userId: { type: String, default: '' }
+  },
+  data() {
+    return {
+      step: '', // '' | 'opening' | 'opened' | 'closed' | 'complete'
+      flowId: '',
+      orderInfo: null,
+      orderLoading: false,
+      cancelled: false
+    };
+  },
+  beforeDestroy() {
+    this.cancelled = true;
+  },
+  methods: {
+    // 外部调用：启动开门流程
+    async open(userId) {
+      if (this.step) return;
+
+      this.cancelled = false;
+      this.step = 'opening';
+
+      const uid = userId || this.userId;
+
+      try {
+        const res = await post('/device-scan/open', {
+          device_id: this.deviceId,
+          door_index: 0,
+          user_id: uid,
+          platform: detectPlatform()
+        });
+
+        const ret = res.data || {};
+        if (ret.code !== 0) {
+          this.step = '';
+          uni.showToast({ title: ret.message || '开门失败', icon: 'none' });
+          return;
+        }
+
+        const flowId = ret.data && ret.data.flow_id;
+        if (!flowId) {
+          this.step = '';
+          uni.showToast({ title: '未获取到开门流水号', icon: 'none' });
+          return;
+        }
+
+        this.flowId = flowId;
+        this.pollStatus(flowId);
+      } catch (e) {
+        this.step = '';
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
+      }
+    },
+
+    // 轮询状态
+    async pollStatus(flowId) {
+      const maxRetries = 30;
+      const interval = 2000;
+      let remaining = maxRetries;
+      let lastStep = '';
+
+      while (remaining > 0) {
+        if (this.step === 'complete' || this.cancelled) return;
+
+        try {
+          const res = await get('/flow/getStatusLog', {
+            flow_id: flowId,
+            status: '101,103,201'
+          });
+
+          const ret = res.data || {};
+          if (ret.code === 0 && Array.isArray(ret.data) && ret.data.length > 0) {
+            const latestStatus = ret.data[0].status;
+            let newStep = '';
+
+            if (latestStatus === 101) {
+              newStep = 'opened';
+            } else if (latestStatus === 103) {
+              newStep = 'closed';
+            } else if (latestStatus === 201) {
+              this.step = 'complete';
+              this.fetchOrder(flowId);
+              return;
+            }
+
+            // 状态真正变化时才重置计数器
+            if (newStep && newStep !== lastStep) {
+              this.step = newStep;
+              lastStep = newStep;
+              remaining = maxRetries;
+            }
+          }
+        } catch (e) {
+          console.error('[door-panel] 轮询失败:', e);
+        }
+
+        remaining--;
+        await new Promise(resolve => setTimeout(resolve, interval));
+      }
+
+      // 轮询结束
+      if (this.step === 'opening') {
+        this.step = '';
+        uni.showToast({ title: '开门超时，请重试', icon: 'none' });
+      }
+    },
+
+    // 查询订单信息
+    async fetchOrder(orderId) {
+      if (!orderId || !this.userId) {
+        this.orderLoading = false;
+        return;
+      }
+      this.orderLoading = true;
+      try {
+        const res = await get('/user/orders', {
+          page: 1,
+          limit: 1,
+          filter: JSON.stringify({ user_id: this.userId, order_id: orderId })
+        });
+        const ret = res.data || {};
+        if (ret.code === 0 && Array.isArray(ret.data) && ret.data.length > 0) {
+          this.orderInfo = ret.data[0];
+        }
+      } catch (e) {
+        console.error('[door-panel] 获取订单信息失败:', e);
+      } finally {
+        this.orderLoading = false;
+      }
+    },
+
+    // MongoDB Decimal128 转换
+    getDecimal(val) {
+      if (val == null) return '0.00';
+      if (typeof val === 'object' && val.$numberDecimal) return val.$numberDecimal;
+      return String(val);
+    },
+
+    // 跳转订单详情
+    goOrderDetail() {
+      if (this.orderInfo) {
+        const orderId = this.orderInfo.order_id || '';
+        uni.setStorageSync('__order_detail_cache', this.orderInfo);
+        uni.navigateTo({ url: `/pages/order/detail?order_id=${orderId}` });
+      } else if (this.flowId) {
+        uni.navigateTo({ url: `/pages/order/detail?flow_id=${this.flowId}` });
+      } else {
+        uni.showToast({ title: '无法获取订单信息', icon: 'none' });
+      }
+    },
+
+    // 关闭遮罩
+    handleClose() {
+      this.step = '';
+      this.flowId = '';
+      this.orderInfo = null;
+      this.orderLoading = false;
+      this.$emit('close');
+    }
+  }
+};
+</script>
+
+<style scoped>
+/* ====== 开门中遮罩 ====== */
+.door-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.7);
+  z-index: 3000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.door-overlay-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 60rpx;
+}
+.door-spinner {
+  display: flex;
+  gap: 16rpx;
+  margin-bottom: 40rpx;
+}
+.spinner-dot {
+  width: 20rpx;
+  height: 20rpx;
+  border-radius: 50%;
+  background: #fff;
+  animation: spinner-bounce 1.2s ease-in-out infinite;
+}
+.spinner-dot:nth-child(2) { animation-delay: 0.2s; }
+.spinner-dot:nth-child(3) { animation-delay: 0.4s; }
+@keyframes spinner-bounce {
+  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
+  30% { transform: translateY(-20rpx); opacity: 1; }
+}
+.door-overlay-text {
+  font-size: 36rpx;
+  color: #fff;
+  font-weight: bold;
+  margin-bottom: 16rpx;
+}
+.door-overlay-tip {
+  font-size: 26rpx;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* ====== 通用状态页背景 ====== */
+.door-state-bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+  z-index: 3000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.door-state-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0 60rpx;
+  width: 100%;
+}
+.door-complete-content {
+  max-height: 85vh;
+  overflow-y: auto;
+}
+
+/* ====== 图标区域 ====== */
+.door-state-icon-wrap {
+  position: relative;
+  width: 180rpx;
+  height: 180rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 48rpx;
+  /* 动效环 scale(1.6) 会超出容器，预留空间避免被裁剪 */
+  margin-top: 60rpx;
+}
+.door-state-ring {
+  position: absolute;
+  width: 180rpx;
+  height: 180rpx;
+  border-radius: 50%;
+  border: 4rpx solid rgba(41, 121, 255, 0.3);
+  animation: ring-pulse 2s ease-out infinite;
+}
+.warning-ring {
+  border-color: rgba(250, 173, 20, 0.3);
+}
+.success-ring {
+  border-color: rgba(82, 196, 26, 0.3);
+}
+@keyframes ring-pulse {
+  0% { transform: scale(0.8); opacity: 1; }
+  100% { transform: scale(1.6); opacity: 0; }
+}
+
+.door-state-icon {
+  width: 80rpx;
+  height: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1;
+}
+
+/* 柜门图标（已开门） */
+.icon-door-left {
+  width: 28rpx;
+  height: 56rpx;
+  background: #2979ff;
+  border-radius: 6rpx;
+  transform: perspective(200rpx) rotateY(25deg);
+  animation: door-left-open 0.8s ease-out forwards;
+}
+.icon-door-right {
+  width: 28rpx;
+  height: 56rpx;
+  background: #2979ff;
+  border-radius: 6rpx;
+  transform: perspective(200rpx) rotateY(-25deg);
+  animation: door-right-open 0.8s ease-out forwards;
+}
+@keyframes door-left-open {
+  0% { transform: perspective(200rpx) rotateY(0deg); }
+  100% { transform: perspective(200rpx) rotateY(35deg); }
+}
+@keyframes door-right-open {
+  0% { transform: perspective(200rpx) rotateY(0deg); }
+  100% { transform: perspective(200rpx) rotateY(-35deg); }
+}
+
+/* 锁图标（已关门） */
+.icon-lock {
+  position: relative;
+  width: 48rpx;
+  height: 56rpx;
+}
+.lock-body {
+  width: 48rpx;
+  height: 36rpx;
+  background: #faad14;
+  border-radius: 6rpx;
+  position: absolute;
+  bottom: 0;
+}
+.lock-hole {
+  width: 28rpx;
+  height: 24rpx;
+  border: 5rpx solid #faad14;
+  border-radius: 14rpx 14rpx 0 0;
+  border-bottom: none;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+/* 勾图标（订单完成） */
+.icon-check {
+  width: 40rpx;
+  height: 24rpx;
+  border-left: 5rpx solid #52c41a;
+  border-bottom: 5rpx solid #52c41a;
+  transform: rotate(-45deg);
+  margin-top: -8rpx;
+}
+
+/* ====== 标题 ====== */
+.door-state-title {
+  font-size: 44rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 16rpx;
+  letter-spacing: 4rpx;
+}
+.door-state-desc {
+  font-size: 28rpx;
+  color: #999;
+  margin-bottom: 48rpx;
+}
+
+/* ====== 分割线 ====== */
+.door-state-divider {
+  width: 80rpx;
+  height: 4rpx;
+  background: linear-gradient(90deg, transparent, #2979ff, transparent);
+  border-radius: 2rpx;
+  margin-bottom: 48rpx;
+}
+
+/* ====== 步骤条 ====== */
+.door-steps {
+  display: flex;
+  align-items: center;
+}
+.step-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12rpx;
+}
+.step-dot {
+  width: 44rpx;
+  height: 44rpx;
+  border-radius: 50%;
+  background: #f5f5f5;
+  border: 2rpx solid #e0e0e0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 22rpx;
+  color: #999;
+}
+.step-dot.active {
+  background: rgba(41, 121, 255, 0.1);
+  border-color: #2979ff;
+  color: #2979ff;
+}
+.step-dot.done {
+  background: rgba(41, 121, 255, 0.1);
+  border-color: #2979ff;
+  color: #2979ff;
+  font-size: 20rpx;
+}
+.step-text {
+  font-size: 22rpx;
+  color: #999;
+  white-space: nowrap;
+}
+.step-line {
+  width: 60rpx;
+  height: 2rpx;
+  background: #e0e0e0;
+  margin-bottom: 36rpx;
+}
+.step-line.done {
+  background: #2979ff;
+}
+
+/* ====== 订单卡片 ====== */
+.door-order-card {
+  width: 100%;
+  background: #f8f8f8;
+  border: 1rpx solid #f0f0f0;
+  border-radius: 20rpx;
+  padding: 24rpx 30rpx;
+  margin-top: 16rpx;
+}
+
+/* 商品列表 */
+.door-product-list {
+  margin-bottom: 12rpx;
+}
+.door-product-item {
+  display: flex;
+  align-items: center;
+  padding: 12rpx 0;
+}
+.door-product-item + .door-product-item {
+  border-top: 1rpx solid #f0f0f0;
+}
+.door-product-img {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 10rpx;
+  background: #f0f0f0;
+  flex-shrink: 0;
+}
+.door-product-info {
+  flex: 1;
+  margin-left: 16rpx;
+  display: flex;
+  flex-direction: column;
+  gap: 6rpx;
+}
+.door-product-name {
+  font-size: 26rpx;
+  color: #333;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.door-product-price {
+  font-size: 24rpx;
+  color: #999;
+}
+.door-order-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16rpx 0;
+}
+.door-order-row + .door-order-row {
+  border-top: 1rpx solid #f0f0f0;
+}
+.door-order-row.total {
+  border-top: 1rpx solid #e0e0e0;
+  margin-top: 8rpx;
+  padding-top: 20rpx;
+}
+.door-order-label {
+  font-size: 26rpx;
+  color: #999;
+}
+.door-order-value {
+  font-size: 26rpx;
+  color: #333;
+}
+.door-price {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #e4393c;
+}
+.door-order-loading {
+  font-size: 26rpx;
+  color: #999;
+  text-align: center;
+  padding: 16rpx 0;
+}
+
+/* ====== 按钮区域 ====== */
+.door-btn-area {
+  margin-top: 64rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24rpx;
+}
+
+/* ====== 查看订单详情按钮 ====== */
+.door-btn-detail {
+  font-size: 30rpx;
+  color: #fff;
+  padding: 24rpx 80rpx;
+  background: linear-gradient(135deg, #2979ff, #1e60e0);
+  border-radius: 48rpx;
+  letter-spacing: 2rpx;
+}
+
+/* ====== 关闭按钮 ====== */
+.door-btn-close {
+  font-size: 30rpx;
+  color: #2979ff;
+  padding: 24rpx 100rpx;
+  background: #fff;
+  border: 2rpx solid #2979ff;
+  border-radius: 48rpx;
+  letter-spacing: 2rpx;
+}
+</style>

src/config/dev.js

@@ -6,16 +6,35 @@ const dev = {
   apiBaseUrl: 'http://192.168.0.23:4000',
 
   // 网关地址（vms-gateway，端口 4001）— 用户授权、短信等接口走网关
-  apiGatewayUrl: 'https://gateway.arklinksmart.cn',
+  apiGatewayUrl: 'http://192.168.0.23:4001',
 
-  // 授权回调地址（支付宝/微信 OAuth redirect_uri）
+  // 授权回调地址（微信 OAuth redirect_uri，必须 HTTPS，指向前端页面）
-  authRedirectUri: 'https://gateway.arklinksmart.cn/api/v1/user/auth/callback',
+  authRedirectUri: 'https://m.arklinksmart.cn/pages/auth/loading',
 
   // 开发阶段硬编码 Token（生产环境应从登录流程获取）
   bearerToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6ImRlZXB2ZW5kaW5nIiwic3ViIjoiMTY0MDI0MTEyNiIsImZyb20iOiJwb3MiLCJyb2xlIjoicG9zIiwibWFpbmJvYXJkX2lkIjoiVDEwMDIiLCJwb3Nfc24iOiIxNjQwMjQxMTI2IiwiaWF0IjoxNzc4NDkxOTA3LCJleHAiOjE3NzkwOTY3MDd9.DjscZtrTCr30XOngToUifxoel4q2EGES_uqGQernkvg',
 
   // 是否开启请求日志
   enableRequestLog: true,
+
+  // Mock 微信登录（跳过 OAuth 流程）
+  // 'skip'    → 直接登录进首页
+  // 'register' → 模拟新用户，走注册流程
+  // 'login'   → 模拟已注册用户，走登录流程
+  // false     → 走真实微信 OAuth
+  mockWechatLogin: 'register',
+  mockAppNo: '60000001102001',
+  mockUser: {
+    token: 'mock_token_dev_2024',
+    user_info: {
+      user_id: 'abc123456',
+      phone: '13264706088',
+      open_id: 'mock_openid_002',
+      union_id: 'test_union_id',
+      nickname: '测试用户',
+      avatar: 'https://img.wewemivending.com/vms/us/img/uploads/2025/12/18/6943d37c7d82b3439.jpeg',
+    },
+  },
 };
 
 export default dev;

src/config/env.js

@@ -1,16 +1,30 @@
 /**
  * 环境配置入口
- * 根据编译模式自动选择 dev / prod 配置
+ * 根据编译模式自动选择 dev / staging / prod 配置
+ *
+ * DEPLOY_ENV 环境变量：
+ *   - 'staging'    → 预发布环境
+ *   - 'production' → 生产环境（默认）
+ *   - 未设置且 NODE_ENV !== 'production' → 开发环境
  */
 import common from './index.js';
 import dev from './dev.js';
+import staging from './staging.js';
 import prod from './prod.js';
 
 // uni-app 编译时通过 define 注译 __UNI_PLATFORM__
 // H5 开发模式下 process.env.NODE_ENV === 'development'
 const isProd = process.env.NODE_ENV === 'production';
+const deployEnv = process.env.DEPLOY_ENV;
 
-const envConfig = isProd ? prod : dev;
+let envConfig;
+if (!isProd) {
+  envConfig = dev;
+} else if (deployEnv === 'staging') {
+  envConfig = staging;
+} else {
+  envConfig = prod;
+}
 
 const config = {
   ...common,

src/config/prod.js

@@ -3,13 +3,13 @@
  */
 const prod = {
   // 业务 API 地址（vms-api）
-  apiBaseUrl: 'https://api.arklink.com',
+  apiBaseUrl: 'https://vmsapi.arklinksmart.cn',
 
   // 网关地址（vms-gateway）— 用户授权、短信等接口走网关
-  apiGatewayUrl: 'https://gateway.arklink.com',
+  apiGatewayUrl: 'https://gateway.arklinksmart.cn',
 
-  // 授权回调地址（支付宝/微信 OAuth redirect_uri）
+  // 授权回调地址（微信 OAuth redirect_uri，必须 HTTPS，指向前端页面）
-  authRedirectUri: 'https://gateway.arklink.com/api/v1/user/auth/callback',
+  authRedirectUri: 'https://m.arklinksmart.cn/pages/auth/loading',
 
   // 生产环境 Token 从登录流程获取，此处为空
   bearerToken: '',

src/config/staging.js

@@ -0,0 +1,20 @@
+/**
+ * 预发布环境配置
+ */
+const staging = {
+  // 业务 API 地址（vms-api）
+  apiBaseUrl: 'https://vmsapi.arklinksmart.cn',
+
+  // 网关地址（vms-gateway）— 用户授权、短信等接口走网关
+  apiGatewayUrl: 'https://gateway.arklinksmart.cn',
+
+  // 授权回调地址（微信 OAuth redirect_uri，必须 HTTPS，指向前端页面）
+  authRedirectUri: 'https://pre-m.arklinksmart.cn/pages/auth/loading',
+
+  // 生产环境 Token 从登录流程获取，此处为空
+  bearerToken: '',
+
+  enableRequestLog: false,
+};
+
+export default staging;

src/pages.json

@@ -1,13 +1,19 @@
 {
   "pages": [
     {
-      "path": "pages/register/register",
+      "path": "pages/index/scan",
       "style": {
         "navigationStyle": "custom"
       }
     },
     {
-      "path": "pages/index/scan",
+      "path": "pages/auth/loading",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/register/register",
       "style": {
         "navigationStyle": "custom"
       }
@@ -35,6 +41,12 @@
       "style": {
         "navigationStyle": "custom"
       }
+    },
+    {
+      "path": "pages/order/detail",
+      "style": {
+        "navigationStyle": "custom"
+      }
     }
   ],
   "globalStyle": {

src/pages/auth/loading.vue

@@ -0,0 +1,571 @@
+<template>
+  <view class="loading-page">
+    <view class="loading-spinner"></view>
+    <text class="loading-text">{{ statusText }}</text>
+  </view>
+</template>
+
+<script>
+import config from '@/config/env.js';
+import { gatewayGet, gatewayPost } from '@/utils/request.js';
+import { detectPlatform, getAppNo } from '@/utils/env.js';
+
+export default {
+  data() {
+    return {
+      statusText: '正在登录...',
+      deviceId: '',
+      action: '',
+      navigating: false, // 防止重复跳转
+    };
+  },
+  onLoad(options) {
+    this.deviceId = options.device_id || '';
+    this.action = options.action || '';
+
+    // #ifdef H5
+    // Mock 模式：跳过微信 OAuth，直接登录
+    if (config.mockWechatLogin && this.action !== 'userinfo') {
+      this.mockLogin();
+      return;
+    }
+
+    // 从 URL 参数获取 code（App.vue 跳转时带过来）
+    // 支付宝回调参数名是 auth_code，微信是 code
+    let code = options.code || options.auth_code || '';
+    if (!code) {
+      const urlParams = new URLSearchParams(window.location.search);
+      code = urlParams.get('code') || urlParams.get('auth_code') || '';
+    }
+
+    // 解析 state 参数（OAuth 标准保证 state 原样回传，包含 action 和 device_id）
+    if (!this.action || !this.deviceId) {
+      const stateRaw = options.state || '';
+      if (stateRaw) {
+        try {
+          const stateObj = JSON.parse(decodeURIComponent(stateRaw));
+          if (!this.action && stateObj.action) {
+            this.action = stateObj.action;
+          }
+          if (!this.deviceId && stateObj.device_id) {
+            this.deviceId = stateObj.device_id;
+          }
+        } catch (_) {
+          // state 解析失败，继续用 localStorage 兜底
+        }
+      }
+    }
+
+    // 兜底：从 localStorage 恢复（页面复用时 onLoad 不触发，localStorage 由跳转函数清理）
+    if (!this.action) {
+      this.action = localStorage.getItem('__auth_action') || '';
+    }
+    if (!this.deviceId) {
+      this.deviceId = localStorage.getItem('__auth_device_id') || '';
+    }
+    console.log('[loading] onLoad - action:', this.action, 'deviceId:', this.deviceId, 'code:', code ? 'yes' : 'no');
+
+    if (this.action === 'userinfo') {
+      // 获取用户信息流程
+      this.statusText = '正在获取用户信息...';
+      if (code) {
+        this.handleUserInfoCallback(code);
+      } else {
+        this.startUserInfoAuth();
+      }
+    } else {
+      // 登录流程
+      if (code) {
+        this.handleCallback(code);
+      } else {
+        this.startAuth();
+      }
+    }
+    // #endif
+
+    // #ifndef H5
+    // 小程序环境暂不支持，跳回扫码页
+    uni.redirectTo({ url: '/pages/index/scan' });
+    // #endif
+  },
+  methods: {
+    /**
+     * 发起 OAuth 授权（静默授权，只获取 openid）
+     */
+    async startAuth() {
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 startAuth');
+        return;
+      }
+      // handleCallback 正在处理中或已完成，禁止发起新授权
+      if (uni.getStorageSync('__auth_callback_done')) {
+        console.log('[Auth] 回调处理中/已完成，跳过 startAuth');
+        return;
+      }
+      this.navigating = true;
+
+      // 清除上次使用的 code 标记（仅在发起新授权时清除，不在 handleCallback 流程中）
+      uni.removeStorageSync('__used_auth_code');
+
+      const platform = detectPlatform();
+      const appNo = getAppNo(platform);
+
+      if (!appNo) {
+        // 非微信环境，跳转注册页（手机号注册）
+        this.goToRegister();
+        return;
+      }
+
+      try {
+        this.statusText = '正在获取授权...';
+
+        // 存入 localStorage（页面复用时 onLoad 不会重新触发，需要从 localStorage 读取）
+        if (this.deviceId) {
+          localStorage.setItem('__auth_device_id', this.deviceId);
+        }
+
+        // 回调地址：必须与微信公众号后台注册地址一致，不能带自定义参数
+        const redirectUri = config.authRedirectUri || (
+          window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
+        );
+
+        // 静默授权：微信用 snsapi_base，支付宝用 auth_base
+        const scopes = platform === 'alipay' ? 'auth_base' : 'snsapi_base';
+
+        // 构建 state（包含 device_id，回调时原样回传）
+        const stateObj = {};
+        if (this.deviceId) {
+          stateObj.device_id = this.deviceId;
+        }
+
+        const res = await gatewayGet('/api/v1/user/auth/url', {
+          app_no: appNo,
+          scopes: scopes,
+          redirect_uri: redirectUri,
+          state: Object.keys(stateObj).length > 0 ? JSON.stringify(stateObj) : '',
+        });
+
+        const data = res.data || {};
+        if (data.code === 0 && data.data && data.data.auth_url) {
+          // 后端已将 state 写入授权 URL，直接跳转
+          window.location.href = data.data.auth_url;
+        } else {
+          uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
+          setTimeout(() => this.goToScan(), 1500);
+        }
+      } catch (e) {
+        console.error('[Auth] startAuth error:', e);
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
+        setTimeout(() => this.goToScan(), 1500);
+      }
+    },
+
+    /**
+     * 处理授权回调（用 code 换 openid，再用 openid 登录）
+     */
+    async handleCallback(code) {
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 handleCallback');
+        return;
+      }
+      this.navigating = true;
+      // storage 级保护：跨页面实例生效，防止支付宝整页重载后重复执行
+      uni.setStorageSync('__auth_callback_done', '1');
+
+      const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
+
+      if (!appNo) {
+        uni.showToast({ title: '无法获取应用信息', icon: 'none' });
+        this.goToScan();
+        return;
+      }
+
+      // 防止 code 重复提交：先检查再标记
+      const usedCode = uni.getStorageSync('__used_auth_code');
+      if (usedCode === code) {
+        console.warn('[loading] code 已使用过，跳过');
+        this.navigating = false;
+        return;
+      }
+      uni.setStorageSync('__used_auth_code', code);
+
+      // 立即清除 URL 中的 code 参数，避免刷新重复处理
+      const url = new URL(window.location.href);
+      url.searchParams.delete('code');
+      url.searchParams.delete('auth_code');
+      url.searchParams.delete('state');
+      window.history.replaceState({}, '', url.toString());
+
+      try {
+        this.statusText = '正在验证身份...';
+
+        // 1. 用 code 换取 openid（snsapi_base 静默授权）
+        const callbackRes = await gatewayPost('/api/v1/user/auth/exchange', {
+          app_no: appNo,
+          code: code,
+        });
+
+        const callbackData = callbackRes.data || {};
+        console.log('[loading] auth callback response:', JSON.stringify(callbackData, null, 2));
+
+        if (callbackData.code !== 0 || !callbackData.data) {
+          uni.showToast({ title: callbackData.message || '授权失败', icon: 'none' });
+          setTimeout(() => this.goToScan(), 1500);
+          return;
+        }
+
+        const openid = callbackData.data.openid;
+        if (!openid) {
+          uni.showToast({ title: '获取用户标识失败', icon: 'none' });
+          setTimeout(() => this.goToScan(), 1500);
+          return;
+        }
+
+        // 存储 openid
+        uni.setStorageSync('openid', openid);
+
+        // 2. 用 openid 调用登录接口
+        this.statusText = '正在登录...';
+        const loginRes = await gatewayPost('/api/v1/user/login', {
+          app_no: appNo,
+          openid: openid,
+        });
+
+        const data = loginRes.data || {};
+        console.log('[loading] login response:', JSON.stringify(data, null, 2));
+
+        if (data.code === 0 && data.data) {
+          const result = data.data;
+
+          if (result.register) {
+            // 已注册 → 存 token → 进入开门页
+            uni.setStorageSync('token', result.token);
+            // 存储 user_info（接口返回的字段，后续 snsapi_userinfo 授权可补充）
+            const existing = uni.getStorageSync('user_info') || {};
+            uni.setStorageSync('user_info', {
+              user_id: result.user_id || existing.user_id || '',
+              phone: result.phone || existing.phone || '',
+              nickname: result.nickname || existing.nickname || '',
+              avatar: result.avatar || existing.avatar || '',
+            });
+            this.goToHome();
+          } else {
+            // 未注册 → 存 temp_token → 跳注册页
+            uni.setStorageSync('temp_token', result.temp_token);
+            this.goToRegister();
+          }
+        } else {
+          uni.showToast({ title: data.message || '登录失败', icon: 'none' });
+          setTimeout(() => this.goToScan(), 1500);
+        }
+      } catch (e) {
+        console.error('[Auth] login error:', e);
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
+        setTimeout(() => this.goToScan(), 1500);
+      }
+    },
+
+    /**
+     * 发起非静默授权获取用户信息（snsapi_userinfo，弹窗确认）
+     */
+    async startUserInfoAuth() {
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 startUserInfoAuth');
+        return;
+      }
+      if (uni.getStorageSync('__auth_callback_done')) {
+        console.log('[Auth] 回调处理中/已完成，跳过 startUserInfoAuth');
+        return;
+      }
+      this.navigating = true;
+
+      // 清除上次使用的 code 标记
+      uni.removeStorageSync('__used_auth_code');
+
+      const platform = detectPlatform();
+      const appNo = getAppNo(platform);
+
+      if (!appNo) {
+        // 非微信环境，直接跳回首页
+        this.goToHomeWithAction();
+        return;
+      }
+
+      try {
+        this.statusText = '正在获取用户信息...';
+
+        // 存入 localStorage（页面复用时 onLoad 不会重新触发，需要从 localStorage 读取）
+        localStorage.setItem('__auth_action', 'userinfo');
+        if (this.deviceId) {
+          localStorage.setItem('__auth_device_id', this.deviceId);
+        }
+
+        // 回调地址：必须与微信公众号后台注册地址一致，不能带自定义参数
+        const redirectUri = config.authRedirectUri || (
+          window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
+        );
+
+        // 用户信息授权：微信用 snsapi_userinfo，支付宝用 auth_user
+        const scopes = platform === 'alipay' ? 'auth_user' : 'snsapi_userinfo';
+
+        // 构建 state（包含 action 和 device_id，回调时原样回传）
+        const stateObj = { action: 'userinfo' };
+        if (this.deviceId) {
+          stateObj.device_id = this.deviceId;
+        }
+
+        const res = await gatewayGet('/api/v1/user/auth/url', {
+          app_no: appNo,
+          scopes: scopes,
+          redirect_uri: redirectUri,
+          state: JSON.stringify(stateObj),
+        });
+
+        const data = res.data || {};
+        if (data.code === 0 && data.data && data.data.auth_url) {
+          // 后端已将 state 写入授权 URL，直接跳转
+          window.location.href = data.data.auth_url;
+        } else {
+          uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
+          setTimeout(() => this.goToHomeWithAction(), 1500);
+        }
+      } catch (e) {
+        console.error('[Auth] startUserInfoAuth error:', e);
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
+        setTimeout(() => this.goToHomeWithAction(), 1500);
+      }
+    },
+
+    /**
+     * 处理用户信息授权回调（用 code 调 /api/v1/user/info 获取头像昵称）
+     */
+    async handleUserInfoCallback(code) {
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 handleUserInfoCallback');
+        return;
+      }
+      this.navigating = true;
+      uni.setStorageSync('__auth_callback_done', '1');
+
+      const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
+
+      if (!appNo) {
+        this.goToHomeWithAction();
+        return;
+      }
+
+      // 防止 code 重复提交
+      const usedCode = uni.getStorageSync('__used_auth_code');
+      if (usedCode === code) {
+        console.warn('[loading] code 已使用过，跳过');
+        this.navigating = false;
+        return;
+      }
+      uni.setStorageSync('__used_auth_code', code);
+
+      // 立即清除 URL 中的 code/action 参数，避免刷新重复处理
+      const url = new URL(window.location.href);
+      url.searchParams.delete('code');
+      url.searchParams.delete('auth_code');
+      url.searchParams.delete('state');
+      url.searchParams.delete('action');
+      window.history.replaceState({}, '', url.toString());
+
+      try {
+        this.statusText = '正在获取用户信息...';
+
+        // 用 code 调用 POST /api/v1/user/info 获取用户信息（必须用 POST，GET 是另一个端点）
+        console.log('[loading] 请求 POST user/info, app_no:', appNo, 'code:', code);
+        const res = await gatewayPost('/api/v1/user/info', {
+          app_no: appNo,
+          code: code,
+        });
+
+        const data = res.data || {};
+        console.log('[loading] user/info response:', JSON.stringify(data, null, 2));
+        console.log('[loading] user/info statusCode:', res.statusCode);
+
+        if (data.code === 0 && data.data) {
+          const userInfo = data.data;
+          // 合并已有缓存（保留 user_id 等字段），覆盖头像昵称手机
+          const existing = uni.getStorageSync('user_info') || {};
+          uni.setStorageSync('user_info', {
+            ...existing,
+            user_id: userInfo.user_id || existing.user_id || '',
+            nickname: userInfo.nickname || existing.nickname || '',
+            avatar: userInfo.avatar || existing.avatar || '',
+            phone: userInfo.phone || existing.phone || '',
+          });
+        } else {
+          console.warn('[loading] 获取用户信息失败:', data.message);
+        }
+
+        // 跳回首页（我的 tab）
+        this.goToHomeWithAction();
+      } catch (e) {
+        console.error('[Auth] handleUserInfoCallback error:', e);
+        this.goToHomeWithAction();
+      }
+    },
+
+    /**
+     * 跳回首页并标记为"我的"tab
+     */
+    goToHomeWithAction() {
+      // 兼容页面复用：优先 this.deviceId，其次 localStorage
+      const deviceId = this.deviceId || localStorage.getItem('__auth_device_id') || '';
+      const url = deviceId
+        ? `/pages/index/index?device_id=${deviceId}&action=mine`
+        : '/pages/index/index?action=mine';
+      localStorage.removeItem('__auth_device_id');
+      localStorage.removeItem('__auth_action');
+      uni.removeStorageSync('__auth_callback_done');
+      uni.redirectTo({ url });
+    },
+
+    goToHome() {
+      const deviceId = this.deviceId || localStorage.getItem('__auth_device_id') || '';
+      const url = deviceId
+        ? `/pages/index/index?device_id=${deviceId}`
+        : '/pages/index/index';
+      localStorage.removeItem('__auth_device_id');
+      uni.removeStorageSync('__auth_callback_done');
+      uni.redirectTo({ url });
+    },
+
+    goToRegister() {
+      // 记录扫码时的原始 URL，注册完成后跳回
+      const scanUrl = this.deviceId
+        ? `/pages/index/index?device_id=${this.deviceId}`
+        : '';
+      if (scanUrl) {
+        uni.setStorageSync('__scan_redirect_url', scanUrl);
+      }
+
+      const url = this.deviceId
+        ? `/pages/register/register?device_id=${this.deviceId}`
+        : '/pages/register/register';
+      uni.removeStorageSync('__auth_callback_done');
+      uni.redirectTo({ url });
+    },
+
+    goToScan() {
+      uni.redirectTo({ url: '/pages/index/scan' });
+    },
+
+    /**
+     * Mock 登录（跳过微信授权，调用真实登录接口）
+     */
+    async mockLogin() {
+      const mode = config.mockWechatLogin;
+      const mock = config.mockUser;
+      const mockUserInfo = mock.user_info;
+      const mockOpenid = mockUserInfo.open_id;
+
+      // 'skip' 模式直接登录，不调接口
+      if (mode === 'skip') {
+        this.statusText = '模拟登录中...';
+        uni.setStorageSync('token', mock.token);
+        uni.setStorageSync('openid', mockOpenid);
+        // 按生产结构存储 user_info
+        uni.setStorageSync('user_info', {
+          user_id: mockUserInfo.user_id,
+          phone: mockUserInfo.phone,
+          nickname: mockUserInfo.nickname,
+          avatar: mockUserInfo.avatar,
+        });
+        console.log('[Auth] Mock skip → home');
+        setTimeout(() => this.goToHome(), 500);
+        return;
+      }
+
+      // 'register' / 'login' 模式：调用真实登录接口，传 mock openid
+      this.statusText = '模拟：调用登录接口...';
+      const appNo = uni.getStorageSync('app_no') || config.mockAppNo;
+
+      try {
+        const res = await gatewayPost('/api/v1/user/login', {
+          app_no: appNo,
+          openid: mockOpenid,
+        });
+
+        const data = res.data || {};
+        console.log('[Auth] Mock login response:', JSON.stringify(data, null, 2));
+
+        if (data.code === 0 && data.data) {
+          const result = data.data;
+
+          // 存储 openid
+          uni.setStorageSync('openid', result.openid || mockOpenid);
+
+          if (result.register) {
+            // 已注册 → 存 token + user_info → 跳首页
+            uni.setStorageSync('token', result.token);
+            // 按生产结构存储 user_info（接口返回优先，mock 补充）
+            uni.setStorageSync('user_info', {
+              user_id: result.user_id || mockUserInfo.user_id,
+              phone: result.phone || mockUserInfo.phone,
+              nickname: result.nickname || mockUserInfo.nickname,
+              avatar: result.avatar || mockUserInfo.avatar,
+            });
+            console.log('[Auth] Mock: existing user → home');
+            this.goToHome();
+          } else {
+            // 未注册 → 存 temp_token → 跳注册页
+            uni.setStorageSync('temp_token', result.temp_token);
+            console.log('[Auth] Mock: new user → register');
+            this.goToRegister();
+          }
+        } else {
+          uni.showToast({ title: data.message || '登录失败', icon: 'none' });
+          console.error('[Auth] Mock login failed:', data);
+        }
+      } catch (e) {
+        console.error('[Auth] Mock login error:', e);
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+page {
+  height: 100%;
+  background-color: #fff;
+}
+
+.loading-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  background-color: #fff;
+}
+
+.loading-spinner {
+  width: 64rpx;
+  height: 64rpx;
+  border: 6rpx solid #e5e5e5;
+  border-top-color: #2979ff;
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+  margin-bottom: 32rpx;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.loading-text {
+  font-size: 28rpx;
+  color: #999;
+}
+</style>

src/pages/faq/faq.vue

@@ -44,17 +44,7 @@ export default {
       faqList: [
         {
           question: '如何购买商品？',
-          answer: '在首页浏览商品，点击商品卡片选择商品，确认后即可完成购买。支持微信支付和支付宝支付。',
+          answer: '使用微信或支付宝扫描柜体上的二维码，进入开门页面，如果是首次使用需先进行授权登录与注册，浏览设备中售卖的商品及价格，点击开门，待门锁打开后，拉开门选购商品，关门即完成购买，约1-2分钟内系统将自动识别并完成扣款。',
-          expanded: false
-        },
-        {
-          question: '如何开门取货？',
-          answer: '下单成功后，点击首页底部中间的"开门"按钮，柜门会自动打开，取出商品后关闭柜门即可。',
-          expanded: false
-        },
-        {
-          question: '商品质量问题怎么办？',
-          answer: '如发现商品有质量问题，请在24小时内通过"联系客服"反馈，我们会为您办理退款或换货。',
           expanded: false
         },
         {
@@ -62,16 +52,6 @@ export default {
           answer: '进入"我的"页面，点击"我的订单"可查看所有订单记录，包括待付款、已完成、已退款等状态。',
           expanded: false
         },
-        {
-          question: '忘记密码怎么办？',
-          answer: '在登录页面点击"忘记密码"，输入注册手机号，通过短信验证码即可重置密码。',
-          expanded: false
-        },
-        {
-          question: '如何修改收货地址？',
-          answer: '进入"我的"页面，点击"收货地址"，可以新增、编辑或删除收货地址信息。',
-          expanded: false
-        },
         {
           question: '支持哪些支付方式？',
           answer: '目前支持微信支付、支付宝支付两种方式，后续将开通更多支付渠道。',
@@ -79,7 +59,7 @@ export default {
         },
         {
           question: '退款多久到账？',
-          answer: '退款申请审核通过后，微信支付1-3个工作日到账，支付宝1-5个工作日到账，具体以银行处理时间为准。',
+          answer: '审核通过后，一般1-3个工作日到账，具体到账时间以支付渠道为准。',
           expanded: false
         }
       ]

src/pages/index/index.vue

@@ -67,24 +67,33 @@
 
       <!-- 底部导航栏 -->
       <view class="tab-bar">
-        <view class="tab-item" :class="{ active: currentTab === 'home' }" @click="switchTab('home')">
+        <view class="tab-bar-row">
-          <view class="home-icon">
+          <view class="tab-item" :class="{ active: currentTab === 'home' }" @click="switchTab('home')">
-            <view class="home-roof"></view>
+            <view class="home-icon">
-            <view class="home-body"></view>
+              <view class="home-roof"></view>
+              <view class="home-body"></view>
+            </view>
+            <text class="tab-text">首页</text>
+          </view>
+
+          <view class="door-btn-wrapper" @click="handleOpenDoor">
+            <view class="door-btn">开门</view>
+          </view>
+
+          <view class="tab-item" :class="{ active: currentTab === 'mine' }" @click="switchTab('mine')">
+            <view class="mine-icon">
+              <view class="mine-head"></view>
+              <view class="mine-body"></view>
+            </view>
+            <text class="tab-text">我的</text>
           </view>
-          <text class="tab-text">首页</text>
         </view>
 
-        <view class="door-btn-wrapper" @click="handleOpenDoor">
+        <!-- 支付分信息（仅微信环境显示） -->
-          <view class="door-btn">开门</view>
+        <view v-if="isWechat" class="payscore-info">
-        </view>
+          <image class="payscore-logo" src="/static/payscore-logo.png" mode="aspectFit" />
-
+          <view class="payscore-divider"></view>
-        <view class="tab-item" :class="{ active: currentTab === 'mine' }" @click="switchTab('mine')">
+          <text class="payscore-text">微信支付分 | 550分及以上优享</text>
-          <view class="mine-icon">
-            <view class="mine-head"></view>
-            <view class="mine-body"></view>
-          </view>
-          <text class="tab-text">我的</text>
         </view>
       </view>
     </view>
@@ -94,7 +103,7 @@
       <!-- 蓝色个人信息区域 -->
       <view class="user-header">
         <view class="user-info">
-          <view class="avatar-wrapper">
+          <view class="avatar-wrapper" @click="handleAvatarClick">
             <image class="avatar" :src="userInfo.avatar || '/static/default-avatar.png'" mode="aspectFill" />
           </view>
           <view class="user-detail">
@@ -113,6 +122,13 @@
           </view>
         </view>
 
+        <!-- 退出登录 -->
+        <view class="menu-list logout-btn" @click="handleLogout">
+          <view class="menu-item">
+            <text class="menu-text" style="color: #e4393c; text-align: center; width: 100%;">退出登录</text>
+          </view>
+        </view>
+
         <!-- 开发调试工具（仅开发环境显示） -->
         <view v-if="isDev" class="dev-tools">
           <view class="dev-tools-title">开发工具</view>
@@ -125,7 +141,7 @@
 
       <!-- 底部左右箭头导航条 -->
       <page-nav-bar
-        :hasPrev="true"
+        :hasPrev="canGoBack"
         :hasNext="false"
         @prev="handleNavPrev"
         @next="handleNavNext"
@@ -141,18 +157,22 @@
         </view>
       </view>
     </view>
+
+    <!-- 开门流程组件 -->
+    <door-panel ref="doorPanel" :device-id="deviceId" :user-id="userId" />
   </view>
 </template>
 
 <script>
 import PageNavBar from '@/components/page-nav-bar/page-nav-bar.vue';
+import DoorPanel from '@/components/door-panel/door-panel.vue';
 import config from '@/config/env.js';
-import { get } from '@/utils/request.js';
+import { get, gatewayGet } from '@/utils/request.js';
-import { checkLoginWithPrompt, getCachedUserInfo } from '@/utils/auth-guard.js';
+import { checkLoginWithPrompt, getCachedUserInfo, isLoggedIn } from '@/utils/auth-guard.js';
 import { isVConsoleEnabled, showVConsole, hideVConsole } from '@/utils/vconsole';
 
 export default {
-  components: { PageNavBar },
+  components: { PageNavBar, DoorPanel },
   data() {
     return {
       deviceId: '',
@@ -161,7 +181,10 @@ export default {
       loading: false,
       categoryList: [],
       activeCategory: 'all',
-      userInfo: { nickname: '', phone: '', avatar: '' },
+      userInfo: { user_id: '', nickname: '', phone: '', avatar: '' },
+      avatarClickCount: 0,
+      avatarClickTimer: null,
+      fromPage: '', // 记录从哪个页面跳转过来的
       menuList: [
         { title: '我的订单', action: 'order' },
         { title: '常见问题', action: 'faq' },
@@ -169,11 +192,19 @@ export default {
         { title: '公众号信息', action: 'qrcode' }
       ],
       servicePhone: config.servicePhone,
+      isWechat: false,
       isDev: process.env.NODE_ENV === 'development',
       vconsoleEnabled: false
     };
   },
   computed: {
+    userId() {
+      return this.userInfo.user_id || '';
+    },
+    canGoBack() {
+      // 有上一页，或者从 tab 切换过来的，都可以返回
+      return getCurrentPages().length > 1 || this.fromPage === 'tab';
+    },
     maskedPhone() {
       const p = this.userInfo.phone;
       return p ? p.substring(0,3) + '****' + p.substring(7) : '';
@@ -194,17 +225,37 @@ export default {
     }
   },
   onLoad(options) {
+    // 检测是否在微信环境中打开
+    // #ifdef MP-WEIXIN
+    this.isWechat = true;
+    // #endif
+    // #ifdef H5
+    this.isWechat = /MicroMessenger/i.test(navigator.userAgent);
+    // #endif
+
+    // 处理"我的"用户信息授权回调（从 loading 页跳回）
+    if (options.action === 'mine') {
+      this.currentTab = 'mine';
+      this.fromPage = 'navigate';
+    }
+
     // 支持通过 tab 参数切换到"我的"页面
     if (options.tab === 'mine') {
       this.currentTab = 'mine';
+      this.fromPage = 'navigate';
     }
 
     if (options.device_id) {
       this.deviceId = options.device_id;
+      uni.setNavigationBarTitle({ title: `智能货柜-${this.deviceId}` });
       this.fetchProducts();
-    } else if (!options.tab) {
+    } else if (!options.tab && options.action !== 'mine') {
-      // 无设备编号且非 tab 跳转，跳回扫码页
+      // 无设备编号且非 tab/action 跳转，提示并跳至扫码页
-      uni.redirectTo({ url: '/pages/index/scan' });
+      uni.showToast({ title: '请扫描设备二维码', icon: 'none' });
+      setTimeout(() => {
+        uni.redirectTo({ url: '/pages/index/scan' });
+      }, 1500);
+      return;
     }
 
     // 加载缓存的用户信息
@@ -223,9 +274,21 @@ export default {
   },
   methods: {
     switchTab(tab) {
-      // 切换到"我的"Tab 时检查登录
+      if (tab === 'mine') {
-      if (tab === 'mine' && !checkLoginWithPrompt('mine')) return;
+        // 切换到"我的"Tab 时检查登录
-      this.currentTab = tab;
+        if (!checkLoginWithPrompt('mine')) return;
+        this.currentTab = tab;
+        this.fromPage = 'tab';
+        // 已有缓存的用户信息则直接显示，否则发起非静默授权获取
+        const cached = getCachedUserInfo();
+        if (cached && cached.nickname) {
+          this.userInfo = { ...this.userInfo, ...cached };
+        } else {
+          this.startUserInfoAuth();
+        }
+      } else {
+        this.currentTab = tab;
+      }
     },
     switchCategory(cat) { this.activeCategory = cat; },
     getDisplayPrice(item) {
@@ -236,10 +299,78 @@ export default {
     // 从缓存加载用户信息
     loadUserInfo() {
       const cached = getCachedUserInfo();
+      console.log('[index] getCachedUserInfo:', JSON.stringify(cached, null, 2));
       if (cached) {
         this.userInfo = { ...this.userInfo, ...cached };
       } else {
-        this.userInfo = { nickname: '', phone: '', avatar: '' };
+        this.userInfo = { user_id: '', nickname: '', phone: '', avatar: '' };
+      }
+      console.log('[index] this.userInfo:', JSON.stringify(this.userInfo, null, 2));
+    },
+    // 发起非静默授权获取用户信息（snsapi_userinfo）
+    async startUserInfoAuth() {
+      // Mock 模式下，直接使用 mock 数据
+      if (config.mockWechatLogin) {
+        const cached = getCachedUserInfo();
+        if (cached && cached.nickname) {
+          this.userInfo = { ...this.userInfo, ...cached };
+        } else {
+          this.userInfo = {
+            user_id: config.mockUser.user_info.user_id || '',
+            nickname: config.mockUser.user_info.nickname || '',
+            phone: config.mockUser.user_info.phone || '',
+            avatar: config.mockUser.user_info.avatar || '',
+          };
+          uni.setStorageSync('user_info', this.userInfo);
+        }
+        return;
+      }
+
+      const appNo = uni.getStorageSync('app_no');
+      if (!appNo) {
+        console.warn('[index] 无法获取应用信息');
+        return;
+      }
+
+      try {
+        // 存入 localStorage（loading 页面复用时 onLoad 不会重新触发，需要从 localStorage 读取）
+        localStorage.setItem('__auth_action', 'userinfo');
+        if (this.deviceId) {
+          localStorage.setItem('__auth_device_id', this.deviceId);
+        }
+
+        // 回调地址：必须与微信公众号后台注册地址一致，不能带自定义参数
+        const redirectUri = config.authRedirectUri || (
+          window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
+        );
+
+        // 构建 state（包含 action 和 device_id，回调时原样回传）
+        const stateObj = { action: 'userinfo' };
+        if (this.deviceId) {
+          stateObj.device_id = this.deviceId;
+        }
+
+        // 用户信息授权：微信用 snsapi_userinfo，支付宝用 auth_user
+        const platform = uni.getStorageSync('platform') || 'wechat';
+        const scopes = platform === 'alipay' ? 'auth_user' : 'snsapi_userinfo';
+
+        const res = await gatewayGet('/api/v1/user/auth/url', {
+          app_no: appNo,
+          scopes: scopes,
+          redirect_uri: redirectUri,
+          state: JSON.stringify(stateObj),
+        });
+
+        const data = res.data || {};
+        if (data.code === 0 && data.data && data.data.auth_url) {
+          console.log('[index] 跳转授权页:', data.data.auth_url);
+          // 后端已将 state 写入授权 URL，直接跳转
+          window.location.href = data.data.auth_url;
+        } else {
+          console.warn('[index] 获取授权链接失败:', data.message);
+        }
+      } catch (e) {
+        console.error('[index] startUserInfoAuth error:', e);
       }
     },
     async fetchProducts() {
@@ -262,12 +393,49 @@ export default {
         this.loading = false;
       }
     },
-    handleOpenDoor() {
+    async handleOpenDoor() {
-      uni.showModal({
+      // 检查登录状态
-        title: '开门',
+      if (!isLoggedIn()) {
-        content: '确认打开柜门？',
+        checkLoginWithPrompt('door');
-        success: r => r.confirm && uni.showToast({ title: '柜门已打开', icon: 'success' })
+        return;
-      });
+      }
+
+      // 检查设备ID
+      if (!this.deviceId) {
+        uni.showToast({ title: '请先扫描设备二维码', icon: 'none' });
+        return;
+      }
+
+      // 检查用户信息，若缓存中没有则调接口获取
+      if (!this.userId) {
+        try {
+          const openId = uni.getStorageSync('openid') || '';
+          const infoRes = await gatewayGet('/api/v1/user/info', { open_id: openId });
+          const infoData = (infoRes.data || {}).data || {};
+          const userInfo = infoData.user_info || {};
+          if (userInfo.user_id) {
+            const existing = getCachedUserInfo() || {};
+            uni.setStorageSync('user_info', {
+              ...existing,
+              user_id: userInfo.user_id,
+              nickname: userInfo.nickname || existing.nickname || '',
+              avatar: userInfo.avatar || existing.avatar || '',
+              phone: userInfo.phone || existing.phone || '',
+            });
+            this.loadUserInfo();
+          }
+        } catch (e) {
+          console.error('[handleOpenDoor] 获取用户信息失败:', e);
+        }
+      }
+
+      if (!this.userId) {
+        uni.showToast({ title: '无法获取用户信息，请重新登录', icon: 'none' });
+        return;
+      }
+
+      // 调用组件方法启动开门流程
+      this.$refs.doorPanel.open(this.userId);
     },
     handleMenuClick(item) {
       switch (item.action) {
@@ -287,8 +455,51 @@ export default {
           break;
       }
     },
-    handleNavPrev() { this.currentTab = 'home'; },
+    handleNavPrev() {
+      if (this.fromPage === 'navigate') {
+        // 从其他页面 navigateTo 过来的，返回上一页
+        uni.navigateBack();
+      } else if (this.fromPage === 'tab') {
+        // 从首页 tab 切换过来的，切换回首页
+        this.currentTab = 'home';
+      }
+      // 其他情况不执行操作
+    },
     handleNavNext() { uni.showToast({ title: '暂无下一页', icon: 'none' }); },
+    handleAvatarClick() {
+      this.avatarClickCount++;
+      clearTimeout(this.avatarClickTimer);
+
+      if (this.avatarClickCount >= 10) {
+        // 点击10次，清除缓存
+        this.avatarClickCount = 0;
+        this.clearCacheAndReload();
+      } else {
+        // 2秒后重置计数
+        this.avatarClickTimer = setTimeout(() => {
+          this.avatarClickCount = 0;
+        }, 2000);
+      }
+    },
+    handleLogout() {
+      uni.showModal({
+        title: '退出登录',
+        content: '确定要退出登录吗？',
+        success: (res) => {
+          if (res.confirm) {
+            this.clearCacheAndReload();
+          }
+        }
+      });
+    },
+    clearCacheAndReload() {
+      uni.clearStorageSync();
+      uni.showToast({ title: '已退出登录', icon: 'success' });
+      setTimeout(() => {
+        uni.setStorageSync('__logout_flag', true);
+        uni.reLaunch({ url: '/pages/index/scan' });
+      }, 1000);
+    },
     onVConsoleChange(e) {
       const enabled = e.detail.value;
       if (enabled) {
@@ -309,6 +520,7 @@ page { height: 100%; background-color: #fff; }
 
 /* ====== 首页样式 ====== */
 .home-page { display: flex; flex-direction: column; height: 100%; }
+
 .product-area { flex: 1; overflow-y: auto; height: 0; }
 
 /* 热销商品标题 + 装饰 */
@@ -337,10 +549,11 @@ page { height: 100%; background-color: #fff; }
 .price-num { font-size: 32rpx; }
 
 /* 底部占位 */
-.bottom-spacer { height: 160rpx; }
+.bottom-spacer { height: 200rpx; }
 
 /* 底部导航栏 */
-.tab-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 120rpx; background: #fff; display: flex; align-items: center; justify-content: space-around; box-shadow: 0 -2rpx 16rpx rgba(0,0,0,0.08); z-index: 999; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
+.tab-bar { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; display: flex; flex-direction: column; align-items: center; box-shadow: 0 -2rpx 16rpx rgba(0,0,0,0.08); z-index: 999; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
+.tab-bar-row { width: 100%; height: 120rpx; display: flex; align-items: center; justify-content: space-around; }
 .tab-bar .tab-item { flex: 1; display: flex; align-items: center; justify-content: center; height: 100%; }
 .tab-bar .tab-text { font-size: 28rpx; color: #999; font-weight: normal; }
 .tab-bar .tab-item.active .tab-text { color: #2979ff; }
@@ -413,6 +626,10 @@ page { height: 100%; background-color: #fff; }
 }
 .door-btn-wrapper { position: relative; display: flex; align-items: center; justify-content: center; margin-top: -80rpx; }
 .door-btn { width: 160rpx; height: 160rpx; border-radius: 50%; background: linear-gradient(135deg, #2979ff, #1e60e0); color: #fff; font-size: 38rpx; font-weight: bold; display: flex; align-items: center; justify-content: center; box-shadow: 0 10rpx 36rpx rgba(41,121,255,0.55); }
+.payscore-info { display: flex; align-items: center; padding-bottom: 16rpx; }
+.payscore-logo { width: 34rpx; height: 34rpx; }
+.payscore-divider { width: 2rpx; height: 24rpx; background-color: rgba(102, 102, 102, 0.6); margin: 0 10rpx; }
+.payscore-text { font-size: 24rpx; color: #666; white-space: nowrap; }
 
 /* 空状态 / Loading */
 .empty-tip, .loading-tip { text-align: center; padding: 60rpx; color: #999; font-size: 28rpx; }
@@ -432,6 +649,7 @@ page { height: 100%; background-color: #fff; }
 .menu-item:last-child { border-bottom: none; }
 .menu-text { font-size: 30rpx; color: #333; }
 .menu-arrow { font-size: 28rpx; color: #ccc; }
+.logout-btn { margin-top: 20rpx; }
 
 /* 开发工具区域 */
 .dev-tools { margin-top: 20rpx; background-color: #fff; border-radius: 16rpx; overflow: hidden; }
@@ -484,4 +702,5 @@ page { height: 100%; background-color: #fff; }
   border: 2rpx solid #2979ff;
   border-radius: 40rpx;
 }
+
 </style>

src/pages/index/scan.vue

@@ -67,7 +67,21 @@ export default {
     };
   },
   onLoad(options) {
-    // 1. query 参数中携带设备编号
+    // 退出登录后跳转过来，清除标记，停留在扫码页
+    if (uni.getStorageSync('__logout_flag')) {
+      uni.removeStorageSync('__logout_flag');
+      return;
+    }
+
+    // 1. 检查 JWT（App.vue 已处理首次跳转，这里兜底）
+    const token = uni.getStorageSync('token');
+    if (!token) {
+      // 无 JWT → 跳转授权 Loading 页
+      uni.redirectTo({ url: '/pages/auth/loading' });
+      return;
+    }
+
+    // 2. 有 JWT + query 参数中携带设备编号
     if (options.device_id) {
       uni.redirectTo({
         url: '/pages/index/index?device_id=' + options.device_id,
@@ -76,7 +90,7 @@ export default {
     }
 
     // #ifdef H5
-    // 2. URL 路径中携带设备编号（如 http://xxx/A1036）
+    // 3. URL 路径中携带设备编号（如 http://xxx/A1036）
     const path = window.location.pathname;
     const segments = path.split('/').filter(Boolean);
     if (segments.length > 0) {
@@ -93,7 +107,25 @@ export default {
   methods: {
     handleScan() {
       // #ifdef H5
-      uni.showToast({ title: 'H5 环境暂不支持扫码', icon: 'none' });
+      // 检测是否在微信环境
+      const isWechat = /MicroMessenger/i.test(navigator.userAgent);
+      if (isWechat) {
+        // 微信环境：拉起微信扫一扫
+        // 注意：需要后端配合引入微信 JS-SDK 并完成签名配置
+        uni.showToast({ title: '请使用微信扫一扫功能', icon: 'none' });
+        // 如果已配置微信 JS-SDK，可以使用：
+        // wx.scanQRCode({
+        //   needResult: 1,
+        //   scanType: ['qrCode', 'barCode'],
+        //   success: (res) => {
+        //     const result = res.resultStr;
+        //     this.parseScanResult(result);
+        //   }
+        // });
+      } else {
+        // 非微信环境
+        uni.showToast({ title: '请使用微信扫码或在小程序中打开', icon: 'none' });
+      }
       // #endif
 
       // #ifdef MP-WEIXIN

src/pages/order/detail.vue

@@ -0,0 +1,469 @@
+<template>
+  <view class="detail-page">
+    <!-- 顶部导航 -->
+    <view class="nav-bar">
+      <view class="nav-back" @click="goBack">
+        <text class="back-arrow">‹</text>
+      </view>
+      <text class="nav-title">订单详情</text>
+      <view class="nav-placeholder"></view>
+    </view>
+
+    <!-- 内容区域 -->
+    <scroll-view class="detail-scroll" scroll-y>
+      <view v-if="loading" class="loading-state">
+        <text class="loading-text">加载中...</text>
+      </view>
+
+      <view v-else-if="order" class="detail-body">
+        <!-- 状态卡片 -->
+        <view class="status-card">
+          <view class="status-icon-row">
+            <view class="status-dot" :class="statusDotClass"></view>
+            <text class="status-main">{{ orderStatusText(order.order_status) }}</text>
+          </view>
+          <text class="status-sub">{{ payStatusText(order.payment_status) }}</text>
+        </view>
+
+        <!-- 商品信息 -->
+        <view class="section-card">
+          <view class="section-title">商品信息</view>
+          <view
+            class="product-item"
+            v-for="(product, idx) in order.products"
+            :key="idx"
+          >
+            <image class="product-img" :src="product.image" mode="aspectFill" />
+            <view class="product-info">
+              <text class="product-name">{{ product.name }}</text>
+              <view class="product-bottom">
+                <text class="product-price">￥{{ getDecimal(product.unit_price) }}</text>
+                <text class="product-qty">x{{ product.qty }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 订单信息 -->
+        <view class="section-card">
+          <view class="section-title">订单信息</view>
+          <view class="info-row">
+            <text class="info-label">订单编号</text>
+            <text class="info-value" @click="copyText(order.order_id)">{{ order.order_id }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">下单时间</text>
+            <text class="info-value">{{ formatTime(order.createdAt) }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">设备编号</text>
+            <text class="info-value">{{ order.device_id }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">订单来源</text>
+            <text class="info-value">{{ orderSourceText(order.order_source) }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">商品数量</text>
+            <text class="info-value">{{ order.total_qty }} 件</text>
+          </view>
+        </view>
+
+        <!-- 金额信息 -->
+        <view class="section-card">
+          <view class="section-title">金额信息</view>
+          <view class="info-row">
+            <text class="info-label">商品总额</text>
+            <text class="info-value">￥{{ getDecimal(order.total_amount) }}</text>
+          </view>
+          <view class="info-row" v-if="getDecimal(order.discount_amount) !== '0'">
+            <text class="info-label">优惠金额</text>
+            <text class="info-value discount">-￥{{ getDecimal(order.discount_amount) }}</text>
+          </view>
+          <view class="info-row total">
+            <text class="info-label">实付金额</text>
+            <text class="info-value price">￥{{ getDecimal(order.paid_amount) }}</text>
+          </view>
+        </view>
+
+        <!-- 退款信息 -->
+        <view class="section-card" v-if="order.has_refund && order.refund_info">
+          <view class="section-title">退款信息</view>
+          <view class="info-row">
+            <text class="info-label">退款状态</text>
+            <text class="info-value refunded">已退款</text>
+          </view>
+        </view>
+      </view>
+
+      <view v-else class="empty-state">
+        <text class="empty-text">订单不存在</text>
+      </view>
+
+      <view class="bottom-spacer"></view>
+    </scroll-view>
+
+    <!-- 底部操作栏 -->
+    <view class="bottom-bar" v-if="order">
+      <view
+        v-if="order.payment_status === 'PENDING'"
+        class="btn-action btn-pay"
+        @click="handlePay"
+      >
+        立即支付
+      </view>
+      <view
+        v-else-if="order.payment_status === 'PAID' && !order.has_refund"
+        class="btn-action btn-refund"
+        @click="handleRefund"
+      >
+        申请退款
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { get } from '@/utils/request.js';
+import { checkLoginWithPrompt } from '@/utils/auth-guard.js';
+
+export default {
+  data() {
+    return {
+      orderId: '',
+      order: null,
+      loading: false
+    };
+  },
+  computed: {
+    statusDotClass() {
+      if (!this.order) return '';
+      const s = this.order.order_status;
+      if (s === 'COMPLETED') return 'dot-success';
+      if (s === 'CANCELLED') return 'dot-grey';
+      return 'dot-blue';
+    }
+  },
+  onLoad(options) {
+    this.orderId = options.order_id || '';
+    // 优先从缓存读取（订单列表/交易完成页跳转时已存入）
+    const cached = uni.getStorageSync('__order_detail_cache');
+    if (cached) {
+      this.order = cached;
+      this.orderId = cached.order_id || this.orderId;
+      uni.removeStorageSync('__order_detail_cache');
+    } else if (this.orderId) {
+      this.fetchOrder();
+    }
+  },
+  methods: {
+    async fetchOrder() {
+      this.loading = true;
+      try {
+        const res = await get('/user/orders', {
+          page: 1,
+          limit: 1,
+          filter: JSON.stringify({ order_id: this.orderId })
+        });
+
+        const ret = res.data || {};
+        if (ret.code === 0 && Array.isArray(ret.data) && ret.data.length > 0) {
+          this.order = ret.data[0];
+        }
+      } catch (e) {
+        uni.showToast({ title: '获取订单失败', icon: 'none' });
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    getDecimal(val) {
+      if (!val) return '0.00';
+      if (val.$numberDecimal) return val.$numberDecimal;
+      return String(val);
+    },
+
+    formatTime(iso) {
+      if (!iso) return '';
+      const d = new Date(iso);
+      const pad = n => String(n).padStart(2, '0');
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+    },
+
+    orderStatusText(status) {
+      const map = { PROCESSING: '处理中', COMPLETED: '已完成', CANCELLED: '已取消' };
+      return map[status] || status;
+    },
+    payStatusText(status) {
+      const map = { PENDING: '待支付', PAID: '已支付', REFUNDED: '已退款', PARTIAL_REFUND: '部分退款' };
+      return map[status] || status;
+    },
+    orderSourceText(source) {
+      const map = { SCAN: '扫码开门', APP: 'APP下单' };
+      return map[source] || source;
+    },
+
+    copyText(text) {
+      uni.setClipboardData({
+        data: text,
+        success: () => uni.showToast({ title: '已复制', icon: 'success' })
+      });
+    },
+
+    handlePay() {
+      uni.showModal({
+        title: '立即支付',
+        content: `确认支付￥${this.getDecimal(this.order.total_amount)}？`,
+        success: (res) => {
+          if (res.confirm) {
+            uni.showToast({ title: '支付功能开发中', icon: 'none' });
+          }
+        }
+      });
+    },
+    handleRefund() {
+      uni.showModal({
+        title: '申请退款',
+        content: '确认申请退款？',
+        success: (res) => {
+          if (res.confirm) {
+            uni.showToast({ title: '退款功能开发中', icon: 'none' });
+          }
+        }
+      });
+    },
+
+    goBack() {
+      uni.navigateBack();
+    }
+  }
+};
+</script>
+
+<style scoped>
+page {
+  height: 100%;
+  background-color: #f5f5f5;
+}
+
+.detail-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f5f5f5;
+}
+
+/* 导航栏 */
+.nav-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24rpx;
+  height: 88rpx;
+  background: #fff;
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+}
+.nav-back {
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.back-arrow {
+  font-size: 48rpx;
+  color: #333;
+  line-height: 1;
+}
+.nav-title {
+  font-size: 34rpx;
+  font-weight: bold;
+  color: #333;
+}
+.nav-placeholder {
+  width: 60rpx;
+}
+
+/* 内容区域 */
+.detail-scroll {
+  flex: 1;
+  height: 0;
+}
+
+/* 状态卡片 */
+.status-card {
+  background: linear-gradient(135deg, #2979ff, #1e60e0);
+  padding: 40rpx 32rpx;
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+.status-icon-row {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+.status-dot {
+  width: 16rpx;
+  height: 16rpx;
+  border-radius: 50%;
+}
+.dot-blue { background: #fff; }
+.dot-success { background: #52c41a; }
+.dot-grey { background: #999; }
+.status-main {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #fff;
+}
+.status-sub {
+  font-size: 26rpx;
+  color: rgba(255, 255, 255, 0.75);
+  padding-left: 28rpx;
+}
+
+/* 通用卡片 */
+.section-card {
+  background: #fff;
+  margin: 20rpx;
+  border-radius: 16rpx;
+  padding: 24rpx 28rpx;
+}
+.section-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 20rpx;
+  padding-bottom: 16rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+/* 商品项 */
+.product-item {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 0;
+}
+.product-item + .product-item {
+  border-top: 1rpx solid #f5f5f5;
+}
+.product-img {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 10rpx;
+  background: #f0f0f0;
+  flex-shrink: 0;
+}
+.product-info {
+  flex: 1;
+  margin-left: 20rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 120rpx;
+}
+.product-name {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 500;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.product-bottom {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.product-price {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: bold;
+}
+.product-qty {
+  font-size: 26rpx;
+  color: #999;
+}
+
+/* 信息行 */
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16rpx 0;
+}
+.info-row + .info-row {
+  border-top: 1rpx solid #f5f5f5;
+}
+.info-row.total {
+  border-top: 1rpx solid #f0f0f0;
+  margin-top: 8rpx;
+  padding-top: 20rpx;
+}
+.info-label {
+  font-size: 26rpx;
+  color: #999;
+}
+.info-value {
+  font-size: 26rpx;
+  color: #333;
+}
+.info-value.discount {
+  color: #ff6b6b;
+}
+.info-value.price {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #e4393c;
+}
+.info-value.refunded {
+  color: #ff6b6b;
+}
+
+/* 加载/空状态 */
+.loading-state, .empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120rpx 0;
+}
+.loading-text, .empty-text {
+  font-size: 28rpx;
+  color: #999;
+}
+
+/* 底部操作栏 */
+.bottom-bar {
+  background: #fff;
+  padding: 16rpx 30rpx;
+  padding-bottom: calc(16rpx + constant(safe-area-inset-bottom));
+  padding-bottom: calc(16rpx + env(safe-area-inset-bottom));
+  box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06);
+}
+.btn-action {
+  width: 100%;
+  height: 88rpx;
+  border-radius: 44rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 30rpx;
+  font-weight: bold;
+}
+.btn-pay {
+  background: linear-gradient(135deg, #2979ff, #1e60e0);
+  color: #fff;
+}
+.btn-refund {
+  background: #fff;
+  border: 2rpx solid #2979ff;
+  color: #2979ff;
+}
+
+/* 底部占位 */
+.bottom-spacer {
+  height: 40rpx;
+}
+</style>

src/pages/order/order.vue

@@ -30,7 +30,7 @@
 
     <!-- 数量统计和筛选 -->
     <view class="filter-bar">
-      <text class="total-count">总数量: {{ filteredOrders.length }}</text>
+      <text class="total-count">总数量: {{ total }}</text>
       <view class="search-btn" @click="showFilterSidebar = true">
         <text class="search-icon">🔍</text>
       </view>
@@ -43,23 +43,28 @@
     </view>
 
     <!-- 订单列表 -->
-    <scroll-view class="order-scroll" scroll-y>
+    <scroll-view class="order-scroll" scroll-y @scrolltolower="loadMore">
       <view class="order-list">
         <view
           class="order-card"
-          v-for="(order, index) in filteredOrders" 
+          v-for="order in filteredOrders"
-          :key="index"
+          :key="order._id"
         >
           <!-- 第一行: 日期 + 状态 -->
           <view class="order-header">
-            <text class="order-date">{{ order.create_time }}</text>
+            <text class="order-date">{{ formatTime(order.createdAt) }}</text>
-            <text class="order-status" :class="{ paid: order.status === 'paid', unpaid: order.status === 'unpaid' }">
+            <view class="status-tags">
-              {{ order.status === 'paid' ? '已支付' : '未支付' }}
+              <text class="order-status" :class="orderStatusClass(order.order_status)">
-            </text>
+                {{ orderStatusText(order.order_status) }}
+              </text>
+              <text class="pay-status" :class="payStatusClass(order.payment_status)">
+                {{ payStatusText(order.payment_status) }}
+              </text>
+            </view>
           </view>
           <view class="divider"></view>
 
-          <!-- 商品列表（整体可点击跳转） -->
+          <!-- 商品列表 -->
           <view class="product-section" @click="goToDetail(order)">
             <view class="product-list">
               <view
@@ -70,7 +75,7 @@
                 <image class="product-img" :src="product.image" mode="aspectFill" />
                 <view class="product-info">
                   <text class="product-name">{{ product.name }}</text>
-                  <text class="product-price-qty">￥{{ product.price }} x {{ product.quantity }}</text>
+                  <text class="product-price-qty">￥{{ getDecimal(product.unit_price) }} x {{ product.qty }}</text>
                 </view>
               </view>
             </view>
@@ -81,27 +86,44 @@
 
           <!-- 总计 -->
           <view class="order-total">
-            <text class="total-qty">共{{ order.totalQuantity }}件</text>
+            <text class="total-qty">共{{ order.total_qty }}件</text>
             <view class="total-amount">
               <text class="total-label">总计:</text>
-              <text class="total-price">￥{{ order.totalAmount }}</text>
+              <text class="total-price">￥{{ getDecimal(order.total_amount) }}</text>
             </view>
           </view>
 
           <!-- 操作按钮 -->
           <view class="order-action">
             <view
-              class="action-btn" 
+              v-if="order.payment_status === 'PENDING'"
-              :class="{ 'pay-btn': order.status === 'unpaid', 'refund-btn': order.status === 'paid' }"
+              class="action-btn pay-btn"
-              @click="handleAction(order)"
+              @click="handlePay(order)"
             >
-              {{ order.status === 'unpaid' ? '立即支付' : '申请退款' }}
+              立即支付
+            </view>
+            <view
+              v-else-if="order.payment_status === 'PAID' && !order.has_refund"
+              class="action-btn refund-btn"
+              @click="handleRefund(order)"
+            >
+              申请退款
             </view>
           </view>
         </view>
 
+        <!-- 加载状态 -->
+        <view class="loading-state" v-if="loading">
+          <text class="loading-text">加载中...</text>
+        </view>
+
+        <!-- 加载更多 / 没有更多 -->
+        <view class="load-more" v-if="!loading && orderList.length > 0 && total > limit">
+          <text class="load-more-text">{{ hasNext ? '上拉加载更多' : '没有更多了' }}</text>
+        </view>
+
         <!-- 空状态 -->
-        <view class="empty-state" v-if="filteredOrders.length === 0">
+        <view class="empty-state" v-if="!loading && filteredOrders.length === 0">
           <text class="empty-text">暂无订单</text>
         </view>
       </view>
@@ -118,11 +140,7 @@
         <view class="sidebar-content">
           <view class="date-row">
             <text class="date-label">开始时间</text>
-            <picker 
+            <picker mode="date" :value="tempStartTime" @change="onStartTimeChange">
-              mode="date" 
-              :value="tempStartTime" 
-              @change="onStartTimeChange"
-            >
               <view class="date-picker">
                 <text class="date-value">{{ tempStartTime || '请选择' }}</text>
               </view>
@@ -130,11 +148,7 @@
           </view>
           <view class="date-row">
             <text class="date-label">结束时间</text>
-            <picker 
+            <picker mode="date" :value="tempEndTime" @change="onEndTimeChange">
-              mode="date" 
-              :value="tempEndTime" 
-              @change="onEndTimeChange"
-            >
               <view class="date-picker">
                 <text class="date-value">{{ tempEndTime || '请选择' }}</text>
               </view>
@@ -164,7 +178,8 @@
 
 <script>
 import PageNavBar from '@/components/page-nav-bar/page-nav-bar.vue';
-import { checkLoginWithPrompt } from '@/utils/auth-guard.js';
+import { get } from '@/utils/request.js';
+import { checkLoginWithPrompt, getCachedUserInfo } from '@/utils/auth-guard.js';
 
 export default {
   components: { PageNavBar },
@@ -176,99 +191,92 @@ export default {
       tempEndTime: '',
       filterStartTime: '',
       filterEndTime: '',
-      // 模拟订单数据
+      orderList: [],
-      orderList: [
+      loading: false,
-        {
+      page: 1,
-          id: 1,
+      limit: 10,
-          create_time: '2026-04-30 10:25:30',
+      hasNext: true,
-          status: 'paid',
+      total: 0
-          products: [
-            { name: '君乐宝450ml悦鲜活', price: 0.01, quantity: 2, image: '/static/c1.png' },
-            { name: '可口可乐330ml', price: 3.00, quantity: 1, image: '/static/c4.png' }
-          ],
-          totalQuantity: 3,
-          totalAmount: '0.04'
-        },
-        {
-          id: 2,
-          create_time: '2026-04-29 15:12:45',
-          status: 'unpaid',
-          products: [
-            { name: '农夫山泉550ml', price: 2.00, quantity: 3, image: '/static/c5.png' }
-          ],
-          totalQuantity: 3,
-          totalAmount: '6.00'
-        },
-        {
-          id: 3,
-          create_time: '2026-04-28 09:30:00',
-          status: 'paid',
-          products: [
-            { name: '乐事薯片原味75g', price: 7.50, quantity: 1, image: '/static/c6.png' },
-            { name: '白桔（0.0.0.0-5.5.5）', price: 0.05, quantity: 5, image: '/static/c3.png' }
-          ],
-          totalQuantity: 6,
-          totalAmount: '1.00'
-        },
-        {
-          id: 4,
-          create_time: '2026-04-27 18:45:20',
-          status: 'unpaid',
-          products: [
-            { name: '白红（0.0.0.0-9.9.9）', price: 0.06, quantity: 10, image: '/static/c2.png' }
-          ],
-          totalQuantity: 10,
-          totalAmount: '0.60'
-        },
-        {
-          id: 5,
-          create_time: '2026-04-25 12:00:00',
-          status: 'paid',
-          products: [
-            { name: '君乐宝450ml悦鲜活', price: 0.01, quantity: 1, image: '/static/c1.png' }
-          ],
-          totalQuantity: 1,
-          totalAmount: '0.01'
-        }
-      ]
     };
   },
   computed: {
     filteredOrders() {
       let list = this.orderList;
 
-      // Tab筛选
       if (this.currentTab === 'paid') {
-        list = list.filter(o => o.status === 'paid');
+        list = list.filter(o => o.payment_status === 'PAID');
       } else if (this.currentTab === 'unpaid') {
-        list = list.filter(o => o.status === 'unpaid');
+        list = list.filter(o => o.payment_status === 'PENDING');
-      }
-      
-      // 日期筛选
-      if (this.filterStartTime) {
-        list = list.filter(o => o.create_time >= this.filterStartTime);
-      }
-      if (this.filterEndTime) {
-        list = list.filter(o => o.create_time.split(' ')[0] <= this.filterEndTime);
       }
 
       return list;
     }
   },
   onLoad() {
-    // 进入订单页需要登录
     if (!checkLoginWithPrompt('order')) return;
+    this.fetchOrders();
   },
   methods: {
+    // 拉取订单列表
+    async fetchOrders(append = false) {
+      if (this.loading) return;
+      this.loading = true;
+
+      try {
+        const userInfo = getCachedUserInfo();
+        const userId = userInfo && userInfo.user_id;
+        if (!userId) {
+          uni.showToast({ title: '无法获取用户信息', icon: 'none' });
+          return;
+        }
+
+        const filter = { user_id: userId };
+        if (this.filterStartTime) filter.start_time = this.filterStartTime;
+        if (this.filterEndTime) filter.end_time = this.filterEndTime;
+
+        const res = await get('/user/orders', {
+          page: this.page,
+          limit: this.limit,
+          filter: JSON.stringify(filter)
+        });
+
+        const ret = res.data || {};
+        if (ret.code === 0) {
+          const list = Array.isArray(ret.data) ? ret.data : [];
+          const meta = ret.meta || {};
+
+          if (append) {
+            this.orderList = this.orderList.concat(list);
+          } else {
+            this.orderList = list;
+          }
+
+          this.total = meta.total || list.length;
+          this.hasNext = !!meta.hasNext;
+        } else {
+          uni.showToast({ title: ret.message || '获取订单失败', icon: 'none' });
+        }
+      } catch (e) {
+        uni.showToast({ title: '网络请求失败', icon: 'none' });
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    // 上拉加载更多
+    loadMore() {
+      if (!this.hasNext || this.loading) return;
+      this.page++;
+      this.fetchOrders(true);
+    },
+
     switchTab(tab) {
       this.currentTab = tab;
     },
-    onStartTimeChange(e) {
+
-      this.tempStartTime = e.detail.value;
+    // 筛选
-    },
+    onStartTimeChange(e) { this.tempStartTime = e.detail.value; },
-    onEndTimeChange(e) {
+    onEndTimeChange(e) { this.tempEndTime = e.detail.value; },
-      this.tempEndTime = e.detail.value;
-    },
     resetFilter() {
       this.tempStartTime = '';
       this.tempEndTime = '';
@@ -277,39 +285,83 @@ export default {
       this.filterStartTime = this.tempStartTime;
       this.filterEndTime = this.tempEndTime;
       this.showFilterSidebar = false;
+      this.page = 1;
+      this.hasNext = true;
+      this.fetchOrders();
     },
     clearFilter() {
       this.filterStartTime = '';
       this.filterEndTime = '';
+      this.page = 1;
+      this.hasNext = true;
+      this.fetchOrders();
     },
+
+    // 格式化时间
+    formatTime(iso) {
+      if (!iso) return '';
+      const d = new Date(iso);
+      const pad = n => String(n).padStart(2, '0');
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+    },
+
+    // 解析 MongoDB Decimal128
+    getDecimal(val) {
+      if (!val) return '0.00';
+      if (val.$numberDecimal) return val.$numberDecimal;
+      return String(val);
+    },
+
+    // 订单状态
+    orderStatusText(status) {
+      const map = { PROCESSING: '处理中', COMPLETED: '已完成', CANCELLED: '已取消' };
+      return map[status] || status;
+    },
+    orderStatusClass(status) {
+      if (status === 'COMPLETED') return 'paid';
+      if (status === 'CANCELLED') return 'cancelled';
+      return 'processing';
+    },
+
+    // 支付状态
+    payStatusText(status) {
+      const map = { PENDING: '待支付', PAID: '已支付', REFUNDED: '已退款', PARTIAL_REFUND: '部分退款' };
+      return map[status] || status;
+    },
+    payStatusClass(status) {
+      if (status === 'PAID') return 'paid';
+      if (status === 'PENDING') return 'unpaid';
+      return '';
+    },
+
     goToDetail(order) {
-      uni.showToast({ title: '订单详情开发中', icon: 'none' });
+      uni.setStorageSync('__order_detail_cache', order);
+      uni.navigateTo({ url: `/pages/order/detail?order_id=${order.order_id}` });
     },
-    handleAction(order) {
+    handlePay(order) {
-      if (order.status === 'unpaid') {
+      if (!checkLoginWithPrompt('pay')) return;
-        // 支付需要登录
+      uni.showModal({
-        if (!checkLoginWithPrompt('pay')) return;
+        title: '立即支付',
-        uni.showModal({
+        content: `确认支付￥${this.getDecimal(order.total_amount)}？`,
-          title: '立即支付',
+        success: (res) => {
-          content: `确认支付￥${order.totalAmount}？`,
+          if (res.confirm) {
-          success: (res) => {
+            uni.showToast({ title: '支付功能开发中', icon: 'none' });
-            if (res.confirm) {
-              uni.showToast({ title: '支付成功', icon: 'success' });
-            }
           }
-        });
+        }
-      } else {
+      });
-        uni.showModal({
-          title: '申请退款',
-          content: '确认申请退款？',
-          success: (res) => {
-            if (res.confirm) {
-              uni.showToast({ title: '退款申请已提交', icon: 'success' });
-            }
-          }
-        });
-      }
     },
+    handleRefund(order) {
+      uni.showModal({
+        title: '申请退款',
+        content: '确认申请退款？',
+        success: (res) => {
+          if (res.confirm) {
+            uni.showToast({ title: '退款功能开发中', icon: 'none' });
+          }
+        }
+      });
+    },
+
     handleNavPrev() {
       uni.navigateBack({ fail: () => { uni.switchTab({ url: '/pages/index/index' }); } });
     },
@@ -426,16 +478,36 @@ page { height: 100%; background-color: #f5f5f5; }
   font-size: 26rpx;
   color: #666;
 }
-.order-status {
+.status-tags {
-  font-size: 26rpx;
+  display: flex;
-  font-weight: bold;
+  gap: 12rpx;
+}
+.order-status, .pay-status {
+  font-size: 22rpx;
+  padding: 4rpx 14rpx;
+  border-radius: 6rpx;
+}
+.order-status.processing {
+  background: #e8f4ff;
+  color: #2979ff;
 }
 .order-status.paid {
+  background: #e8faf0;
   color: #19be6b;
 }
-.order-status.unpaid {
+.order-status.cancelled {
+  background: #f5f5f5;
+  color: #999;
+}
+.pay-status.paid {
+  background: #e8faf0;
+  color: #19be6b;
+}
+.pay-status.unpaid {
+  background: #fff0f0;
   color: #e4393c;
 }
+
 .divider {
   height: 1rpx;
   background: #f0f0f0;
@@ -554,6 +626,28 @@ page { height: 100%; background-color: #f5f5f5; }
   color: #999;
 }
 
+/* 加载状态 */
+.loading-state {
+  display: flex;
+  justify-content: center;
+  padding: 40rpx 0;
+}
+.loading-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
+/* 加载更多 */
+.load-more {
+  display: flex;
+  justify-content: center;
+  padding: 30rpx 0;
+}
+.load-more-text {
+  font-size: 24rpx;
+  color: #ccc;
+}
+
 /* 筛选侧边栏 */
 .filter-sidebar-mask {
   position: fixed;

src/pages/register/register.vue

@@ -6,6 +6,12 @@
       <view class="subtitle">请输入手机号获取验证码完成注册</view>
     </view>
 
+    <!-- 用户信息展示（来自微信授权） -->
+    <view v-if="authInfo.nickname" class="auth-info">
+      <image class="auth-avatar" :src="authInfo.avatar || '/static/default-avatar.png'" mode="aspectFill" />
+      <text class="auth-nickname">{{ authInfo.nickname }}</text>
+    </view>
+
     <!-- 表单区域 -->
     <view class="form-area">
       <!-- 手机号 -->
@@ -62,8 +68,8 @@
 </template>
 
 <script>
+import { gatewayPost } from '@/utils/request.js';
 import config from '@/config/env.js';
-import { post } from '@/utils/request.js';
 
 export default {
   data() {
@@ -71,7 +77,10 @@ export default {
       phone: '',
       code: '',
       countdown: 0,
-      timer: null
+      timer: null,
+      tempToken: '',
+      authInfo: { nickname: '', avatar: '' },
+      deviceId: '',
     };
   },
   computed: {
@@ -79,8 +88,22 @@ export default {
       return this.phone.length === 11 && this.code.length >= 4;
     }
   },
+  onLoad(options) {
+    this.deviceId = options.device_id || '';
+
+    // 从缓存读取授权信息（loading 页写入）
+    this.tempToken = uni.getStorageSync('temp_token') || '';
+    const cachedAuthInfo = uni.getStorageSync('auth_info');
+    if (cachedAuthInfo) {
+      this.authInfo = cachedAuthInfo;
+    }
+
+    // 如果没有 temp_token，提示用户重新授权
+    if (!this.tempToken) {
+      uni.showToast({ title: '授权信息已过期，请重新登录', icon: 'none' });
+    }
+  },
   beforeDestroy() {
-    // 清除定时器
     if (this.timer) {
       clearInterval(this.timer);
       this.timer = null;
@@ -91,15 +114,21 @@ export default {
     async handleGetCode() {
       if (this.countdown > 0) return;
 
-      // 验证手机号
       if (!/^1[3-9]\d{9}$/.test(this.phone)) {
         uni.showToast({ title: '请输入正确的手机号', icon: 'none' });
         return;
       }
 
+      if (!this.tempToken) {
+        uni.showToast({ title: '授权信息已过期，请重新登录', icon: 'none' });
+        return;
+      }
+
       try {
-        const res = await post('/auth/send-sms-code', {
+        const res = await gatewayPost('/api/v1/user/sms/send', {
-          phone: this.phone
+          phone: this.phone,
+          temp_token: this.tempToken,
+          purpose: 'register',
         });
 
         const ret = res.data || {};
@@ -114,7 +143,6 @@ export default {
       }
     },
 
-    // 开始倒计时
     startCountdown() {
       this.countdown = 60;
       this.timer = setInterval(() => {
@@ -126,56 +154,68 @@ export default {
       }, 1000);
     },
 
-    // 注册
+    // 注册（Mock 模式也走真实接口）
     async handleRegister() {
       if (!this.canSubmit) return;
 
-      // 验证手机号
       if (!/^1[3-9]\d{9}$/.test(this.phone)) {
         uni.showToast({ title: '请输入正确的手机号', icon: 'none' });
         return;
       }
 
-      // 验证验证码
       if (this.code.length < 4) {
         uni.showToast({ title: '请输入验证码', icon: 'none' });
         return;
       }
 
+      if (!this.tempToken) {
+        uni.showToast({ title: '授权信息已过期，请重新登录', icon: 'none' });
+        return;
+      }
+
       uni.showLoading({ title: '注册中...' });
 
       try {
-        const res = await post('/auth/register', {
+        const res = await gatewayPost('/api/v1/user/register', {
+          temp_token: this.tempToken,
           phone: this.phone,
-          code: this.code
+          code: this.code,
         });
 
         const ret = res.data || {};
-        if (ret.code === 0) {
+        console.log('[register] 注册响应:', JSON.stringify(ret, null, 2));
+
+        if (ret.code === 0 && ret.data) {
           // 保存 token
-          const token = ret.data && ret.data.token;
+          uni.setStorageSync('token', ret.data.token);
-          if (token) {
+
-            uni.setStorageSync('token', token);
+          // 存储 user_info（接口返回 user_info.user_id 和 phone）
+          const existing = uni.getStorageSync('user_info') || {};
+          const apiUserInfo = ret.data.user_info || {};
+          const userInfo = {
+            user_id: apiUserInfo.user_id || existing.user_id || '',
+            phone: apiUserInfo.phone || this.phone || existing.phone || '',
+            nickname: existing.nickname || '',
+            avatar: existing.avatar || '',
+          };
+
+          // Mock 模式下补充 mock 数据
+          if (config.mockWechatLogin) {
+            const mockInfo = config.mockUser.user_info;
+            userInfo.nickname = userInfo.nickname || mockInfo.nickname;
+            userInfo.avatar = userInfo.avatar || mockInfo.avatar;
           }
 
-          // 保存用户信息
+          uni.setStorageSync('user_info', userInfo);
-          const userInfo = ret.data && ret.data.userInfo;
+          console.log('[register] 存储 user_info:', userInfo);
-          if (userInfo) {
+
-            uni.setStorageSync('userInfo', userInfo);
+          // 清除临时数据
-          }
+          uni.removeStorageSync('temp_token');
+          uni.removeStorageSync('auth_info');
 
           uni.hideLoading();
           uni.showToast({ title: '注册成功', icon: 'success' });
-
+          setTimeout(() => this.navigateToTarget(), 1500);
-          // 返回上一页或跳转首页
-          setTimeout(() => {
-            const pages = getCurrentPages();
-            if (pages.length > 1) {
-              uni.navigateBack();
-            } else {
-              uni.redirectTo({ url: '/pages/index/index' });
-            }
-          }, 1500);
         } else {
           uni.hideLoading();
           uni.showToast({ title: ret.message || '注册失败', icon: 'none' });
@@ -186,7 +226,19 @@ export default {
       }
     },
 
-    // 显示协议
+    // 跳转到目标页面
+    navigateToTarget() {
+      const scanRedirectUrl = uni.getStorageSync('__scan_redirect_url');
+      uni.removeStorageSync('__scan_redirect_url');
+
+      const url = scanRedirectUrl
+        ? scanRedirectUrl
+        : this.deviceId
+          ? `/pages/index/index?device_id=${this.deviceId}`
+          : '/pages/index/index';
+      uni.redirectTo({ url });
+    },
+
     showAgreement(type) {
       const title = type === 'user' ? '用户协议' : '隐私政策';
       uni.showToast({ title: title + '开发中', icon: 'none' });
@@ -210,7 +262,7 @@ page {
 /* 顶部标题 */
 .header {
   padding-top: 180rpx;
-  margin-bottom: 80rpx;
+  margin-bottom: 40rpx;
 }
 
 .title {
@@ -225,6 +277,29 @@ page {
   color: #999;
 }
 
+/* 微信授权信息 */
+.auth-info {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 0;
+  margin-bottom: 40rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.auth-avatar {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  margin-right: 20rpx;
+  background-color: #e0e0e0;
+}
+
+.auth-nickname {
+  font-size: 30rpx;
+  color: #333;
+  font-weight: 500;
+}
+
 /* 表单区域 */
 .form-area {
   width: 100%;
@@ -302,10 +377,8 @@ page {
 
 /* 底部协议 */
 .agreement {
-  position: absolute;
+  margin-top: 80rpx;
-  bottom: 80rpx;
+  padding-bottom: env(safe-area-inset-bottom);
-  left: 0;
-  right: 0;
   display: flex;
   align-items: center;
   justify-content: center;

src/uni_modules/uni-scss/changelog.md

@@ -0,0 +1,8 @@
+## 1.0.3（2022-01-21）
+- 优化 组件示例
+## 1.0.2（2021-11-22）
+- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
+## 1.0.1（2021-11-22）
+- 修复 vue3中scss语法兼容问题
+## 1.0.0（2021-11-18）
+- init

src/uni_modules/uni-scss/index.scss

@@ -0,0 +1 @@
+@import './styles/index.scss';

src/uni_modules/uni-scss/package.json

@@ -0,0 +1,82 @@
+{
+  "id": "uni-scss",
+  "displayName": "uni-scss 辅助样式",
+  "version": "1.0.3",
+  "description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
+  "keywords": [
+    "uni-scss",
+    "uni-ui",
+    "辅助样式"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "category": [
+        "JS SDK",
+        "通用 SDK"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}

src/uni_modules/uni-scss/readme.md

@@ -0,0 +1,4 @@
+`uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 

src/uni_modules/uni-scss/styles/index.scss

@@ -0,0 +1,7 @@
+@import './setting/_variables.scss';
+@import './setting/_border.scss';
+@import './setting/_color.scss';
+@import './setting/_space.scss';
+@import './setting/_radius.scss';
+@import './setting/_text.scss';
+@import './setting/_styles.scss';

src/uni_modules/uni-scss/styles/setting/_border.scss

@@ -0,0 +1,3 @@
+.uni-border {
+	border: 1px $uni-border-1 solid;
+}

src/uni_modules/uni-scss/styles/setting/_color.scss

@@ -0,0 +1,66 @@
+
+// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
+// @mixin get-styles($k,$c) {
+// 	@if $k == size or $k == weight{
+// 		font-#{$k}:#{$c}
+// 	}@else{
+// 		#{$k}:#{$c}
+// 	}
+// }
+$uni-ui-color:(
+	// 主色
+	primary: $uni-primary,
+	primary-disable: $uni-primary-disable,
+	primary-light: $uni-primary-light,
+	// 辅助色
+	success: $uni-success,
+	success-disable: $uni-success-disable,
+	success-light: $uni-success-light,
+	warning: $uni-warning,
+	warning-disable: $uni-warning-disable,
+	warning-light: $uni-warning-light,
+	error: $uni-error,
+	error-disable: $uni-error-disable,
+	error-light: $uni-error-light,
+	info: $uni-info,
+	info-disable: $uni-info-disable,
+	info-light: $uni-info-light,
+	// 中性色
+	main-color: $uni-main-color,
+	base-color: $uni-base-color,
+	secondary-color: $uni-secondary-color,
+	extra-color: $uni-extra-color,
+	// 背景色
+	bg-color: $uni-bg-color,
+	// 边框颜色
+	border-1: $uni-border-1,
+	border-2: $uni-border-2,
+	border-3: $uni-border-3,
+	border-4: $uni-border-4,
+	// 黑色
+	black:$uni-black,
+	// 白色
+	white:$uni-white,
+	// 透明
+	transparent:$uni-transparent
+) !default;
+@each $key, $child in $uni-ui-color {
+	.uni-#{"" + $key} {
+		color: $child;
+	}
+	.uni-#{"" + $key}-bg {
+		background-color: $child;
+	}
+}
+.uni-shadow-sm {
+	box-shadow: $uni-shadow-sm;
+}
+.uni-shadow-base {
+	box-shadow: $uni-shadow-base;
+}
+.uni-shadow-lg {
+	box-shadow: $uni-shadow-lg;
+}
+.uni-mask {
+	background-color:$uni-mask;
+}

src/uni_modules/uni-scss/styles/setting/_radius.scss

@@ -0,0 +1,55 @@
+@mixin radius($r,$d:null ,$important: false){
+  $radius-value:map-get($uni-radius, $r) if($important, !important, null);
+  // Key exists within the $uni-radius variable
+  @if (map-has-key($uni-radius, $r) and  $d){
+		@if $d == t {
+				border-top-left-radius:$radius-value;
+				border-top-right-radius:$radius-value;
+		}@else if $d == r {
+				border-top-right-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == b {
+				border-bottom-left-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == l {
+				border-top-left-radius:$radius-value;
+				border-bottom-left-radius:$radius-value;
+		}@else if $d == tl {
+				border-top-left-radius:$radius-value;
+		}@else if $d == tr {
+				border-top-right-radius:$radius-value;
+		}@else if $d == br {
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == bl {
+				border-bottom-left-radius:$radius-value;
+		}
+  }@else{
+		border-radius:$radius-value;
+  }
+}
+
+@each $key, $child in $uni-radius {
+	@if($key){
+		.uni-radius-#{"" + $key} {
+				@include radius($key)
+		}
+	}@else{
+		.uni-radius {
+				@include radius($key)
+		}
+	}
+}
+
+@each $direction in t, r, b, l,tl, tr, br, bl {
+	@each $key, $child in $uni-radius {
+		@if($key){
+			.uni-radius-#{"" + $direction}-#{"" + $key} {
+				@include radius($key,$direction,false)
+			}
+		}@else{
+			.uni-radius-#{$direction} {
+				@include radius($key,$direction,false)
+			}
+		}
+	}
+}

src/uni_modules/uni-scss/styles/setting/_space.scss

@@ -0,0 +1,56 @@
+
+@mixin fn($space,$direction,$size,$n) {
+	@if $n {
+		#{$space}-#{$direction}: #{$size*$uni-space-root}px
+	} @else {
+		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px
+	}
+}
+@mixin get-styles($direction,$i,$space,$n){
+	@if $direction == t {
+		@include fn($space, top,$i,$n);
+	} 
+	@if $direction == r {
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == b {
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == l {
+	 @include fn($space, left,$i,$n);
+	} 
+	@if $direction == x {
+		@include fn($space, left,$i,$n);
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == y {
+		@include fn($space, top,$i,$n);
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == a {
+		@if $n {
+			#{$space}:#{$i*$uni-space-root}px;
+		} @else {
+			#{$space}:#{-$i*$uni-space-root}px;
+		}
+	} 
+}
+
+@each $orientation in m,p {
+	$space: margin;
+	@if $orientation == m {
+		$space: margin;
+	} @else {
+		$space: padding;
+	}
+	@for $i from 0 through 16 {
+		@each $direction in t, r, b, l, x, y, a {
+			.uni-#{$orientation}#{$direction}-#{$i} { 
+				@include  get-styles($direction,$i,$space,true);
+			} 
+			.uni-#{$orientation}#{$direction}-n#{$i} { 
+				@include  get-styles($direction,$i,$space,false);
+			}
+		}
+	}
+}

src/uni_modules/uni-scss/styles/setting/_styles.scss

@@ -0,0 +1,167 @@
+/* #ifndef APP-NVUE */
+
+$-color-white:#fff;
+$-color-black:#000;
+@mixin base-style($color) {
+	color: #fff;
+	background-color: $color;
+	border-color: mix($-color-black, $color, 8%);
+	&:not([hover-class]):active {
+		background: mix($-color-black, $color, 10%);
+		border-color: mix($-color-black, $color, 20%);
+		color: $-color-white;
+		outline: none;
+	}
+}
+@mixin is-color($color) {
+	@include base-style($color);
+	&[loading] {
+		@include base-style($color);
+		&::before {
+			margin-right:5px;
+		}
+	}
+	&[disabled] {
+	  &,
+		&[loading],
+	  &:not([hover-class]):active {
+	    color: $-color-white;
+			border-color: mix(darken($color,10%), $-color-white);
+	    background-color: mix($color, $-color-white);
+	  }
+	}
+
+}
+@mixin base-plain-style($color) {
+	color:$color;
+	background-color: mix($-color-white, $color, 90%);
+	border-color: mix($-color-white, $color, 70%);
+	&:not([hover-class]):active {
+	  background: mix($-color-white, $color, 80%);
+	  color: $color;
+	  outline: none;
+		border-color: mix($-color-white, $color, 50%);
+	}
+}
+@mixin is-plain($color){
+	&[plain] {
+		@include base-plain-style($color);
+		&[loading] {
+			@include base-plain-style($color);
+			&::before {
+				margin-right:5px;
+			}
+		}
+		&[disabled] {
+		  &,
+		  &:active {
+		    color: mix($-color-white, $color, 40%);
+		    background-color: mix($-color-white, $color, 90%);
+				border-color: mix($-color-white, $color, 80%);
+		  }
+		}
+	}
+}
+
+
+.uni-btn {
+	margin: 5px;
+	color: #393939;
+	border:1px solid #ccc;
+	font-size: 16px;
+	font-weight: 200;
+	background-color: #F9F9F9;
+	// TODO 暂时处理边框隐藏一边的问题
+	overflow: visible;
+	&::after{
+		border: none;
+	}
+
+	&:not([type]),&[type=default] {
+		color: #999;
+		&[loading] {
+			background: none;
+			&::before {
+				margin-right:5px;
+			}
+		}
+
+
+
+		&[disabled]{
+			color: mix($-color-white, #999, 60%);
+		  &,
+			&[loading],
+		  &:active {
+				color: mix($-color-white, #999, 60%);
+		    background-color: mix($-color-white,$-color-black , 98%);
+				border-color: mix($-color-white,  #999, 85%);
+		  }
+		}
+
+		&[plain] {
+			color: #999;
+			background: none;
+			border-color: $uni-border-1;
+			&:not([hover-class]):active {
+				background: none;
+			  color: mix($-color-white, $-color-black, 80%);
+				border-color: mix($-color-white, $-color-black, 90%);
+			  outline: none;
+			}
+			&[disabled]{
+			  &,
+				&[loading],
+			  &:active {
+			    background: none;
+					color: mix($-color-white, #999, 60%);
+					border-color: mix($-color-white,  #999, 85%);
+			  }
+			}
+		}
+	}
+
+	&:not([hover-class]):active {
+	  color: mix($-color-white, $-color-black, 50%);
+	}
+
+	&[size=mini] {
+		font-size: 16px;
+		font-weight: 200;
+		border-radius: 8px;
+	}
+
+
+
+	&.uni-btn-small {
+		font-size: 14px;
+	}
+	&.uni-btn-mini {
+		font-size: 12px;
+	}
+
+	&.uni-btn-radius {
+		border-radius: 999px;
+	}
+	&[type=primary] {
+		@include is-color($uni-primary);
+		@include is-plain($uni-primary)
+	}
+	&[type=success] {
+		@include is-color($uni-success);
+		@include is-plain($uni-success)
+	}
+	&[type=error] {
+		@include is-color($uni-error);
+		@include is-plain($uni-error)
+	}
+	&[type=warning] {
+		@include is-color($uni-warning);
+		@include is-plain($uni-warning)
+	}
+	&[type=info] {
+		@include is-color($uni-info);
+		@include is-plain($uni-info)
+	}
+}
+/* #endif */

src/uni_modules/uni-scss/styles/setting/_text.scss

@@ -0,0 +1,24 @@
+@mixin get-styles($k,$c) {
+	@if $k == size or $k == weight{
+		font-#{$k}:#{$c}
+	}@else{
+		#{$k}:#{$c}
+	}
+}
+
+@each $key, $child in $uni-headings {
+	/* #ifndef APP-NVUE */
+	.uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	.container .uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+}

src/uni_modules/uni-scss/styles/setting/_variables.scss

@@ -0,0 +1,146 @@
+// @use "sass:math";
+@import  '../tools/functions.scss';
+// 间距基础倍数
+$uni-space-root: 2 !default;
+// 边框半径默认值
+$uni-radius-root:5px !default;
+$uni-radius: () !default;
+// 边框半径断点
+$uni-radius: map-deep-merge(
+  (
+    0: 0,
+		// TODO 当前版本暂时不支持 sm 属性
+    // 'sm': math.div($uni-radius-root, 2),
+    null: $uni-radius-root,
+    'lg': $uni-radius-root * 2,
+    'xl': $uni-radius-root * 6,
+    'pill': 9999px,
+    'circle': 50%
+  ),
+  $uni-radius
+);
+// 字体家族
+$body-font-family: 'Roboto', sans-serif !default;
+// 文本
+$heading-font-family: $body-font-family !default;
+$uni-headings: () !default;
+$letterSpacing: -0.01562em;
+$uni-headings: map-deep-merge(
+  (
+    'h1': (
+      size: 32px,
+			weight: 300,
+			line-height: 50px,
+			// letter-spacing:-0.01562em
+    ),
+    'h2': (
+      size: 28px,
+      weight: 300,
+      line-height: 40px,
+      // letter-spacing: -0.00833em
+    ),
+    'h3': (
+      size: 24px,
+      weight: 400,
+      line-height: 32px,
+      // letter-spacing: normal
+    ),
+    'h4': (
+      size: 20px,
+      weight: 400,
+      line-height: 30px,
+      // letter-spacing: 0.00735em
+    ),
+    'h5': (
+      size: 16px,
+      weight: 400,
+      line-height: 24px,
+      // letter-spacing: normal
+    ),
+    'h6': (
+      size: 14px,
+      weight: 500,
+      line-height: 18px,
+      // letter-spacing: 0.0125em
+    ),
+    'subtitle': (
+      size: 12px,
+      weight: 400,
+      line-height: 20px,
+      // letter-spacing: 0.00937em
+    ),
+    'body': (
+      font-size: 14px,
+			font-weight: 400,
+			line-height: 22px,
+			// letter-spacing: 0.03125em
+    ),
+    'caption': (
+      'size': 12px,
+      'weight': 400,
+      'line-height': 20px,
+      // 'letter-spacing': 0.03333em,
+      // 'text-transform': false
+    )
+  ),
+  $uni-headings
+);
+
+
+
+// 主色
+$uni-primary: #2979ff !default;
+$uni-primary-disable:lighten($uni-primary,20%) !default;
+$uni-primary-light: lighten($uni-primary,25%) !default;
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37 !default;
+$uni-success-disable:lighten($uni-success,20%) !default;
+$uni-success-light: lighten($uni-success,25%) !default;
+
+$uni-warning: #f3a73f !default;
+$uni-warning-disable:lighten($uni-warning,20%) !default;
+$uni-warning-light: lighten($uni-warning,25%) !default;
+
+$uni-error: #e43d33 !default;
+$uni-error-disable:lighten($uni-error,20%) !default;
+$uni-error-light: lighten($uni-error,25%) !default;
+
+$uni-info: #8f939c !default;
+$uni-info-disable:lighten($uni-info,20%) !default;
+$uni-info-light: lighten($uni-info,25%) !default;
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a !default; 			// 主要文字
+$uni-base-color: #6a6a6a !default;			// 常规文字
+$uni-secondary-color: #909399 !default;	// 次要文字
+$uni-extra-color: #c7c7c7 !default;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0 !default;
+$uni-border-2: #EDEDED !default;
+$uni-border-3: #DCDCDC !default;
+$uni-border-4: #B9B9B9 !default;
+
+// 常规色
+$uni-black: #000000 !default;
+$uni-white: #ffffff !default;
+$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
+
+// 背景色
+$uni-bg-color: #f7f7f7 !default;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px !default;
+$uni-spacing-base: 15px !default;
+$uni-spacing-lg: 30px !default;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;

src/uni_modules/uni-scss/styles/tools/functions.scss

@@ -0,0 +1,19 @@
+// 合并 map
+@function map-deep-merge($parent-map, $child-map){
+	$result: $parent-map;
+	@each $key, $child in $child-map {
+		$parent-has-key: map-has-key($result, $key);
+		$parent-value: map-get($result, $key);
+		$parent-type: type-of($parent-value);
+		$child-type: type-of($child);
+		$parent-is-map: $parent-type == map;
+		$child-is-map: $child-type == map;
+			
+		@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
+			$result: map-merge($result, ( $key: $child ));
+		}@else {
+			$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
+		}
+	}
+	@return $result;
+};

src/uni_modules/uni-scss/theme.scss

@@ -0,0 +1,31 @@
+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+// 主色
+$uni-primary: #2979ff;
+// 辅助色
+$uni-success: #4cd964;
+// 警告色
+$uni-warning: #f0ad4e;
+// 错误色
+$uni-error: #dd524d;
+// 描述色
+$uni-info: #909399;
+// 中性色
+$uni-main-color: #303133;
+$uni-base-color: #606266;
+$uni-secondary-color: #909399;
+$uni-extra-color: #C0C4CC;
+// 背景色
+$uni-bg-color: #f5f5f5;
+// 边框颜色
+$uni-border-1: #DCDFE6;
+$uni-border-2: #E4E7ED;
+$uni-border-3: #EBEEF5;
+$uni-border-4: #F2F6FC;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);

src/uni_modules/uni-scss/variables.scss

@@ -0,0 +1,62 @@
+@import './styles/setting/_variables.scss';
+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+
+// 主色
+$uni-primary: #2979ff;
+$uni-primary-disable:mix(#fff,$uni-primary,50%);
+$uni-primary-light: mix(#fff,$uni-primary,80%);
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37;
+$uni-success-disable:mix(#fff,$uni-success,50%);
+$uni-success-light: mix(#fff,$uni-success,80%);
+
+$uni-warning: #f3a73f;
+$uni-warning-disable:mix(#fff,$uni-warning,50%);
+$uni-warning-light: mix(#fff,$uni-warning,80%);
+
+$uni-error: #e43d33;
+$uni-error-disable:mix(#fff,$uni-error,50%);
+$uni-error-light: mix(#fff,$uni-error,80%);
+
+$uni-info: #8f939c;
+$uni-info-disable:mix(#fff,$uni-info,50%);
+$uni-info-light: mix(#fff,$uni-info,80%);
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a; 			// 主要文字
+$uni-base-color: #6a6a6a;			// 常规文字
+$uni-secondary-color: #909399;	// 次要文字
+$uni-extra-color: #c7c7c7;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0;
+$uni-border-2: #EDEDED;
+$uni-border-3: #DCDCDC;
+$uni-border-4: #B9B9B9;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);
+
+// 背景色
+$uni-bg-color: #f7f7f7;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px;
+$uni-spacing-base: 15px;
+$uni-spacing-lg: 30px;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4);

src/utils/auth-guard.js

@@ -1,20 +1,12 @@
 /**
  * 用户授权工具
- * 登录检查、授权跳转、回调处理、绑定手机号
+ * 登录检查、授权跳转、退出登录
  *
- * 授权相关接口（auth/url、auth/callback、sms/send、bindPhone）走网关 apiGatewayUrl
+ * 新流程：
- * 业务接口（商品列表等）走 apiBaseUrl
+ * - App.vue 检查 JWT，无则跳转 /pages/auth/loading
+ * - loading 页发起 OAuth → 获取 code → 调用 /login
+ * - 未注册用户跳转 /pages/register/register
  */
-import config from '@/config/env.js';
-import { gatewayGet, gatewayPost } from './request.js';
-
-// 场景提示文案
-const SCENE_TIPS = {
-  order: '登录后即可查看订单',
-  mine: '登录后即可查看个人信息',
-  pay: '登录后即可下单购买',
-  bindPhone: '需要绑定手机号完成登录',
-};
 
 /**
  * 检查是否已登录
@@ -25,13 +17,19 @@ export function isLoggedIn() {
 }
 
 /**
- * 检查登录状态，未登录时弹窗引导授权
+ * 检查登录状态，未登录时弹窗引导
- * @param {string} scene - 触发场景：'order' | 'mine' | 'pay' | 'bindPhone'
+ * @param {string} scene - 触发场景：'order' | 'mine' | 'pay'
  * @returns {boolean} 是否已登录
  */
 export function checkLoginWithPrompt(scene = '') {
   if (isLoggedIn()) return true;
 
+  const SCENE_TIPS = {
+    order: '登录后即可查看订单',
+    mine: '登录后即可查看个人信息',
+    pay: '登录后即可下单购买',
+  };
+
   uni.showModal({
     title: '提示',
     content: SCENE_TIPS[scene] || '需要登录后操作',
@@ -39,7 +37,8 @@ export function checkLoginWithPrompt(scene = '') {
     cancelText: '暂不',
     success: (res) => {
       if (res.confirm) {
-        startAuth();
+        // 跳转到授权 Loading 页
+        uni.redirectTo({ url: '/pages/auth/loading' });
       }
     },
   });
@@ -48,153 +47,15 @@ export function checkLoginWithPrompt(scene = '') {
 }
 
 /**
- * 检查登录状态，未登录时静默跳转授权（不弹窗）
+ * 检查登录状态，未登录时静默跳转
  * @returns {boolean} 是否已登录
  */
 export function requireLogin() {
   if (isLoggedIn()) return true;
-  startAuth();
+  uni.redirectTo({ url: '/pages/auth/loading' });
   return false;
 }
 
-/**
- * 发起授权跳转
- * 获取 auth_url 后跳转到微信/支付宝授权页
- */
-export async function startAuth() {
-  const appNo = uni.getStorageSync('app_no') || '';
-
-  if (!appNo) {
-    uni.showToast({ title: '当前环境不支持授权', icon: 'none' });
-    return;
-  }
-
-  try {
-    const res = await gatewayGet('/api/v1/user/auth/url', {
-      app_no: appNo,
-      scopes: '',
-      redirect_uri: config.authRedirectUri || '',
-    });
-
-    const data = res.data || {};
-    if (data.code === 0 && data.data && data.data.auth_url) {
-      // #ifdef H5
-      window.location.href = data.data.auth_url;
-      // #endif
-      // #ifndef H5
-      // 小程序环境走其他授权方式
-      uni.setStorageSync('pending_auth', true);
-      // #endif
-    } else {
-      uni.showToast({ title: data.message || '获取授权地址失败', icon: 'none' });
-    }
-  } catch (e) {
-    console.error('[Auth] startAuth error:', e);
-    uni.showToast({ title: '网络请求失败', icon: 'none' });
-  }
-}
-
-/**
- * 处理授权回调
- * 解析 URL 中的 code/auth_code 参数，调用后端回调接口
- * @returns {Promise<Object>} 回调结果
- */
-export async function handleAuthCallback() {
-  // #ifdef H5
-  const urlParams = new URLSearchParams(window.location.search);
-  const code = urlParams.get('code') || urlParams.get('auth_code') || '';
-  const appNo = urlParams.get('state') || uni.getStorageSync('app_no') || '';
-
-  if (!code) return null;
-
-  try {
-    const res = await gatewayGet('/api/v1/user/auth/callback', {
-      app_no: appNo,
-      code,
-      state: appNo,
-    });
-
-    const data = res.data || {};
-    if (data.code === 0 && data.data) {
-      return data.data;
-    }
-    return null;
-  } catch (e) {
-    return null;
-  }
-  // #endif
-
-  // #ifndef H5
-  return null;
-  // #endif
-}
-
-/**
- * 授权成功后处理
- * 缴存 token 和用户信息
- * @param {Object} authResult - 后端返回的授权结果
- */
-export function onAuthSuccess(authResult) {
-  if (!authResult) return;
-
-  const { token, user_info, auth_info } = authResult;
-
-  if (token) {
-    uni.setStorageSync('token', token);
-  }
-
-  if (user_info) {
-    uni.setStorageSync('user_info', user_info);
-  }
-
-  if (auth_info) {
-    uni.setStorageSync('auth_info', auth_info);
-  }
-}
-
-/**
- * 发送短信验证码
- * @param {string} phone - 手机号
- * @param {string} tempToken - 临时 token
- * @returns {Promise<Object>}
- */
-export async function sendSmsCode(phone, tempToken) {
-  const res = await gatewayPost('/api/v1/user/sms/send', {
-    phone,
-    temp_token: tempToken,
-    purpose: 'bindPhone',
-  });
-
-  const data = res.data || {};
-  return data.code === 0;
-}
-
-/**
- * 绑定手机号
- * @param {string} tempToken - 临时 token
- * @param {string} phone - 手机号
- * @param {string} code - 验证码
- * @returns {Promise<Object>} 绑定结果（含 token 和 user_info）
- */
-export async function bindPhone(tempToken, phone, code) {
-  const res = await gatewayPost('/api/v1/user/bindPhone', {
-    temp_token: tempToken,
-    phone,
-    code,
-  });
-
-  const data = res.data || {};
-  if (data.code === 0 && data.data) {
-    // 绑定成功，缓存 token 和用户信息
-    onAuthSuccess(data.data);
-    uni.removeStorageSync('temp_token');
-    return data.data;
-  }
-
-  uni.showToast({ title: data.message || '绑定失败', icon: 'none' });
-  return null;
-}
-
 /**
  * 退出登录
  */
@@ -211,36 +72,10 @@ export function logout() {
  */
 export function getCachedUserInfo() {
   try {
-    return uni.getStorageSync('user_info') || null;
+    const userInfo = uni.getStorageSync('user_info');
+    console.log('[auth-guard] getCachedUserInfo raw:', JSON.stringify(userInfo, null, 2));
+    return userInfo || null;
   } catch {
     return null;
   }
 }
-
-/**
- * 显示绑定手机号弹窗
- * @param {string} tempToken - 临时 token
- * @param {Function} onSuccess - 绑定成功回调
- */
-export function showBindPhoneDialog(tempToken, onSuccess) {
-  let phone = '';
-  let code = '';
-  let countdown = 0;
-  let timer = null;
-
-  // 使用 uni.showModal 不够灵活，这里用自定义弹窗
-  // 简化实现：先弹出手机号输入
-  uni.showModal({
-    title: '绑定手机号',
-    content: '请先绑定手机号完成注册',
-    confirmText: '去绑定',
-    cancelText: '取消',
-    success: async (res) => {
-      if (res.confirm) {
-        // 跳转到绑定手机号页面（预留）
-        // 后续可实现专门的绑定手机号页面
-        uni.showToast({ title: '绑定手机号功能开发中', icon: 'none' });
-      }
-    },
-  });
-}

src/utils/env.js

@@ -6,9 +6,9 @@
 // app_no 编码表：platform + terminalType → app_no
 const APP_NO_MAP = {
   'wechat_h5': '60000001102001',
-  'wechat_mp': '600102101',
+  'wechat_mp': '60000001102101',
-  'alipay_h5': '600112001',
+  'alipay_h5': '60000001112001',
-  'alipay_mp': '600112101',
+  'alipay_mp': '60000001112101',
 };
 
 /**

src/utils/request.js

@@ -37,8 +37,15 @@ export function request(options = {}) {
     ...options.header,
   };
 
-  // 公开接口（授权相关）不带 Authorization，避免 CORS 预检和 JWT 拦截
+  // 公开接口（授权/登录/注册相关）不带 Authorization，避免 CORS 预检和 JWT 拦截
-  const publicPaths = ['/api/v1/user/auth/url', '/api/v1/user/auth/callback'];
+  const publicPaths = [
+    '/api/v1/user/auth/url',
+    '/api/v1/user/auth/exchange',
+    '/api/v1/user/login',
+    '/api/v1/user/register',
+    '/api/v1/user/sms/send',
+    '/api/v1/user/info',
+  ];
   const isPublic = publicPaths.some((p) => url.includes(p));
 
   if (token && !isPublic) {

vite.config.js

@@ -1,8 +1,35 @@
 import { defineConfig } from 'vite'
 import uni from '@dcloudio/vite-plugin-uni'
+import { existsSync, readFileSync } from 'fs'
+import { resolve } from 'path'
+
+// 开发服务器：显式处理 public 目录下的静态文件，避免被 SPA history 路由拦截
+function servePublicFiles() {
+  return {
+    name: 'serve-public-files',
+    configureServer(server) {
+      server.middlewares.use((req, res, next) => {
+        if (req.url) {
+          const filePath = resolve(__dirname, 'public', req.url.slice(1))
+          if (existsSync(filePath) && filePath.endsWith('.txt')) {
+            const content = readFileSync(filePath, 'utf-8')
+            res.setHeader('Content-Type', 'text/plain; charset=utf-8')
+            res.end(content)
+            return
+          }
+        }
+        next()
+      })
+    },
+  }
+}
 
 export default defineConfig({
-  plugins: [uni()],
+  plugins: [servePublicFiles(), uni()],
+  // 将构建时的 DEPLOY_ENV 环境变量注入到客户端代码中
+  define: {
+    'process.env.DEPLOY_ENV': JSON.stringify(process.env.DEPLOY_ENV || ''),
+  },
   css: {
     preprocessorOptions: {
       scss: {
@@ -10,4 +37,5 @@ export default defineConfig({
       },
     },
   },
+  publicDir: 'public',
 })