Skip to content

J
jz_Travel
Commit da5a9e20 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent adcb44c0
Hide whitespace changes
Inline Side-by-side
Showing with 270 additions and 224 deletions
components/goods/style1.vue
View file @ da5a9e20
...@@ -95,8 +95,10 @@ export default { ...@@ -95,8 +95,10 @@ export default {
openGood(item) { openGood(item) {
//线路 //线路
if (item.goodType == 4) { if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url1",url)
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid url:url
}); });
} }
//酒店 //酒店
......
components/goods/style2.vue
View file @ da5a9e20
...@@ -94,8 +94,10 @@ export default { ...@@ -94,8 +94,10 @@ export default {
openGood(item) { openGood(item) {
//线路 //线路
if (item.goodType == 4) { if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url2",url)
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid url: url
}); });
} }
//酒店 //酒店
......
components/goods/style3.vue
View file @ da5a9e20
...@@ -94,8 +94,10 @@ export default { ...@@ -94,8 +94,10 @@ export default {
openGood(item) { openGood(item) {
//线路 //线路
if (item.goodType == 4) { if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url3",url)
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid url: url
}); });
} }
//酒店 //酒店
......
components/goods/style4.vue
View file @ da5a9e20
...@@ -75,8 +75,10 @@ export default { ...@@ -75,8 +75,10 @@ export default {
openGood(item) { openGood(item) {
//线路 //线路
if (item.goodType == 4) { if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url4",url)
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid url: url
}); });
} }
//酒店 //酒店
......
components/goods/style5.vue
View file @ da5a9e20
...@@ -85,8 +85,10 @@ export default { ...@@ -85,8 +85,10 @@ export default {
openGood(item) { openGood(item) {
//线路 //线路
if (item.goodType == 4) { if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url5",url)
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid url: url
}); });
} }
//酒店 //酒店
......
components/goods/style6.vue
View file @ da5a9e20
...@@ -66,8 +66,10 @@ ...@@ -66,8 +66,10 @@
openGood(item) { openGood(item) {
//线路 //线路
if (item.goodType == 4) { if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url6",url)
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid url: url
}); });
} }
//酒店 //酒店
......
components/goods/style7.vue
View file @ da5a9e20
...@@ -91,8 +91,10 @@ ...@@ -91,8 +91,10 @@
openGood(item) { openGood(item) {
//线路 //线路
if (item.goodType == 4) { if (item.goodType == 4) {
var url="/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid;
console.log("url7",url)
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + item.id + '&configId=' + item.subid url: url
}); });
} }
//酒店 //酒店
......
pages/jiuzhai/jz_LineDetail.vue
View file @ da5a9e20
<template> <template>
<view class="jz_LineDetail" v-if="dataList.title"> <view class="jz_LineDetail" v-if="dataList.title">
<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" <u-swiper :list="dataList.tempImgCover" :effect3d="false" :height="535" :interval="5000" :border-radius="0" name="Url"></u-swiper>
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"> <view v-if="dataList.tempImgCover.length>0" class="type-img-box" @click="openPicture">
<view v-if="dataList.tempImgCover.length>0" class="type-img-box" @click="openPicture"> <image :src="dataList.tempImgCover[0].Url" mode="aspectFill"></image>
<image :src="dataList.tempImgCover[0].Url" mode="aspectFill"></image> <view class="content">
<view class="content"> <text>{{dataList.tempImgCover.length}}</text>
<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> <view class="mi-right">
<view style="color:#FFF;margin-bottom: 6rpx;font-size: 22rpx;">团队编号：{{delMsg.tcnum}}</view>
<view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;"> <view style="color:#FFF;font-size: 22rpx;">{{dataList.startCityName}}集合出发 · 精品线路</view>
<u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></u-icon> </view>
</view> </view>
</view> </view>
<view class="top-title" :style="[titleStyle]">
<view @click="goback"> <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"></u-icon> <u-icon name="arrow-left" size="44" color="#FFF" style="margin-top: 22rpx;"></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="top-title" :style="[titleStyle]">
<view @click="goback">
<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_TopPrice">
<view class="jz_LineTitle"> <view class="jz_LineTitle">
...@@ -43,7 +42,7 @@ ...@@ -43,7 +42,7 @@
<text v-if="dataList.title">{{dataList.title}}</text> <text v-if="dataList.title">{{dataList.title}}</text>
</view> </view>
<view class="jz_Maidian" v-text="dataList.productRecommend"> <view class="jz_Maidian" v-text="dataList.productRecommend">
</view> </view>
</view> </view>
<view class="jz_Service"> <view class="jz_Service">
...@@ -75,7 +74,8 @@ ...@@ -75,7 +74,8 @@
</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)" :key="pindex"> <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_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>
...@@ -87,8 +87,10 @@ ...@@ -87,8 +87,10 @@
</view> </view>
</view> </view>
</template> </template>
<view class="jz_StartList" v-if="dataList.priceList.length>3" :class="{'active':delMsg.tcid==customerDate.tcid}" @click="openDate"> <view class="jz_StartList" v-if="dataList.priceList.length>3" :class="{'active':delMsg.tcid==customerDate.tcid}"
<view class="jz_StartTop" v-if="customerDate.startDate">{{customerDate.startDate?getMonth(customerDate.startDate):""}} </view> @click="openDate">
<view class="jz_StartTop" v-if="customerDate.startDate">{{customerDate.startDate?getMonth(customerDate.startDate):""}}
</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>
...@@ -137,7 +139,8 @@ ...@@ -137,7 +139,8 @@
<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}}晚餐 含{{dataList.breakfastCount}}早餐 <text style="margin:0 20px;">{{dataList.lunchCount}}午餐</text>
{{dataList.dinnerCount}}晚餐
</view> </view>
<view class="jz_Zhankai" style="display:none;">展开全部</view> <view class="jz_Zhankai" style="display:none;">展开全部</view>
</view> </view>
...@@ -156,8 +159,10 @@ ...@@ -156,8 +159,10 @@
</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" alt="" /> <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==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">
...@@ -304,14 +309,15 @@ ...@@ -304,14 +309,15 @@
</view> </view>
<!-- <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%" :safe-area-inset-bottom="true">
<canlendar @finish="chosenDateResult" :defaultDate="currentPrice.startDate" :priceList="dataList.priceList"></canlendar> <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="width: 100%;height: 100%;display: flex;flex-direction: column;"> <view style="width: 100%;height: 100%;display: flex;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" title="确定日期和人数"></canlendar> <canlendar @finish="chosenDateResult" :immediately="true" :defaultDate="currentPrice.startDate" :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;">
...@@ -341,7 +347,8 @@ ...@@ -341,7 +347,8 @@
</view> </view>
<view style="display:flex;align-items: center;"> <view style="display:flex;align-items: center;">
<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" alt="" /> <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> <view style="color:#111111;font-size: 22rpx;">客服</view>
</button> </button>
<view class="jz_OrderNow" @click="goReserce()">立即预定</view> <view class="jz_OrderNow" @click="goReserce()">立即预定</view>
...@@ -359,7 +366,8 @@ ...@@ -359,7 +366,8 @@
</view> </view>
<view style="display:flex;align-items: center;"> <view style="display:flex;align-items: center;">
<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" alt="" /> <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> <view style="color:#111111;font-size: 22rpx;">客服</view>
</button> </button>
<view class="jz_OrderNow" @click="openOrderPreview" :class="{'disable':finishFirstLoad&&!canCreateOrder}">{{(finishFirstLoad&&!canCreateOrder)?'已售罄':'立即预定'}}</view> <view class="jz_OrderNow" @click="openOrderPreview" :class="{'disable':finishFirstLoad&&!canCreateOrder}">{{(finishFirstLoad&&!canCreateOrder)?'已售罄':'立即预定'}}</view>
...@@ -374,17 +382,17 @@ ...@@ -374,17 +382,17 @@
export default { export default {
components: { components: {
canlendar canlendar
}, },
data() { data() {
return { return {
pageTitle: '线路详情', pageTitle: '线路详情',
showDateChosen:false, showDateChosen: false,
showOrderPreviwe:false, showOrderPreviwe: false,
crCount:1, crCount: 1,
etCount:0, etCount: 0,
yeCount:0, yeCount: 0,
etbCount:0, etbCount: 0,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 15 pageSize: 15
...@@ -393,33 +401,37 @@ ...@@ -393,33 +401,37 @@
delMsg: { delMsg: {
tcid: 0, tcid: 0,
configId: 0, configId: 0,
tcnum:'', tcnum: '',
cityId:0 cityId: 0
}, },
scenicNum: 0, // 景点数量 scenicNum: 0, // 景点数量
breakfastNum: 0, //早餐数 breakfastNum: 0, //早餐数
lunchNum: 0, //午餐数 lunchNum: 0, //午餐数
dinnerNum: 0,//晚餐数 dinnerNum: 0, //晚餐数
boxOption: 0, boxOption: 0,
titleStyle: {}, titleStyle: {},
mainColor: "", mainColor: "",
detailContent: "", detailContent: "",
customerDate:{}, customerDate: {},
currentPrice:{}, currentPrice: {},
canCreateOrder:false, canCreateOrder: false,
finishFirstLoad:false finishFirstLoad: false
}; };
}, },
created() { created() {
}, },
onLoad(option) { onLoad(option) {
if (option.tcid && option.configId && option.cityId) { if (option.tcid) {
this.delMsg.tcid = option.tcid; this.delMsg.tcid = option.tcid;
}
if (option.configId) {
this.delMsg.configId = option.configId; this.delMsg.configId = option.configId;
}
if (option.cityId) {
this.delMsg.cityId = option.cityId; this.delMsg.cityId = option.cityId;
this.getDetails();
} }
this.getDetails();
let that = this let that = this
uni.getSystemInfo({ uni.getSystemInfo({
success(res) { success(res) {
...@@ -431,43 +443,42 @@ ...@@ -431,43 +443,42 @@
}, },
}); });
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
}, },
methods: { methods: {
openOrderPreview(){ openOrderPreview() {
if(this.canCreateOrder&&this.finishFirstLoad){ if (this.canCreateOrder && this.finishFirstLoad) {
this.showOrderPreviwe=true this.showOrderPreviwe = true
} }
}, },
chosenDateResult(result){ chosenDateResult(result) {
let price=this.dataList.priceList[result.priceObj] let price = this.dataList.priceList[result.priceObj]
this.currentPrice=price this.currentPrice = price
if(this.crCount+this.etCount+this.etbCount>=this.currentPrice.remainNum){ if (this.crCount + this.etCount + this.etbCount >= this.currentPrice.remainNum) {
this.crCount=1 this.crCount = 1
this.etCount=0 this.etCount = 0
this.etbCount=0 this.etbCount = 0
} }
this.delMsg.tcid=price.tcid this.delMsg.tcid = price.tcid
this.delMsg.configId = price.configID; this.delMsg.configId = price.configID;
if(!this.showOrderPreviwe){ if (!this.showOrderPreviwe) {
this.getDetails() this.getDetails()
} }
if(result.priceObj>2){ if (result.priceObj > 2) {
this.customerDate=price this.customerDate = price
} }
this.showDateChosen=false this.showDateChosen = false
}, },
crChange(e){ crChange(e) {
this.crCount=e.value; this.crCount = e.value;
}, },
etChange(e){ etChange(e) {
this.etCount=e.value; this.etCount = e.value;
}, },
etbChange(e){ etbChange(e) {
this.etbCount=e.value; this.etbCount = e.value;
}, },
yeChange(e){ yeChange(e) {
this.yeCount=e.value; this.yeCount = e.value;
}, },
openPicture() { openPicture() {
let imgObj = this.dataList.imgCover; let imgObj = this.dataList.imgCover;
...@@ -482,7 +493,7 @@ ...@@ -482,7 +493,7 @@
}, },
scroll(e) { scroll(e) {
this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5); this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5);
this.titleStyle.opacity = ((e.detail.scrollTop - 100) < 0 ? 0 : Math.floor(e.detail.scrollTop - 100)) + "%" this.titleStyle.opacity = ((e.detail.scrollTop - 100) < 0 ? 0 : Math.floor(e.detail.scrollTop - 100)) + "%"
this.$forceUpdate() this.$forceUpdate()
}, },
...@@ -493,9 +504,9 @@ ...@@ -493,9 +504,9 @@
this.delMsg, this.delMsg,
res => { res => {
console.log(res, '详情'); console.log(res, '详情');
if (res.resultCode == 1) { if (res.resultCode == 1) {
res.data.tempImgCover=JSON.parse(res.data.imgCover) res.data.tempImgCover = JSON.parse(res.data.imgCover)
// let tempPrice= res.data.priceList.filter(x=>x.remainNum>0) // let tempPrice= res.data.priceList.filter(x=>x.remainNum>0)
// res.data.priceList=tempPrice // res.data.priceList=tempPrice
this.dataList = res.data; this.dataList = res.data;
...@@ -516,22 +527,22 @@ ...@@ -516,22 +527,22 @@
} }
}) })
}) })
this.currentPrice=this.dataList.currentPriceInfo this.currentPrice = this.dataList.currentPriceInfo
if(this.currentPrice.remainNum==0){ if (this.currentPrice.remainNum == 0) {
let temp=this.dataList.priceList.find(x=>x.remainNum>0) let temp = this.dataList.priceList.find(x => x.remainNum > 0)
if(temp){ if (temp) {
this.getDayInfo(temp) this.getDayInfo(temp)
} }
} }
this.dataList.priceList.forEach(x=>{ this.dataList.priceList.forEach(x => {
if(x.tcid==this.delMsg.tcid){ if (x.tcid == this.delMsg.tcid) {
this.delMsg.tcnum=x.tcnum this.delMsg.tcnum = x.tcnum
} }
if(x.remainNum>0){ if (x.remainNum > 0) {
this.canCreateOrder=true this.canCreateOrder = true
} }
}) })
this.finishFirstLoad=true this.finishFirstLoad = true
} else { } else {
} }
...@@ -560,159 +571,169 @@ ...@@ -560,159 +571,169 @@
return Myday[1] + '-' + Myday[2] return Myday[1] + '-' + Myday[2]
} }
}, },
getFlightDay(day){ getFlightDay(day) {
if (day) { if (day) {
let Myday = day.split('-'); let Myday = day.split('-');
return Myday[1] + '月' + Myday[2] + '日' return Myday[1] + '月' + Myday[2] + '日'
} }
}, },
//点击切换 //点击切换
getDayInfo(item){ getDayInfo(item) {
if(item.remainNum>0){ if (item.remainNum > 0) {
if(this.crCount+this.etCount+this.etbCount>=this.currentPrice.remainNum){ if (this.crCount + this.etCount + this.etbCount >= this.currentPrice.remainNum) {
this.crCount=1 this.crCount = 1
this.etCount=0 this.etCount = 0
this.etbCount=0 this.etbCount = 0
} }
this.delMsg.tcid = item.tcid; this.delMsg.tcid = item.tcid;
this.delMsg.configId = item.configID; this.delMsg.configId = item.configID;
this.currentPrice=item this.currentPrice = item
this.getDetails(); this.getDetails();
}else{ } else {
uni.showToast({ uni.showToast({
title:"该团期已售罄", title: "该团期已售罄",
icon:"none" icon: "none"
}) })
} }
}, },
openDate(){ openDate() {
if(this.customerDate.tcid){ if (this.customerDate.tcid) {
if(this.customerDate.tcid==this.delMsg.tcid){ if (this.customerDate.tcid == this.delMsg.tcid) {
this.showDateChosen=true this.showDateChosen = true
}else{ } else {
this.delMsg.tcid = this.customerDate.tcid; this.delMsg.tcid = this.customerDate.tcid;
this.delMsg.configId = this.customerDate.configID; this.delMsg.configId = this.customerDate.configID;
this.getDetails(); this.getDetails();
} }
}else{ } else {
this.showDateChosen=true this.showDateChosen = true
} }
}, },
//立即预定 //立即预定
goReserce(){ goReserce() {
let myCurrentInfo = this.currentPrice; let myCurrentInfo = this.currentPrice;
myCurrentInfo.startCityName = this.dataList.startCityName; myCurrentInfo.startCityName = this.dataList.startCityName;
let imgCover = JSON.parse(this.dataList.imgCover); let imgCover = JSON.parse(this.dataList.imgCover);
if(imgCover.length>0){ if (imgCover.length > 0) {
myCurrentInfo.CoverImg = imgCover[0].Url; myCurrentInfo.CoverImg = imgCover[0].Url;
} }
let myCurr = JSON.stringify(myCurrentInfo); let myCurr = JSON.stringify(myCurrentInfo);
console.log(myCurrentInfo,'myCurrentInfo'); console.log(myCurrentInfo, 'myCurrentInfo');
let ren={ let ren = {
crCount:this.crCount, crCount: this.crCount,
etCount:this.etCount, etCount: this.etCount,
yeCount:this.yeCount, yeCount: this.yeCount,
etbCount:this.etbCount etbCount: this.etbCount
} }
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_Reserve?currentPriceInfo="+encodeURIComponent(myCurr)+"&ln="+this.dataList.ltName+"&seat="+encodeURIComponent(JSON.stringify(ren))+"&tips="+encodeURIComponent(this.dataList.feature.importantTipText) url: "/pages/jiuzhai/jz_Reserve?currentPriceInfo=" + encodeURIComponent(myCurr) + "&ln=" + this.dataList.ltName +
"&seat=" + encodeURIComponent(JSON.stringify(ren)) + "&tips=" + encodeURIComponent(this.dataList.feature.importantTipText)
}); });
}, },
//分享朋友圈 //分享朋友圈
onShareTimeline() { onShareTimeline() {
let uid = uni.getStorageSync("mall_UserInfo") let uid = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserId uni.getStorageSync("mall_UserInfo").UserId :
: 0; 0;
if(uid==0){ if (uid == 0) {
uid = uni.getStorageSync("pid")?uni.getStorageSync("pid").pid:0 uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0
} }
let SmallShopId = uni.getStorageSync("mall_UserInfo") let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").SmallShopId uni.getStorageSync("mall_UserInfo").SmallShopId :
: 0; 0;
if(SmallShopId == 0){//如果微店id为0 去找所属微店id if (SmallShopId == 0) { //如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserSmallShopId uni.getStorageSync("mall_UserInfo").UserSmallShopId :
: 0; 0;
} }
let title =this.dataList.title?this.dataList.title:'帖子'; let title = this.dataList.title ? this.dataList.title : '帖子';
let imageUrl =this.dataList.tempImgCover && this.dataList.tempImgCover.length>0?this.dataList.tempImgCover[0]:''; let imageUrl = this.dataList.tempImgCover && this.dataList.tempImgCover.length > 0 ? this.dataList.tempImgCover[0] :
return { '';
title: title, return {
query: "tcid=" + this.delMsg.tcid + "&user_id=" + uid+ "&SmallShopId=" + SmallShopId+ "&Up=" + this.Up + title: title,
query: "tcid=" + this.delMsg.tcid + "&user_id=" + uid + "&SmallShopId=" + SmallShopId + "&Up=" + this.Up +
'&JumpType=19' + '&configId=' + this.delMsg.configId + '&cityId=' + this.delMsg.cityId, '&JumpType=19' + '&configId=' + this.delMsg.configId + '&cityId=' + this.delMsg.cityId,
imageUrl: imageUrl, imageUrl: imageUrl,
}; };
}, },
//分享给朋友 //分享给朋友
onShareAppMessage(res) { onShareAppMessage(res) {
let u = uni.getStorageSync("mall_UserInfo"); let u = uni.getStorageSync("mall_UserInfo");
let uid = u.UserId ? u.UserId : 0; let uid = u.UserId ? u.UserId : 0;
if(uid==0){ if (uid == 0) {
uid = uni.getStorageSync("pid")?uni.getStorageSync("pid").pid:0 uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0
} }
let SmallShopId = u.SmallShopId ? u.SmallShopId : 0; let SmallShopId = u.SmallShopId ? u.SmallShopId : 0;
if(SmallShopId == 0){//如果微店id为0 去找所属微店id if (SmallShopId == 0) { //如果微店id为0 去找所属微店id
SmallShopId = u.UserSmallShopId? u.UserSmallShopId:0 SmallShopId = u.UserSmallShopId ? u.UserSmallShopId : 0
} }
return { return {
title:this.dataList.title?this.dataList.title:'帖子', title: this.dataList.title ? this.dataList.title : '帖子',
path: "/pages/index/index?tcid=" + this.delMsg.tcid + "&user_id=" + uid+ "&SmallShopId=" + SmallShopId+ path: "/pages/index/index?tcid=" + this.delMsg.tcid + "&user_id=" + uid + "&SmallShopId=" + SmallShopId +
"&Up=" + this.Up+'&JumpType=19' + '&configId=' + this.delMsg.configId + '&cityId=' + this.delMsg.cityId, "&Up=" + this.Up + '&JumpType=19' + '&configId=' + this.delMsg.configId + '&cityId=' + this.delMsg.cityId,
imageUrl:this.dataList.tempImgCover && this.dataList.tempImgCover.length>0?this.dataList.tempImgCover[0]:'', imageUrl: this.dataList.tempImgCover && this.dataList.tempImgCover.length > 0 ? this.dataList.tempImgCover[0] : '',
}; };
}, },
}, },
}; };
</script> </script>
<style> <style>
.jz_FlightItem{ .jz_FlightItem {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width:90%; width: 90%;
margin:auto; margin: auto;
margin-bottom:45rpx; margin-bottom: 45rpx;
} }
.jz_FlightTitle{
color:#999999; .jz_FlightTitle {
font-size:24rpx; color: #999999;
white-space: nowrap; font-size: 24rpx;
white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
word-break: break-all; word-break: break-all;
} }
.jz_Arrow{
.jz_Arrow {
position: absolute; position: absolute;
top: 17rpx; top: 17rpx;
} }
.jz_StartDate{
color:#999999; .jz_StartDate {
font-size:24rpx; color: #999999;
margin-top:25rpx; font-size: 24rpx;
margin-top: 25rpx;
} }
.jz_FlightBottom{
color:#111111; .jz_FlightBottom {
font-size:26rpx; color: #111111;
margin-top:10rpx; font-size: 26rpx;
margin-top: 10rpx;
} }
.jz_FlightIcon{
.jz_FlightIcon {
text-align: center; text-align: center;
position: relative; position: relative;
flex-shrink: 0; flex-shrink: 0;
} }
.jz_LineDetail { .jz_LineDetail {
background-color: #ECF1F4; background-color: #ECF1F4;
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.jz_LineDetail rich-text{
.jz_LineDetail rich-text {
font-size: 26rpx; font-size: 26rpx;
font-weight: 500; font-weight: 500;
} }
.line-flex{
.line-flex {
display: flex; display: flex;
align-items: center; align-items: center;
} }
...@@ -721,6 +742,7 @@ ...@@ -721,6 +742,7 @@
width: 100%; width: 100%;
height: 535rpx; height: 535rpx;
} }
.jz_TopImg .top-title { .jz_TopImg .top-title {
line-height: 45px !important; line-height: 45px !important;
font-size: 16px; font-size: 16px;
...@@ -737,12 +759,13 @@ ...@@ -737,12 +759,13 @@
background-color: #f6f6f6; background-color: #f6f6f6;
padding-left: 6rpx; padding-left: 6rpx;
} }
.jz_TopImg .media { .jz_TopImg .media {
height: 535rpx; height: 535rpx;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.jz_TopImg .media .play-btn { .jz_TopImg .media .play-btn {
position: absolute; position: absolute;
left: 50%; left: 50%;
...@@ -757,13 +780,13 @@ ...@@ -757,13 +780,13 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.jz_TopImg .media .video-box { .jz_TopImg .media .video-box {
background-color: #111; background-color: #111;
height: 535rpx; height: 535rpx;
position: relative; position: relative;
} }
.jz_TopImg .media .type-box { .jz_TopImg .media .type-box {
width: 100px; width: 100px;
height: 50rpx; height: 50rpx;
...@@ -774,7 +797,7 @@ ...@@ -774,7 +797,7 @@
bottom: 80px; bottom: 80px;
margin-left: -50px; margin-left: -50px;
} }
.jz_TopImg .media .media-info .type-img-box { .jz_TopImg .media .media-info .type-img-box {
background-color: rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .5);
color: #FFF; color: #FFF;
...@@ -786,14 +809,14 @@ ...@@ -786,14 +809,14 @@
border-radius: 12rpx; border-radius: 12rpx;
position: relative; position: relative;
} }
.jz_TopImg .media .media-info .type-img-box image { .jz_TopImg .media .media-info .type-img-box image {
height: 80rpx; height: 80rpx;
width: 80rpx; width: 80rpx;
border-radius: 12rpx; border-radius: 12rpx;
opacity: 0.5; opacity: 0.5;
} }
.jz_TopImg .media .media-info .type-img-box .content { .jz_TopImg .media .media-info .type-img-box .content {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -809,14 +832,14 @@ ...@@ -809,14 +832,14 @@
justify-content: center; justify-content: center;
justify-items: center; justify-items: center;
} }
.jz_TopImg .media .media-info .type-img-box text { .jz_TopImg .media .media-info .type-img-box text {
font-size: 22rpx; font-size: 22rpx;
font-family: pingfang; font-family: pingfang;
margin-left: 6rpx; margin-left: 6rpx;
} }
.jz_TopImg .media .media-info { .jz_TopImg .media .media-info {
position: absolute; position: absolute;
background-color: rgba(0, 0, 0, .35); background-color: rgba(0, 0, 0, .35);
...@@ -826,10 +849,11 @@ ...@@ -826,10 +849,11 @@
right: 0; right: 0;
padding: 30rpx 50rpx; padding: 30rpx 50rpx;
} }
.jz_TopImg .media .media-info .mi-left { .jz_TopImg .media .media-info .mi-left {
flex: 1; flex: 1;
} }
.jz_TopPrice { .jz_TopPrice {
width: 100%; width: 100%;
height: auto; height: auto;
...@@ -911,17 +935,17 @@ ...@@ -911,17 +935,17 @@
overflow: hidden; overflow: hidden;
background: #ecf1f463; background: #ecf1f463;
} }
.jz_StartList.active{ .jz_StartList.active {
border-color: #111; border-color: #111;
background: rgba(0,0,0,.07); background: rgba(0, 0, 0, .07);
} }
.jz_StartList.active .jz_StartTop{ .jz_StartList.active .jz_StartTop {
background-color: #000; background-color: #000;
color: #FFF; color: #FFF;
} }
.jz_renmin { .jz_renmin {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
...@@ -930,7 +954,8 @@ ...@@ -930,7 +954,8 @@
.jz_B2bPrice { .jz_B2bPrice {
font-size: 40rpx; font-size: 40rpx;
font-weight: 800; font-weight: 800;
} }
.jz_Service { .jz_Service {
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
...@@ -1109,60 +1134,67 @@ ...@@ -1109,60 +1134,67 @@
font-weight: 500; font-weight: 500;
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; padding: 30rpx 0;
box-shadow: 0px 0px 30rpx 0px rgba(36, 36, 36, 0.2); box-shadow: 0px 0px 30rpx 0px rgba(36, 36, 36, 0.2);
} }
.jz_OrderDiv{
.jz_OrderDiv {
width:90%;
height:100rpx; width: 90%;
height: 100rpx;
background-color: #fff; background-color: #fff;
margin:auto; margin: auto;
padding:20rpx; padding: 20rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
box-shadow: 0px 10rpx 30rpx 0px rgba(36, 36, 36, 0.2); box-shadow: 0px 10rpx 30rpx 0px rgba(36, 36, 36, 0.2);
border-radius: 16px; border-radius: 16px;
z-index:999; z-index: 999;
} }
.jz_OrderNow{
width:190rpx; .jz_OrderNow {
height:80rpx; width: 190rpx;
height: 80rpx;
background-color: #111111; background-color: #111111;
text-align: center; text-align: center;
line-height: 80rpx; line-height: 80rpx;
color:#fff; color: #fff;
font-weight: 600; font-weight: 600;
font-size:28rpx; font-size: 28rpx;
border-radius: 16rpx; border-radius: 16rpx;
} }
.jz_OrderNow.disable{
.jz_OrderNow.disable {
background-color: #ecf1f4; background-color: #ecf1f4;
color:#111 color: #111
} }
.jz_ConButton{
.jz_ConButton {
background-color: #fff; background-color: #fff;
height:40px; height: 40px;
line-height: 18px; line-height: 18px;
margin-top:3px; margin-top: 3px;
} }
.jz_ConButton::after{
border: none!important; .jz_ConButton::after {
height:auto!important; border: none !important;
height: auto !important;
} }
.jz_Flight{
.jz_Flight {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
</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