Skip to content

J
jz_Travel
Commit 674a716c authored by 罗超's avatar 罗超
Browse files
Options

提交

parent 2d065836
Hide whitespace changes
Inline Side-by-side
Showing with 308 additions and 302 deletions
pages/jiuzhai/jz_LineDetail.vue
View file @ 674a716c
<template> <template>
<scroll-view scroll-y="true" class="jz_LineDetail" @scroll="scroll" v-if="dataList.title"> <view class="jz_LineDetail" v-if="dataList.title">
<view class="jz_TopImg" > <scroll-view scroll-y="true" style="height: 1px;flex: 1;box-sizing: border-box;" @scroll="scroll">
<view class="media" :style="{'opacity':(100-boxOption)+'%'}"> <view class="jz_TopImg" >
<u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0" <view class="media" :style="{'opacity':(100-boxOption)+'%'}">
name="Url"></u-swiper> <u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0"
<view class="media-info"> name="Url"></u-swiper>
<view style="display: flex;align-items: center;"> <view class="media-info">
<view class="mi-left"> <view style="display: flex;align-items: center;">
<view v-if="dataList.tempImgCover.length>0" class="type-img-box" @click="openPicture"> <view class="mi-left">
<image :src="dataList.tempImgCover[0].Url" mode="aspectFill"></image> <view v-if="dataList.tempImgCover.length>0" class="type-img-box" @click="openPicture">
<view class="content"> <image :src="dataList.tempImgCover[0].Url" mode="aspectFill"></image>
<text>{{dataList.tempImgCover.length}}</text> <view class="content">
<text>{{dataList.tempImgCover.length}}</text>
</view>
</view> </view>
</view> </view>
<view class="mi-right">
<view style="color:#FFF;margin-bottom: 6rpx;font-size: 22rpx;">团队编号：{{delMsg.tcnum}}</view>
<view style="color:#FFF;font-size: 22rpx;">{{dataList.startCityName}}集合出发 · 精品线路</view>
</view>
</view> </view>
<view class="mi-right"> </view>
<view style="color:#FFF;margin-bottom: 6rpx;font-size: 22rpx;">团队编号：{{delMsg.tcnum}}</view>
<view style="color:#FFF;font-size: 22rpx;">{{dataList.startCityName}}集合出发 · 精品线路</view> <view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;">
</view> <u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></u-icon>
</view> </view>
</view> </view>
<view class="top-title" :style="[titleStyle]">
<view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;"> <view @click="goback">
<u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></u-icon> <u-icon name="arrow-left" size="44"></u-icon>
</view>
<view style="margin-left: 30rpx; text-align: left;width: 60vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{dataList.title}}</view>
</view> </view>
</view>
<view class="jz_TopPrice">
<view class="jz_LineTitle">
<text class="jz_renmin">¥</text><text class="jz_B2bPrice">{{$utils.getretailer()==true? currentPrice.b2BPrice:currentPrice.b2CPrice}}</text>
<text style="color:#999999;font-size:24rpx;font-weight: 400;"> /人起</text>
<text style="color:#999999;font-size:24rpx;font-weight: 400;margin-left: 30rpx;">2728人出游</text>
</view> </view>
<view class="top-title" :style="[titleStyle]"> <view class="jz_MainTitle">
<view @click="goback"> <text v-if="dataList.title">{{dataList.title}}</text>
<u-icon name="arrow-left" size="44"></u-icon> </view>
</view> <view class="jz_Maidian" v-text="dataList.productRecommend">
<view style="margin-left: 30rpx; text-align: left;width: 60vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{dataList.title}}</view>
</view> </view>
</view>
<view class="jz_TopPrice">
<view class="jz_LineTitle">
<text class="jz_renmin">¥</text><text class="jz_B2bPrice">{{$utils.getretailer()==true? currentPrice.b2BPrice:currentPrice.b2CPrice}}</text>
<text style="color:#999999;font-size:24rpx;font-weight: 400;"> /人起</text>
<text style="color:#999999;font-size:24rpx;font-weight: 400;margin-left: 30rpx;">2728人出游</text>
</view>
<view class="jz_MainTitle">
<text v-if="dataList.title">{{dataList.title}}</text>
</view>
<view class="jz_Maidian" v-text="dataList.productRecommend">
</view> </view>
</view> <view class="jz_Service">
<view class="jz_Service"> <view class="jz_Serflex">
<view class="jz_Serflex"> <view class="jz_Stitle">保障</view>
<view class="jz_Stitle">保障</view> <view style="color:#111111;display:flex;align-items:center">
<view style="color:#111111;display:flex;align-items:center"> <img style="width:16px;height:14px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/zuanshi.png"
<img style="width:16px;height:14px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/zuanshi.png" alt="" />
alt="" /> <view style="margin-left:5px;">更改则赔付·承诺不加价·取消则赔付</view>
<view style="margin-left:5px;">更改则赔付·承诺不加价·取消则赔付</view> </view>
</view>
<view class="jz_Serflex" style="margin-top:40rpx;">
<view class="jz_Stitle">服务</view>
<view style="color:#111111;display:flex;align-items:center">
<img style="width:15px;height:15px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/dagou.png"
alt="" />
<view style="margin-left:5px;">成团保障</view>
</view>
</view> </view>
</view> </view>
<view class="jz_Serflex" style="margin-top:40rpx;"> <view class="jz_TripDays">
<view class="jz_Stitle">服务</view> <view style="margin-bottom:40px;">
<view style="color:#111111;display:flex;align-items:center"> <span style="display: inline-block;position: relative;">
<img style="width:15px;height:15px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/dagou.png" <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">
alt="" /> <text v-if="dataList.startCityName">{{dataList.startCityName}}</text>出发
<view style="margin-left:5px;">成团保障</view> </text>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
</span>
</view>
<view style="display:flex;overflow-x: auto;">
<template v-for="(item,pindex) in dataList.priceList">
<view class="jz_StartList" v-if="pindex<3" :class="{'active':delMsg.tcid==item.tcid}" @click="getDayInfo(item)" :key="pindex">
<view class="jz_StartTop">{{getMonth(item.startDate)}} </view>
<view class="jz_StartHoubu" v-if="item.remainNum>0">
<text>余</text>
<text style="font-size: 28rpx;font-weight: 600;">{{item.remainNum}}</text>
</view>
<view v-if="item.remainNum>0" style="color:#FF3166;font-size:26rpx;">￥{{$utils.getretailer()==true? item.b2BPrice:item.b2CPrice}}</view>
<view v-if="item.remainNum==0" style="padding: 20rpx 0;">
<text style="font-size: 32rpx;font-weight: 600;">已售罄</text>
</view>
</view>
</template>
<view class="jz_StartList" v-if="dataList.priceList.length>3" :class="{'active':delMsg.tcid==customerDate.tcid}" @click="openDate">
<view class="jz_StartTop" v-if="customerDate.startDate">{{customerDate.startDate?getMonth(customerDate.startDate):""}} </view>
<view class="jz_StartHoubu" v-if="customerDate.remainNum">
<text>余</text>
<text style="font-size: 28rpx;font-weight: 600;">{{customerDate.remainNum}}</text>
</view>
<view style="color:#FF3166;font-size:26rpx;" v-if="customerDate.b2BPrice">￥{{customerDate.b2BPrice}}</view>
<view v-if="!customerDate.startDate" style="height: 100%;width:100%;display: flex;align-items: center;justify-content: center;">
<view style="font-size: 24rpx;color:#999999;">更多<br>班期</view>
</view>
</view>
</view> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays">
<view style="margin-bottom:40px;">
<span style="display: inline-block;position: relative;"> <span style="display: inline-block;position: relative;">
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">摘要</text>
<text v-if="dataList.startCityName">{{dataList.startCityName}}</text>出发
</text>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
</span> </span>
</view> <view class="jz_ZhaiTitle">
<view style="display:flex;overflow-x: auto;"> <text class="jz_Dian"></text>住宿
<template v-for="(item,pindex) in dataList.priceList"> </view>
<view class="jz_StartList" v-if="pindex<3" :class="{'active':delMsg.tcid==item.tcid}" @click="getDayInfo(item)" :key="pindex"> <view class="jz_ZhaiInner">
<view class="jz_StartTop">{{getMonth(item.startDate)}} </view> {{dataList.nightNum}}晚酒店
<view class="jz_StartHoubu" v-if="item.remainNum>0"> </view>
<text>余</text> <template v-if="dataList.feature&&dataList.feature.shopRemarkText!=null&&dataList.feature.shopRemarkText!=''">
<text style="font-size: 28rpx;font-weight: 600;">{{item.remainNum}}</text> <view class="jz_ZhaiTitle">
</view> <text class="jz_Dian"></text>购物
<view v-if="item.remainNum>0" style="color:#FF3166;font-size:26rpx;">￥{{$utils.getretailer()==true? item.b2BPrice:item.b2CPrice}}</view> </view>
<view v-if="item.remainNum==0" style="padding: 20rpx 0;"> <view class="jz_ZhaiInner">
<text style="font-size: 32rpx;font-weight: 600;">已售罄</text> {{dataList.feature.shopRemarkText}}
</view>
</view> </view>
</template> </template>
<view class="jz_StartList" v-if="dataList.priceList.length>3" :class="{'active':delMsg.tcid==customerDate.tcid}" @click="openDate"> <template v-else>
<view class="jz_StartTop" v-if="customerDate.startDate">{{customerDate.startDate?getMonth(customerDate.startDate):""}} </view> <view class="jz_ZhaiTitle">
<view class="jz_StartHoubu" v-if="customerDate.remainNum"> <text class="jz_Dian"></text>购物
<text>余</text>
<text style="font-size: 28rpx;font-weight: 600;">{{customerDate.remainNum}}</text>
</view> </view>
<view style="color:#FF3166;font-size:26rpx;" v-if="customerDate.b2BPrice">￥{{customerDate.b2BPrice}}</view> <view class="jz_ZhaiInner">
<view v-if="!customerDate.startDate" style="height: 100%;width:100%;display: flex;align-items: center;justify-content: center;"> 纯玩儿，无购物
<view style="font-size: 24rpx;color:#999999;">更多<br>班期</view>
</view> </view>
</view> </template>
</view>
</view>
<view class="jz_TripDays">
<span style="display: inline-block;position: relative;">
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">摘要</text>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
</span>
<view class="jz_ZhaiTitle">
<text class="jz_Dian"></text>住宿
</view>
<view class="jz_ZhaiInner">
{{dataList.nightNum}}晚酒店
</view>
<template v-if="dataList.feature&&dataList.feature.shopRemarkText!=null&&dataList.feature.shopRemarkText!=''">
<view class="jz_ZhaiTitle"> <view class="jz_ZhaiTitle">
<text class="jz_Dian"></text>购物 <text class="jz_Dian"></text>景点
</view> </view>
<view class="jz_ZhaiInner"> <view class="jz_ZhaiInner">
{{dataList.feature.shopRemarkText}} {{dataList.ticketCount}}个人气景点
</view> </view>
</template>
<template v-else>
<view class="jz_ZhaiTitle"> <view class="jz_ZhaiTitle">
<text class="jz_Dian"></text>购物 <text class="jz_Dian"></text>餐食
</view> </view>
<view class="jz_ZhaiInner"> <view class="jz_ZhaiInner">
纯玩儿，无购物 含{{dataList.breakfastCount}}早餐 <text style="margin:0 20px;">{{dataList.lunchCount}}午餐</text> {{dataList.dinnerCount}}晚餐
</view> </view>
</template> <view class="jz_Zhankai" style="display:none;">展开全部</view>
<view class="jz_ZhaiTitle">
<text class="jz_Dian"></text>景点
</view>
<view class="jz_ZhaiInner">
{{dataList.ticketCount}}个人气景点
</view> </view>
<view class="jz_ZhaiTitle"> <view class="jz_TripDays">
<text class="jz_Dian"></text>餐食 <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
</view> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">往返交通</text>
<view class="jz_ZhaiInner"> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
含{{dataList.breakfastCount}}早餐 <text style="margin:0 20px;">{{dataList.lunchCount}}午餐</text> {{dataList.dinnerCount}}晚餐 </span>
</view> <view class="jz_TripMain">
<view class="jz_Zhankai" style="display:none;">展开全部</view> <view>
</view> <view class="jz_Flight" v-for="(fItem,fIndex) in dataList.currentPriceInfo.priceFlight" :key="fIndex">
<view class="jz_TripDays"> <view class="jz_FlightItem">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <view style="width:150rpx;">
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">往返交通</text> <view class="jz_FlightTitle">{{fItem.departureAirPortName}}</view>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> <view class="jz_FlightBottom">{{fItem.departureTime}}</view>
</span>
<view class="jz_TripMain">
<view>
<view class="jz_Flight" v-for="(fItem,fIndex) in dataList.currentPriceInfo.priceFlight" :key="fIndex">
<view class="jz_FlightItem">
<view style="width:150rpx;">
<view class="jz_FlightTitle">{{fItem.departureAirPortName}}</view>
<view class="jz_FlightBottom">{{fItem.departureTime}}</view>
</view>
<view class="jz_FlightIcon">
<view style="display: flex;align-items: center;font-size:24rpx;">
<img v-if="fItem.trafficType==1" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/airfly.png" alt="" />
<img v-if="fItem.trafficType==2" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/train.png" alt="" />
<view style="margin-left:10rpx;">{{fItem.flightNumber}}</view>
</view> </view>
<view class="jz_Arrow"> <view class="jz_FlightIcon">
<img style="width:110rpx;height:8rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/b_arrow.png" /> <view style="display: flex;align-items: center;font-size:24rpx;">
<img v-if="fItem.trafficType==1" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/airfly.png" alt="" />
<img v-if="fItem.trafficType==2" style="width:30rpx;height:30rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/train.png" alt="" />
<view style="margin-left:10rpx;">{{fItem.flightNumber}}</view>
</view>
<view class="jz_Arrow">
<img style="width:110rpx;height:8rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/b_arrow.png" />
</view>
<view class="jz_StartDate">
{{getFlightDay(fItem.startDate)}}
</view>
</view> </view>
<view class="jz_StartDate"> <view style="width:150rpx;">
{{getFlightDay(fItem.startDate)}} <view class="jz_FlightTitle">{{fItem.arrivalAirPortName}}</view>
<view class="jz_FlightBottom">{{fItem.arrivalTime}}</view>
</view> </view>
</view> </view>
<view style="width:150rpx;">
<view class="jz_FlightTitle">{{fItem.arrivalAirPortName}}</view>
<view class="jz_FlightBottom">{{fItem.arrivalTime}}</view>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays"> <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">行程特色</text>
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">行程特色</text> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> </span>
</span> <view class="jz_TripMain">
<view class="jz_TripMain"> <image v-for="x in dataList.feature.tripImageList" :src="x" mode="widthFix" style="width: 100%;"></image>
<image v-for="x in dataList.feature.tripImageList" :src="x" mode="widthFix" style="width: 100%;"></image> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays"> <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">行程概要</text>
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">行程概要</text> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> </span>
</span> <view class="jz_TripMain">
<view class="jz_TripMain"> <view class="jz_TripLine"></view>
<view class="jz_TripLine"></view> <view v-for="(item,index) in dataList.dayList" :key="index">
<view v-for="(item,index) in dataList.dayList" :key="index"> <view class="jz_TripTitle">
<view class="jz_TripTitle"> <view class="jz_TripLeft">第{{getDays(index+1)}}天</view>
<view class="jz_TripLeft">第{{getDays(index+1)}}天</view> <view class="jz_TripRight"></view>
<view class="jz_TripRight"></view>
</view>
<view class="jz_RightInner">
<view v-for="(subItem,SubIndex) in item.dayArray" v-if="subItem.type==7" :key="SubIndex">
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text>{{subItem.childItem.title}}</text>
</view>
</view> </view>
<template v-for="(subItem,index2) in item.dayArray" v-if="subItem.type==2"> <view class="jz_RightInner">
<view class="jz_ImgDiv" :key="index2"> <view v-for="(subItem,SubIndex) in item.dayArray" v-if="subItem.type==7" :key="SubIndex">
<img mode="aspectFill" :src="subItem.childItem.imaArray[0].url" alt=""> <view class="jz_Place">
<view class="jz_ComDian"></view>
<text>{{subItem.childItem.title}}</text>
</view>
</view> </view>
<view class="jz_Place" style="align-items: center;"> <template v-for="(subItem,index2) in item.dayArray" v-if="subItem.type==2">
<view class="jz_ImgDiv" :key="index2">
<img mode="aspectFill" :src="subItem.childItem.imaArray[0].url" alt="">
</view>
<view class="jz_Place" style="align-items: center;">
<view class="jz_ComDian"></view>
<text class="jz_Canyin">景点</text>
<text class="jz_CanInner">
<template v-if="subItem.childItem&&subItem.childItem.couponsName">
{{subItem.childItem.couponsName}}
</template>
<text class="jz_Fenzhong">
<template v-if="subItem.childItem.playTimeHour||subItem.childItem.playTimeMinutes">约</template>
<template v-if="subItem.childItem.playTimeHour">{{subItem.childItem.playTimeHour}}小时</template>
<template v-if="subItem.childItem.playTimeMinutes">{{subItem.childItem.playTimeMinutes}}分钟</template>
</text>
</text>
</view>
<view class="jz_Jinddian">
{{subItem.childItem.descriptionText}}
</view>
</template>
<view class="jz_Place">温馨提示</view>
<view class="jz_Rermark">
<template v-for="(subItem,sIndex) in item.dayArray" v-if="subItem.type==6">
<text :key="sIndex">{{subItem.childItem.descriptionText}}</text>
</template>
</view>
<view class="jz_Place">
<view class="jz_ComDian"></view> <view class="jz_ComDian"></view>
<text class="jz_Canyin">景点</text> <text class="jz_Canyin">餐饮</text>
<text class="jz_CanInner"> <text class="jz_CanInner">
<template v-if="subItem.childItem&&subItem.childItem.couponsName"> <template v-for="(subItem,sIndex2) in item.dayArray" v-if="subItem.type==4">
{{subItem.childItem.couponsName}} <text style="margin-right:20px;" :key="sIndex2" v-if="subItem.childItem.useDinnerType=='1'">{{subItem.childItem.dinnerName}}</text>
</template> <text style="margin-right:20px;" v-if="subItem.childItem.useDinnerType=='2'">{{subItem.childItem.dinnerName}}</text>
<text class="jz_Fenzhong"> <text v-if="subItem.childItem.useDinnerType=='3'">{{subItem.childItem.dinnerName}}</text>
<template v-if="subItem.childItem.playTimeHour||subItem.childItem.playTimeMinutes">约</template> </template>
<template v-if="subItem.childItem.playTimeHour">{{subItem.childItem.playTimeHour}}小时</template>
<template v-if="subItem.childItem.playTimeMinutes">{{subItem.childItem.playTimeMinutes}}分钟</template>
</text>
</text> </text>
</view> </view>
<view class="jz_Jinddian"> <view class="jz_Place">
{{subItem.childItem.descriptionText}} <view class="jz_ComDian"></view>
<text class="jz_Canyin">酒店</text>
<text class="jz_CanInner">
<template v-for="(subItem,sIndex3) in item.dayArray" v-if="subItem.type==3">
<text :key="sIndex3">{{subItem.childItem.hotelName}}<text v-if="index!=dataList.dayList.length-1" style="margin:0 5px;">/</text></text>
</template>
<text v-if="index!=dataList.dayList.length-1">或同级</text>
</text>
</view> </view>
</template>
<view class="jz_Place">温馨提示</view>
<view class="jz_Rermark">
<template v-for="(subItem,sIndex) in item.dayArray" v-if="subItem.type==6">
<text :key="sIndex">{{subItem.childItem.descriptionText}}</text>
</template>
</view>
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text class="jz_Canyin">餐饮</text>
<text class="jz_CanInner">
<template v-for="(subItem,sIndex2) in item.dayArray" v-if="subItem.type==4">
<text style="margin-right:20px;" :key="sIndex2" v-if="subItem.childItem.useDinnerType=='1'">{{subItem.childItem.dinnerName}}</text>
<text style="margin-right:20px;" v-if="subItem.childItem.useDinnerType=='2'">{{subItem.childItem.dinnerName}}</text>
<text v-if="subItem.childItem.useDinnerType=='3'">{{subItem.childItem.dinnerName}}</text>
</template>
</text>
</view>
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text class="jz_Canyin">酒店</text>
<text class="jz_CanInner">
<template v-for="(subItem,sIndex3) in item.dayArray" v-if="subItem.type==3">
<text :key="sIndex3">{{subItem.childItem.hotelName}}<text v-if="index!=dataList.dayList.length-1" style="margin:0 5px;">/</text></text>
</template>
<text v-if="index!=dataList.dayList.length-1">或同级</text>
</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays"> <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">费用包含</text>
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">费用包含</text> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> </span>
</span> <view class="jz_TripMain">
<view class="jz_TripMain"> <rich-text :nodes="dataList.feature.feeInclude"></rich-text>
<rich-text :nodes="dataList.feature.feeInclude"></rich-text> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays"> <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">费用不含</text>
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">费用不含</text> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> </span>
</span> <view class="jz_TripMain">
<view class="jz_TripMain"> <rich-text :nodes="dataList.feature.feeNonInclude"></rich-text>
<rich-text :nodes="dataList.feature.feeNonInclude"></rich-text> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays"> <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">预定须知</text>
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">预定须知</text> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> </span>
</span> <view class="jz_TripMain">
<view class="jz_TripMain"> <rich-text :nodes="dataList.feature.importantTip"></rich-text>
<rich-text :nodes="dataList.feature.importantTip"></rich-text> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays"> <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">温馨提示</text>
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">温馨提示</text> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> </span>
</span> <view class="jz_TripMain">
<view class="jz_TripMain"> <rich-text :nodes="dataList.feature.warmTip"></rich-text>
<rich-text :nodes="dataList.feature.warmTip"></rich-text> </view>
</view> </view>
</view> <view class="jz_TripDays">
<view class="jz_TripDays"> <span style="display: inline-block;position: relative;margin-bottom:40rpx;">
<span style="display: inline-block;position: relative;margin-bottom:40rpx;"> <text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">证照说明</text>
<text style="position: relative;z-index: 2; color:#1F1F1F;font-size:36rpx;font-weight:bold;">证照说明</text> <span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span>
<span style="width:40px;background-color: #DFBE6E;height: 6px;bottom: 2px;left: 0;right: 0;position: absolute;z-index: 1;"></span> </span>
</span> <view class="jz_TripMain">
<view class="jz_TripMain"> <rich-text :nodes="dataList.feature.visaRemark"></rich-text>
<rich-text :nodes="dataList.feature.visaRemark"></rich-text> </view>
</view> </view>
</view> <!-- <view class="jz_TripDays" style="width:100%;height:50rpx;background-color: transparent;">
<view class="jz_TripDays" style="width:100%;height:40rpx;background-color: #FFF;color:#FFF">111</view> </view> -->
<view class="jz_orderbox">
<u-popup v-model="showDateChosen" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true">
<canlendar @finish="chosenDateResult" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList"></canlendar>
</u-popup>
<u-popup v-model="showOrderPreviwe" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true">
<view style="width: 100%;height: 100%;display: flex;flex-direction: column;">
<view style="flex: 1;width: 100%;height: 1rpx;">
<canlendar @finish="chosenDateResult" :immediately="true" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList" title="确定日期和人数"></canlendar>
</view>
<view style="background: #ECF1F4;padding:20rpx 0;">
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">成人</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">18周岁以上</text>
<u-number-box size="28" :min="1" :max="currentPrice.remainNum-etCount-etbCount" @change="crChange" v-model="crCount"></u-number-box>
</view>
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">儿童(占床)</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">2-18周岁(不含)</text>
<u-number-box size="28" :min="0" :max="currentPrice.remainNum-crCount-etbCount" @change="etChange" v-model="etCount"></u-number-box>
</view>
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">儿童(不占床)</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">2-18周岁(不含)</text>
<u-number-box size="28" :min="0" :max="currentPrice.remainNum-crCount-etCount" @change="etbChange" v-model="etbCount"></u-number-box>
</view>
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">婴儿</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">0-2周岁(不含)</text>
<u-number-box size="28" @change="yeChange" :min="0" :max="crCount" v-model="yeCount"></u-number-box>
</view>
</view>
<view class="jz_OrderDiv" style="box-shadow: none;width: 100%;padding:20rpx;">
<view>
<text style="font-size:24rpx;color:#111;font-weight: 500;">{{currentPrice.startDate}} 出发 余位：{{currentPrice.remainNum}}</text>
</view>
<view style="display:flex;align-items: center;">
<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>
</view>
</u-popup>
</scroll-view>
<view class="jz_orderbox" v-if="!showOrderPreviwe">
<view class="jz_OrderDiv"> <view class="jz_OrderDiv">
<view style="color:#FF3166;font-weight:bold;"> <view style="color:#FF3166;font-weight:bold;">
<text style="font-size:22rpx;">¥</text> <text style="font-size:22rpx;">¥</text>
...@@ -318,51 +366,7 @@ ...@@ -318,51 +366,7 @@
</view> </view>
</view> </view>
</view> </view>
<u-popup v-model="showDateChosen" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true"> </view>
<canlendar @finish="chosenDateResult" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList"></canlendar>
</u-popup>
<u-popup v-model="showOrderPreviwe" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true">
<view style="width: 100%;height: 100%;display: flex;flex-direction: column;">
<view style="flex: 1;width: 100%;height: 1rpx;">
<canlendar @finish="chosenDateResult" :immediately="true" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList" title="确定日期和人数"></canlendar>
</view>
<view style="background: #ECF1F4;padding:20rpx 0;">
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">成人</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">18周岁以上</text>
<u-number-box size="28" :min="1" :max="currentPrice.remainNum-etCount-etbCount" @change="crChange" v-model="crCount"></u-number-box>
</view>
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">儿童(占床)</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">2-18周岁(不含)</text>
<u-number-box size="28" :min="0" :max="currentPrice.remainNum-crCount-etbCount" @change="etChange" v-model="etCount"></u-number-box>
</view>
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">儿童(不占床)</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">2-18周岁(不含)</text>
<u-number-box size="28" :min="0" :max="currentPrice.remainNum-crCount-etCount" @change="etbChange" v-model="etbCount"></u-number-box>
</view>
<view class="line-flex" style="padding:30rpx;background: #FFF;">
<text style="font-size: 28rpx;color:#111;font-weight: 500;">婴儿</text>
<text style="font-size:22rpx;color:#999;margin-left: 30rpx;flex:1;">0-2周岁(不含)</text>
<u-number-box size="28" @change="yeChange" :min="0" :max="crCount" v-model="yeCount"></u-number-box>
</view>
</view>
<view class="jz_OrderDiv" style="box-shadow: none;width: 100%;padding:20rpx;">
<view>
<text style="font-size:24rpx;color:#111;font-weight: 500;">{{currentPrice.startDate}} 出发 余位：{{currentPrice.remainNum}}</text>
</view>
<view style="display:flex;align-items: center;">
<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>
</view>
</u-popup>
</scroll-view>
</template> </template>
<script> <script>
import hParse from "@/components/u-parse/parse.vue"; import hParse from "@/components/u-parse/parse.vue";
...@@ -699,9 +703,9 @@ ...@@ -699,9 +703,9 @@
} }
.jz_LineDetail { .jz_LineDetail {
background-color: #ECF1F4; background-color: #ECF1F4;
padding-bottom:100px;
height: 100vh; height: 100vh;
box-sizing: border-box; display: flex;
flex-direction: column;
} }
.jz_LineDetail rich-text{ .jz_LineDetail rich-text{
font-size: 26rpx; font-size: 26rpx;
...@@ -1105,15 +1109,17 @@ ...@@ -1105,15 +1109,17 @@
margin: 10rpx 0; margin: 10rpx 0;
} }
.jz_orderbox{ .jz_orderbox{
height: 160rpx; /* height: 160rpx; */
position: fixed; /* position: fixed; */
background-color: #fff; background-color: #fff;
bottom: 0; /* bottom: 0; */
width: 100vw; /* width: 100vw;
left: 0; left: 0; */
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding:30rpx 0;
box-shadow: 0px 0px 30rpx 0px rgba(36, 36, 36, 0.2);
} }
.jz_OrderDiv{ .jz_OrderDiv{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment