Skip to content

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

1

parent 3b03bc16
Hide whitespace changes
Inline Side-by-side
Showing with 273 additions and 262 deletions
pages/jiuzhai/jz_Line.vue
View file @ 3d69aa66
...@@ -173,8 +173,7 @@ ...@@ -173,8 +173,7 @@
<view class="jz_ListMain" v-for="(item,index) in dataList" :key="index" @click="goJzDetail(item.tcid,item.configId)"> <view class="jz_ListMain" v-for="(item,index) in dataList" :key="index" @click="goJzDetail(item.tcid,item.configId)">
<view class="jz_List"> <view class="jz_List">
<view class="jz_TuDiv"> <view class="jz_TuDiv">
<img class="jz_TuBigImg" aspectFill src="http://imgfile.oytour.com/Upload/DMC/20200603030333648.jpg" <img class="jz_TuBigImg" mode="aspectFill" :src="getImgs(item.imgCover)" alt="" />
alt="" />
<view class="jz_TuDivBotm"> <view class="jz_TuDivBotm">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/address.png" />成都出发 <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/address.png" />成都出发
{{item.dayNum}} 天 {{item.dayNum}} 天
...@@ -186,13 +185,15 @@ ...@@ -186,13 +185,15 @@
{{item.productRecommend}} {{item.productRecommend}}
</view> </view>
<view style="margin:10px 0"> <view style="margin:10px 0">
<img class="jz_calederImg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/canlder.png" />{{item.startDate}}<text <img class="jz_calederImg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/canlder.png" />{{item.startDate}}
class="jz_Canhoubu">不可候补</text> <text class="jz_Canhoubu">
{{item.isSubstitution==0?'不可候补':'可以候补'}}
</text>
</view> </view>
<view style="margin-bottom:10px">航班:<text>无</text>(余位:10)</view> <view style="margin-bottom:10px">余位：{{item.surplus}}</view>
<view style="color:#FF3166;position: absolute;right:0;bottom:0"> <view style="color:#FF3166;position: absolute;right:0;bottom:0">
<text style="font-size:20rpx;">¥</text> <text style="font-size:20rpx;">¥</text>
<text style="font-size:36rpx;">{{item.b2BPrice}}</text> <text style="font-size:40rpx;">{{item.b2BPrice}}</text>
<text style="font-size:20rpx;">起</text> <text style="font-size:20rpx;">起</text>
</view> </view>
</view> </view>
...@@ -256,7 +257,7 @@ ...@@ -256,7 +257,7 @@
//获取数据 //获取数据
getList() { getList() {
this.apipost( this.apipost(
"b2b_get_GetB2BHomeLineTravelPageList", "b2b_get_GetB2BTravelPageList",
this.msg, this.msg,
res => { res => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
...@@ -288,6 +289,13 @@ ...@@ -288,6 +289,13 @@
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + tcid +'&configId='+configId url: "/pages/jiuzhai/jz_LineDetail?tcid=" + tcid +'&configId='+configId
}); });
},
//获取第一张图
getImgs(imgObj){
let imgArr = JSON.parse(imgObj);
if(imgArr&&imgArr.length>0){
return imgArr[0].Url
}
} }
}, },
}; };
......
pages/jiuzhai/jz_LineDetail.vue
View file @ 3d69aa66
<style> <style>
.jz_LineDetail { .jz_LineDetail {
background-color: #ECF1F4; background-color: #ECF1F4;
} }
.jz_TopImg { .jz_TopImg {
width: 100%; width: 100%;
height: 500rpx; height: 500rpx;
} }
.jz_TopPrice{
width:100%; .jz_TopPrice {
height:auto; width: 100%;
height: auto;
background-color: #fff; background-color: #fff;
position: relative; position: relative;
top:-20px; top: -20px;
border-top-left-radius: 45rpx; border-top-left-radius: 45rpx;
border-top-right-radius: 45rpx; border-top-right-radius: 45rpx;
padding:45rpx; padding: 45rpx;
} }
.jz_LineTitle{
font-size:25rpx; .jz_LineTitle {
color:#FF3166; font-size: 25rpx;
margin-bottom:10px; color: #FF3166;
margin-bottom: 10px;
} }
.jz_MainTitle{
color:#111111; .jz_MainTitle {
font-size:36rpx; color: #111111;
font-size: 36rpx;
font-weight: 800; font-weight: 800;
line-height: 28px; line-height: 28px;
} }
.jz_Maidian{
color:#999999; .jz_Maidian {
font-size:24rpx; color: #999999;
margin-top:15px; font-size: 24rpx;
margin-top: 15px;
line-height: 23px; line-height: 23px;
} }
.jz_Price{
font-size:30rpx; .jz_Price {
color:#FF3166; font-size: 30rpx;
color: #FF3166;
} }
.jz_Price_Title{
color:#000000; .jz_Price_Title {
margin:10px 0; color: #000000;
margin: 10px 0;
font-weight: bold; font-weight: bold;
} }
.jz_Price_Hui{
color:#9cf; .jz_Price_Hui {
margin-left:8px; color: #9cf;
margin-left: 8px;
} }
.jz_flex{
display:flex; .jz_flex {
display: flex;
justify-content: space-between; justify-content: space-between;
} }
.jz_TripDays{
width:100%; .jz_TripDays {
height:auto; width: 100%;
padding:45rpx; height: auto;
margin-top:15px; padding: 45rpx;
margin-top: 15px;
background-color: #fff; background-color: #fff;
} }
.trip_JZtype{
.trip_JZtype {
display: inline-block; display: inline-block;
padding:3px 5px; padding: 3px 5px;
border:1px solid #257BF1; border: 1px solid #257BF1;
margin-right:10px; margin-right: 10px;
color:#257BF1; color: #257BF1;
font-size:13px; font-size: 13px;
border-radius: 3px; border-radius: 3px;
} }
.jz_StartList{
width:22%; .jz_StartList {
height:150rpx; width: 22%;
height: 150rpx;
border-radius: 20rpx; border-radius: 20rpx;
border:1px solid #E2E2E2; border: 1px solid #E2E2E2;
} }
.jz_renmin{
font-size:12px; .jz_renmin {
font-size: 12px;
font-weight: bold; font-weight: bold;
} }
.jz_B2bPrice{
font-size:23px; .jz_B2bPrice {
font-size: 23px;
font-weight: bold; font-weight: bold;
} }
.jz_Service{
width:100%; .jz_Service {
width: 100%;
background-color: #fff; background-color: #fff;
padding:30px; padding: 30px;
font-size:24rpx; font-size: 24rpx;
margin-top:-5px; margin-top: -5px;
} }
.jz_Serflex{
.jz_Serflex {
display: flex; display: flex;
} }
.jz_Stitle{
color:#999999; .jz_Stitle {
margin-right:41rpx; color: #999999;
margin-right: 41rpx;
} }
.jz_StartTop{
width:100%; .jz_StartTop {
height:40rpx; width: 100%;
height: 40rpx;
background-color: #ECF1F4; background-color: #ECF1F4;
color:#999999; color: #999999;
text-align: center; text-align: center;
line-height: 40rpx; line-height: 40rpx;
} }
.jz_Dian{
.jz_Dian {
display: inline-block; display: inline-block;
width:12rpx; width: 12rpx;
height:12rpx; height: 12rpx;
border-radius: 50%; border-radius: 50%;
background-color: #111111; background-color: #111111;
margin-right:23rpx; margin-right: 23rpx;
position: relative; position: relative;
top:-2px; top: -2px;
} }
.jz_ZhaiTitle{
color:#1F1F1F; .jz_ZhaiTitle {
font-size:28rpx; color: #1F1F1F;
font-size: 28rpx;
font-weight: bold; font-weight: bold;
margin-top:40rpx; margin-top: 40rpx;
} }
.jz_ZhaiInner{
color:#6E6E6E; .jz_ZhaiInner {
color: #6E6E6E;
font-size: 24rpx; font-size: 24rpx;
margin:22rpx 0 0 30rpx; margin: 22rpx 0 0 30rpx;
} }
.jz_Zhankai{
width:220rpx; .jz_Zhankai {
height:60rpx; width: 220rpx;
height: 60rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
color:#1F1F1F; color: #1F1F1F;
font-size:24rpx; font-size: 24rpx;
border-radius: 8rpx; border-radius: 8rpx;
border:1px solid #111111; border: 1px solid #111111;
margin:40rpx auto; margin: 40rpx auto;
} }
.jz_TripMain{
.jz_TripMain {
position: relative; position: relative;
} }
.jz_TripTitle{
width:100%; .jz_TripTitle {
height:90rpx; width: 100%;
height: 90rpx;
border-radius: 20rpx; border-radius: 20rpx;
background:linear-gradient(90deg, #000000, rgba(255, 255, 255, 0.05)); background: linear-gradient(90deg, #000000, rgba(255, 255, 255, 0.05));
color:#fff; color: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding:28rpx; padding: 28rpx;
} }
.jz_TripLeft{
font-size:32rpx; .jz_TripLeft {
font-size: 32rpx;
} }
.jz_TripRight{
color:#111111; .jz_TripRight {
font-size:22rpx; color: #111111;
font-size: 22rpx;
} }
.jz_TripLine{
.jz_TripLine {
position: absolute; position: absolute;
width:4rpx; width: 4rpx;
height:100%; height: 100%;
background-color: #111111; background-color: #111111;
left:24rpx; left: 24rpx;
top:90rpx; top: 90rpx;
} }
.jz_RightInner{
margin-left:50rpx; .jz_RightInner {
margin-left: 50rpx;
} }
.jz_Place{
position:relative; .jz_Place {
color:#111111; position: relative;
font-size:24rpx; color: #111111;
margin:30rpx 0; font-size: 24rpx;
margin: 30rpx 0;
font-weight: bold; font-weight: bold;
} }
.jz_ComDian{
width:18rpx; .jz_ComDian {
height:18rpx; width: 18rpx;
height: 18rpx;
background-color: #DFBE6E; background-color: #DFBE6E;
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
left:-17.6px; left: -17.6px;
top:4px; top: 4px;
} }
.jz_ImgDiv{
width:612rpx; .jz_ImgDiv {
height:376rpx; width: 612rpx;
height: 376rpx;
border-radius: 20rpx; border-radius: 20rpx;
overflow: hidden; overflow: hidden;
} }
.jz_ImgDiv img{
width:100%; .jz_ImgDiv img {
height:100%; width: 100%;
height: 100%;
} }
.jz_Rermark{
color:#999999; .jz_Rermark {
font-size:23rpx; color: #999999;
font-size: 23rpx;
line-height: 20px; line-height: 20px;
} }
.jz_Canyin{
color:#999999; .jz_Canyin {
color: #999999;
font-size: 23rpx; font-size: 23rpx;
margin-right:44rpx; margin-right: 44rpx;
} }
.jz_CanInner{
color:#111111; .jz_CanInner {
font-size:26rpx; color: #111111;
font-size: 26rpx;
} }
.jz_ArrowImg{
.jz_ArrowImg {
width: 25rpx; width: 25rpx;
height: 5rpx; height: 5rpx;
margin: 0 5px; margin: 0 5px;
position: relative; position: relative;
top: -3px; top: -3px;
} }
.jz_Fenzhong{
color:#999999; .jz_Fenzhong {
font-size:22rpx; color: #999999;
margin-left:10rpx; font-size: 22rpx;
margin-left: 10rpx;
} }
.jz_Jinddian{
margin-top:23rpx; .jz_Jinddian {
color:#999999; margin-top: 23rpx;
font-size:23rpx; color: #999999;
font-size: 23rpx;
line-height: 20px;
} }
</style> </style>
<template> <template>
...@@ -248,190 +286,144 @@ ...@@ -248,190 +286,144 @@
<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">
<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" alt="" /> <img style="width:16px;height:14px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/zuanshi.png"
alt="" />
<view style="margin-left:5px;">更改则赔付·承诺不加价·取消则赔付</view> <view style="margin-left:5px;">更改则赔付·承诺不加价·取消则赔付</view>
</view> </view>
</view> </view>
<view class="jz_Serflex" style="margin-top:40rpx;"> <view class="jz_Serflex" style="margin-top:40rpx;">
<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:15px;height:15px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/dagou.png" alt="" /> <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 style="margin-left:5px;">成团保障</view>
</view> </view>
</view> </view>
</view> </view>
<view class="jz_TripDays"> <view class="jz_TripDays">
<view style="margin-bottom:40px;"> <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 v-if="dataList.startCityName">{{dataList.startCityName}}</text>出发 <text v-if="dataList.startCityName">{{dataList.startCityName}}</text>出发
</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>
<view style="display:flex;justify-content: space-between;"> <view style="display:flex;justify-content: space-between;">
<view class="jz_StartList"> <view class="jz_StartList">
<view class="jz_StartTop"></view> <view class="jz_StartTop"></view>
</view> </view>
<view class="jz_StartList"> <view class="jz_StartList">
</view> </view>
<view class="jz_StartList"> <view class="jz_StartList">
</view> </view>
<view class="jz_StartList"> <view class="jz_StartList">
</view> </view>
</view> </view>
</view> </view>
<view class="jz_TripDays"> <view class="jz_TripDays">
<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 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_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">
2晚4钻酒店 2晚4钻酒店
</view> </view>
<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">
无购物 无购物
</view> </view>
<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">
51个景点，含23个人气景点 51个景点，含23个人气景点
</view> </view>
<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">
成人含2早餐2午餐2晚餐 儿童含2早餐2午餐2晚餐 成人含2早餐2午餐2晚餐 儿童含2早餐2午餐2晚餐
</view> </view>
<view class="jz_Zhankai">展开全部</view> <view class="jz_Zhankai">展开全部</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 class="jz_TripTitle"> <view v-for="(item,index) in dataList.dayList">
<view class="jz_TripLeft">第01天</view> <view class="jz_TripTitle">
<view class="jz_TripRight">2020-03-11</view> <view class="jz_TripLeft">第{{getDays(index+1)}}天</view>
</view> <view class="jz_TripRight">2020-03-11</view>
<view class="jz_RightInner">
<view class="jz_Place">
<view class="jz_ComDian"></view>成都双流国际机场集合
</view>
<view class="jz_ImgDiv">
<img src="http://imgfile.oytour.com/Upload/DMC/20200603030333648.jpg" alt="">
</view>
<view class="jz_Place">温馨提示</view>
<view class="jz_Rermark">
1、行程中，若遇天气或航空公司、国外路程塞车之不可抗拒之 因素时，请贵宾们稍加耐心等候。如塞车情形严重，而会影响到 行程或餐食的安排时，为维护旅游品质及贵宾们的权益，我们将 为您斟酌调整并妥善安排旅游行程，敬请贵宾们谅解。 2、本行程设定为团体旅游行程，故为顾及旅客于出游期间之人 身安全及相关问题，于旅游行程期间，恕无法接受脱队之要求； 若因此而无法满足您的旅游需求，建议您另行选购团体自由行或 航空公司套装自由行，不便之处，尚祈谅解。 3、我们为维护旅游品质及贵宾们的权益，在不变更行程内容之 前提下，将依饭店具体确认回复的结果，再综合当地实际交通等 情况，为贵宾们斟酌调整并妥善安排旅游行程、饭店入住之先后 顺序或旅游路线，请以说明会或最后确认的行程说明资料为准。 4、素食：因各地风俗民情不同，国外的素食习惯大多是可以食 用葱、姜、蒜、蛋、奶等，除华侨开设的中华料理餐厅外，多数 仅能以蔬菜、豆腐等食材料理为主；若为饭店内用餐或一般餐厅 使用自助餐，亦多数以蔬菜、渍物、水果等佐以白饭或面食类。
</view>
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text class="jz_Canyin">餐饮</text>
<text class="jz_CanInner">
早餐自理 午餐自理 晚餐自理
</text>
</view>
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text class="jz_Canyin">酒店</text>
<text class="jz_CanInner">
本日无酒店安排
</text>
</view>
</view>
<view class="jz_TripTitle">
<view class="jz_TripLeft">第02天</view>
<view class="jz_TripRight">2020-03-12</view>
</view>
<view class="jz_RightInner">
<view class="jz_Place">
<view class="jz_ComDian"></view>
温泉酒店<img class="jz_ArrowImg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/arrow_right.png" />地狱谷(红叶名所*)
</view>
<view class="jz_Place">
<view class="jz_ComDian"></view>
<text class="jz_Canyin">景点</text>
<text class="jz_CanInner">
登别地狱谷(火山口遗迹) <text class="jz_Fenzhong">约40分钟</text>
</text>
</view>
<view class="jz_ImgDiv">
<img src="http://imgfile.oytour.com/Upload/DMC/20200603030333648.jpg" alt="">
</view> </view>
<view class="jz_Jinddian"> <view class="jz_RightInner">
登别的名字来自于古老的阿依努语"ヌプルペッ"，意思是白色浑 <view v-for="subItem in item.dayArray">
浊的河流；地狱谷是登别温泉的泉源，也是登别温泉最著名的景 <view class="jz_Place" v-if="subItem.type==7">
点，火山地貌景色极为壮观。地狱谷是一个火山喷发的遗址，在 <view class="jz_ComDian"></view>
这里，火山气体从灰黄色的岩石表面向外喷出，周围空气中充满 <text>{{subItem.childItem.title}}</text>
了浓烈的硫磺异味，而且这里寸草不生，故名地狱谷。群山环抱 </view>
，烟雾缭绕，再配上当地特产的手持狼牙棒的妖魔鬼怪们，置身 <view class="jz_ImgDiv">
其中，仿佛进入了耳鼻地狱。地狱谷的尽头有一口“间歇泉"每隔 <template v-if="subItem.type==2">
一段时间，泉水就会喷发，这里的泉水温度可有80度。如您能早 <img :src="subItem.childItem.imaArray[0].url" alt="">
起、每天凌晨6点左右，还可以看到初升阳光下的"生紫烟"效果 </template>
呢。 </view>
</view> <view class="jz_Place">
<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.type==2">
登别地狱谷(火山口遗迹) <text class="jz_Fenzhong">约40分钟</text> {{subItem.couponsName}}
</text> <text class="jz_Fenzhong">
</view> 约<template v-if="subItem.playTimeHour">{{subItem.playTimeHour}}小时</template>
<view class="jz_ImgDiv"> <template v-if="subItem.playTimeHour">{{subItem.playTimeMinutes}}分钟</template>
<img src="http://imgfile.oytour.com/Upload/DMC/20200603030333648.jpg" alt=""> </text>
</view> </template>
<view class="jz_Jinddian"> </text>
登别的名字来自于古老的阿依努语"ヌプルペッ"，意思是白色浑 </view>
浊的河流；地狱谷是登别温泉的泉源，也是登别温泉最著名的景 <view class="jz_Place">温馨提示</view>
点，火山地貌景色极为壮观。地狱谷是一个火山喷发的遗址，在 <view class="jz_Rermark">
这里，火山气体从灰黄色的岩石表面向外喷出，周围空气中充满 <template v-if="subItem.type==6">
了浓烈的硫磺异味，而且这里寸草不生，故名地狱谷。群山环抱 {{subItem.childItem.descriptionText}}
，烟雾缭绕，再配上当地特产的手持狼牙棒的妖魔鬼怪们，置身 </template>
其中，仿佛进入了耳鼻地狱。地狱谷的尽头有一口“间歇泉"每隔 </view>
一段时间，泉水就会喷发，这里的泉水温度可有80度。如您能早 <view class="jz_Place">
起、每天凌晨6点左右，还可以看到初升阳光下的"生紫烟"效果 <view class="jz_ComDian"></view>
呢。 <text class="jz_Canyin">餐饮</text>
</view> <text class="jz_CanInner">
<view class="jz_Place">温馨提示</view> <template v-if="subItem.type==4&&subItem.useDinnerType==1">{{subItem.dinnerName}}</template>
<view class="jz_Rermark"> <template v-if="subItem.type==4&&subItem.useDinnerType==2">{{subItem.dinnerName}}</template>
1、行程中，若遇天气或航空公司、国外路程塞车之不可抗拒之 因素时，请贵宾们稍加耐心等候。如塞车情形严重，而会影响到 行程或餐食的安排时，为维护旅游品质及贵宾们的权益，我们将 为您斟酌调整并妥善安排旅游行程，敬请贵宾们谅解。 2、本行程设定为团体旅游行程，故为顾及旅客于出游期间之人 身安全及相关问题，于旅游行程期间，恕无法接受脱队之要求； 若因此而无法满足您的旅游需求，建议您另行选购团体自由行或 航空公司套装自由行，不便之处，尚祈谅解。 3、我们为维护旅游品质及贵宾们的权益，在不变更行程内容之 前提下，将依饭店具体确认回复的结果，再综合当地实际交通等 情况，为贵宾们斟酌调整并妥善安排旅游行程、饭店入住之先后 顺序或旅游路线，请以说明会或最后确认的行程说明资料为准。 4、素食：因各地风俗民情不同，国外的素食习惯大多是可以食 用葱、姜、蒜、蛋、奶等，除华侨开设的中华料理餐厅外，多数 仅能以蔬菜、豆腐等食材料理为主；若为饭店内用餐或一般餐厅 使用自助餐，亦多数以蔬菜、渍物、水果等佐以白饭或面食类。 <template v-if="subItem.type==4&&subItem.useDinnerType==3">{{subItem.dinnerName}}</template>
</view> </text>
<view class="jz_Place"> </view>
<view class="jz_ComDian"></view> <view class="jz_Place">
<text class="jz_Canyin">餐饮</text> <view class="jz_ComDian"></view>
<text class="jz_CanInner"> <text class="jz_Canyin">酒店</text>
早餐自理 午餐自理 晚餐自理 <text class="jz_CanInner">
</text> <template v-if="subItem.type==3">{{subItem.hotelName}}</template>
</view> </text>
<view class="jz_Place"> </view>
<view class="jz_ComDian"></view> </view>
<text class="jz_Canyin">酒店</text>
<text class="jz_CanInner">
本日无酒店安排
</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</div> </div>
</template> </template>
...@@ -449,7 +441,8 @@ ...@@ -449,7 +441,8 @@
}, },
dataList: {}, //数据 dataList: {}, //数据
delMsg: { delMsg: {
tcid: 0 tcid: 0,
configId: 0
}, },
}; };
}, },
...@@ -457,16 +450,18 @@ ...@@ -457,16 +450,18 @@
}, },
onLoad(option) { onLoad(option) {
if (option.tcid) { if (option.tcid && option.configId) {
this.delMsg.tcid = option.tcid; this.delMsg.tcid = option.tcid;
this.delMsg.configId = option.configId;
this.getDetails(); this.getDetails();
} }
}, },
methods: { methods: {
//获取详情 //获取详情
getDetails() { getDetails() {
this.apipost( this.apipost(
"b2b_get_GetB2BTravelInfoNoDes", "b2b_get_GetB2BTravelInfoNoDesV1",
this.delMsg, this.delMsg,
res => { res => {
console.log(res, '详情'); console.log(res, '详情');
...@@ -484,6 +479,14 @@ ...@@ -484,6 +479,14 @@
if (imgCover) { if (imgCover) {
return JSON.parse(imgCover) return JSON.parse(imgCover)
} }
},
//返回天数
getDays(day) {
if (day < 10) {
return '0' + day
} else {
return day
}
} }
}, },
}; };
......
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