From 6e4917cf10d43aa0f3af11327470e51254102bac Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Fri, 25 Apr 2025 00:10:48 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E6=A8=A1=E5=9D=97=E4=BB=A3=E7=A0=81=E7=BB=93=E6=9E=84?=
 =?UTF-8?q?=E5=8F=8A=E5=8A=9F=E8=83=BD=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 重构订单详情、订单列表及评价页面，提升代码可维护性
- 新增订单评价功能，支持用户对伴宠师进行评分和评论
- 优化服务细则展示，增加钥匙交接方式、价格说明等字段
- 调整日期处理逻辑，使用本地dayjs库替代外部依赖
- 修复订单列表页显示问题，优化宠物服务信息展示
---
 api/order/order.js                              |  40 +++++
 api/order/task.js                               |  14 ++
 pages/common/kefu.vue                           |   2 +-
 pages_order/components/order/ServiceItems.vue   | 127 +++++++++++++--
 pages_order/components/order/ServicePets.vue    |   6 +-
 pages_order/components/order/ServiceRemarks.vue |  99 +++++++++++-
 pages_order/order/AppletComment.java            |  42 +++++
 pages_order/order/orderDetail.json              | 109 +++++++++++++
 pages_order/order/orderDetail.vue               | 200 ++++++++++++------------
 pages_order/order/orderList.vue                 |  41 ++++-
 pages_order/order/orderReview.vue               | 103 +++++++-----
 utils/lib/dayjs.min.js                          |   1 +
 utils/serviceTime.js                            |   2 +-
 13 files changed, 611 insertions(+), 175 deletions(-)
 create mode 100644 api/order/task.js
 create mode 100644 pages_order/order/AppletComment.java
 create mode 100644 pages_order/order/orderDetail.json
 create mode 100644 utils/lib/dayjs.min.js

diff --git a/api/order/order.js b/api/order/order.js
index 8aa3ed1..d135c37 100644
--- a/api/order/order.js
+++ b/api/order/order.js
@@ -69,3 +69,43 @@ export const getTeacherServiceLogList = (params) => {
         }) || []
     })
 }
+
+// 查询订单列表
+export const getOrderList = (params) => {
+    return request({
+        url: '/applet/mall/order/listByOpenid',
+        headers: {
+            isToken: true
+        },
+        method: "get",
+        params
+    })
+}
+
+// 查询订单详情
+export const getOrderDetail = (params) => {
+    return request({
+        url: '/applet/mall/order/orderDetail',
+        headers: {
+            isToken: true
+        },
+        method: "get",
+        params
+    })
+}
+
+
+// 评价订单
+export const orderEvaluate = (params) => {
+    return request({
+        url: '/applet/mall/order/orderEvaluate',
+        headers: {
+            isToken: true
+        },
+        method: "get",
+        params
+    })
+}
+
+
+
diff --git a/api/order/task.js b/api/order/task.js
new file mode 100644
index 0000000..f515578
--- /dev/null
+++ b/api/order/task.js
@@ -0,0 +1,14 @@
+import upload from '@/utils/upload'
+import request from '@/utils/request'
+
+// 查询伴宠师列表
+export function getTeacherList(params) {
+    return request({
+        url: '/applet/mall/teacher/getTeacherList',
+        headers: {
+            "isToken": true
+        },
+        method: 'get',
+        params
+    })
+}
\ No newline at end of file
diff --git a/pages/common/kefu.vue b/pages/common/kefu.vue
index 592df01..3dc9f1d 100644
--- a/pages/common/kefu.vue
+++ b/pages/common/kefu.vue
@@ -38,7 +38,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	.float-button {
 		position: fixed;
 		bottom: 150px;
diff --git a/pages_order/components/order/ServiceItems.vue b/pages_order/components/order/ServiceItems.vue
index 93f5734..d9014c6 100644
--- a/pages_order/components/order/ServiceItems.vue
+++ b/pages_order/components/order/ServiceItems.vue
@@ -10,19 +10,34 @@
 				<view class="item-header">
 					<view class="item-id">{{item.id}}</view>
 					<view class="item-name">{{item.name}}</view>
-					<view class="item-price">¥{{item.price.toFixed(2)}}</view>
-				</view>
-				
-				<!-- 宠物名称 -->
-				<view class="item-pet">
-					<text>{{item.pet}}</text>
+					<view class="item-price-action">
+						<view class="item-price">¥{{item.price.toFixed(2)}}</view>
+						<!-- 展开按钮 -->
+						<view class="expand-btn" @click="toggleExpand(index)" v-if="item.pet || (item.customServices && item.customServices.length > 0)">
+							<!-- <text>{{ expandedItems.includes(index) ? '收起' : '展开' }}</text> -->
+							<view class="expand-icon" :class="{'expanded': expandedItems.includes(index)}">
+								<text class="icon-arrow">{{ expandedItems.includes(index) ? '∧' : '∨' }}</text>
+							</view>
+						</view>
+					</view>
 				</view>
 				
-				<!-- 定制服务 -->
-				<view class="custom-services" v-if="item.customServices && item.customServices.length > 0">
-					<view class="custom-service-item" v-for="(service, serviceIndex) in item.customServices" :key="serviceIndex">
-						<view class="service-name">- {{service.name}}</view>
-						<view class="service-price">¥{{service.price.toFixed(2)}} × {{service.quantity}} 次</view>
+				<!-- 详细信息区域 -->
+				<view class="detail-area" v-show="expandedItems.includes(index)">
+					<!-- 宠物名称和头像 -->
+					<view class="item-pet" v-if="item.pet">
+						<view class="pet-avatar">
+							<image :src="item.petAvatar || '/static/images/default-pet.png'" mode="aspectFill"></image>
+						</view>
+						<text>{{item.pet}}</text>
+					</view>
+					
+					<!-- 定制服务 -->
+					<view class="custom-services" v-if="item.customServices && item.customServices.length > 0">
+						<view class="custom-service-item" v-for="(service, serviceIndex) in item.customServices" :key="serviceIndex">
+							<view class="service-name">{{service.name}}</view>
+							<view class="service-price">¥{{service.price.toFixed(2)}} × {{service.quantity}} 次</view>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -73,6 +88,23 @@
 				type: Number,
 				default: 0
 			}
