From 789dc3c1fbc039dffd02d4ee9ff70ed5b9e47da5 Mon Sep 17 00:00:00 2001
From: dengj <209192278@qq.com>
Date: Fri, 17 Nov 2023 17:51:22 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=8F=8A=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/detail/detail.vue     | 252 ++++++++++++++++++++----------------
 service/request.js          |  10 +-
 static/shoplist/service.png | Bin 0 -> 5221 bytes
 static/shoplist/share.png   | Bin 0 -> 4237 bytes
 4 files changed, 146 insertions(+), 116 deletions(-)
 create mode 100644 static/shoplist/service.png
 create mode 100644 static/shoplist/share.png

diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index 9a909d1..2089b20 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -1,183 +1,215 @@
 <template>
 	<view class="detail" ref="viewref">
 		<view class="swiper">
-				<u-swiper :list="list" height="500rpx" radius="0"></u-swiper>
+			<u-swiper :list="shopInfo.pics" keyName="pics" height="500rpx" radius="0"></u-swiper>
 		</view>
 		<view class="sub-detail u-flex">
 			<view class="title">
-				{{shopInfo.title}}
+				{{shopInfo.tt}}
 			</view>
 			<view>
 				<u-grid :col="3">
-						<u-grid-item>
-							<view class="grid-textup">22</view>
-							<view class="grid-text">租金</view>
-						</u-grid-item>
-						<u-grid-item>
-							<view class="grid-textup">22</view>
-							<view class="grid-text">转让费</view>
-						</u-grid-item>
-						<u-grid-item>
-							<view class="grid-textup">22</view>
-							<view class="grid-text">面积</view>
-						</u-grid-item>
-					</u-grid>
+					<u-grid-item>
+						<view class="grid-textup">{{shopInfo.zujin}}元/月</view>
+						<view class="grid-text">租金</view>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="grid-textup">{{shopInfo.zhuanrangfei}}万元</view>
+						<view class="grid-text">转让费</view>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="grid-textup">{{shopInfo.mianji}}m²</view>
+						<view class="grid-text">面积</view>
+					</u-grid-item>
+				</u-grid>
 			</view>
 		</view>
 		<view class="bgc">
-			
+
 		</view>
 		<view class="location-detail">
-				<text>行业：</text>
-				<text>区域：</text>
-				<text>地址：</text>
+			<text>行业：{{shopInfo.trade1}}</text>
+			<text>区域：{{shopInfo.area1}}</text>
+			<text>地址：{{shopInfo.adress}}</text>
 		</view>
-		<view class="bug-figure">
-			
+		<view class="bgc">
+
 		</view>
 		<view class="seller-shop-detail">
 			<view class="avator">
 				<u-avatar :src="src"></u-avatar>
-				<u-cell title="张先生" label="123456" :border="false"></u-cell>
-				
+				<u-cell :title="shopInfo.lianxiren" :label="shopInfo.mobile" :border="false"></u-cell>
 			</view>
-			<u-divider :height="20"></u-divider>
-			<u-cell title="店铺介绍" label="美食杂货店是一个主打食品和日用杂货的淘宝222222222222222222222美食杂货店是一个主打食品和日用杂货的淘宝美食杂货店是一个主打食品和日用杂货的淘宝" label-style="color = #5D5D5D"></u-cell>
+			<u-divider :height="5"></u-divider>
+			<u-cell title="店铺介绍" :label="shopInfo.content" label-style="color = #5D5D5D;font-size: 24rpx;"></u-cell>
 		</view>
-		
+
 		<view class="bottom">
 			<view class="bot-tab">
 				<view class="tab-left">
 					<view class="share" @click="share()">
-						<u-icon name="share-fill" color="green"></u-icon>
-						分享
-					</view>
-					<view class="customer" @click="assist()">
-						<u-icon name="server-fill" color="green"></u-icon>
-						客服
+						<image src="../../static/shoplist/share.png" style="width: 41rpx;height: 58rpx;"></image>
 					</view>
+					<button open-type="contact" session-from="sessionFrom" class="service-btn">
+						<image src="../../static/shoplist/service.png" style="width: 41rpx;height: 58rpx;margin-top: 11px;"></image>
+					</button>
 				</view>
 				<view class="tab-right" @click="phonecall()">
-					<view class="call" >
+					<view class="call">
 						<text>打电话</text>
 					</view>
 				</view>
+				<u-modal :show="showM" showCancelButton closeOnClickOverlay="false" confirmText="是" cancelText="否"
+					@confirm="confirm" @cancel="cancel">
+					<view>
+						<!-- <view>{{shopInfo.mobile}}</view> -->
+						<text>是否拨打该联系人电话?</text>
+					</view>
+				</u-modal>
 			</view>
-	</view>
+		</view>
 		<view class="bug-figure">
-			
+
 		</view>
 	</view>
 </template>
 
 <script>
 	export default {
-		props: {
-			swiperlist: {
-				type: Array,
-				default () {
-					return [
-						"https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg",
-						"https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg",
-						"https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg"
-					]
-				}
-			},
-			shopInfo: {
-				type: Object,
-				default () {
-					return {
-						title: "石锅饭铺面转让石锅饭铺面转让石锅饭铺面转",
-					}
-				}
-			}
-		},
 		data() {
 			return {
-			// shopInfo:{
-				
-			// }
-				
-			}
-		},
-		methods: {
-			phonecall(){
-				console.log('打电话');
-			},
-			share(){
-				console.log('分享');
-			},
-			assist(){
-				console.log('客服');
+				shopInfo: {},
+				showM: false
 			}
 		},
 		onLoad: function(options) {
-			// const shopInfomation = JSON.parse(decodeURIComponent(options.shopInfo))
-			// console.log(shopInfomation);
-			// this.shopInfo = shopInfomation
-			console.log('detail',options);
+			console.log('detail', options);
 			//点击轮播图跳转详情, 传递的参数id, type
-			if(options.id){
-				
+			if (options.id !== undefined && options.type !== undefined) {
+				this.getDetail(options.type, options.id)
 			}
-			if(options.type){
-				
+		},
+		methods: {
+			phonecall() {
+				this.showM = true
+			},
+			share() {
+				console.log('分享');
+			},
+			getDetail(type, id) {
+				this.$api.getShopDetail(type, id).then(res => {
+					const data = res.data.data
+					if (res.data.code == 1) {
+						data.pics = [this.$api.imgUrl + data.pics]
+						this.shopInfo = data
+					}
+				})
+			},
+			confirm() {
+				this.showM = false
+				let phone = this.shopInfo.mobile
+				phone = phone.toString()
+				uni.makePhoneCall({
+					phoneNumber: phone,
+					success: function() {
+						console.log('拨打电话成功');
+					},
+					fail() {
+						console.log('打电话失败了');
+					}
+				})
+			},
+			cancel() {
+				this.showM = false
 			}
 		}
-		
 	}
 </script>
 
 <style lang="scss" scoped>
-	page{
+	page {
 		background-color: #F8F8F8;
 	}
-	.sub-detail{
-		margin-bottom: 30rpx;
+
+
+
+	.service-btn {
+		background-color: #fff;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
 	}
-	.bgc{
+
+	.service-btn::after {
+		border: none;
+	}
+
+	.sub-detail {
+		margin: 30rpx 16rpx;
+	}
+
+	.bgc {
 		background-color: #F8F8F8;
 		height: 30rpx;
 	}
-	.detail{
+
+	.detail {
 		// background-color: #F8F8F8;
 		height: 100%;
 	}
-	.bug-figure{
-		height: 100rpx;
+
+	.bug-figure {
+		height: 130rpx;
 		background-color: #F8F8F8;
 	}
-	.title{
-		padding: 20rpx;
+
+	.title {
+		font-size: 30rpx;
+		font-weight: 500;
 		background-color: #fff;
+		margin-bottom: 50rpx;
 	}
-	.grid-textup{
+
+	.grid-textup {
+		font-weight: 500;
 		color: #CC3333;
-		font-size: 20px;
+		font-size: 30rpx;
 	}
-	.grid-text{
+
+	.grid-text {
 		color: #B3B3B3;
+		font-size: 24rpx;
 	}
-	.location-detail{
+
+	.location-detail {
 		display: flex;
-		margin-top: 50rpx;
+		// margin-top: 50rpx;
 		background-color: #fff;
 		flex-direction: column;
 		padding-left: 16rpx;
 		line-height: 33px;
 		font-size: 15px;
 	}
-	.seller-shop-detail{
-		margin-top: 50rpx;
+
+	.seller-shop-detail {
+		/deep/ .u-divider {
+			margin: 28rpx 0 0 0 !important;
+		}
 	}
-	.avator{
+
+	.avator {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		margin-left: 16rpx;
-		margin-top: 50rpx;
+		margin-top: 28rpx;
+
+		/deep/ .u-cell__body {
+			padding: 0 12rpx !important;
+		}
 	}
-	.bottom{
+
+	.bottom {
 		position: fixed;
 		bottom: 0;
 		background-color: #fff;
@@ -186,26 +218,22 @@
 		// height: 100rpx;
 		// bottom: calc(var(--window-bottom) + 20px);
 	}
-	.bot-tab{
+
+	.bot-tab {
 		display: flex;
 		// flex: 1;
 		justify-content: space-evenly;
 	}
-	.tab-left{
+
+	.tab-left {
 		width: 50%;
 		display: flex;
 		justify-content: space-around;
 		height: 50px;
 	}
-	.customer{
-		// height: 50px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		flex-direction: column;
-		width: 50%;
-	}
-	.tab-right{
+
+
+	.tab-right {
 		width: 50%;
 		height: 50px;
 		display: flex;
@@ -213,14 +241,16 @@
 		align-items: center;
 		background-image: linear-gradient(to right, #E86262, #CC3333);
 	}
-	.share{
+
+	.share {
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		flex-direction: column;
 		width: 50%;
 	}
-	.call{
+
+	.call {
 		color: #fff;
 		display: flex;
 		justify-content: center;
diff --git a/service/request.js b/service/request.js
index b1d58ab..ba79d04 100644
--- a/service/request.js
+++ b/service/request.js
@@ -1,4 +1,4 @@
-const serverHost = 'https://spsp.feashow.com/api/' //http://xx.xxx.xx
+const serverHost = 'https://spsp.feashow.com/api' //http://xx.xxx.xx
 
 const service = {
 	get(url, data) {
@@ -160,10 +160,10 @@ const apiService = {
 		})
 	},
 	// 获取详情
-	getProductDetail(id) {
-		const url = `/home/pdetail/?productId=${id}`
+	getShopDetail(type,id) {
+		const url = `/home/adetail/?type=${type}&id=${id}`
 		return new Promise((resolve, reject) => {
-			resolve(service.get(url, id))
+			resolve(service.get(url))
 		})
 	},
 	//修改
@@ -220,7 +220,7 @@ const apiService = {
 	},
 	//修改个人信息
 	editPersonInfo(data) {
-		const url = `center/userupdate`
+		const url = `/center/userupdate`
 		return new Promise((resolve, reject) => {
 			resolve(service.post(url, data))
 		})
diff --git a/static/shoplist/service.png b/static/shoplist/service.png
new file mode 100644
index 0000000000000000000000000000000000000000..86c4b6ba0aafc8c4edb8f2d023bb0e4b09edc91f
GIT binary patch
literal 5221
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

literal 0
HcmV?d00001

diff --git a/static/shoplist/share.png b/static/shoplist/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..780dd85a2d00a5afe55506f27dc5fae271977abb
GIT binary patch
literal 4237
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

literal 0
HcmV?d00001