开门增加来源

.gitea/workflows/deploy.yaml

@@ -92,11 +92,15 @@ jobs:
       # 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
@@ -110,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"

src/App.vue

@@ -60,6 +60,13 @@
 				} 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;

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

@@ -27,7 +27,7 @@ const dev = {
   mockUser: {
     token: 'mock_token_dev_2024',
     user_info: {
-      user_id: 'mock_user_001',
+      user_id: 'abc123456',
       phone: '13264706088',
       open_id: 'mock_openid_002',
       union_id: 'test_union_id',

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,7 +3,7 @@
  */
 const prod = {
   // 业务 API 地址（vms-api）
-  apiBaseUrl: 'http://101.200.86.98:4000',
+  apiBaseUrl: 'https://vmsapi.arklinksmart.cn',
 
   // 网关地址（vms-gateway）— 用户授权、短信等接口走网关
   apiGatewayUrl: 'https://gateway.arklinksmart.cn',

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

@@ -41,6 +41,12 @@
       "style": {
         "navigationStyle": "custom"
       }
+    },
+    {
+      "path": "pages/order/detail",
+      "style": {
+        "navigationStyle": "custom"
+      }
     }
   ],
   "globalStyle": {

src/pages/auth/loading.vue

@@ -36,16 +36,13 @@ export default {
       code = urlParams.get('code') || '';
     }
 
-    // 兜底：从 localStorage 恢复（redirect_uri 参数为主，localStorage 为备用）
+    // 兜底：从 localStorage 恢复（页面复用时 onLoad 不触发，localStorage 由跳转函数清理）
     if (!this.action) {
       this.action = localStorage.getItem('__auth_action') || '';
     }
     if (!this.deviceId) {
       this.deviceId = localStorage.getItem('__auth_device_id') || '';
     }
-    // 清理 localStorage（一次性使用，避免残留影响下次流程）
-    localStorage.removeItem('__auth_action');
-    localStorage.removeItem('__auth_device_id');
     console.log('[loading] onLoad - action:', this.action, 'deviceId:', this.deviceId, 'code:', code ? 'yes' : 'no');
 
     if (this.action === 'userinfo') {
@@ -75,6 +72,9 @@ export default {
      * 发起 OAuth 授权（静默授权，只获取 openid）
      */
     async startAuth() {
+      // 清除上次使用的 code 标记
+      uni.removeStorageSync('__used_auth_code');
+
       const platform = detectPlatform();
       const appNo = getAppNo(platform);
 
@@ -87,6 +87,11 @@ export default {
       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
@@ -138,6 +143,20 @@ export default {
         return;
       }
 
+      // 防止 code 重复提交：先检查再标记
+      const usedCode = uni.getStorageSync('__used_auth_code');
+      if (usedCode === code) {
+        console.warn('[loading] code 已使用过，跳过');
+        return;
+      }
+      uni.setStorageSync('__used_auth_code', code);
+
+      // 立即清除 URL 中的 code 参数，避免刷新重复处理
+      const url = new URL(window.location.href);
+      url.searchParams.delete('code');
+      url.searchParams.delete('state');
+      window.history.replaceState({}, '', url.toString());
+
       try {
         this.statusText = '正在验证身份...';
 
@@ -163,12 +182,6 @@ export default {
           return;
         }
 
-        // 清除 URL 中的 code 参数，避免刷新重复处理
-        const url = new URL(window.location.href);
-        url.searchParams.delete('code');
-        url.searchParams.delete('state');
-        window.history.replaceState({}, '', url.toString());
-
         // 存储 openid
         uni.setStorageSync('openid', openid);
 
@@ -188,6 +201,14 @@ export default {
           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 → 跳注册页
@@ -209,6 +230,9 @@ export default {
      * 发起非静默授权获取用户信息（snsapi_userinfo，弹窗确认）
      */
     async startUserInfoAuth() {
+      // 清除上次使用的 code 标记
+      uni.removeStorageSync('__used_auth_code');
+
       const platform = detectPlatform();
       const appNo = getAppNo(platform);
 
@@ -221,6 +245,12 @@ export default {
       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
@@ -272,16 +302,24 @@ export default {
         return;
       }
 
+      // 防止 code 重复提交
+      const usedCode = uni.getStorageSync('__used_auth_code');
+      if (usedCode === code) {
+        console.warn('[loading] code 已使用过，跳过');
+        return;
+      }
+      uni.setStorageSync('__used_auth_code', code);
+
+      // 立即清除 URL 中的 code/action 参数，避免刷新重复处理
+      const url = new URL(window.location.href);
+      url.searchParams.delete('code');
+      url.searchParams.delete('state');
+      url.searchParams.delete('action');
+      window.history.replaceState({}, '', url.toString());
+
       try {
         this.statusText = '正在获取用户信息...';
 
-        // 清除 URL 中的 code/action 参数，避免刷新重复处理
-        const url = new URL(window.location.href);
-        url.searchParams.delete('code');
-        url.searchParams.delete('state');
-        url.searchParams.delete('action');
-        window.history.replaceState({}, '', url.toString());
-
         // 用 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', {
@@ -295,11 +333,14 @@ export default {
 
         if (data.code === 0 && data.data) {
           const userInfo = data.data;
-          // 存入缓存
+          // 合并已有缓存（保留 user_id 等字段），覆盖头像昵称手机
+          const existing = uni.getStorageSync('user_info') || {};
           uni.setStorageSync('user_info', {
-            nickname: userInfo.nickname || '',
-            avatar: userInfo.avatar || '',
-            phone: userInfo.phone || '',
+            ...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);
@@ -317,16 +358,22 @@ export default {
      * 跳回首页并标记为"我的"tab
      */
     goToHomeWithAction() {
-      const url = this.deviceId
-        ? `/pages/index/index?device_id=${this.deviceId}&action=mine`
+      // 兼容页面复用：优先 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.redirectTo({ url });
     },
 
     goToHome() {
-      const url = this.deviceId
-        ? `/pages/index/index?device_id=${this.deviceId}`
+      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.redirectTo({ url });
     },
 
@@ -355,13 +402,21 @@ export default {
     async mockLogin() {
       const mode = config.mockWechatLogin;
       const mock = config.mockUser;
-      const mockOpenid = mock.user_info.open_id;
+      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;
@@ -387,8 +442,15 @@ export default {
           uni.setStorageSync('openid', result.openid || mockOpenid);
 
           if (result.register) {
-            // 已注册 → 存 token → 跳首页
+            // 已注册 → 存 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 {

src/pages/faq/faq.vue

@@ -44,17 +44,7 @@ export default {
       faqList: [
         {
           question: '如何购买商品？',
-          answer: '在首页浏览商品，点击商品卡片选择商品，确认后即可完成购买。支持微信支付和支付宝支付。',
-          expanded: false
-        },
-        {
-          question: '如何开门取货？',
-          answer: '下单成功后，点击首页底部中间的"开门"按钮，柜门会自动打开，取出商品后关闭柜门即可。',
-          expanded: false
-        },
-        {
-          question: '商品质量问题怎么办？',
-          answer: '如发现商品有质量问题，请在24小时内通过"联系客服"反馈，我们会为您办理退款或换货。',
+          answer: '使用微信或支付宝扫描柜体上的二维码，进入开门页面，如果是首次使用需先进行授权登录与注册，浏览设备中售卖的商品及价格，点击开门，待门锁打开后，拉开门选购商品，关门即完成购买，约1-2分钟内系统将自动识别并完成扣款。',
           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

@@ -157,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, gatewayGet } from '@/utils/request.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: '',
@@ -177,7 +181,7 @@ export default {
       loading: false,
       categoryList: [],
       activeCategory: 'all',
-      userInfo: { nickname: '', phone: '', avatar: '' },
+      userInfo: { user_id: '', nickname: '', phone: '', avatar: '' },
       avatarClickCount: 0,
       avatarClickTimer: null,
       fromPage: '', // 记录从哪个页面跳转过来的
@@ -194,6 +198,9 @@ export default {
     };
   },
   computed: {
+    userId() {
+      return this.userInfo.user_id || '';
+    },
     canGoBack() {
       // 有上一页，或者从 tab 切换过来的，都可以返回
       return getCurrentPages().length > 1 || this.fromPage === 'tab';
@@ -296,7 +303,7 @@ export default {
       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));
     },
@@ -309,6 +316,7 @@ export default {
           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 || '',
@@ -325,6 +333,12 @@ export default {
       }
 
       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
@@ -385,12 +399,49 @@ export default {
         this.loading = false;
       }
     },
-    handleOpenDoor() {
-      uni.showModal({
-        title: '开门',
-        content: '确认打开柜门？',
-        success: r => r.confirm && uni.showToast({ title: '柜门已打开', icon: 'success' })
-      });
+    async handleOpenDoor() {
+      // 检查登录状态
+      if (!isLoggedIn()) {
+        checkLoginWithPrompt('door');
+        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) {
@@ -451,11 +502,8 @@ export default {
       uni.clearStorageSync();
       uni.showToast({ title: '已退出登录', icon: 'success' });
       setTimeout(() => {
-        // 跳转到干净的URL，去掉code/state参数，避免重复使用旧code
-        const url = new URL(window.location.href);
-        url.searchParams.delete('code');
-        url.searchParams.delete('state');
-        window.location.href = url.toString();
+        uni.setStorageSync('__logout_flag', true);
+        uni.reLaunch({ url: '/pages/index/scan' });
       }, 1000);
     },
     onVConsoleChange(e) {
@@ -660,4 +708,5 @@ page { height: 100%; background-color: #fff; }
   border: 2rpx solid #2979ff;
   border-radius: 40rpx;
 }
+
 </style>

src/pages/index/scan.vue

@@ -67,6 +67,12 @@ export default {
     };
   },
   onLoad(options) {
+    // 退出登录后跳转过来，清除标记，停留在扫码页
+    if (uni.getStorageSync('__logout_flag')) {
+      uni.removeStorageSync('__logout_flag');
+      return;
+    }
+
     // 1. 检查 JWT（App.vue 已处理首次跳转，这里兜底）
     const token = uni.getStorageSync('token');
     if (!token) {

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

@@ -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" 
-          :key="index"
+          v-for="order in filteredOrders"
+          :key="order._id"
         >
           <!-- 第一行: 日期 + 状态 -->
           <view class="order-header">
-            <text class="order-date">{{ order.create_time }}</text>
-            <text class="order-status" :class="{ paid: order.status === 'paid', unpaid: order.status === 'unpaid' }">
-              {{ order.status === 'paid' ? '已支付' : '未支付' }}
-            </text>
+            <text class="order-date">{{ formatTime(order.createdAt) }}</text>
+            <view class="status-tags">
+              <text class="order-status" :class="orderStatusClass(order.order_status)">
+                {{ 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" 
-              :class="{ 'pay-btn': order.status === 'unpaid', 'refund-btn': order.status === 'paid' }"
-              @click="handleAction(order)"
+              v-if="order.payment_status === 'PENDING'"
+              class="action-btn pay-btn"
+              @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 
-              mode="date" 
-              :value="tempStartTime" 
-              @change="onStartTimeChange"
-            >
+            <picker 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 
-              mode="date" 
-              :value="tempEndTime" 
-              @change="onEndTimeChange"
-            >
+            <picker 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: [
-        {
-          id: 1,
-          create_time: '2026-04-30 10:25:30',
-          status: 'paid',
-          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'
-        }
-      ]
+      orderList: [],
+      loading: false,
+      page: 1,
+      limit: 10,
+      hasNext: true,
+      total: 0
     };
   },
   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');
-      }
-      
-      // 日期筛选
-      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);
+        list = list.filter(o => o.payment_status === 'PENDING');
       }
 
       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;
-    },
-    onEndTimeChange(e) {
-      this.tempEndTime = e.detail.value;
-    },
+
+    // 筛选
+    onStartTimeChange(e) { this.tempStartTime = e.detail.value; },
+    onEndTimeChange(e) { 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) {
-      if (order.status === 'unpaid') {
-        // 支付需要登录
-        if (!checkLoginWithPrompt('pay')) return;
-        uni.showModal({
-          title: '立即支付',
-          content: `确认支付￥${order.totalAmount}？`,
-          success: (res) => {
-            if (res.confirm) {
-              uni.showToast({ title: '支付成功', icon: 'success' });
-            }
+    handlePay(order) {
+      if (!checkLoginWithPrompt('pay')) return;
+      uni.showModal({
+        title: '立即支付',
+        content: `确认支付￥${this.getDecimal(order.total_amount)}？`,
+        success: (res) => {
+          if (res.confirm) {
+            uni.showToast({ title: '支付功能开发中', icon: 'none' });
           }
-        });
-      } 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 {
-  font-size: 26rpx;
-  font-weight: bold;
+.status-tags {
+  display: flex;
+  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

@@ -183,23 +183,32 @@ export default {
         });
 
         const ret = res.data || {};
+        console.log('[register] 注册响应:', JSON.stringify(ret, null, 2));
+
         if (ret.code === 0 && ret.data) {
           // 保存 token
           uni.setStorageSync('token', ret.data.token);
 
-          // Mock 模式下，合并真实注册信息和 mock 配置
+          // 存储 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;
-            const userInfo = {
-              user_id: ret.data.user_id || mockInfo.user_id,
-              phone: this.phone,  // 使用真实注册的手机号
-              nickname: mockInfo.nickname,
-              avatar: mockInfo.avatar,
-            };
-            uni.setStorageSync('user_info', userInfo);
-            console.log('[register] Mock 模式，合并用户信息:', userInfo);
+            userInfo.nickname = userInfo.nickname || mockInfo.nickname;
+            userInfo.avatar = userInfo.avatar || mockInfo.avatar;
           }
 
+          uni.setStorageSync('user_info', userInfo);
+          console.log('[register] 存储 user_info:', userInfo);
+
           // 清除临时数据
           uni.removeStorageSync('temp_token');
           uni.removeStorageSync('auth_info');

vite.config.js

@@ -26,6 +26,10 @@ function servePublicFiles() {
 
 export default defineConfig({
   plugins: [servePublicFiles(), uni()],
+  // 将构建时的 DEPLOY_ENV 环境变量注入到客户端代码中
+  define: {
+    'process.env.DEPLOY_ENV': JSON.stringify(process.env.DEPLOY_ENV || ''),
+  },
   css: {
     preprocessorOptions: {
       scss: {