增加页面

pages.json

@@ -593,6 +593,8 @@
 				"path":"jz_Line" //九寨-线路
 			},{
 				"path":"jz_LineDetail" //九寨-线路详情
+			},{
+				"path":"jz_Reserve"  //线路-预定
 			}]
 		},
 		//相亲分包

pages/jiuzhai/jz_LineDetail.vue

 <style>
 	.jz_LineDetail {
 		background-color: #ECF1F4;
+		margin-bottom:70px;
 	}
 
 	.jz_TopImg {
@@ -279,7 +280,39 @@
 	}
 	.jz_OrderDiv{
 		position: fixed;
-		
+		width:90%;
+		height:100rpx;
+		background-color: #fff;
+		margin:auto;
+		bottom:20px;
+		padding:20rpx;
+		left:40rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		box-shadow: 0px 10px 30px 0px rgba(36, 36, 36, 0.2);
+		border-radius: 16px;
+		z-index:999;
+	}
+	.jz_OrderNow{
+		width:190rpx;
+		height:80rpx;
+		background-color: #111111;
+		text-align: center;
+		line-height: 80rpx;
+		color:#fff;
+		font-weight: bold;
+		font-size:28rpx;
+		border-radius: 16rpx;
+	}
+	.jz_ConButton{
+		background-color: #fff;
+		height:45px;
+		line-height: 20px;
+	}
+	.jz_ConButton::after{
+		border: none!important;
+		height:auto!important;
 	}
 </style>
 <template>
@@ -298,7 +331,7 @@
 		</view>
 		<view class="jz_TopPrice">
 			<view class="jz_LineTitle">
-				<text class="jz_renmin">¥</text><text class="jz_B2bPrice">{{dataList.priceList[0].b2BPrice}}</text>
+				<text class="jz_renmin">¥</text><text class="jz_B2bPrice">{{dataList.currentPriceInfo.b2BPrice}}</text>
 				<text style="color:#999999;font-size:14px;">/人起</text>
 			</view>
 			<view class="jz_MainTitle">
@@ -336,7 +369,7 @@
 				</span>
 			</view>
 			<view style="display:flex;overflow-x: auto;">
-				<view class="jz_StartList" v-for="item in dataList.priceList">
+				<view class="jz_StartList" v-for="item in dataList.priceList" @click="getDayInfo(item)">
 					<view class="jz_StartTop">{{getMonth(item.startDate)}} 余{{item.remainNum}}</view>
 					<view class="jz_StartHoubu">
 						{{item.isSubstitution==1?'可候补':'不可候补'}}
@@ -356,12 +389,14 @@
 			<view class="jz_ZhaiInner">
 				{{dataList.nightNum}}晚酒店
 			</view>
+			<template v-if="dataList.feature&&dataList.feature.shopRemarkText!=null&&dataList.feature.shopRemarkText!=''">
 				<view class="jz_ZhaiTitle">
 					<text class="jz_Dian"></text>购物
 				</view>
 				<view class="jz_ZhaiInner">
-				无购物
+					{{dataList.feature.shopRemarkText}}
 				</view>
+			</template>
 			<view class="jz_ZhaiTitle">
 				<text class="jz_Dian"></text>景点
 			</view>
@@ -447,7 +482,18 @@
 			</view>
 		</view>
 		<view class="jz_OrderDiv">
-			
+			<view style="color:#FF3166;font-weight:bold;">
+				<text style="font-size:22rpx;">¥</text>
+				<text style="font-size:40rpx;">{{dataList.currentPriceInfo.b2BPrice}}</text>
+				<text style="font-size:22rpx;">/起</text>
+			</view>
+			<view style="display:flex;">
+				<button open-type="contact" class="jz_ConButton">
+					<img style="width:36rpx;height:38rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png" alt="" />
+					<view style="color:#111111;font-size: 22rpx;">客服</view>
+				</button>
+				<view class="jz_OrderNow" @click="goReserce()">立即预定</view>
+			</view>
 		</view>
 	</div>
 </template>
@@ -539,6 +585,18 @@
 					let Myday = day.split('-');
 					return Myday[1] + '-' + Myday[2]
 				}
+			},
+			//点击切换
+			getDayInfo(item){
+				this.delMsg.tcid = item.tcid;
+				this.delMsg.configId = item.configID;
+				this.getDetails();
+			},
+			//立即预定
+			goReserce(){
+				uni.navigateTo({
+					url: "/pages/jiuzhai/jz_Reserve"
+				});
 			}
 		},
 	};

pages/jiuzhai/jz_Reserve.vue

+<style>
+	
+</style>
+<template>
+	<view class="jz_Reserve">
+		
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>