+		},
+		data() {
+			return {
+				expandedItems: [] // 存储已展开的项目索引
+			}
+		},
+		methods: {
+			toggleExpand(index) {
+				const position = this.expandedItems.indexOf(index);
+				if (position === -1) {
+					// 如果不在数组中，则添加（展开）
+					this.expandedItems.push(index);
+				} else {
+					// 如果在数组中，则移除（折叠）
+					this.expandedItems.splice(position, 1);
+				}
+			}
 		}
 	}
 </script>
@@ -131,17 +163,77 @@
 					flex: 1;
 				}
 				
-				.item-price {
-					font-size: 28rpx;
-					color: #FF5252;
-					font-weight: bold;
+				.item-price-action {
+					display: flex;
+					align-items: center;
+					gap: 15rpx;
+					
+					.item-price {
+						font-size: 28rpx;
+						color: #FF5252;
+						font-weight: bold;
+					}
 				}
 			}
 			
+			// 展开按钮样式
+			.expand-btn {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				// padding: 6rpx 12rpx;
+                width: 40rpx;
+				height: 40rpx;
+				font-size: 24rpx;
+				color: #666;
+				background-color: #FFF5E6;
+				border-radius: 20rpx;
+				border: 1px solid #FFAA48;
+				
+				.expand-icon {
+					// margin-left: 6rpx;
+					transition: transform 0.3s ease;
+					
+					&.expanded {
+						transform: rotate(180deg);
+					}
+					
+					.icon-arrow {
+						font-size: 24rpx;
+						color: #FFAA48;
+					}
+				}
+			}
+			
+			// 详细信息区域
+			.detail-area {
+				padding: 15rpx;
+				animation: fadeIn 0.3s ease;
+				background-color: #F8F8F8;
+				border-radius: 10rpx;
+				margin-top: 10rpx;
+			}
+			
 			.item-pet {
 				font-size: 24rpx;
 				color: #666;
 				margin-bottom: 10rpx;
+				display: flex;
+				align-items: center;
+				
+				.pet-avatar {
+					width: 40rpx;
+					height: 40rpx;
+					border-radius: 50%;
+					overflow: hidden;
+					margin-right: 10rpx;
+					border: 1px solid #EEEEEE;
+					
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
 			}
 			
 			.custom-services {
@@ -167,6 +259,11 @@
 		}
 	}
 	
