Skip to content

J
jz_Travel
Commit db3caa25 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 06cb0f62
Hide whitespace changes
Inline Side-by-side
Showing with 203 additions and 15 deletions
pages/jiuzhai/jz_LineDetail.vue
View file @ db3caa25
......@@ -307,8 +307,9 @@
}
.jz_ConButton{
background-color: #fff;
height:45px;
line-height: 20px;
height:40px;
line-height: 18px;
margin-top:3px;
}
.jz_ConButton::after{
border: none!important;
......@@ -319,7 +320,7 @@
<div class="jz_LineDetail">
<view class="jz_TopImg">
<swiper indicator-dots :autoplay="false" :interval="1000" style="height:100%;">
<block v-for="(item, index) in getCoverImg(dataList.imgCover)" :key="index">
<block v-for="(item,cindex) in getCoverImg(dataList.imgCover)" wx:key="cindex">
<swiper-item>
<!--<video @click="startPlay(item)" style="width:100%;height:100%" id="myVideo" v-if="item.type==1" :src="item.pic_url"
:autoplay="false" loop muted show-play-btn :enable-progress-gesture="true"
......@@ -418,19 +419,19 @@
</span>
<view class="jz_TripMain">
<view class="jz_TripLine"></view>
<view v-for="(item,index) in dataList.dayList">
<view v-for="(item,index) in dataList.dayList" wx:key="index">
<view class="jz_TripTitle">
<view class="jz_TripLeft">第{{getDays(index+1)}}天</view>
<view class="jz_TripRight"></view>
</view>
<view class="jz_RightInner">
<view v-for="subItem in item.dayArray" v-if="subItem.type==7">
<view v-for="(subItem,SubIndex) in item.dayArray" v-if="subItem.type==7" wx:key="SubIndex">
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text>{{subItem.childItem.title}}</text>
</view>
</view>
<template v-for="subItem in item.dayArray" v-if="subItem.type==2">
<template v-for="(subItem,index2) in item.dayArray" v-if="subItem.type==2" wx:key="index2">
<view class="jz_ImgDiv">
<img mode="aspectFill" :src="subItem.childItem.imaArray[0].url" alt="">
</view>
......@@ -452,7 +453,7 @@
</template>
<view class="jz_Place">温馨提示</view>
<view class="jz_Rermark">
<template v-for="subItem in item.dayArray" v-if="subItem.type==6">
<template v-for="(subItem,sIndex) in item.dayArray" v-if="subItem.type==6" wx:key="sIndex">
{{subItem.childItem.descriptionText}}
</template>
</view>
......@@ -460,7 +461,7 @@
<view class="jz_ComDian"></view>
<text class="jz_Canyin">餐饮</text>
<text class="jz_CanInner">
<template v-for="subItem in item.dayArray" v-if="subItem.type==4">
<template v-for="(subItem,sIndex2) in item.dayArray" v-if="subItem.type==4" wx:key="sIndex2">
<text style="margin-right:20px;" 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>
......@@ -471,7 +472,7 @@
<view class="jz_ComDian"></view>
<text class="jz_Canyin">酒店</text>
<text class="jz_CanInner">
<template v-for="subItem in item.dayArray" v-if="subItem.type==3">
<template v-for="(subItem,sIndex3) in item.dayArray" v-if="subItem.type==3" wx:key="sIndex3">
<text>{{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>
......@@ -594,8 +595,10 @@
},
//立即预定
goReserce(){
let myCurrentInfo = this.dataList.currentPriceInfo;
myCurrentInfo.startCityName = this.dataList.startCityName;
uni.navigateTo({
url: "/pages/jiuzhai/jz_Reserve"
url: "/pages/jiuzhai/jz_Reserve?currentPriceInfo="+JSON.stringify(myCurrentInfo)
});
}
},
......
pages/jiuzhai/jz_Reserve.vue
View file @ db3caa25
<style>
.jz_ReserTop {
width: 100%;
min-height: 300rpx;
box-shadow: 0px 2px 15px 0px rgba(76, 76, 76, 0.13);
background-color: #fff;
border-bottom-left-radius: 60rpx;
border-bottom-right-radius: 60rpx;
padding: 40rpx;
}
.jz_ReserTitle {
color: #111111;
font-weight: bold;
font-size: 36rpx;
}
.jz_ReserIn {
color: #999999;
font-size: 24rpx;
}
.jz_ReseQue {
color: #DFBE6E;
font-size: 24rpx;
padding-top: 30rpx;
border-top: 1px solid #E7E7E7;
margin-top: 20px;
}
.jz_ReseQue img {
width: 16px;
height: 14px;
position: relative;
top: 2px;
margin-right: 5px;
}
.jz_ReseOrder {
padding: 40rpx;
}
.jz_ReDix {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.jz_RedixTitle {
width: 90px;
flex-shrink: 0;
}
.jz_OrderDiv {
position: fixed;
width: 90%;
height: 100rpx;
background-color: #fff;
margin: auto;
bottom: 20px;
padding: 20rpx;
left: 40rpx;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0px 10px 30px 0px rgba(36, 36, 36, 0.2);
border-radius: 16px;
z-index: 999;
}
.jz_OrderNow {
width: 190rpx;
height: 80rpx;
background-color: #111111;
text-align: center;
line-height: 80rpx;
color: #fff;
font-weight: bold;
font-size: 28rpx;
border-radius: 16rpx;
}
</style>
<template>
<view class="jz_Reserve">
<view class="jz_ReserTop">
<view class="jz_ReserTitle">
{{currentPriceInfo.title}}
</view>
<view class="jz_ReserIn" style="margin:33rpx 0 18rpx 0">
{{currentPriceInfo.startCityName}}出发 {{currentPriceInfo.startDate}}
</view>
<view class="jz_ReseQue">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/zuanshi.png" />即时确认：本产品付款后可快速确认，放心期待您的旅行
</view>
</view>
<view class="jz_ReseOrder">
<view class="jz_ReDix">
<view class="jz_RedixTitle">成人：</view>
<u-number-box v-model="orderMsg.crCount" :input-width="300" :input-height="60"></u-number-box>
</view>
<view class="jz_ReDix">
<view class="jz_RedixTitle">儿童不占床：</view>
<u-number-box v-model="orderMsg.etbzcCount" :input-width="300" :input-height="60"></u-number-box>
</view>
<view class="jz_ReDix">
<view class="jz_RedixTitle">儿童占床：</view>
<u-number-box v-model="orderMsg.etzc" :input-width="300" :input-height="60"></u-number-box>
</view>
<view class="jz_ReDix">
<view class="jz_RedixTitle">婴儿：</view>
<u-number-box v-model="orderMsg.yeCount" :input-width="300" :input-height="60"></u-number-box>
</view>
</view>
<view class="jz_OrderDiv">
<view style="color:#FF3166;font-weight:bold;">
<text style="font-size:22rpx;">¥</text>
<text style="font-size:40rpx;margin:0 20rpx 0 5rpx;">{{price}}</text>
<text style="color:#6E6E6E;font-size:24rpx;">共计2人</text>
</view>
<view style="display:flex;margin-top:-2px;">
<view class="jz_OrderNow" @click="goPay()">去支付</view>
</view>
</view>
</view>
</template>
<script>
</script>
export default {
components: {
<style>
</style>
},
data() {
return {
pageTitle: '订单填写',
orderMsg: {
crCount: 0, //成人
etbzcCount: 0, //儿童不占床
etzc: 0, //儿童占床
yeCount: 0, //婴儿
etCount:0
},
currentPriceInfo: {}
};
},
created() {
},
onLoad(option) {
if (option.currentPriceInfo) {
this.currentPriceInfo = JSON.parse(option.currentPriceInfo)
}
},
watch: {
orderMsg: {
handler(n, o) {
this.calcMoney()
},
deep: true,
price:0
},
},
methods: {
changeChenRen() {
},
//计算价格
calcMoney() {
console.log('进入');
this.orderMsg.etCount = this.orderMsg.etbzcCount + this.orderMsg.etzc;
let money = this.currentPriceInfo.b2BMemberPrice * this.orderMsg.crCount
money += this.currentPriceInfo.b2BMemberPrice * this.orderMsg.etCount
money += this.currentPriceInfo.babyChargePrice * this.orderMsg.etCount
money += this.currentPriceInfo.childNeedPrice * this.chosenObj.etzc
if (this.chosenObj.etbzcCount > 0)
money -= this.currentPriceInfo.childNoNeedPrice * this.chosenObj.etbzcCount
money += this.currentPriceInfo.babyPrice * this.chosenObj.yeCount
let sumCount = this.chosenObj.crCount + this.chosenObj.etCount
money += this.currentPriceInfo.visaPrice * sumCount
money += this.currentPriceInfo.otherPrice * sumCount
if (this.currentPriceInfo.discountPric && this.currentPriceInfo.discountPric > 0) {
this.zaoniao = this.currentPriceInfo.discountPrice * sumCount
}
money -= this.zaoniao
this.price = money
},
//去支付
goPay() {
}
}
};
</script>
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