refactor(订单): 重构订单详情页面和路由结构

将订单详情页面从子包移动到主包并优化路由配置
移除位置权限相关配置
添加页面基础样式防止溢出
优化快速订单组件定时器逻辑
调整订单列表按钮样式和交互

components/QuickOrderEntry.vue

@@ -44,17 +44,26 @@ export default {
             orderInfo: null,
             innerHasNewMessage: false,
             innerMessageCount: 0,
-            isInitialized: false
+            isInitialized: false,
+            timer: null // 定时器ID
         }
     },
 	mounted() {
 		this.getQuickOrderInfo()
+        // 开启定时器，每30秒更新一次数据
+        this.startTimer()
 	},
+    beforeDestroy() {
+        // 组件销毁前清除定时器
+        this.clearTimer()
+    },
     methods: {
         // 处理点击事件
-        handleClick() {
+        async handleClick() {
             // 发出点击事件，便于父组件监听
             this.$emit('click');
+
+            await this.getQuickOrderInfo()
             
             // 如果有订单信息，提供订单列表
             if (Array.isArray(this.orderInfo) && this.orderInfo.length > 0) {
@@ -102,7 +111,7 @@ export default {
 			}
 			
             // 调用接口获取快捷下单信息
-            this.$api('getOrderInfo', {}, res => {
+            return this.$api('getOrderInfo', {}, res => {
                 if (res.code === 200 && res.result) {
                     // 处理返回的订单列表
                     const orderList = Array.isArray(res.result) ? res.result : [res.result];
@@ -169,6 +178,28 @@ export default {
         getMessageCount() {
             return this.innerMessageCount;
         },
+        
+        // 开启定时器
+        startTimer() {
+            // 清除之前的定时器（如果存在）
+            this.clearTimer()
+            
+            // 设置新的定时器，每30秒执行一次
+            this.timer = setInterval(() => {
+                // 只有在有token的情况下才更新数据
+                if (uni.getStorageSync('token')) {
+                    this.getQuickOrderInfo()
+                }
+            }, 15000)
+        },
+        
+        // 清除定时器
+        clearTimer() {
+            if (this.timer) {
+                clearInterval(this.timer)
+                this.timer = null
+            }
+        },
     },
 }
 </script>

manifest.json

@@ -57,15 +57,8 @@
             "urlCheck" : false
         },
         "usingComponents" : true,
-        "permission" : {
-            "scope.userLocation" : {
-                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
-            },
-            "scope.userFuzzyLocation" : {
-                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
-            }
-        },
-        "requiredPrivateInfos" : [ "chooseLocation", "getLocation" ]
+        "permission" : {},
+        "requiredPrivateInfos" : []
     },
     "mp-alipay" : {
         "usingComponents" : true

pages.json

@@ -29,6 +29,12 @@
 				"navigationBarTextStyle": "white"
 			}
 		},
+		{
+			"path": "pages/order/orderDetail",
+			"style": {
+				"navigationBarTextStyle": "white"
+			}
+		},
 		{
 			"path": "pages/index/cart",
 			"style": {
@@ -44,12 +50,7 @@
 	},
 	"subPackages": [{
 		"root": "pages_order",
-		"pages": [{
-				"path": "order/orderDetail",
-				"style": {
-					"navigationBarTextStyle": "white"
-				}
-			},
+		"pages": [
 			{
 				"path": "mine/purse",
 				"style": {
@@ -73,7 +74,10 @@
 				"path": "product/productDetail"
 			},
 			{
-				"path": "product/productList"
+				"path": "product/productList",
+				"style": {
+					"enablePullDownRefresh": true
+				}
 			},
 			{
 				"path": "auth/wxLogin"

pages/index/index.vue

@@ -169,6 +169,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.page{
+	width: 100vw;
+	overflow: hidden;
+}
 .red-top {
     position: relative;
     height: 420rpx;

pages/index/order.vue

@@ -154,7 +154,7 @@ export default {
         //跳转订单详情页面
         toOrderDetail(id) {
             uni.navigateTo({
-                url: '/pages_order/order/orderDetail?id=' + id
+                url: '/pages/order/orderDetail?id=' + id
             })
         },
     }

pages_order/order/fastOrderList.vue

@@ -23,7 +23,6 @@
 				class="order-item" 
 				v-for="(order, index) in orderList" 
 				:key="order.id"
-				@click="viewOrderDetail(order)"
 			>
 				<!-- 订单头部信息 -->
 				<view class="order-header">
@@ -95,17 +94,18 @@
 					<view class="order-actions">
 						<view 
 							class="action-btn cancel" 
-							v-if="order.state === '0'"
+							v-if="order.status === '0'"
 							@click.stop="cancelOrder(order)"
 						>
 							<text>取消订单</text>
 						</view>
-						<!-- <view 
-							class="action-btn detail" 
-							@click.stop="viewOrderDetail(order)"
+						<view 
+							class="action-btn pay" 
+							v-if="order.status === '1'"
+							@click.stop="goToConfirmOrder(order)"
 						>
 							<text>查看详情</text>
-						</view> -->
+						</view>
 					</view>
 				</view>
 			</view>
@@ -345,20 +345,9 @@
 				});
 			},
 			
-			// 查看订单详情
-			viewOrderDetail(order) {
-				// 根据订单状态跳转到不同页面
-				if (order.status === '1') {
-					// 已审核的订单，跳转到确认下单页面
-					this.$utils.navigateTo(`/pages_order/order/firmOrder?orderId=${order.id}`);
-				} else {
-					// 其他状态显示详情信息
-					uni.showModal({
-						title: '订单详情',
-						content: `订单号: ${order.orderNumber || order.id}\n状态: ${this.getStatusText(order.status)}\n下单方式: ${this.getTypeName(order.type)}\n创建时间: ${this.formatTime(order.createTime)}`,
-						showCancel: false
-					});
-				}
+			// 跳转到确认订单页面
+			goToConfirmOrder(order) {
+				this.$utils.navigateTo(`/pages_order/order/firmOrder?orderId=${order.id}`);
 			},
 			
 			// 格式化时间
@@ -623,10 +612,11 @@
 							background-color: rgba(220, 53, 69, 0.05);
 						}
 						
-						&.detail {
+						&.pay {
 							border-color: #D03F25;
-							color: #D03F25;
-							background-color: rgba(208, 63, 37, 0.05);
+							color: #ffffff;
+							background-color: #D03F25;
+							font-weight: 500;
 						}
 					}
 				}