From 01776e495bbd3f693ab2677f793a54e62f91a57b Mon Sep 17 00:00:00 2001
From: wangzimeng <3297159934@qq.com>
Date: Sat, 26 Jul 2025 11:59:37 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E6=8B=9B=E7=A7=9F=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=EF=BC=9A=E8=BF=94=E5=9B=9E=E9=A6=96=E9=A1=B5=E3=80=81=E6=94=B6?=
 =?UTF-8?q?=E8=97=8F=E7=9A=84=E5=8A=9F=E8=83=BD=E5=AE=9E=E7=8E=B0=EF=BC=8C?=
 =?UTF-8?q?=E5=92=8C=E7=AB=8B=E5=8D=B3=E8=81=94=E7=B3=BB=E7=9A=84=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/canteenRent/rentDetail.vue | 169 ++++++++++++++++++++++++++++---
 sheep/api/rent.js                |  22 ++--
 2 files changed, 170 insertions(+), 21 deletions(-)

diff --git a/pages/canteenRent/rentDetail.vue b/pages/canteenRent/rentDetail.vue
index 408b895..82b7518 100644
--- a/pages/canteenRent/rentDetail.vue
+++ b/pages/canteenRent/rentDetail.vue
@@ -92,21 +92,21 @@
 			<!-- 底部按钮 -->
 			<view class="footer-box">
 				<view class="icon-box flex ml40">
-					<view>
+					<view @click="backHome">
 						<image class="btnIcon" src="https://jiangxiaoxian.0rui.cn/backHome.png" mode=""></image>
 						<view class="btnText" style="margin-top: 10rpx;">首页</view>
 					</view>
-					<view style="margin-left: 40rpx;">
+					<view style="margin-left: 40rpx;" @click="showShareModal">
 						<image class="btnIcon" src="https://jiangxiaoxian.0rui.cn/rentShare.png" mode=""></image>
 						<view class="btnText" style="margin-top: 10rpx;">分享</view>
 					</view>
-					<view style="margin-left: 40rpx;">
+					<view style="margin-left: 40rpx;" @click="handleColect">
 						<image v-if="detailRent.is_collect == 0" class="btnIcon"
 							src="https://jiangxiaoxian.0rui.cn/unCollect.png" mode=""></image>
 						<image v-else class="btnIcon" src="https://jiangxiaoxian.0rui.cn/collected.png" mode=""></image>
 						<view class="btnText" style="margin-top: 10rpx;">收藏</view>
 					</view>
-					<view style="margin-left: 40rpx;">
+					<view style="margin-left: 40rpx;" @click="toPage('/pages/chat/index')">
 						<image class="btnIcon" src="https://jiangxiaoxian.0rui.cn/service.png" mode=""></image>
 						<view class="btnText" style="margin-top: 10rpx;">客服</view>
 					</view>
@@ -120,17 +120,28 @@
 		<su-popup :show="showContacted == true" type="center" round="10" :isMaskClick="false">
 			<view class="popupContacted">
 				<view class="contactedBox">
-					<image style="width: 120rpx;height: 120rpx;"></image>
-					<view style="font-size: 36rpx;line-height: 50rpx;font-weight: 900;color: #3d3d3d;margin: 30rpx 0;">确认拨号</view>
-					<view style="font-size: 30rpx;line-height: 44rpx;font-weight: 400;color: #3d3d3d;">剩余联系次数：detailRent.all_mobile_num</view>
+					<image style="width: 120rpx;height: 120rpx;position: relative;left: 54rpx;" src="https://jiangxiaoxian.0rui.cn/rentContact1.png"></image>
+					<view style="font-size: 36rpx;line-height: 50rpx;font-weight: 900;color: #3d3d3d;position: relative;left: 44rpx;">确认拨号</view>
+					<view style="font-size: 30rpx;line-height: 44rpx;font-weight: 400;color: #3d3d3d;">剩余联系次数：{{detailRent.all_mobile_num}}</view>
+				</view>
+				<view class="contactBtn">
+						<view class="tactBtnBox" style="color: #999999;" @click="showContacted = false">取消</view>
+						<view class="tactBtnBox" style="color: #333333;" @click="handleTell">确定</view>
 				</view>
-				
 			</view>
 		</su-popup>
 		
 		<su-popup :show="showContactNo == true" type="center" round="10" :isMaskClick="false">
 			<view class="popupContactNo">
-				
+				<view class="contactNoBox">
+					<image style="width: 120rpx;height: 120rpx;position: relative;left: 190rpx;" src="https://jiangxiaoxian.0rui.cn/rentContact2.png"></image>
+					<view style="font-size: 36rpx;line-height: 50rpx;font-weight: 900;color: #3d3d3d;position: relative;left: 180rpx;">非常抱歉</view>
+					<view style="font-size: 30rpx;line-height: 44rpx;font-weight: 400;color: #3d3d3d;">你的联系次数不足请前往积分商城兑换</view>
+				</view>
+				<view class="contactBtn">
+					<view class="tactBtnBox" style="color: #999999;" @click="showContactNo = false">取消</view>
+					<view class="tactBtnBox" style="color: #333333;" @click="gotoExchange">去兑换</view>
+				</view>
 			</view>
 		</su-popup>
 		
@@ -158,6 +169,7 @@
 	} from '@/sheep/validate/form';
 	import rent from '../../sheep/api/rent';
 	import sheep from '@/sheep';
