民宿退款进度页

common/config.js

@@ -189,4 +189,5 @@ module.exports = {
 	// 民宿客栈 
 	getHomestayOrderDetail: PWPATH +"/admin-api/homestay/HotelOrder/selectUserOrderOne", // 获取民宿订单详情信息
 	getHomestayOrderList: PWPATH + "/admin-api/homestay/HotelOrder/selectPageUser", // 获取用户全部民宿订单列表
+	getHomestayOrderRefund: PWPATH + "/admin-api/homestay/HotelOrder/getHotelRefundLog", // 获取用户民宿退款信息
 }

pages.json

@@ -510,6 +510,12 @@
 					"style": {
 						"navigationBarTitleText": "订单详情"
 					}
+				},
+				{
+					"path": "orderHomestay/cancelStep",
+					"style": {
+						"navigationBarTitleText": "退款详情"
+					}
 				}
 			]
 		}

subPageC/orderHomestay/cancelStep.vue

@@ -1,21 +1,12 @@
 <template>
 	<view class="v-order-cancel">
 		<view class="v-card container-fluid">
-			<view>退款金额</view>
+			<view>退款金额: ￥{{homestayOrderRefund.sumRefundPrice}}</view>
 			<view>退款进度</view>
 			<view class="v-timeline m-t-24">
-				<view class="v-timeline-item">
-					<view class="v-timeline-item__content">发起退款申请</view>
-					<view class="v-timeline-item__timestamp">2024-09-13 16:23:22</view>
-				</view>
-				<view class="v-timeline-item">
-					<view class="v-timeline-item__content">微信支付已受理</view>
-					<view class="v-timeline-item__timestamp">2024-09-13 16:23:22</view>
-				</view>
-				<view class="v-timeline-item active">
-					<view class="v-timeline-item__content">退款已到账</view>
-					<view class="v-timeline-item__tip">退款已原路退回！</view>
-					<view class="v-timeline-item__timestamp">2024-09-13 16:23:22</view>
+				<view class="v-timeline-item" v-for="item in homestayOrderRefund.list">
+					<view class="v-timeline-item__content">{{item.refundName}}</view>
+					<view class="v-timeline-item__timestamp">{{parseTime(item.refundTime,'{y}-{m}-{d} {h}:{i}:{s}')}}</view>
 				</view>
 			</view>
 		</view>
@@ -23,17 +14,38 @@
 </template>
 
 <script>
+	import { parseTime } from "@/common/util";
 	export default {
 		data() {
 			return {
-
+				homestayOrderRefund:{}
 			}
 		},
-		onLoad() {
-			this.getInitPage()
+		onLoad(option) {
+			console.log(option.orderId)
+			this.getInitPage(option.orderId)
 		},
 		methods: {
-			getInitPage() {}
+			getInitPage(orderId) {
+				let data ={
+					'orderId':orderId
+				}
+				this.$Request.get(this.$config.getHomestayOrderRefund, data, null, null, false, null).then((res) => {
+					console.log(res)
+					if(res.code == 0){
+						this.homestayOrderRefund = res.data
+					}else{
+						uni.showToast({
+							title: res.data,
+							icon: 'none',    
+							duration: 2000    
+						})  
+					}
+				});
+			},
+			parseTime(val, par) {
+				return parseTime(val, par)
+			},
 
 		}
 	}
@@ -41,7 +53,7 @@
 
 <style lang="scss">
 	/*每个页面公共css */
-	@import '../../static/common.scss';
+	@import '@/static/css/common.scss';
 
 	.v-timeline {
 		padding:20rpx;

subPageC/orderHomestay/orderDetail.vue

@@ -22,8 +22,12 @@
 			</view> -->
 			<view class="row describe" v-if="homestayOrderData.orderStatus == '7' || homestayOrderData.orderStatus == '8' ">
 				
-				<view class="dec col">退款进度：<text>退款成功</text></view>
-				<view class="btn">查看详情</view>
+				<view class="dec col">退款进度：
+				<text v-if="homestayOrderData.orderStatus == '7'">发起退款申请</text>
+				<text v-else>退款成功</text>
+				
+				</view>
+				<view class="btn" @click="toRefundPage(homestayOrderData.id)">查看详情</view>
 			</view>
 		</view>
 
@@ -217,10 +221,10 @@
 						return ""
 						break;
 					case "7":
-						return "退款进度：发起退款申请"
+						return ""
 						break;
 					case "8":
-						return "退款进度：退款成功"
+						return ""
 						break;
 				}
 			},
@@ -229,6 +233,12 @@
 				uni.navigateTo({
 					url: "/subPageB/Homestay/homestaydetail/homestaydetail?guid="+hotelId
 				}); 
+			},
+			//跳转退款页面
+			toRefundPage(orderId){
+				uni.navigateTo({
+					url: "/subPageC/orderHomestay/cancelStep?orderId="+orderId
+				}); 
 			}
 		}
 	}

subPageC/orderHomestay/orderList.vue

@@ -15,6 +15,8 @@
 					<view class="bottom" >
 						<view class="btn" v-if="item.orderStatus=='0'">去支付</view>
 						<view class="btn" v-if="item.orderStatus !='0' && item.orderStatus !='1'" @click="toHomeStayBookingPage(item.hotelId)">再次预定</view>
+						<view class="btn" v-if="item.orderStatus =='7' || item.orderStatus =='8'" @click="toRefundPage(item.id)">退款进度</view>
+						
 						<view class="btn" @click="toHomeStayDetailPage(item.id)">详情</view>
 					</view>
 					
@@ -43,8 +45,8 @@
 		},
 		onLoad() {
 		     //TODO:
-			this.judgeLogin()
-			this.upCallback()
+			// this.judgeLogin()
+			// this.upCallback()
 		},
 		methods: {
 		
@@ -98,14 +100,14 @@
 			loadData(pageNo) {
 				let that = this
 				// TODO: 需从缓存获取appId openId
-				const userInfo = uni.getStorageSync("userInfo");
-				const extConfig = uni.getExtConfigSync ? uni.getExtConfigSync() : {};
-				console.log(uni.getExtConfigSync(), 'extConfigextConfigextConfig')
-				let appId = extConfig.app_id
+				// const userInfo = uni.getStorageSync("userInfo");
+				// const extConfig = uni.getExtConfigSync ? uni.getExtConfigSync() : {};
+				// console.log(uni.getExtConfigSync(), 'extConfigextConfigextConfig')
+				// let appId = extConfig.app_id
 			
 				let httpData = {
-					openid: userInfo.openid,
-					appid: appId,
+					openid: 111,
+					appid: 2,
 					pageNo: pageNo,
 					pageSize: 10
 				};
@@ -144,6 +146,12 @@
 				uni.navigateTo({
 					url: "/subPageB/Homestay/homestaydetail/homestaydetail?guid="+hotelId
 				}); 
+			},
+			//跳转退款页面
+			toRefundPage(orderId){
+				uni.navigateTo({
+					url: "/subPageC/orderHomestay/cancelStep?orderId="+orderId
+				}); 
 			}
 		}
 	}