From 58a078e29ad8ba1a7f43c6997c92e349e4fafa96 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Thu, 19 Sep 2024 09:56:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E9=A2=84=E7=BA=A6=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=EF=BC=88=E9=81=97=E4=BA=A7=E8=AE=B2=E8=BF=B0',=20'?=
 =?UTF-8?q?=E8=BE=BE=E4=BA=BA=E5=90=8C=E6=B8=B8',=20'=E6=88=91=E8=A6=81?=
 =?UTF-8?q?=E8=B7=9F=E6=8B=8D=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                 |   3 +
 pages_order/components/list/cardList.vue   |  10 +-
 pages_order/service/following.vue          |   2 +-
 pages_order/service/reservationDetail.vue  | 244 +++++++++++++++++++++++++++++
 pages_order/service/tellList.vue           |  87 +---------
 pages_order/static/reservationDetail/1.png | Bin 0 -> 2729 bytes
 pages_order/static/reservationDetail/2.png | Bin 0 -> 4064 bytes
 pages_order/static/reservationDetail/3.png | Bin 0 -> 2042 bytes
 pages_order/static/reservationDetail/4.png | Bin 0 -> 2723 bytes
 9 files changed, 257 insertions(+), 89 deletions(-)
 create mode 100644 pages_order/service/reservationDetail.vue
 create mode 100644 pages_order/static/reservationDetail/1.png
 create mode 100644 pages_order/static/reservationDetail/2.png
 create mode 100644 pages_order/static/reservationDetail/3.png
 create mode 100644 pages_order/static/reservationDetail/4.png

diff --git a/pages.json b/pages.json
index 576374f..7415486 100644
--- a/pages.json
+++ b/pages.json
@@ -91,6 +91,9 @@
 			},
 			{
 				"path": "service/StudyAndPathDetail"
+			},
+			{
+				"path": "service/reservationDetail"
 			}
 		]
 	}],
diff --git a/pages_order/components/list/cardList.vue b/pages_order/components/list/cardList.vue
index 04c3588..f6af4c0 100644
--- a/pages_order/components/list/cardList.vue
+++ b/pages_order/components/list/cardList.vue
@@ -1,6 +1,8 @@
 <template>
 	<view>
-		<view class="card" v-for="(item,index) in 10" :key="index">
+		<view class="card" 
+		@click="$utils.navigateTo(`/pages_order/service/reservationDetail?type=${type}&id=${item.id}`)"
+		v-for="(item,index) in 10" :key="index">
 			<view class="card-img">
 				<image src="../../static/applyRelic/jdz.png" mode="aspectFill"></image>
 			</view>