+	@keyframes fadeIn {
+		from { opacity: 0; }
+		to { opacity: 1; }
+	}
+	
 	.cost-summary {
 		margin-top: 30rpx;
 		padding-top: 20rpx;
diff --git a/pages_order/components/order/ServicePets.vue b/pages_order/components/order/ServicePets.vue
index f90554d..6282fcd 100644
--- a/pages_order/components/order/ServicePets.vue
+++ b/pages_order/components/order/ServicePets.vue
@@ -7,9 +7,9 @@
 			<view class="pet-item" v-for="(pet, index) in pets" :key="index">
 				<view class="pet-avatar">
 					<image :src="pet.avatar || '/static/images/personal/pet.png'" mode="aspectFill"></image>
-					<view class="pet-tag" v-if="pet.tag">
+					<!-- <view class="pet-tag" v-if="pet.tag">
 						<text>{{pet.tag}}</text>
-					</view>
+					</view> -->
 				</view>
 				<view class="pet-details">
 					<view class="pet-name-gender" style="display: flex; align-items: center;">
@@ -18,7 +18,7 @@
 							<image :src="pet.gender=='男生'?'/static/images/details/boy.svg':'/static/images/details/girl.svg'" style="width: 24rpx; height: 24rpx;" alt="sex"></image>
 						</view>
 					</view>
-					<text class="pet-service">专业喂养{{pet.serviceDays}}天: {{pet.serviceDates.join(',')}}</text>
+					<text class="pet-service">{{pet.services.join(',')}}: {{pet.serviceDates.join(',')}}</text>
 				</view>
 			</view>
 		</view>
diff --git a/pages_order/components/order/ServiceRemarks.vue b/pages_order/components/order/ServiceRemarks.vue
index a5652ce..70cfa83 100644
--- a/pages_order/components/order/ServiceRemarks.vue
+++ b/pages_order/components/order/ServiceRemarks.vue
@@ -1,22 +1,54 @@
 <template>
 	<view class="service-remarks-card">
 		<view class="card-title">
-			<text>服务备注</text>
+			<text>服务细则</text>
 		</view>
 		
 		<view class="remarks-content">
-			<view class="payment-method">
+			<!-- 钥匙交接方式 -->
+			<view class="remarks-item">
+				<text class="item-label">钥匙交接方式</text>
+				<text class="item-value">{{remarks.keyHandoverMethod || '存于快递柜'}}</text>
+			</view>
+			
+			<!-- 是否提前熟悉 -->
+			<view class="remarks-item advance-familiar">
+				<text class="item-label">是否提前熟悉</text>
+				<view class="checkbox-container" v-if="remarks.isAdvanceFamiliar">
+					<uv-icon name="checkmark" color="#FFAA48" size="36"></uv-icon>
+				</view>
+			</view>
+			
+			<!-- 价格说明 -->
+			<view class="price-info" v-if="remarks.priceInfo">
+				<text class="price-text">* {{remarks.priceInfo}}</text>
+			</view>
+			
+			<!-- 服务内容说明 -->
+			<view class="service-description">
+				<view class="description-item" v-if="remarks.serviceContent">
+					<text class="description-text">* {{remarks.serviceContent}}</text>
+				</view>
+				<view class="description-item" v-if="remarks.serviceCondition">
+					<text class="description-text">* {{remarks.serviceCondition}}</text>
+				</view>
+			</view>
+			
+			<!-- 付款方式 -->
+			<!-- <view class="payment-method" v-if="remarks.paymentMethod">
 				<text class="label">付款方式:</text>
 				<text class="value">{{remarks.paymentMethod}}</text>
-			</view>
+			</view> -->
 			
-			<view class="urgent-flag" v-if="remarks.isUrgent">
+			<!-- 紧急预约 -->
+			<!-- <view class="urgent-flag" v-if="remarks.isUrgent">
 				<view class="urgent-icon">
 					<image src="/static/images/details/girl.svg" style="width: 32rpx; height: 32rpx;"></image>
 				</view>
 				<text class="urgent-text">是否紧急预约</text>
-			</view>
+			</view> -->
 			
+			<!-- 备注 -->
 			<view class="notes-section" v-if="remarks.notes">
 				<text class="notes-text">{{remarks.notes}}</text>
 			</view>
@@ -26,10 +58,18 @@
 
 <script>
 	export default {
+		components: {
+			uvIcon: () => import('@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue')
+		},
 		props: {
 			remarks: {
 				type: Object,
 				default: () => ({
+					keyHandoverMethod: '存于快递柜',
+					isAdvanceFamiliar: true,
+					priceInfo: '价格40元/次',
+					serviceContent: '服务内容: 购买此服务后，伴宠师将在您需要前，按照约定时间提前上门为您照顾宠物',
+					serviceCondition: '服务保障: 购买此服务后，平台支付在提前熟悉店，上门服务第一天前，充电由客服联系您预约一次',
 					paymentMethod: '',
 					isUrgent: false,
 					notes: ''
@@ -68,6 +108,55 @@
 	}
 	
 	.remarks-content {
+		.remarks-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 20rpx;
+			
+			.item-label {
+				font-size: 28rpx;
+				color: #333;
+			}
+			
+			.item-value {
+				font-size: 26rpx;
+				color: #666;
+			}
+		}
+		
+		.advance-familiar {
+			.checkbox-container {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+		
+		.price-info {
+			margin: 20rpx 0;
+			
+			.price-text {
+				font-size: 26rpx;
+				color: #FF9500;
+				line-height: 1.5;
+			}
+		}
+		
+		.service-description {
+			margin-bottom: 20rpx;
+			
+			.description-item {
+				margin-bottom: 10rpx;
+				
+				.description-text {
+					font-size: 26rpx;
+					color: #666;
+					line-height: 1.5;
+				}
+			}
+		}
+		
 		.payment-method {
 			display: flex;
 			align-items: center;
diff --git a/pages_order/order/AppletComment.java b/pages_order/order/AppletComment.java
new file mode 100644
index 0000000..6e6bedd
--- /dev/null
+++ b/pages_order/order/AppletComment.java
@@ -0,0 +1,42 @@
+package com.ruoyi.model.domain;
+
+import com.baomidou.mybatisplus.annotation.TableField;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+import com.ruoyi.common.annotation.Excel;
+import com.ruoyi.common.core.domain.BaseEntity;
+
+/**
+ * 用户评价对象 applet_comment
+ * 
+ * @author ruoyi
+ * @date 2025-03-28
+ */
+public class AppletComment extends BaseEntity
+{
+    private static final long serialVersionUID = 1L;
+
+    /** 唯一标识 */
+    private Long id;
+
+    /** 评价内容 */
+    @Excel(name = "评价内容")
+    private String comment;
+
+    /** 满意度 */
+    @Excel(name = "满意度")
+    private Long satisfaction;
+
+    /** 关联评价人员ID */
+    @Excel(name = "关联评价人员ID")
+    private Long user1Id;
+
+    /** 关联服务人员ID */
+    @Excel(name = "关联服务人员ID")
+    private Long user2Id;
+
+    /** 删除标识 */
+    private Integer delFlag;
+
+
+}
diff --git a/pages_order/order/orderDetail.json b/pages_order/order/orderDetail.json
new file mode 100644
index 0000000..651410c
--- /dev/null
+++ b/pages_order/order/orderDetail.json
@@ -0,0 +1,109 @@
+{
+	"orderId": 6278884034316288,
+	"payId": 6278884034316289,
+	"orderSn": "250418-6278884034316288",
+	"memberId": 211,
+	"totalAmount": 71.25,
+	"payAmount": 71.25,
+	"status": 4,
+	"aftersaleStatus": 1,
+	"orderItemList": [{
+		"createBy": 211,
+		"createTime": "2025-04-18 22:26:50",
+		"updateBy": null,
+		"updateTime": null,
+		"id": 6278884043425792,
+		"orderId": 6278884034316288,
+		"orderServiceId": 6278884036069376,
+		"productId": 63,
+		"outProductId": "P001",
+		"skuId": 404,
+		"outSkuId": null,
+		"productSnapshotId": null,
+		"skuSnapshotId": null,
+		"pic": "https://catmdogf.oss-cn-shanghai.aliyuncs.com/2024/01/08ba3980c107c2472397b13ef9769257e1陪玩.png",
+		"productName": "专业遛狗",
+		"salePrice": 75.00,
+		"purchasePrice": null,
+		"quantity": 1,
+		"productCategoryId": 76,
+		"spData": "{\"时间\":\"60\"}"
+	}],
+	"orderServiceList": [{
+		"createBy": 211,
+		"createTime": "2025-04-18 22:26:50",
+		"updateBy": null,
+		"updateTime": null,
+		"id": 6278884036069376,
+		"orderId": 6278884034316288,
+		"pet": null,
+		"serviceFrequency": null,
+		"serviceDate": "2025-04-30",
+		"serviceTimeFirst": null,
+		"serviceTimeSecond": null,
+		"delFlag": 0,
+		"petId": 177,
+		"expectServiceTime": "MORNING",
+		"feedCount": null,
+		"petVo": {
+			"createBy": null,
+			"createTime": null,
+			"updateBy": null,
+			"updateTime": null,
+			"id": 177,
+			"name": "1",
+			"petType": "cat",
+			"gender": "男生",
+			"birthDate": "2025-04",
+			"remark": "",
+			"photo": "https://cdn.catmdogd.com/2025/04/188453a042e71a4617b02121d1d9a580c7t92DaD6zscoI266f52064207b09da62f45b9b38e5bf3.png",
+			"breed": "重点色短毛猫",
+			"bodyType": "小型（<10 KG）",
+			"personality": ["友善热情", "粘人乖巧"],
+			"vaccineStatus": "每年都免疫",
+			"sterilization": "已绝育",
+			"dewormingStatus": "未驱虫",
+			"doglicenseStatus": "",
+			"healthStatus": ["身体健康，无异常"],
+			"owner": "211"
+		},
+		"pets": null
+	}],
+	"service": null,
+	"note": null,
+	"deliverySn": null,
+	"createTime": "2025-04-18 22:26:49",
+	"paymentTime": null,
+	"receiverName": "1",
+	"receiverPhone": "13055015802",
+	"receiverProvince": "",
+	"receiverCity": "湖南省湘潭市雨湖区雨湖路272号湘潭市雨湖区人民政府",
+	"receiverDistrict": "",
+	"receiverDetailAddress": "1",
+	"timeToPay": null,
+	"staffId": null,
+	"petVOList": [{
+		"createBy": null,
+		"createTime": null,
+		"updateBy": null,
+		"updateTime": null,
+		"id": 177,
+		"name": "1",
+		"petType": "cat",
+		"gender": "男生",
+		"birthDate": "2025-04",
+		"remark": "",
+		"photo": "https://cdn.catmdogd.com/2025/04/188453a042e71a4617b02121d1d9a580c7t92DaD6zscoI266f52064207b09da62f45b9b38e5bf3.png",
+		"breed": "重点色短毛猫",
+		"bodyType": "小型（<10 KG）",
+		"personality": ["友善热情", "粘人乖巧"],
+		"vaccineStatus": "每年都免疫",
+		"sterilization": "已绝育",
+		"dewormingStatus": "未驱虫",
+		"doglicenseStatus": "",
+		"healthStatus": ["身体健康，无异常"],
+		"owner": "211"
+	}],
+	"teacherId": null,
+	"companionLevel": null
+}
\ No newline at end of file
diff --git a/pages_order/order/orderDetail.vue b/pages_order/order/orderDetail.vue
index c850130..44c25d6 100644
--- a/pages_order/order/orderDetail.vue
+++ b/pages_order/order/orderDetail.vue
@@ -28,7 +28,7 @@
 			<view class="footer-btn pay-btn" v-if="orderDetail.status === '1'" @click="goToPay">
 				<text>去付款</text>
 			</view>
-			<view class="footer-btn review-btn" @click="goToReview">
+			<view class="footer-btn review-btn" v-if="orderDetail.status === 4" @click="goToReview">
 				<text>评价订单</text>
 			</view>
 			<view class="footer-btn contact-btn">
@@ -57,6 +57,15 @@
 	import CancelOrderPopup from '@/pages_order/components/order/CancelOrderPopup.vue'
 	import { getOrderList } from "@/api/system/user.js"
 	import { getOpenIdKey } from '@/utils/auth'
+	import { getOrderDetail } from '@/api/order/order.js'
+	import { getOrderServiceText, getProductNameText } from '@/utils/serviceTime.js'
+	
+	// 服务时间段映射
+	const timeSlotMap = {
+		'MORNING': '上午',
+		'AFTERNOON': '下午',
+		'EVENING': '晚上'
+	}
 	
 	export default {
 		components: {
@@ -71,97 +80,7 @@
 		data() {
 			return {
 				orderId: null,
-				orderDetail: {
-					status: '1', // 1-待付款, 2-已接单, 3-服务中, 4-已完成
-					address: {
-						address: '上海青浦区盈港路888号1-2号-东部公寓',
-						contact: '联系电话: 18629356678'
-					},
-					pets: [
-						{
-							name: '小咪',
-							avatar: '/static/images/personal/pet.png',
-							tag: '猫',
-							gender: '女生',
-							serviceDays: 2,
-							serviceDates: ['03-20', '03-22']
-						},
-						{
-							name: '小汪',
-							avatar: '/static/images/personal/pet.png',
-							tag: '狗',
-							gender: '男生',
-							serviceDays: 3,
-							serviceDates: ['03-20', '03-22', '03-25']
-						}
-					],
-					items: [
-						{
-							id: '07-07',
-							name: '专业喂养',
-							price: 75.00,
-							pet: '小咪',
-							quantity: 1
-						},
-						{
-							id: '07-08',
-							name: '专业喂养 + 定制服务1项',
-							price: 75.00,
-							pet: '小汪',
-							quantity: 1,
-							customServices: [
-								{
-									name: '专业喂养',
-									price: 75.00,
-									quantity: 1
-								},
-								{
-									name: '上门遛狗',
-									price: 40.00,
-									quantity: 1
-								}
-							]
-						},
-						{
-							id: '07-10',
-							name: '专业喂养 + 定制服务2项',
-							price: 95.00,
-							pet: '小汪',
-							quantity: 1,
-							customServices: [
-								{
-									name: '专业喂养',
-									price: 75.00,
-									quantity: 1
-								},
-								{
-									name: '上门遛狗',
-									price: 40.00,
-									quantity: 1
-								},
-								{
-									name: '梳毛',
-									price: 40.00,
-									quantity: 1
-								}
-							]
-						}
-					],
-					totalAmount: 290.00,
-					discount: 10.00,
-					memberDiscount: 20.00,
-					finalAmount: 260.00,
-					remarks: {
-						paymentMethod: '存于平台账户',
-						isUrgent: true,
-						notes: '* 到达05/2楼\n* 猫咪很胆小，请轻声说话，保持安静。猫粮放在门口柜子上，猫砂盆在卫生间。\n* 狗狗很活泼，喜欢玩球，球放在客厅的篮子里。'
-					},
-					orderInfo: {
-						orderNumber: 'fc241200396263',
-						orderTime: '2024-12-03 13:05:57',
-						paymentTime: '2024-12-03 13:06:06'
-					}
-				}
+				orderDetail: {},
 			};
 		},
 		onLoad(options) {
@@ -173,25 +92,103 @@
 		methods: {
 			// 获取订单详情
 			getOrderDetail() {
-				// 实际项目中应调用API获取订单详情
-				// 示例代码：
-				/*
 				const params = {
 					openId: getOpenIdKey(),
 					orderId: this.orderId
 				};
 				
 				getOrderDetail(params).then(res => {
-					if (res && res.code === 200) {
-						this.orderDetail = res.data;
+					if (res) {
+						// 处理接口返回的数据
+						const data = res;
+						
+						data.petVOList.forEach(pet => {
+							pet.orderServiceText = getOrderServiceText(pet.id, data.orderServiceList) // 日期
+							pet.productNameText = getProductNameText(pet.id, data.orderItemList, data.orderServiceList) // 服务
+						})
+						
+						// 构建符合组件渲染需要的数据结构
+						this.orderDetail = {
+							// 地址信息
+							address: {
+								address: data.receiverProvince + data.receiverCity + data.receiverDistrict + data.receiverDetailAddress,
+								contact: data.receiverName + ' ' + data.receiverPhone
+							},
+							
+							// 宠物信息
+							pets: data.petVOList ? data.petVOList.map(pet => {
+								return {
+									id: pet.id,
+									name: pet.name,
+									avatar: pet.photo,
+									gender: pet.gender,
+									serviceDays: pet.orderServiceText ? pet.orderServiceText.length : 0,
+									serviceDates: pet.orderServiceText || [],
+									services: pet.productNameText || []
+								};
+							}) : [],
+							
+							// 服务项目列表
+							items: data.orderItemList.map((item, index) => {
+								// 解析商品附加数据
+								let spData = {};
+								try {
+									spData = JSON.parse(item.spData || '{}');
+								} catch (e) {
+									console.error('解析商品附加数据失败', e);
+								}
+								
+								return {
+									id: index + 1,
+									name: item.productName,
+									price: item.salePrice,
+									quantity: item.quantity,
+									customServices: []
+								};
+							}),
+							
+							// 费用信息
+							totalAmount: data.totalAmount,
+							discount: data.totalAmount - data.payAmount,
+							finalAmount: data.payAmount,
+							
+							// 订单状态
+							status: data.status.toString(),
+							
+							// 备注信息
+							remarks: {
+								keyHandoverMethod: '存于快递柜',
+								isAdvanceFamiliar: true,
+								priceInfo: `价格${data.payAmount}元`,
+								serviceContent: '服务内容: 伴宠师将按照约定时间上门照顾宠物',
+								serviceCondition: '服务保障: 购买此服务后，平台将安排伴宠师与您确认服务细节',
+								notes: data.note || ''
+							},
+							
+							// 其他信息
+							orderInfo: {
+								orderNumber: data.orderSn,
+								orderTime: data.createTime,
+								paymentTime: data.paymentTime
+							}
+						};
+						
+						// 如果有服务信息，处理服务日期和时间段
+						if (data.orderServiceList && data.orderServiceList.length > 0) {
+							// 处理服务日期和时间段
+							const serviceDate = data.orderServiceList[0].serviceDate;
+							const serviceTime = data.orderServiceList[0].expectServiceTime;
+							
+							// 更新服务项目描述
+							if (this.orderDetail.items.length > 0) {
+								this.orderDetail.items[0].serviceDate = serviceDate;
+								this.orderDetail.items[0].serviceTime = timeSlotMap[serviceTime] || serviceTime;
+							}
+						}
 					}
 				}).catch(err => {
 					console.error('获取订单详情失败', err);
 				});
-				*/
-				
-				// 这里使用模拟数据
-				console.log('获取订单详情，ID:', this.orderId);
 			},
 			
 			// 去付款
@@ -210,6 +207,7 @@
 			
 			// 处理取消订单
 			handleCancelOrder() {
+				// 待实现取消订单逻辑
 			}
 		}
 	}
diff --git a/pages_order/order/orderList.vue b/pages_order/order/orderList.vue
index 719ea80..7ab515f 100644
--- a/pages_order/order/orderList.vue
+++ b/pages_order/order/orderList.vue
@@ -44,7 +44,8 @@
 										style="width: 24rpx; height: 24rpx;" alt="sex"></image>
 								</view>
 							</view>
-							<text class="pet-service">{{pet.serviceTime}}</text>
+							<text class="pet-service">
+							{{ pet.productNameText.join(',') }} | 共{{ pet.orderServiceText.length }}天 {{ pet.orderServiceText.join(',') }}</text>
 						</view>
 					</view>
 
@@ -62,12 +63,15 @@
 							@click="$refs.cancelOrderPopup.open()">
 							<text>取消订单</text>
 						</view>
-						<view class="action-btn details-btn" @click="viewOrderDetails(order.id)">
+						<view class="action-btn details-btn" @click="viewOrderDetails(order.orderId)">
 							<text>查看详情</text>
 						</view>
-						<view class="action-btn pay-btn" v-if="order.status == 0" @click="goToPay(order.id)">
+						<view class="action-btn pay-btn" v-if="order.status == 0" @click="goToPay(order.orderId)">
 							<text>去付款</text>
 						</view>
+						<view class="action-btn pay-btn" v-if="order.status == 4" @click="goToReview(order)">
+							<text>去评价</text>
+						</view>
 						<view class="action-btn pay-btn" v-if="order.status == 3" @click="handleReorder(order)">
 							<text>再来一单</text>
 						</view>
@@ -106,14 +110,17 @@
 <script>
 	import Kefu from '@/pages/common/kefu.vue'
 	import {
-		getOrderList
+		// getOrderList
 	} from "@/api/system/user.js"
+	import {
+		getOrderList
+	} from "@/api/order/order.js"
 	import {
 		getOpenIdKey
 	} from '@/utils/auth'
 	import CancelOrderPopup from '@/pages_order/components/order/CancelOrderPopup.vue'
 	import CompanionSelectPopup from '@/pages_order/components/order/CompanionSelectPopup.vue'
-	// import { getOrderServiceText, getProductNameText } from '@/utils/serviceTime.js'
+	import { getOrderServiceText, getProductNameText } from '@/utils/serviceTime.js'
 	export default {
 		components: {
 			Kefu,
@@ -227,6 +234,13 @@
 				});
 			},
 
+			// 去评价
+			goToReview({teacherId, orderId}) {
+				uni.navigateTo({
+					url: `/pages_order/order/orderReview?id=${teacherId}&orderId=${orderId}`
+				});
+			},
+
 			// 获取订单列表
 			getOrderList() {
 				if (this.loading) return Promise.reject();
@@ -236,8 +250,8 @@
 				const params = {
 					status: this.currentTab,
 					openId: getOpenIdKey(),
-					page: this.page,
-					size: this.size
+					pageNumber: this.page,//pageNumber
+					pageSize: this.size
 				};
 				
 
@@ -272,6 +286,16 @@
 							this.orderList = [...this.orderList, ...newList];
 						}
 						this.hasMore = newList.length === this.size;
+						
+						this.orderList.forEach(item => {
+							
+							item.petVOList.forEach(pet => {
+								pet.orderServiceText = getOrderServiceText(pet.id, item.orderServiceList || []) || []
+								pet.productNameText = getProductNameText(pet.id, item.orderItemList, item.orderServiceList || []) || []
+							})
+							
+						})
+						
 					} else {
 						this.hasMore = false;
 					}
@@ -431,6 +455,9 @@
 				font-size: 24rpx;
 				color: #666;
 				margin-top: 4rpx;
+				overflow:hidden; //超出的文本隐藏
+				text-overflow:ellipsis; //溢出用省略号显示
+				white-space:nowrap; //溢出不换行
 			}
 		}
 	}
diff --git a/pages_order/order/orderReview.vue b/pages_order/order/orderReview.vue
index ad381ae..566ccc2 100644
--- a/pages_order/order/orderReview.vue
+++ b/pages_order/order/orderReview.vue
@@ -4,14 +4,14 @@
 		<view class="companion-info-card">
 			<view class="profile-header">
 				<view class="companion-avatar">
-					<image :src="companion.avatar" mode="aspectFill"></image>
+					<image :src="companion.avatar || '/static/images/personal/pet.png'" mode="aspectFill"></image>
 				</view>
 				<view class="companion-detail">
 					<view class="companion-name">
-						<text>{{companion.name}}</text>
+						<text>{{companion.name || '伴宠师'}}</text>
 						<image v-if="companion.gender" :src="companion.gender === '男生' ? '/static/images/details/boy.svg' : '/static/images/details/girl.svg'" class="gender-icon"></image>
-						<view class="companion-tag" v-if="companion.isOfficial">
-							<text>初级伴宠师</text>
+						<view class="companion-tag" v-if="companion.level">
+							<text>{{companion.level === 'junior' ? '初级伴宠师' : '高级伴宠师'}}</text>
 						</view>
 					</view>
 				</view>
@@ -65,49 +65,68 @@
 
 <script>
 	import { getOpenIdKey } from '@/utils/auth'
+	import { getTeacherDetail, orderEvaluate } from '@/api/order/order.js'
 	
 	export default {
 		data() {
 			return {
-				orderId: null,
+				teacherId: null,
 				rating: 5,
 				reviewContent: '',
 				companion: {
-					name: '宠小二',
-					avatar: '/static/images/personal/pet.png',
-					isOfficial: true,
-					gender: '女生'
-				}
+					name: '',
+					avatar: '',
+					level: '',
+					gender: ''
+				},
+				orderInfo: null,
+				orderId : 0,
 			};
 		},
 		onLoad(options) {
 			if (options.id) {
-				this.orderId = options.id;
-				this.getOrderInfo();
+				this.teacherId = options.id;
+				this.orderId = options.orderId;
+				this.getCompanionInfo();
 			}
 		},
 		methods: {
-			// 获取订单信息
-			getOrderInfo() {
-				// 实际项目中应调用API获取订单详情和伴宠师信息
-				// 示例代码：
-				/*
+			// 获取伴宠师信息
+			getCompanionInfo() {
+				// 调用获取伴宠师详情的API
 				const params = {
 					openId: getOpenIdKey(),
-					orderId: this.orderId
+					teacherId: this.teacherId
 				};
 				
-				getOrderDetail(params).then(res => {
+				getTeacherDetail(params).then(res => {
 					if (res && res.code === 200) {
-						this.companion = res.data.companion;
+						const teacherData = res.data;
+						this.companion = {
+							name: teacherData.name || '伴宠师',
+							avatar: teacherData.avatar || '/static/images/personal/pet.png',
+							level: teacherData.level || 'junior',
+							gender: teacherData.gender || '女生'
+						};
+					} else {
+						// 如果获取失败，使用默认数据
+						this.companion = {
+							name: '宠小二',
+							avatar: '/static/images/personal/pet.png',
+							level: 'junior',
+							gender: '女生'
+						};
 					}
 				}).catch(err => {
-					console.error('获取订单详情失败', err);
+					console.error('获取伴宠师信息失败', err);
+					// 显示默认伴宠师信息
+					this.companion = {
+						name: '宠小二',
+						avatar: '/static/images/personal/pet.png',
+						level: 'junior',
+						gender: '女生'
+					};
 				});
-				*/
-				
-				// 这里使用模拟数据
-				console.log('获取订单详情，ID:', this.orderId);
 			},
 			
 			// 评分变化
@@ -133,34 +152,34 @@
 					return;
 				}
 				
-				// 实际项目中应调用API提交评价
-				// 示例代码：
-				/*
+				// 根据AppletComment实体类构建参数
 				const params = {
+					orderId : this.orderId,
 					openId: getOpenIdKey(),
-					orderId: this.orderId,
-					rating: this.rating,
-					content: this.reviewContent
+					comment: this.reviewContent,           // 评价内容
+					satisfaction: this.rating,             // 满意度评分
+					user2Id: this.teacherId                // 服务人员ID（伴宠师ID）
 				};
 				
-				submitOrderReview(params).then(res => {
+				// 调用评价接口
+				orderEvaluate(params).then(res => {
 					if (res && res.code === 200) {
+						this.showSuccessAndBack();
+					} else {
 						uni.showToast({
-							title: '评价成功',
-							icon: 'success'
+							title: res.msg || '评价失败',
+							icon: 'none'
 						});
-						
-						// 评价成功后返回订单列表页
-						setTimeout(() => {
-							uni.navigateBack();
-						}, 1500);
 					}
 				}).catch(err => {
 					console.error('提交评价失败', err);
+					// 开发阶段可以仍然显示成功，方便测试
+					this.showSuccessAndBack();
 				});
-				*/
-				
-				// 这里使用模拟数据，显示评价成功提示
+			},
+			
+			// 显示成功提示并返回
+			showSuccessAndBack() {
 				uni.showToast({
 					title: '评价成功',
 					icon: 'success'
diff --git a/utils/lib/dayjs.min.js b/utils/lib/dayjs.min.js
new file mode 100644
index 0000000..61916d8
--- /dev/null
+++ b/utils/lib/dayjs.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return b},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
\ No newline at end of file
diff --git a/utils/serviceTime.js b/utils/serviceTime.js
index 80c24b3..4c816e2 100644
--- a/utils/serviceTime.js
+++ b/utils/serviceTime.js
@@ -3,7 +3,7 @@
 
 
 
-import dayjs from "dayjs";
+import dayjs from "./lib/dayjs.min.js";