Skip to content

J
jz_Travel
Commit 8878119e authored by 罗超's avatar 罗超
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/zk123/jz_travel

parents c21f7b6b 3d69aa66
Show whitespace changes
Inline Side-by-side
Showing with 430 additions and 326 deletions
pages.json
View file @ 8878119e
...@@ -750,6 +750,8 @@ ...@@ -750,6 +750,8 @@
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},{
"path": "imgList"
} }
] ]
} }
......
pages/index/index.vue
View file @ 8878119e
...@@ -1220,21 +1220,21 @@ ...@@ -1220,21 +1220,21 @@
}, },
yj(){ yj(){
let obj ={ArriveCityId: 7, // let obj ={ArriveCityId: 7,
ArriveCityName: "九寨沟", // ArriveCityName: "九寨沟",
ArriveCityType: 2, // ArriveCityType: 2,
Q_Date: "2021-5-25", // Q_Date: "2021-5-25",
StartCityId: 262, // StartCityId: 262,
StartCityName: "成都", // StartCityName: "成都",
StartCityType: 1} // StartCityType: 1}
obj = encodeURIComponent(JSON.stringify(obj)) // obj = encodeURIComponent(JSON.stringify(obj))
uni.navigateTo({
url: '/pages/guidecar/bookaCarList?carMsg='+obj
})
// uni.navigateTo({ // uni.navigateTo({
// url: '/pages/guidecar/index' // url: '/pages/guidecar/bookaCarList?carMsg='+obj
// // url: '/pages/blindDate/personal/IDidentification'
// }) // })
uni.navigateTo({
url: '/pages/jiuzhai/jz_Line',
// url: '/pages/blindDate/personal/IDidentification'
})
} }
}, },
......
pages/jiuzhai/jz_Line.vue
View file @ 8878119e
...@@ -133,6 +133,16 @@ ...@@ -133,6 +133,16 @@
top: 130px; top: 130px;
z-index: 999; z-index: 999;
} }
.jz_Recommend{
color:#999999;
font-size:24rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top:10px;
line-height: 20px;
}
</style> </style>
<template> <template>
<div class="jz_Line" > <div class="jz_Line" >
...@@ -160,11 +170,10 @@ ...@@ -160,11 +170,10 @@
<template v-else> <template v-else>
<view style="height: calc(100vh - 120px);overflow: hidden;"> <view style="height: calc(100vh - 120px);overflow: hidden;">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }"> <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }">
<view class="jz_ListMain" v-for="(item,index) in dataList" :key="index" @click="goJzDetail(item.tcid)"> <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}} 天
...@@ -172,14 +181,19 @@ ...@@ -172,14 +181,19 @@
</view> </view>
<view class="jz_Right"> <view class="jz_Right">
<view class="jz_LineName">{{item.title}}</view> <view class="jz_LineName">{{item.title}}</view>
<view class="jz_Recommend">
{{item.productRecommend}}
</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>
...@@ -243,7 +257,7 @@ ...@@ -243,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) {
...@@ -271,10 +285,17 @@ ...@@ -271,10 +285,17 @@
} }
}, },
//跳转至详情 //跳转至详情
goJzDetail(tcid){ goJzDetail(tcid,configId){
uni.navigateTo({ uni.navigateTo({
url: "/pages/jiuzhai/jz_LineDetail?tcid=" + tcid 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 @ 8878119e
...@@ -7,222 +7,260 @@ ...@@ -7,222 +7,260 @@
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>
...@@ -255,14 +293,16 @@ ...@@ -255,14 +293,16 @@
<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>
...@@ -329,110 +369,62 @@ ...@@ -329,110 +369,62 @@
</span> </span>
<view class="jz_TripMain"> <view class="jz_TripMain">
<view class="jz_TripLine"></view> <view class="jz_TripLine"></view>
<view v-for="(item,index) in dataList.dayList">
<view class="jz_TripTitle"> <view class="jz_TripTitle">
<view class="jz_TripLeft">第01天</view> <view class="jz_TripLeft">第{{getDays(index+1)}}天</view>
<view class="jz_TripRight">2020-03-11</view> <view class="jz_TripRight">2020-03-11</view>
</view> </view>
<view class="jz_RightInner"> <view class="jz_RightInner">
<view class="jz_Place"> <view v-for="subItem in item.dayArray">
<view class="jz_ComDian"></view>成都双流国际机场集合 <view class="jz_Place" v-if="subItem.type==7">
</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> <view class="jz_ComDian"></view>
<text class="jz_Canyin">餐饮</text> <text>{{subItem.childItem.title}}</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>
<view class="jz_ImgDiv"> <view class="jz_ImgDiv">
<img src="http://imgfile.oytour.com/Upload/DMC/20200603030333648.jpg" alt=""> <template v-if="subItem.type==2">
</view> <img :src="subItem.childItem.imaArray[0].url" alt="">
<view class="jz_Jinddian"> </template>
登别的名字来自于古老的阿依努语"ヌプルペッ"，意思是白色浑
浊的河流；地狱谷是登别温泉的泉源，也是登别温泉最著名的景
点，火山地貌景色极为壮观。地狱谷是一个火山喷发的遗址，在
这里，火山气体从灰黄色的岩石表面向外喷出，周围空气中充满
了浓烈的硫磺异味，而且这里寸草不生，故名地狱谷。群山环抱
，烟雾缭绕，再配上当地特产的手持狼牙棒的妖魔鬼怪们，置身
其中，仿佛进入了耳鼻地狱。地狱谷的尽头有一口“间歇泉"每隔
一段时间，泉水就会喷发，这里的泉水温度可有80度。如您能早
起、每天凌晨6点左右，还可以看到初升阳光下的"生紫烟"效果
呢。
</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">
登别地狱谷(火山口遗迹) <text class="jz_Fenzhong">约40分钟</text> <template v-if="subItem.type==2">
{{subItem.couponsName}}
<text class="jz_Fenzhong">
约<template v-if="subItem.playTimeHour">{{subItem.playTimeHour}}小时</template>
<template v-if="subItem.playTimeHour">{{subItem.playTimeMinutes}}分钟</template>
</text>
</template>
</text> </text>
</view>
<view class="jz_ImgDiv">
<img src="http://imgfile.oytour.com/Upload/DMC/20200603030333648.jpg" alt="">
</view>
<view class="jz_Jinddian">
登别的名字来自于古老的阿依努语"ヌプルペッ"，意思是白色浑
浊的河流；地狱谷是登别温泉的泉源，也是登别温泉最著名的景
点，火山地貌景色极为壮观。地狱谷是一个火山喷发的遗址，在
这里，火山气体从灰黄色的岩石表面向外喷出，周围空气中充满
了浓烈的硫磺异味，而且这里寸草不生，故名地狱谷。群山环抱
，烟雾缭绕，再配上当地特产的手持狼牙棒的妖魔鬼怪们，置身
其中，仿佛进入了耳鼻地狱。地狱谷的尽头有一口“间歇泉"每隔
一段时间，泉水就会喷发，这里的泉水温度可有80度。如您能早
起、每天凌晨6点左右，还可以看到初升阳光下的"生紫烟"效果
呢。
</view> </view>
<view class="jz_Place">温馨提示</view> <view class="jz_Place">温馨提示</view>
<view class="jz_Rermark"> <view class="jz_Rermark">
1、行程中，若遇天气或航空公司、国外路程塞车之不可抗拒之 因素时，请贵宾们稍加耐心等候。如塞车情形严重，而会影响到 行程或餐食的安排时，为维护旅游品质及贵宾们的权益，我们将 为您斟酌调整并妥善安排旅游行程，敬请贵宾们谅解。 2、本行程设定为团体旅游行程，故为顾及旅客于出游期间之人 身安全及相关问题，于旅游行程期间，恕无法接受脱队之要求； 若因此而无法满足您的旅游需求，建议您另行选购团体自由行或 航空公司套装自由行，不便之处，尚祈谅解。 3、我们为维护旅游品质及贵宾们的权益，在不变更行程内容之 前提下，将依饭店具体确认回复的结果，再综合当地实际交通等 情况，为贵宾们斟酌调整并妥善安排旅游行程、饭店入住之先后 顺序或旅游路线，请以说明会或最后确认的行程说明资料为准。 4、素食：因各地风俗民情不同，国外的素食习惯大多是可以食 用葱、姜、蒜、蛋、奶等，除华侨开设的中华料理餐厅外，多数 仅能以蔬菜、豆腐等食材料理为主；若为饭店内用餐或一般餐厅 使用自助餐，亦多数以蔬菜、渍物、水果等佐以白饭或面食类。 <template v-if="subItem.type==6">
{{subItem.childItem.descriptionText}}
</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==4&&subItem.useDinnerType==1">{{subItem.dinnerName}}</template>
<template v-if="subItem.type==4&&subItem.useDinnerType==2">{{subItem.dinnerName}}</template>
<template v-if="subItem.type==4&&subItem.useDinnerType==3">{{subItem.dinnerName}}</template>
</text> </text>
</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==3">{{subItem.hotelName}}</template>
</text> </text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view>
</view>
</div> </div>
</template> </template>
<script> <script>
...@@ -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
}
} }
}, },
}; };
......
pages/ticketCoupons/detail.vue
View file @ 8878119e
...@@ -3,12 +3,12 @@ ...@@ -3,12 +3,12 @@
<scroll-view scroll-y="true" style="width: 100%;height: 100%;" @scroll="scroll"> <scroll-view scroll-y="true" style="width: 100%;height: 100%;" @scroll="scroll">
<view style="height: 700rpx;position: relative;z-index: 1;" :style="{'opacity':(100-boxOption)+'%'}"> <view style="height: 700rpx;position: relative;z-index: 1;" :style="{'opacity':(100-boxOption)+'%'}">
<view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]" <view @click="goback" :style="[titleStyle,{opacity:'100% !important'}]"
style="position: fixed;top: 0;left: 0;padding-left: 6rpx;"> style="position: fixed;top: 0;left: 0;z-index: 9; padding-left: 6rpx;">
<u-icon name="arrow-left" size="44" color="#000" style="margin-top: 22rpx;"></u-icon> <u-icon name="arrow-left" size="44" color="#000" style="margin-top: 22rpx;"></u-icon>
</view> </view>
<image :src="imgBaseUrl+details.AllPicList[0].TagPicList[0].Path" mode="aspectFit" style="width: 100%,height:100%;"></image> <image class="banner-img" :src="imgBaseUrl+details.AllPicList[0].TagPicList[0].Path" mode="aspectFit" @click="goUrl"></image>
</view> </view>
<view class="ticket-title" :style="[titleStyle]"> <view class="ticket-title" :style="[titleStyleFix]">
<view @click="goback"> <view @click="goback">
<u-icon name="arrow-left" size="44"></u-icon> <u-icon name="arrow-left" size="44"></u-icon>
</view> </view>
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</view> </view>
</view> </view>
<view class="info2"> <view class="info2">
{{details.ID}}条点评 0条点评
<u-icon name="arrow-down" color="#6E6E6E" size="20rpx" class="icon"></u-icon> <u-icon name="arrow-down" color="#6E6E6E" size="20rpx" class="icon"></u-icon>
</view> </view>
<view class="info3"> <view class="info3">
...@@ -169,6 +169,7 @@ ...@@ -169,6 +169,7 @@
boxOption: 0, boxOption: 0,
navsOption: 0, navsOption: 0,
titleStyle: {}, titleStyle: {},
titleStyleFix:{},
active: 0, active: 0,
mainColor: '', mainColor: '',
controls: false, //显示默认控件 controls: false, //显示默认控件
...@@ -186,7 +187,7 @@ ...@@ -186,7 +187,7 @@
this.ID = options.id this.ID = options.id
this.getDetail() this.getDetail()
} }
this.imgBaseUrl=this.host2 this.imgBaseUrl="http://192.168.20.214:8130"
uni.getSystemInfo({ uni.getSystemInfo({
success(res) { success(res) {
that.titleStyle = { that.titleStyle = {
...@@ -194,34 +195,25 @@ ...@@ -194,34 +195,25 @@
paddingTop: `${res.statusBarHeight}px`, paddingTop: `${res.statusBarHeight}px`,
opacity: "0%" opacity: "0%"
}; };
that.titleStyleFix={
height: "45px",
position:'fixed',
top:'0',
left:'0',
paddingTop: `${res.statusBarHeight}px`,
'background-color':'#f6f6f6',
opacity: "0%"
}
}, },
}); });
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
}, },
methods: { methods: {
// showTips(id, text, showis) { goUrl(){
// clearInterval(timer); uni.navigateTo({
// if (this.eleId == id && this.tooltipShow == true) { url: "/pages/ticketCoupons/imgList?id="+ this.ID,
// this.tooltipShow = false })
// } else { },
// console.log(text, showis)
// if (text != undefined && text != null && text != '' && showis == 1) {
// this.eleId = id;
// this.tooltipBtns = [text]
// this.tooltipShow = true;
// timer = setTimeout(() => {
// this.tooltipShow = false;
// }, 3000)
// } else {
// this.tooltipShow = false;
// }
// }
// },
// clickDescription(e) {
// console.log(e);
// },
//获取详情 //获取详情
getDetail() { getDetail() {
this.request2({ this.request2({
...@@ -272,6 +264,9 @@ ...@@ -272,6 +264,9 @@
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.tooltipShow = false this.tooltipShow = false
this.titleStyleFix.opacity = ((e.detail.scrollTop - 100) < 0 ? 0 : Math.floor(e.detail.scrollTop - 100)) +
"%";
this.$forceUpdate() this.$forceUpdate()
}, },
goback() { goback() {
...@@ -295,23 +290,7 @@ ...@@ -295,23 +290,7 @@
this.controls = true this.controls = true
} }
}, },
getlove() {
// this.request2(
// {
// url: '/api/AppletTrade/GetCollect',
// data: {Type:2,SourceId:this.ID,Id:this.details.CollectId}
// },
// res => {
// if(res.resultCode==1){
// uni.showToast({
// title: res.message,
// icon:'none'
// });
// this.getDetail()
// }
// }
// );
},
goMap(name, lon, lat) { goMap(name, lon, lat) {
console.log(name, lon, lat) console.log(name, lon, lat)
let newLat=parseFloat(lat) let newLat=parseFloat(lat)
...@@ -339,6 +318,11 @@ ...@@ -339,6 +318,11 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.banner-img{
width: 750rpx;
height: 700rpx;
// background-color: #ff0;
}
.ticket-title { .ticket-title {
line-height: 45px !important; line-height: 45px !important;
font-size: 16px; font-size: 16px;
...@@ -729,7 +713,7 @@ ...@@ -729,7 +713,7 @@
} }
} }
.last-item{ .last-item{
border:none; border-bottom:none !important;
margin-bottom: 0rpx !important; margin-bottom: 0rpx !important;
} }
......
pages/ticketCoupons/imgList.vue 0 → 100644
View file @ 8878119e
<template>
<view class="img-list">
<view class="img-navs">
<view v-for="(item,index) in navList" :key="index" class="nav-btn" :class="{'check-nav':index==curNavIndex}">
{{item.key}}
</view>
</view>
<view class="img-list">
<view v-for="(item,index) in imgList" :key="item.ID" class="img-list-item" @click="">
<view class="">
<image src="" mode=""></image>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
ID:0,
navList:[],
curNavIndex:0,
imgList:[]
}
},
components: {
},
watch:{
curNavIndex(val){
}
},
created() {
uni.setNavigationBarTitle({
title: "风景图片",
});
},
onLoad(option) {
if (options && options.id) {
this.ID = options.id
this.getDetail()
}
},
methods: {
//获取详情
getDetail(index) {
this.request2({
url: '/api/AppletDining/GetTicketCouponsDetails',
data: {
ID: this.ID
}
},
res => {
if (res.resultCode == 1) {
this.navList = res.data.AllPicList;
this.imgList=res.data.AllPicList[index].TagPicList
console.log(this.imgList)
}
}
);
},
}
}
</script>
<style lang="scss" scoped>
.img-list{
.img-navs{
display: flex;
.nav-btn{
width: 230rpx;
height: 60rpx;
background-color: #FFFFFF;
border: 1rpx solid #111111;
border-radius: 20rpx;
font-family: PingFang SC;
font-weight: 500;
text-align: center;
vertical-align: middle;
}
.check-nav{
background-color: #111111;
color: #FFFFFF;
}
}
}
</style>
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