Skip to content

J
jz_Travel
Commit a619d20e authored by 吴春's avatar 吴春
Browse files
Options

1

parent c82855e3
Hide whitespace changes
Inline Side-by-side
Showing with 150 additions and 77 deletions
pages/jiuzhai/jz_LineDetail.vue
View file @ a619d20e
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<scroll-view scroll-y="true" style="height: 1px; flex: 1; box-sizing: border-box" @scroll="scroll"> <scroll-view scroll-y="true" style="height: 1px; flex: 1; box-sizing: border-box" @scroll="scroll">
<view class="jz_TopImg"> <view class="jz_TopImg">
<view class="media" :style="{ opacity: 100 - boxOption + '%' }"> <view class="media" :style="{ opacity: 100 - boxOption + '%' }">
<u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0" @click="openPicture" <u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000"
name="Url"></u-swiper> :border-radius="0" @click="openPicture" name="Url"></u-swiper>
<view class="media-info"> <view class="media-info">
<view style="display: flex; align-items: center"> <view style="display: flex; align-items: center">
<view class="mi-left"> <view class="mi-left">
...@@ -16,16 +16,20 @@ ...@@ -16,16 +16,20 @@
</view> </view>
</view> </view>
<view class="mi-right"> <view class="mi-right">
<view style="color: #fff; margin-bottom: 6rpx; font-size: 22rpx">团队编号：{{ delMsg.tcnum }}</view> <view style="color: #fff; margin-bottom: 6rpx; font-size: 22rpx">团队编号：{{ delMsg.tcnum }}
<view style="color: #fff; font-size: 22rpx">{{ dataList.startCityName }}集合出发 · 精品线路</view> </view>
<view style="color: #fff; font-size: 22rpx">{{ dataList.startCityName }}集合出发 · 精品线路
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="sharebox" v-if=" hideshare == false && shareData && shareData.IsShow && (shareData.Data.MaxShare>0|| shareData.Data.MyBuyCommission>0)" <view class="sharebox"
:style="{top:topheight+'px'}"> v-if=" hideshare == false && shareData && shareData.IsShow && (shareData.Data.MaxShare>0|| shareData.Data.MyBuyCommission>0)"
:style="{top:topheight+'px'}">
</view> </view>
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<view @click="goback" :style="[titleStyle, { opacity: '100% !important' }]" style="position: fixed; top: 0; left: 0; padding-left: 6rpx"> <view @click="goback" :style="[titleStyle, { opacity: '100% !important' }]"
style="position: fixed; top: 0; left: 0; padding-left: 6rpx">
<u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx"></u-icon> <u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx"></u-icon>
</view> </view>
<!-- #endif --> <!-- #endif -->
...@@ -36,13 +40,15 @@ ...@@ -36,13 +40,15 @@
<u-icon name="arrow-left" size="44"></u-icon> <u-icon name="arrow-left" size="44"></u-icon>
<!-- #endif --> <!-- #endif -->
</view> </view>
<view style="margin-left: 30rpx;text-align: left;width: 60vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; " <view
class="name-ali">{{ dataList.title }}</view> style="margin-left: 30rpx;text-align: left;width: 60vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; "
class="name-ali">{{ dataList.title }}</view>
</view> </view>
</view> </view>
<view class="jz_TopPrice"> <view class="jz_TopPrice">
<view class="jz_LineTitle"> <view class="jz_LineTitle">
<text class="jz_renmin">¥</text><text class="jz_B2bPrice">{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice }}</text> <text class="jz_renmin">¥</text><text
class="jz_B2bPrice">{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice }}</text>
<text style="color: #999999; font-size: 28rpx; font-weight: 400">/人起</text> <text style="color: #999999; font-size: 28rpx; font-weight: 400">/人起</text>
</view> </view>
<view class="jz_MainTitle"> <view class="jz_MainTitle">
...@@ -64,7 +70,8 @@ ...@@ -64,7 +70,8 @@
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
"> ">
<text v-if="dataList.startCityName || (dataList.currentPriceInfo.priceUnion && dataList.currentPriceInfo.priceUnion.startCityName)">{{ <text
v-if="dataList.startCityName || (dataList.currentPriceInfo.priceUnion && dataList.currentPriceInfo.priceUnion.startCityName)">{{
dataList.currentPriceInfo.priceUnion && dataList.currentPriceInfo.priceUnion.startCityName?dataList.currentPriceInfo.priceUnion.startCityName:dataList.startCityName dataList.currentPriceInfo.priceUnion && dataList.currentPriceInfo.priceUnion.startCityName?dataList.currentPriceInfo.priceUnion.startCityName:dataList.startCityName
}}</text>出发 }}</text>出发
</text> </text>
...@@ -80,37 +87,44 @@ ...@@ -80,37 +87,44 @@
"></span> "></span>
</span> </span>
</view> </view>
<view @click="showStartCities=true" style="font-size: 12px;padding:5px;display: flex; align-items: center;" v-if="startCities && startCities.length>1"> <view @click="showStartCities=true"
<span style="width:4px;height: 4px;background-color: #ff3166;border-radius: 4px;display: inline-block;"></span> style="font-size: 12px;padding:5px;display: flex; align-items: center;"
v-if="startCities && startCities.length>1">
<span
style="width:4px;height: 4px;background-color: #ff3166;border-radius: 4px;display: inline-block;"></span>
<text style="margin:0 5px">选择其它出发城市</text> <text style="margin:0 5px">选择其它出发城市</text>
<u-icon name="arrow" color="#000" size="28"></u-icon> <u-icon name="arrow" color="#000" size="28"></u-icon>
</view> </view>
</view> </view>
<view style="display: flex; overflow-x: auto"> <view style="display: flex; overflow-x: auto">
<template v-for="(item, pindex) in dataList.priceList"> <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)" <view class="jz_StartList" v-if="pindex < 3" :class="{ active: delMsg.tcid == item.tcid }"
:key="pindex"> @click="getDayInfo(item)" :key="pindex">
<view class="jz_StartTop">{{ getMonth(item.startDate) }} </view> <view class="jz_StartTop">{{ getMonth(item.startDate) }} </view>
<view class="jz_StartHoubu" v-if="item.remainNum > 0"> <view class="jz_StartHoubu" v-if="item.remainNum > 0">
<text>余</text> <text>余</text>
<text style="font-size: 28rpx; font-weight: 600">{{ item.remainNum }}</text> <text style="font-size: 28rpx; font-weight: 600">{{ item.remainNum }}</text>
</view> </view>
<view v-if="item.remainNum > 0" style="color: #ff3166; font-size: 26rpx">￥{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice}}</view> <view v-if="item.remainNum > 0" style="color: #ff3166; font-size: 26rpx">
￥{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice}}</view>
<view v-if="item.remainNum <= 0" style="padding: 20rpx 0"> <view v-if="item.remainNum <= 0" style="padding: 20rpx 0">
<text style="font-size: 32rpx; font-weight: 600">已售罄</text> <text style="font-size: 32rpx; font-weight: 600">已售罄</text>
</view> </view>
</view> </view>
</template> </template>
<view class="jz_StartList" v-if="dataList.priceList.length > 3" :class="{ active: delMsg.tcid == customerDate.tcid }" <view class="jz_StartList" v-if="dataList.priceList.length > 3"
@click="openDate"> :class="{ active: delMsg.tcid == customerDate.tcid }" @click="openDate">
<view class="jz_StartTop" v-if="customerDate.startDate">{{ customerDate.startDate ? getMonth(customerDate.startDate) : "" }} <view class="jz_StartTop" v-if="customerDate.startDate">
{{ customerDate.startDate ? getMonth(customerDate.startDate) : "" }}
</view> </view>
<view class="jz_StartHoubu" v-if="customerDate.remainNum"> <view class="jz_StartHoubu" v-if="customerDate.remainNum">
<text>余</text> <text>余</text>
<text style="font-size: 28rpx; font-weight: 600">{{ customerDate.remainNum }}</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">￥{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice }}</view> <view style="color: #ff3166; font-size: 26rpx" v-if="customerDate.b2BPrice">
<view v-if="!customerDate.startDate" style="height: 100%;width: 100%; display: flex; align-items: center;justify-content: center;"> ￥{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice }}</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 style="font-size: 24rpx; color: #999999">更多<br />班期</view>
</view> </view>
</view> </view>
...@@ -118,12 +132,15 @@ ...@@ -118,12 +132,15 @@
</view> </view>
<view class="jz_TripDays" style="display: none"> <view class="jz_TripDays" style="display: none">
<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> <text
<span style="width:40px;background-color:#dfbe6e;height: 6px;bottom: 2px;left: 0; right: 0;position: absolute;z-index: 1;"></span> 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> </span>
<view class="jz_ZhaiTitle"> <text class="jz_Dian"></text>住宿 </view> <view class="jz_ZhaiTitle"> <text class="jz_Dian"></text>住宿 </view>
<view class="jz_ZhaiInner"> {{ dataList.nightNum }}晚酒店 </view> <view class="jz_ZhaiInner"> {{ dataList.nightNum }}晚酒店 </view>
<template v-if="dataList.feature && dataList.feature.shopRemarkText != null && dataList.feature.shopRemarkText != ''"> <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_ZhaiTitle"> <text class="jz_Dian"></text>购物 </view>
<view class="jz_ZhaiInner"> <view class="jz_ZhaiInner">
{{ dataList.feature.shopRemarkText }} {{ dataList.feature.shopRemarkText }}
...@@ -143,7 +160,8 @@ ...@@ -143,7 +160,8 @@
</view> </view>
<view class="jz_Zhankai" style="display: none">展开全部</view> <view class="jz_Zhankai" style="display: none">展开全部</view>
</view> </view>
<view class="jz_TripDays" v-if="dataList.currentPriceInfo.priceFlight &&dataList.currentPriceInfo.priceFlight.length > 0"> <view class="jz_TripDays"
v-if="dataList.currentPriceInfo.priceFlight &&dataList.currentPriceInfo.priceFlight.length > 0">
<span style=" <span style="
display: inline-block; display: inline-block;
position: relative; position: relative;
...@@ -169,7 +187,8 @@ ...@@ -169,7 +187,8 @@
</span> </span>
<view class="jz_TripMain"> <view class="jz_TripMain">
<view> <view>
<view class="jz_Flight" v-for="(fItem, fIndex) in dataList.currentPriceInfo.priceFlight" :key="fIndex"> <view class="jz_Flight" v-for="(fItem, fIndex) in dataList.currentPriceInfo.priceFlight"
:key="fIndex">
<view class="jz_FlightItem"> <view class="jz_FlightItem">
<view style="width: 150rpx"> <view style="width: 150rpx">
<view class="jz_FlightTitle">{{ fItem.departureAirPortName }}</view> <view class="jz_FlightTitle">{{ fItem.departureAirPortName }}</view>
...@@ -177,14 +196,17 @@ ...@@ -177,14 +196,17 @@
</view> </view>
<view class="jz_FlightIcon"> <view class="jz_FlightIcon">
<view style="display: flex; align-items: center; font-size: 24rpx"> <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" <img v-if="fItem.trafficType == 1" style="width: 30rpx; height: 30rpx"
alt="" /> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/airfly.png"
<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="" />
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 style="margin-left: 10rpx">{{ fItem.flightNumber }}</view>
</view> </view>
<view class="jz_Arrow"> <view class="jz_Arrow">
<img style="width: 110rpx; height: 8rpx" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/b_arrow.png" /> <img style="width: 110rpx; height: 8rpx"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/b_arrow.png" />
</view> </view>
<view class="jz_StartDate"> <view class="jz_StartDate">
{{ getFlightDay(fItem.startDate) }} {{ getFlightDay(fItem.startDate) }}
...@@ -199,7 +221,8 @@ ...@@ -199,7 +221,8 @@
</view> </view>
</view> </view>
</view> </view>
<view class="jz_TripDays" v-if="dataList.feature && dataList.feature.tripImageList && dataList.feature.tripImageList.length > 0"> <view class="jz_TripDays"
v-if="dataList.feature && dataList.feature.tripImageList && dataList.feature.tripImageList.length > 0">
<span style=" <span style="
display: inline-block; display: inline-block;
position: relative; position: relative;
...@@ -224,8 +247,8 @@ ...@@ -224,8 +247,8 @@
"></span> "></span>
</span> </span>
<view class="jz_TripMain" style="margin:0 -22px;"> <view class="jz_TripMain" style="margin:0 -22px;">
<image v-for="x in dataList.feature.tripImageList" :src="x" mode="widthFix" @click='previewTravelPicHandler(x,dataList.feature.tripImageList)' <image v-for="x in dataList.feature.tripImageList" :src="x" mode="widthFix"
style="width: 100%"></image> @click='previewTravelPicHandler(x,dataList.feature.tripImageList)' style="width: 100%"></image>
</view> </view>
</view> </view>
<view class="jz_TripDays" v-if="dataList.dayList && dataList.dayList.length > 0"> <view class="jz_TripDays" v-if="dataList.dayList && dataList.dayList.length > 0">
...@@ -376,7 +399,8 @@ ...@@ -376,7 +399,8 @@
<view v-for="(x,i) in d" :key="i"> <view v-for="(x,i) in d" :key="i">
<view style="font-size: 32rpx;font-family: nav-font;font-weight: 600;display: flex;"> <view style="font-size: 32rpx;font-family: nav-font;font-weight: 600;display: flex;">
<text>第 {{(i+1)}} 天</text> <text>第 {{(i+1)}} 天</text>
<text style="flex:1;width:1px;margin-left:10px;font-family: microsoft yahei ui light; line-height: 1;"> <text
style="flex:1;width:1px;margin-left:10px;font-family: microsoft yahei ui light; line-height: 1;">
{{x.title}} {{x.title}}
</text> </text>
</view> </view>
...@@ -404,10 +428,12 @@ ...@@ -404,10 +428,12 @@
<view class="right"> <view class="right">
<view class="tag-play"> <view class="tag-play">
<view class="subtitle" style="flex: 1;">景点/场馆</view> <view class="subtitle" style="flex: 1;">景点/场馆</view>
<view class="tag-play-box" v-if="y.childItem.playTimeHour > 0 || y.childItem.playTimeMinutes > 0"> <view class="tag-play-box"
v-if="y.childItem.playTimeHour > 0 || y.childItem.playTimeMinutes > 0">
<view class="remark">推荐游玩</view> <view class="remark">推荐游玩</view>
<view class="play-time"> <view class="play-time">
<span v-if="y.childItem.playTimeHour > 0">{{ y.childItem.playTimeHour }} 小时</span> <span v-if="y.childItem.playTimeHour > 0">{{ y.childItem.playTimeHour }}
小时</span>
<span v-if="y.childItem.playTimeMinutes > 0"> <span v-if="y.childItem.playTimeMinutes > 0">
{{ y.childItem.playTimeMinutes }} 分钟</span> {{ y.childItem.playTimeMinutes }} 分钟</span>
</view> </view>
...@@ -419,7 +445,8 @@ ...@@ -419,7 +445,8 @@
<rich-text :nodes="y.childItem.description"></rich-text> <rich-text :nodes="y.childItem.description"></rich-text>
<view class="sec-images"> <view class="sec-images">
<template v-for="(z,zi) in y.childItem.imaArray"> <template v-for="(z,zi) in y.childItem.imaArray">
<image @click="previewImages(y.childItem.imaArray,zi)" :src="z.url" mode="aspectFill" v-if="zi<3" :key="zi"></image> <image @click="previewImages(y.childItem.imaArray,zi)" :src="z.url"
mode="aspectFill" v-if="zi<3" :key="zi"></image>
</template> </template>
</view> </view>
</view> </view>
...@@ -432,13 +459,16 @@ ...@@ -432,13 +459,16 @@
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<view class="subtitle" style="flex: 1;">{{`${y.childItem.timeStr} ${y.childItem.dinnerTypeName}`}}</view> <view class="subtitle" style="flex: 1;">
{{`${y.childItem.timeStr} ${y.childItem.dinnerTypeName}`}}
</view>
<view class="title">{{y.childItem.dinnerName}}</view> <view class="title">{{y.childItem.dinnerName}}</view>
<view class="card"> <view class="card">
<rich-text :nodes="y.childItem.description"></rich-text> <rich-text :nodes="y.childItem.description"></rich-text>
<view class="sec-images"> <view class="sec-images">
<template v-for="(z,zi) in y.childItem.imaArray"> <template v-for="(z,zi) in y.childItem.imaArray">
<image @tap="previewImages(y.childItem.imaArray,zi)" :src="z.url" mode="aspectFill" v-if="zi<3" :key="zi"></image> <image @tap="previewImages(y.childItem.imaArray,zi)" :src="z.url"
mode="aspectFill" v-if="zi<3" :key="zi"></image>
</template> </template>
</view> </view>
</view> </view>
...@@ -457,7 +487,8 @@ ...@@ -457,7 +487,8 @@
<rich-text :nodes="y.childItem.description"></rich-text> <rich-text :nodes="y.childItem.description"></rich-text>
<view class="sec-images"> <view class="sec-images">
<template v-for="(z,zi) in y.childItem.imaArray"> <template v-for="(z,zi) in y.childItem.imaArray">
<image @tap="previewImages(y.childItem.imaArray,zi)" :src="z.url" mode="aspectFill" v-if="zi<3" :key="zi"></image> <image @tap="previewImages(y.childItem.imaArray,zi)" :src="z.url"
mode="aspectFill" v-if="zi<3" :key="zi"></image>
</template> </template>
</view> </view>
</view> </view>
...@@ -476,7 +507,8 @@ ...@@ -476,7 +507,8 @@
<rich-text :nodes="y.childItem.description"></rich-text> <rich-text :nodes="y.childItem.description"></rich-text>
<view class="sec-images"> <view class="sec-images">
<template v-for="(z,zi) in y.childItem.imaArray"> <template v-for="(z,zi) in y.childItem.imaArray">
<image @tap="previewImages(y.childItem.imaArray,zi)" :src="z.url" mode="aspectFill" v-if="zi<3" :key="zi"></image> <image @tap="previewImages(y.childItem.imaArray,zi)" :src="z.url"
mode="aspectFill" v-if="zi<3" :key="zi"></image>
</template> </template>
</view> </view>
</view> </view>
...@@ -487,9 +519,11 @@ ...@@ -487,9 +519,11 @@
</view> </view>
</view> </view>
<view style="padding-bottom: 22px;background-color: #FFF;" v-if="dataList.feature.detailsImageList && d.length>0"> <view style="padding-bottom: 22px;background-color: #FFF;"
<image :src="x" @click='previewTravelPicHandler(x,dataList.feature.detailsImageList)' mode="widthFix" style="width: 100%;height: auto;margin-bottom: 10px;" v-if="dataList.feature.detailsImageList && d.length>0">
v-for="x in dataList.feature.detailsImageList"></image> <image :src="x" @click='previewTravelPicHandler(x,dataList.feature.detailsImageList)' mode="widthFix"
style="width: 100%;height: auto;margin-bottom: 10px;"
v-for="x in dataList.feature.detailsImageList"></image>
</view> </view>
<view class="jz_TripDays" v-if="dataList.feature && dataList.feature.feeInclude"> <view class="jz_TripDays" v-if="dataList.feature && dataList.feature.feeInclude">
<span style=" <span style="
...@@ -578,7 +612,8 @@ ...@@ -578,7 +612,8 @@
<view style="padding:10px;background-color: #eaeaea;"> <view style="padding:10px;background-color: #eaeaea;">
自费项目 自费项目
</view> </view>
<view v-for="(x,i) in dataList.selfpayingList" :key="i" style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;background: #FFF;"> <view v-for="(x,i) in dataList.selfpayingList" :key="i"
style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;background: #FFF;">
{{x.itemName}} {{x.itemName}}
</view> </view>
</view> </view>
...@@ -586,7 +621,8 @@ ...@@ -586,7 +621,8 @@
<view style="padding:10px;background-color: #eaeaea;"> <view style="padding:10px;background-color: #eaeaea;">
城市 城市
</view> </view>
<view v-for="(x,i) in dataList.selfpayingList" :key="i" style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;"> <view v-for="(x,i) in dataList.selfpayingList" :key="i"
style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;">
{{x.cityName}} {{x.cityName}}
</view> </view>
</view> </view>
...@@ -594,7 +630,8 @@ ...@@ -594,7 +630,8 @@
<view style="padding:10px;background-color: #eaeaea;"> <view style="padding:10px;background-color: #eaeaea;">
预估费用 预估费用
</view> </view>
<view v-for="(x,i) in dataList.selfpayingList" :key="i" style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;"> <view v-for="(x,i) in dataList.selfpayingList" :key="i"
style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;">
{{x.estimatedCost}} {{x.estimatedCost}}
</view> </view>
</view> </view>
...@@ -602,7 +639,8 @@ ...@@ -602,7 +639,8 @@
<view style="padding:10px;background-color: #eaeaea;"> <view style="padding:10px;background-color: #eaeaea;">
说明 说明
</view> </view>
<view v-for="(x,i) in dataList.selfpayingList" :key="i" style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;"> <view v-for="(x,i) in dataList.selfpayingList" :key="i"
style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;">
{{x.explain}} {{x.explain}}
</view> </view>
</view> </view>
...@@ -697,7 +735,8 @@ ...@@ -697,7 +735,8 @@
<view style="padding:10px;background-color: #eaeaea;"> <view style="padding:10px;background-color: #eaeaea;">
购物店名称 购物店名称
</view> </view>
<view v-for="(x,i) in dataList.shopList" :key="i" style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;background: #FFF;"> <view v-for="(x,i) in dataList.shopList" :key="i"
style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;background: #FFF;">
{{x.shopName}} {{x.shopName}}
</view> </view>
</view> </view>
...@@ -705,7 +744,8 @@ ...@@ -705,7 +744,8 @@
<view style="padding:10px;background-color: #eaeaea;"> <view style="padding:10px;background-color: #eaeaea;">
城市 城市
</view> </view>
<view v-for="(x,i) in dataList.shopList" :key="i" style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;"> <view v-for="(x,i) in dataList.shopList" :key="i"
style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;">
{{x.cityName}} {{x.cityName}}
</view> </view>
</view> </view>
...@@ -713,7 +753,8 @@ ...@@ -713,7 +753,8 @@
<view style="padding:10px;background-color: #eaeaea;"> <view style="padding:10px;background-color: #eaeaea;">
参观时长 参观时长
</view> </view>
<view v-for="(x,i) in dataList.shopList" :key="i" style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;"> <view v-for="(x,i) in dataList.shopList" :key="i"
style="white-space: nowrap;padding:10px;border-bottom:1px solid #eaeaea;">
{{x.visitTime}} {{x.visitTime}}
</view> </view>
</view> </view>
...@@ -808,10 +849,13 @@ ...@@ -808,10 +849,13 @@
<!-- <view class="jz_TripDays" style="width:100%;height:50rpx;background-color: transparent;"> <!-- <view class="jz_TripDays" style="width:100%;height:50rpx;background-color: transparent;">
</view> --> </view> -->
<u-popup v-model="showDateChosen" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true"> <u-popup v-model="showDateChosen" mode="bottom" border-radius="20" length="90%"
<canlendar @finish="chosenDateResult" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList"></canlendar> :safe-area-inset-bottom="true">
<canlendar @finish="chosenDateResult" :defaultDate="currentPrice.startDate"
:priceList="dataList.priceList"></canlendar>
</u-popup> </u-popup>
<u-popup v-model="showOrderPreviwe" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true"> <u-popup v-model="showOrderPreviwe" mode="bottom" border-radius="20" length="90%"
:safe-area-inset-bottom="true">
<view style=" <view style="
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -819,8 +863,8 @@ ...@@ -819,8 +863,8 @@
flex-direction: column; flex-direction: column;
"> ">
<view style="flex: 1; width: 100%; height: 1rpx"> <view style="flex: 1; width: 100%; height: 1rpx">
<canlendar @finish="chosenDateResult" :immediately="true" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList" <canlendar @finish="chosenDateResult" :immediately="true" :defaultDate="currentPrice.startDate"
title="确定日期和人数"></canlendar> :priceList="dataList.priceList" title="确定日期和人数"></canlendar>
</view> </view>
<view style="background: #ecf1f4; padding: 20rpx 0"> <view style="background: #ecf1f4; padding: 20rpx 0">
<view class="line-flex" style="padding: 30rpx; background: #fff"> <view class="line-flex" style="padding: 30rpx; background: #fff">
...@@ -831,7 +875,8 @@ ...@@ -831,7 +875,8 @@
margin-left: 30rpx; margin-left: 30rpx;
flex: 1; flex: 1;
">18周岁以上</text> ">18周岁以上</text>
<u-number-box size="28" :min="1" :max="currentPrice.remainNum - etCount - etbCount" @change="crChange" v-model="crCount"></u-number-box> <u-number-box size="28" :min="1" :max="currentPrice.remainNum - etCount - etbCount"
@change="crChange" v-model="crCount"></u-number-box>
</view> </view>
<view class="line-flex" style="padding: 30rpx; background: #fff"> <view class="line-flex" style="padding: 30rpx; background: #fff">
<text style="font-size: 28rpx; color: #111; font-weight: 500">儿童(占床)</text> <text style="font-size: 28rpx; color: #111; font-weight: 500">儿童(占床)</text>
...@@ -841,7 +886,8 @@ ...@@ -841,7 +886,8 @@
margin-left: 30rpx; margin-left: 30rpx;
flex: 1; flex: 1;
">2-18周岁(不含)</text> ">2-18周岁(不含)</text>
<u-number-box size="28" :min="0" :max="currentPrice.remainNum - crCount - etbCount" @change="etChange" v-model="etCount"></u-number-box> <u-number-box size="28" :min="0" :max="currentPrice.remainNum - crCount - etbCount"
@change="etChange" v-model="etCount"></u-number-box>
</view> </view>
<view class="line-flex" style="padding: 30rpx; background: #fff"> <view class="line-flex" style="padding: 30rpx; background: #fff">
<text style="font-size: 28rpx; color: #111; font-weight: 500">儿童(不占床)</text> <text style="font-size: 28rpx; color: #111; font-weight: 500">儿童(不占床)</text>
...@@ -851,7 +897,8 @@ ...@@ -851,7 +897,8 @@
margin-left: 30rpx; margin-left: 30rpx;
flex: 1; flex: 1;
">2-18周岁(不含)</text> ">2-18周岁(不含)</text>
<u-number-box size="28" :min="0" :max="currentPrice.remainNum - crCount - etCount" @change="etbChange" v-model="etbCount"></u-number-box> <u-number-box size="28" :min="0" :max="currentPrice.remainNum - crCount - etCount"
@change="etbChange" v-model="etbCount"></u-number-box>
</view> </view>
<view class="line-flex" style="padding: 30rpx; background: #fff"> <view class="line-flex" style="padding: 30rpx; background: #fff">
<text style="font-size: 28rpx; color: #111; font-weight: 500">婴儿</text> <text style="font-size: 28rpx; color: #111; font-weight: 500">婴儿</text>
...@@ -861,27 +908,31 @@ ...@@ -861,27 +908,31 @@
margin-left: 30rpx; margin-left: 30rpx;
flex: 1; flex: 1;
">0-2周岁(不含)</text> ">0-2周岁(不含)</text>
<u-number-box size="28" @change="yeChange" :min="0" :max="crCount" v-model="yeCount"></u-number-box> <u-number-box size="28" @change="yeChange" :min="0" :max="crCount"
v-model="yeCount"></u-number-box>
</view> </view>
</view> </view>
<view class="jz_OrderDiv" style="box-shadow: none; width: 100%; padding: 20rpx"> <view class="jz_OrderDiv" style="box-shadow: none; width: 100%; padding: 20rpx">
<view> <view>
<text style="font-size: 24rpx; color: #111; font-weight: 500">{{ currentPrice.startDate }} 出发 余位：{{ <text style="font-size: 24rpx; color: #111; font-weight: 500">{{ currentPrice.startDate }}
出发 余位：{{
currentPrice.remainNum currentPrice.remainNum
}}</text> }}</text>
</view> </view>
<view style="display: flex; align-items: center"> <view style="display: flex; align-items: center">
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<button open-type="contact" class="jz_ConButton"> <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" <img style="width: 36rpx; height: 38rpx"
alt="" /> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png"
alt="" />
<view style="color: #111111; font-size: 22rpx">客服</view> <view style="color: #111111; font-size: 22rpx">客服</view>
</button> </button>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP-ALIPAY --> <!-- #ifdef MP-ALIPAY -->
<button class="jz_ConButton" style="margin-right: 20rpx"> <button class="jz_ConButton" style="margin-right: 20rpx">
<contact-button tnt-inst-id="QqR_ZV6m" scene="SCE01203509" icon="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png" <contact-button tnt-inst-id="QqR_ZV6m" scene="SCE01203509"
size="38rpx" :alipay-card-no="2088 + userId" :ext-info="appid"> icon="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png"
size="38rpx" :alipay-card-no="2088 + userId" :ext-info="appid">
</contact-button> </contact-button>
<view style="color: #111111; font-size: 22rpx">客服</view> <view style="color: #111111; font-size: 22rpx">客服</view>
</button> </button>
...@@ -897,21 +948,24 @@ ...@@ -897,21 +948,24 @@
<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>
<!-- 原b2b --> <!-- 原b2b -->
<text style="font-size: 40rpx;font-family: nav-font;">{{$utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice}}</text> <text
style="font-size: 40rpx;font-family: nav-font;">{{$utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice}}</text>
<text style="font-size: 22rpx">/起</text> <text style="font-size: 22rpx">/起</text>
</view> </view>
<view style="display: flex; align-items: center"> <view style="display: flex; align-items: center">
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<button @click="downloadTripPlanHandler" class="jz_ConButton" v-if="d.length>3"> <button @click="downloadTripPlanHandler" class="jz_ConButton" v-if="d.length>3">
<img style="width: 36rpx; height: 38rpx" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1695376860000_131.png" <img style="width: 36rpx; height: 38rpx"
alt="" /> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1695376860000_131.png"
alt="" />
<view style="color: #111111; font-size: 22rpx">下载行程</view> <view style="color: #111111; font-size: 22rpx">下载行程</view>
</button> </button>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP-ALIPAY --> <!-- #ifdef MP-ALIPAY -->
<button class="jz_ConButton" style="margin-right: 20rpx"> <button class="jz_ConButton" style="margin-right: 20rpx">
<contact-button tnt-inst-id="QqR_ZV6m" scene="SCE01203509" icon="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png" <contact-button tnt-inst-id="QqR_ZV6m" scene="SCE01203509"
size="38rpx" :alipay-card-no="2088 + userId" :ext-info="appid"> icon="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/kefu.png"
size="38rpx" :alipay-card-no="2088 + userId" :ext-info="appid">
</contact-button> </contact-button>
<view style="color: #111111; font-size: 22rpx">客服</view> <view style="color: #111111; font-size: 22rpx">客服</view>
</button> </button>
...@@ -929,12 +983,16 @@ ...@@ -929,12 +983,16 @@
</view> </view>
<scroll-view scroll-y="true" style="width: 100%;height: 1px; flex: 1;"> <scroll-view scroll-y="true" style="width: 100%;height: 1px; flex: 1;">
<view style="padding:20px"> <view style="padding:20px">
<view @click="changeStartCity(x)" :style="{'background': delMsg.cityId==x.StartCityId?'#DFBE6E':''}" style="padding:20px;display: flex;align-items: center;margin-bottom: 20px;box-shadow: 0px 0px 20px 0px rgba(76,87,125,0.2); border-radius: 8px;" <view @click="changeStartCity(x)"
v-for="(x,i) in startCities"> :style="{'background': delMsg.cityId==x.StartCityId?'#DFBE6E':''}"
<view style="font-size: 18px;font-family: city-font;width:1px;flex:1;">{{ x.StartCityName }}</view> style="padding:20px;display: flex;align-items: center;margin-bottom: 20px;box-shadow: 0px 0px 20px 0px rgba(76,87,125,0.2); border-radius: 8px;"
v-for="(x,i) in startCities">
<view style="font-size: 18px;font-family: city-font;width:1px;flex:1;">{{ x.StartCityName }}
</view>
<view style="color: #ff3166;"> <view style="color: #ff3166;">
<text class="jz_renmin">¥</text> <text class="jz_renmin">¥</text>
<text class="jz_B2bPrice">{{ $utils.getretailer()?(currentPrice.originalB2BPrice+x.BackAddPrice+x.GoAddPrice):(currentPrice.originalB2CPrice+x.BackAddPrice+x.GoAddPrice) }}</text> <text
class="jz_B2bPrice">{{ $utils.getretailer()?(currentPrice.originalB2BPrice+x.BackAddPrice+x.GoAddPrice):(currentPrice.originalB2CPrice+x.BackAddPrice+x.GoAddPrice) }}</text>
<text style="color: #999999; font-size: 28rpx; font-weight: 400">/人起</text> <text style="color: #999999; font-size: 28rpx; font-weight: 400">/人起</text>
</view> </view>
</view> </view>
...@@ -1018,6 +1076,11 @@ ...@@ -1018,6 +1076,11 @@
if (option.cityId) { if (option.cityId) {
this.delMsg.cityId = option.cityId; this.delMsg.cityId = option.cityId;
} }
if (option.pid) {
uni.setStorageSync("pid", {
pid: option.pid
})
}
} else { } else {
let t = decodeURIComponent(option.scene).split('&') let t = decodeURIComponent(option.scene).split('&')
t.forEach(x => { t.forEach(x => {
...@@ -1033,6 +1096,15 @@ ...@@ -1033,6 +1096,15 @@
} }
this.getDetails(); this.getDetails();
this.U = uni.getStorageSync("mall_UserInfo"); this.U = uni.getStorageSync("mall_UserInfo");
if (!this.U) {
this.U = {
nickName: "未登录",
avatarUrl: "",
};
this.showAuth = true;
}
let that = this; let that = this;
uni.getSystemInfo({ uni.getSystemInfo({
success(res) { success(res) {
...@@ -1316,7 +1388,8 @@ ...@@ -1316,7 +1388,8 @@
x.title = y.childItem.title; x.title = y.childItem.title;
} else if (y.type == 1) { } else if (y.type == 1) {
y.subtitle = y.subtitle =
y.childItem.subTraffic.length > 0 && y.childItem.subTraffic[0].startTime + y.childItem.subTraffic.length > 0 && y.childItem.subTraffic[0]
.startTime +
" - " + " - " +
y.childItem.subTraffic[y.childItem.subTraffic.length - 1] y.childItem.subTraffic[y.childItem.subTraffic.length - 1]
.endTime; .endTime;
...@@ -2203,4 +2276,4 @@ ...@@ -2203,4 +2276,4 @@
height: 10vh; height: 10vh;
margin-right: 1px; margin-right: 1px;
} }
</style> </style>
\ No newline at end of file
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