+	import { showShareModal } from '@/sheep/hooks/useModal';
 
 	const rentId = ref('');
 	const detailRent = ref('')
@@ -172,6 +184,12 @@
 			getDetail();
 		}
 	})
+	
+	onShow(() => {
+		if (rentId.value) {
+			getDetail();
+		}
+	})
 
 	async function getDetail() {
 		const res = await sheep.$api.rent.rentInfo(rentId.value)
@@ -192,6 +210,44 @@
 		}
 	}
 	
+	//返回首页
+	function backHome() {
+		uni.switchTab({
+			url: '/pages/index/index'
+		})
+	}
+	
+	//页面跳转
+	const toPage = (e) => {
+		uni.navigateTo({
+			url: e
+		})
+	}
+	
+	//收藏
+	function handleColect() {
+		console.log('收藏',detailRent.value.is_collect);
+		if(detailRent.value.is_collect == 1) {
+			detailRent.value.is_collect = 0
+			uni.showToast({
+				title:'已取消收藏',
+				icon:'none'
+			})
+		}else {
+			detailRent.value.is_collect = 1
+			uni.showToast({
+				title:'已收藏',
+				icon:'none'
+			})
+			// setTimeout(() => {
+			// 	uni.showToast({
+			// 		title:'已收藏',
+			// 		icon:'none'
+			// 	})
+			// }, 1000)
+		}
+	}
+	
 	//是否拨打电话的次数
 	function handleJuage() {
 		console.log('拨打电话次数:',detailRent.value.all_mobile_num);
@@ -201,6 +257,36 @@
 			showContactNo.value = true
 		}
 	}
+	const phoneTell = ref()
+	//确定拨打电话
+	async function handleTell() {
+		const res = await sheep.$api.rent.getPhoneNum({
+			id:rentId.value
+		})
+		console.log('获取电话',res);
+		if(res.code == 1) {
+			phoneTell.value = res.data.contact_number
+			showContacted.value = false
+			wx.makePhoneCall({
+			      phoneNumber: phoneTell.value,
+			      success: function() {
+			        console.log("拨打电话成功")
+					
+			      },
+			      fail: function(err) {
+			        console.log("拨打电话失败", err)
+			      }
+			    })
+		}
+	}
+	//去兑换拨号次数
+	function gotoExchange() {
+		showContactNo.value = false
+		uni.navigateTo({
+			url: '/pages/app/score-shop'
+		})
+	}
+	
 </script>
 
 <style lang="scss" scoped>
@@ -338,6 +424,7 @@
 
 		.listItem-contents {
 			background-color: #ffffff;
+			padding: 30rpx;
 			// margin-left: 20rpx;
 			// padding: 30rpx;
 
@@ -374,7 +461,7 @@
 
 			.cons-third {
 				margin-top: 20rpx;
-				padding: 30rpx;
+				// padding: 30rpx;
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
@@ -459,14 +546,70 @@
 		width: 660rpx;
 		height: 477rpx;
 		background-color: #fff;
+		display: grid;
+		border-radius: 18rpx;
 		
 		.contactedBox {
-			width: 100%;
-			height: 100%;
+			width: 660rpx;
+			height: 325rpx;
+			padding: 30rpx 0;
+			// margin-top: 40rpx;
 			display: grid;
 			justify-content: center;
 			align-items: center;
-			padding-top: 40rpx;
+		}
+		
+		.contactBtn {
+			width: 660rpx;
+			height: 92rpx;
+			border-top: 1rpx solid #eeeeee;
+			display: flex;
+			border-radius: 0 0 18rpx 18rpx;
+			// margin-top: 40rpx;
+			
+			.tactBtnBox {
+				width: 330rpx;
+				height: 92rpx;
+				border-right: 1rpx solid #eeeeee;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+		
+	}
+	
+	.popupContactNo {
+		width: 660rpx;
+		height: 477rpx;
+		background-color: #fff;
+		display: grid;
+		border-radius: 18rpx;
+		
+		.contactNoBox {
+			width: 660rpx;
+			height: 325rpx;
+			padding: 30rpx 0;
+			display: grid;
+			justify-content: center;
+			align-items: center;
+		}
+		
+		.contactBtn {
+			width: 660rpx;
+			height: 92rpx;
+			border-top: 1rpx solid #eeeeee;
+			display: flex;
+			border-radius: 0 0 18rpx 18rpx;
+			
+			.tactBtnBox {
+				width: 330rpx;
+				height: 92rpx;
+				border-right: 1rpx solid #eeeeee;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
 		}
 	}
 	
diff --git a/sheep/api/rent.js b/sheep/api/rent.js
index 2f6b8d8..bac3421 100644
--- a/sheep/api/rent.js
+++ b/sheep/api/rent.js
@@ -22,12 +22,18 @@ export default {
 			},
 		}),
 	rentInfo: (id) =>
-	  request({
-	    url: 'meal.information/detail',
-	    method: 'GET',
-	    params: {
-	      id: id,
-	    },
-	  }),
-
+		request({
+			url: 'meal.information/detail',
+			method: 'GET',
+			params: {
+				id: id,
+			},
+		}),
+	//获取手机号
+	getPhoneNum: (data) =>
+		request({
+			url: 'meal.information/exchange',
+			method: 'POST',
+			data,
+		}),
 };
\ No newline at end of file