@@ -30,9 +32,13 @@
 
 <script>
 	export default {
+		props : {
+			type : {
+				default : 0
+			}
+		},
 		data() {
 			return {
-
 			}
 		},
 		methods: {
diff --git a/pages_order/service/following.vue b/pages_order/service/following.vue
index f997ae5..819d834 100644
--- a/pages_order/service/following.vue
+++ b/pages_order/service/following.vue
@@ -5,7 +5,7 @@
 		<view class="following-top-img">
 			<image src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/BB1msKSi.img" mode="aspectFill" />
 		</view>
-		<cardList />
+		<cardList :type="2"/>
 		<tabber/>
 	</view>
 </template>
diff --git a/pages_order/service/reservationDetail.vue b/pages_order/service/reservationDetail.vue
new file mode 100644
index 0000000..cc7e89a
--- /dev/null
+++ b/pages_order/service/reservationDetail.vue
@@ -0,0 +1,244 @@
+<template>
+	<!-- '遗产讲述', '达人同游'， 我要跟拍 的共同详情页面 -->
+	<view class="page">
+		<navbar :title="titles[type]" leftClick @leftClick="$utils.navigateBack" />
+		
+		<view class="info">
+			<!-- 上面 -->
+			<view class="top">
+				<image src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/BB1msKSi.img" mode="aspectFill"></image>
+				<view class="left">
+					<view class="title">
+						摄影师协会
+					</view>
+					<view class="left-list">
+						<view>
+							<uv-icon
+							name="star"
+							size="50rpx"
+							></uv-icon>
+							收藏
+						</view>
+						<view>
+							<uv-icon
+							name="star"
+							size="50rpx"
+							></uv-icon>
+							收藏
+						</view>
+						<view>
+							<uv-icon
+							name="star"
+							size="50rpx"
+							></uv-icon>
+							收藏
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 下面 -->
+			<view class="bottom">
+				<view>
+					<image src="../static/reservationDetail/1.png" mode=""></image>
+					<view>
+						预约时间
+					</view>
+				</view>
+				<view>
+					<image src="../static/reservationDetail/2.png" mode=""></image>
+					<view>
+						价格
+					</view>
+				</view>
+				<view>
+					<image src="../static/reservationDetail/3.png" mode=""></image>
+					<view>
+						预约
+					</view>
+				</view>
+			</view>
+		</view>
+	
+		<view class="detail">
+			<view class="content">
+				<view class="thumb-up">
+					<uv-icon
+					name="thumb-up"
+					size="40rpx"
+					color="#B12731"
+					></uv-icon>
+					
+					<text>推荐度</text>  <text>9</text>
+				</view>
+				
+				<view class="text">
+					
+					<view class="line">
+						<view class="left">
+							专业擅长
+						</view>
+						<view class="right">
+							景德镇陶瓷考古研究所资料陈列馆副主任。累德镇交物鉴定小组成员。现为景德镇市第三批市级非物质文化遗产项目景德镇传统陶瓷书法”
+						</view>
+					</view>
+					
+					<view class="line">
+						<view class="left">
+							个人简介
+						</view>
+						<view class="right">
+							景德镇陶瓷考古研究所资料陈列馆副主任。累德镇交物鉴定小组成员。现为景德镇市第三批市级非物质文化遗产项目景德镇传统陶瓷书法”
+						</view>
+					</view>
+					
+				</view>
+			</view>
+			
+			<view class="video-list">
+				<view class="title">
+					讲解现场
+				</view>
+				<view class="list">
+					<view 
+					v-for="(item, index) in 10"
+					:key="index">
+						<image src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/BB1msKSi.img" mode="aspectFill"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<tabber/>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				titles: ['遗产讲述', '达人同游', '我要跟拍'],
+				type: 0,
+			}
+		},
+		onLoad(args) {
+			this.type = args.type
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.page{
+	.info{
+		.top{
+			display: flex;
+			padding: 40rpx;
+			image{
+				width: 240rpx;
+				height: 280rpx;
+				border-radius: 20rpx;
+				margin-right: 40rpx;
+			}
+			.left{
+				.title{
+					font-size: 32rpx;
+					margin-top: 20rpx;
+				}
+				.left-list{
+					display: flex;
+					font-size: 26rpx;
+					background-color: #fff;
+					border-radius: 20rpx;
+					padding: 20rpx;
+					margin-top: 50rpx;
+					box-shadow: 0 0 10rpx 10rpx #00000010;
+					>view{
+						margin: 20rpx 30rpx;
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+						align-items: center;
+					}
+				}
+			}
+		}
+		.bottom{
+			display: flex;
+			justify-content: space-around;
+			image{
+				width: 100rpx;
+				height: 100rpx;
+				margin-bottom: 10rpx;
+			}
+			>view{
+				background-color: #fff;
+				box-shadow: 0 0 10rpx 10rpx #00000010;
+				border-radius: 20rpx;
+				height: 180rpx;
+				width: 180rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+				color: $uni-color;
+			}
+		}
+	}
+	.detail{
+		width: 100%;
+		background-color: #fff;
+		.content{
+			padding: 40rpx;
+			.thumb-up{
+				background-color: #F6F2E7;
+				color: $uni-color;
+				font-size: 28rpx;
+				font-weight: 900;
+				padding: 10rpx 25rpx;
+				display: flex;
+				width: fit-content;
+				border-radius: 30rpx;
+				text{
+					margin-left: 10rpx;
+				}
+			}
+			
+			.text{
+				.line{
+					margin-top: 40rpx;
+					display: flex;
+					line-height: 50rpx;
+					.left{
+						width: 180rpx;
+						flex-shrink: 0;
+						color: $uni-color;
+						font-weight: 900;
+					}
+				}
+			}
+		}
+		.video-list{
+			padding: 15rpx;
+			.title{
+				font-weight: 900;
+				color: $uni-color;
+				padding: 15rpx;
+			}
+			.list{
+				display: flex;
+				flex-wrap: wrap;
+				>view{
+					margin: 15rpx;
+					image{
+						width: 330rpx;
+						height: 350rpx;
+						border-radius: 30rpx;
+					}
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/pages_order/service/tellList.vue b/pages_order/service/tellList.vue
index cf03794..f21258a 100644
--- a/pages_order/service/tellList.vue
+++ b/pages_order/service/tellList.vue
@@ -8,32 +8,7 @@
 			<view>遗产点</view>
 		</view>
 
-		<!-- <view class="card" v-for="(item,index) in 10">
-			<view class="card-img">
-				<image src="../static/applyRelic/jdz.png" mode="aspectFill"></image>
-			</view>
-			<view class="card-content">
-				<view style="display: flex; align-items: center;">
-					<text>刘申林</text>
-					<image class="card-content-img" src="../static/tell/goldMedal.png"></image>
-				</view>
-				<view class="card-content-tag">
-					提前一周预约
-				</view>
-				<view style="font-size: 12px; color: #999;">
-					御窑厂、刘家弄、观音阁、陶瓷博物馆御窑博物馆...
-				</view>
-				<view class="card-content-bottom">
-					<view style="color: #FF280C;">
-						￥300起
-					</view>
-					<view class="card-content-bottom-one">
-						￥线上预约
-					</view>
-				</view>
-			</view>
-		</view> -->
-		<cardList />
+		<cardList :type="type"/>
 		<tabber/>
 	</view>
 </template>
@@ -76,65 +51,5 @@
 				margin-left: 5%;
 			}
 		}
-
-		// .card {
-		// 	display: flex;
-		// 	height: 300rpx;
-		// 	width: 94%;
-		// 	margin: 40rpx 0 0 3%;
-		// 	align-items: center;
-
-		// 	.card-img {
-		// 		height: 240rpx;
-		// 		width: 420rpx;
-
-		// 		image {
-		// 			height: 100%;
-		// 			width: 100%;
-		// 		}
-		// 	}
-
-		// 	.card-content {
-		// 		margin-left: 3%;
-		// 		font-size: 28rpx;
-
-		// 		.card-content-img {
-		// 			display: flex;
-		// 			margin-left: 10rpx;
-		// 			width: 100rpx;
-		// 			height: 40rpx;
-		// 		}
-
-		// 		.card-content-tag {
-		// 			display: inline-block;
-		// 			font-size: 24rpx;
-		// 			padding: 2rpx 20rpx;
-		// 			border: 2rpx solid #FBA21E;
-		// 			background-color: #FFF1D2;
-		// 			color: #FBAF35;
-		// 			border-radius: 20rpx;
-		// 		}
-
-		// 		.card-content-bottom {
-		// 			display: flex;
-		// 			justify-content: space-between;
-		// 			align-items: center;
-
-		// 			.card-content-bottom-one {
-		// 				display: inline-block;
-		// 				color: #FFFDF6;
-		// 				background-color: #C83741;
-		// 				margin-right: 4%;
-		// 				padding: 8rpx 20rpx;
-		// 				border-radius: 40rpx;
-		// 			}
-
-		// 		}
-
-		// 		view {
-		// 			margin-top: 10rpx;
-		// 		}
-		// 	}
-		// }
 	}
 </style>
\ No newline at end of file
diff --git a/pages_order/static/reservationDetail/1.png b/pages_order/static/reservationDetail/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcbd6f3ec4681f83ba13afc4ea5cdf2d6fa86a1c
GIT binary patch
literal 2729
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

literal 0
HcmV?d00001

diff --git a/pages_order/static/reservationDetail/2.png b/pages_order/static/reservationDetail/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..f216d927b8b75d7bfcce9749a899254df9cc45f8
GIT binary patch
literal 4064
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
SiCUZh0000<MNUMnLSTaaw#%6S

literal 0
HcmV?d00001

diff --git a/pages_order/static/reservationDetail/3.png b/pages_order/static/reservationDetail/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..129bfb992beb804d7748a3ca684a4c6f6deb5e50
GIT binary patch
literal 2042
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
Y0Hd($ew&dkmH+?%07*qoM6N<$f}w@eaR2}S

literal 0
HcmV?d00001

diff --git a/pages_order/static/reservationDetail/4.png b/pages_order/static/reservationDetail/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..f415a8aaba72cdd35fa03a47ca50e010f0c252a9
GIT binary patch
literal 2723
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

literal 0
HcmV?d00001