Skip to content

M
million
Commit 44b17912 authored by 沈良进's avatar 沈良进
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/viitto/million

parents 85e88c5d f405b1ec
Hide whitespace changes
Inline Side-by-side
Showing with 2064 additions and 968 deletions
package.json
View file @ 44b17912
......@@ -14,12 +14,13 @@
"build:pwa": "quasar build -m pwa"
},
"dependencies": {
"@quasar/extras": "^1.0.0",
"@quasar/extras": "^1.15.10",
"axios": "^0.18.1",
"babel-plugin-transform-remove-console": "^6.9.4",
"js-md5": "^0.7.3",
"qrcode.vue": "^1.7.0",
"qrcodejs2": "^0.0.2",
"quasar": "^1.0.0",
"quasar": "^1.22.5",
"v-viewer": "^1.6.4",
"vue-concise-slider": "^4.2.5",
"vue-core-video-player": "^0.2.0",
......
quasar.conf.js
View file @ 44b17912
......@@ -162,7 +162,8 @@ module.exports = function( /* ctx */ ) {
'QResponsive',
'QTooltip',
'QBadge',
'QParallax'
'QParallax',
'QField',
],
directives: [
......
src/assets/trip/block/index.css
View file @ 44b17912
......@@ -74,7 +74,6 @@
z-index: 2;
}
.trip-block .block-item .item .playInfo{
margin-top: 5px;
margin-left: -5px;
height: 25px;
}
......@@ -126,9 +125,10 @@
/* box-sizing: border-box; */
}
.trip-block .block-item .item.big .right .details{
height: 260px;
display: block;
margin-top: 15px;
font-size: 16px;
/* font-size: 16px; */
line-height: 1.5em;
text-align: justify;
color: #444;
......@@ -137,7 +137,7 @@
overflow: hidden;
}
.details span{
}
.trip-block .block-item .item .remark{
padding-left:15px;
......@@ -157,7 +157,7 @@
height: 100%;
}
.trip-block .block-item .item .down{
/* height: 150px; */
height: 260px;
overflow: hidden;
}
.trip-block .block-item .item.hor-box{
......
src/components/navs/subscriber.vue
View file @ 44b17912
......@@ -28,12 +28,18 @@ height: 56px;
margin: 0 auto;
position: relative;
}
.email-box.mobile {
width: 100%;
}
.input {
width: 630px;
height: 56px;
background-color: #fff;
border-radius: 28px;
}
.input.mobile {
width: 100%;
}
.btn {
position: absolute;
right: 5px;
......@@ -46,15 +52,15 @@ border-radius: 23px;
</style>>
<template>
<div class="fill">
<div class="box">
<div class="box" :class="{'q-px-md': $q.platform.is.mobile}">
<div class="title">
輸入電子郵箱接收訂閱信息
</div>
<div class="desc">
最高可省60%，只有订阅用户才能享受到隐藏优惠，点击“订阅”，即表示你同意我们的《訂閱條款》
</div>
<div class="email-box">
<q-input class="input" rounded outlined placeholder="請輸入您在使用的電子郵件"></q-input><q-btn class="btn" label="提交"></q-btn>
<div class="email-box" :class="{'mobile':$q.platform.is.mobile}">
<q-input class="input" :class="{'mobile':$q.platform.is.mobile}" rounded outlined placeholder="請輸入您在使用的電子郵件"></q-input><q-btn class="btn" label="提交"></q-btn>
</div>
</div>
</div>
......
src/components/trip/block/allDay.vue 0 → 100644
View file @ 44b17912
<template>
<div class="block-item">
<!-- transition-prev="scale"
transition-next="scale" -->
<q-carousel v-model="slide"
transition-prev="slide-right"
transition-next="slide-left"
swipeable animated
control-color="white" infinite arrows height="100%"
class="my-bg-grey text-black shadow-1 no-shadow"
control-type="regular"
:arrows="day.details.length>0?false:false"
control-text-color="primary"
thumbnails
infinite
>
<template v-for="(x, i) in day.details">
<q-carousel-slide :name="i" class="column no-wrap">
<div class="bg-white row">
<template
v-if="x.fileType && x.fileType == '.mp4'">
<video
ref="myVideo"
width="100%"
height="246px"
:src="x.videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="x.img"
:src="x.img"
:ratio="12 / 4"
style="width: 100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="one-block q-px-md q-py-lg">
<div class="item big row">
<div class="row no-wrap">
<div class="right col">
<div class="details">
<div
v-if="x.title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="x.title"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
x.playTimeHour || x.playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="x.ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
x.playTimeHour ||
x.playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="x.playTimeHour"
>{{ x.playTimeHour }}小时
</span>
<span v-if="x.playTimeMinutes"
>{{ x.playTimeMinutes }}分钟</span
>
</span>
</div>
<span v-html="x.content"></span>
</div>
</div>
</div>
</div>
</div>
</q-carousel-slide>
</template>
</q-carousel>
</div>
</template>
<script>
export default {
props: {
day: {},
isDirect: {},
},
data() {
return {
slide: 0,
lorem: ''
}
},
mounted() {},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級";
}
} else {
if (
this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】";
} else {
if (this.isDirect === 1) {
suffix = "或同級";
}
}
}
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
},
},
};
</script>
<style scoped>
.q-carousel__slide{
padding: 0 !important;
}
.q-img__image{
border-style: none !important;
}
</style>
\ No newline at end of file
src/components/trip/block/fiveday.vue
View file @ 44b17912
<template>
<div class="block-item">
555555
<div class="two-block">
<div class="row wrap">
<template v-for="(item,index) in day.details">
<div v-if="index==0" class="item col-12 row" :key="item.dayNum" style="background: #F6F6F6;">
<div class="up"
:class="{'col-7':day.details.length>1&&index==0,}" :style="{'height':index==1?'265px':''}">
<template v-if="item.fileType&&item.fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img :src='item.img' :ratio="1" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="q-pa-lg row items-end" :class="{'col':index==0}" style="border:1px solid #ccc;" :style="{'left':index==0?'0':'1px solid #ccc'}">
<div>
<div v-if="item.title!=''" class="text-h6 text-bold" v-html="item.title" @click.stop="goUrl(item.url)"
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='item.ticketName!=""'>
</span>
<span class="playInfo-item" v-if='item.playTimeHour || item.playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span>
<span v-if="item.playTimeMinutes">{{item.playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="item.content"></span>
</div>
</div>
</div>
<div class="block-item">
<div class="one-block">
<div class="item big row">
<div class="row no-wrap col-8">
<div class="col-6">
<template
v-if="
day.details[0].fileType && day.details[0].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[0].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
<div v-if="day.details.length>2" class="item row justify-between no-wrap q-mt-sm"
:class="{'col-8':day.details.length>4,'col-12':day.details.length<5}" style="background: #F6F6F6;">
<div
:class="{'col-6':day.details.length>3,'col':day.details.length==3}">
<div class="up" style="height: 265px;">
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img :src='day.details[2].img' :ratio="1/1" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="q-pb-lg" style="border:1px solid #ccc;top:0">
<div class="down q-pa-lg">
<div v-if="day.details[2].title!=''" class="text-h6 text-bold" v-html="day.details[2].title" @click.stop="goUrl(day.details[2].url)"
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[2].playTimeHour">{{day.details[2].playTimeHour}}小时 </span>
<span v-if="day.details[2].playTimeMinutes">{{day.details[2].playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="day.details[2].content"></span>
</div>
</div>
</div>
<div v-if="day.details[3]" class="col q-ml-sm">
<div class="up" style="height: 265px;">
<template v-if="day.details[3].fileType&&day.details[3].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[3].videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img :src='day.details[3].img' :ratio="1/1" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="q-pb-lg" style="border:1px solid #ccc;top:0">
<div class="down q-ma-lg">
<div v-if="day.details[3].title!=''" class="text-h6 text-bold" v-html="day.details[3].title" @click.stop="goUrl(day.details[3].url)"
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[3].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[3].playTimeHour || day.details[3].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[3].playTimeHour">{{day.details[3].playTimeHour}}小时 </span>
<span v-if="day.details[3].playTimeMinutes">{{day.details[3].playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="day.details[3].content"></span>
</div>
</div>
</div>
</div>
<template v-for="(item,index) in day.details">
<div v-if="index==4" class="col item q-ml-sm q-mt-sm" :key="item.dayNum" style="background: #F6F6F6;">
<div class="up" style="height: 265px;">
<template v-if="item.fileType&&item.fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img :src='item.img' :ratio="1/1" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="q-pb-lg" style="border:1px solid #ccc;top:0">
<div class="down q-ma-lg">
<div v-if="item.title!=''" class="text-h6 text-bold" v-html="item.title" @click.stop="goUrl(item.url)"
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='item.ticketName!=""'>
</span>
<span class="playInfo-item" v-if='item.playTimeHour || item.playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span>
<span v-if="item.playTimeMinutes">{{item.playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="item.content"></span>
</div>
</div>
</div>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="right col" style="border: 1px solid #ccc; border-left: 0">
<div class="details">
<div
v-if="day.details[0].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[0].title"
@click.stop="goUrl(day.details[0].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[0].playTimeHour || day.details[0].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[0].ticketName != ''"
>
<!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[0].ticketName}}-->
</span>
<span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[0].playTimeHour"
>{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟</span
>
</span>
</div>
<span v-html="day.details[0].content"></span>
</div>
</div>
</div>
<div
class="col q-pl-sm items-center"
v-if="day.details[1]"
style="overflow: hidden"
>
<div class="left big">
<template
v-if="
day.details[1].fileType && day.details[1].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[0].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<img :src="day.details[1].img" />
</template>
</div>
<div class="right" style="border: 1px solid #ccc">
<div class="details">
<div
v-if="day.details[1].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[1].title"
@click.stop="goUrl(day.details[1].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[1].playTimeHour || day.details[1].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[1].ticketName != ''"
>
<!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[1].ticketName}}-->
</span>
<span
class="playInfo-item"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[1].playTimeHour"
>{{ day.details[1].playTimeHour }}小时
</span>
<span v-if="day.details[1].playTimeMinutes"
>{{ day.details[1].playTimeMinutes }}分钟</span
>
</span>
</div>
<span v-html="day.details[1].content"></span>
</div>
</div>
</div>
<div
class="col-12 item row justify-between no-wrap q-mt-sm"
style="background: #f6f6f6"
>
<div class="col-8 row">
<div class="col-6">
<div class="up" style="height: 265px">
<template
v-if="
day.details[2].fileType && day.details[2].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[2].img"
:src="day.details[2].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div style="border: 1px solid #ccc">
<div
class="down q-ma-lg"
style="height: 260px; overflow: hidden"
>
<div
v-if="day.details[2].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[2].title"
@click.stop="goUrl(day.details[2].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[2].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[2].playTimeHour"
>{{ day.details[2].playTimeHour }}小时
</span>
<span v-if="day.details[2].playTimeMinutes"
>{{ day.details[2].playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="day.details[2].content"></span>
</div>
</div>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'>
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span>
<div class="col q-pl-sm">
<div class="up" style="height: 265px">
<template
v-if="
day.details[3].fileType && day.details[3].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[3].img"
:src="day.details[3].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div style="border: 1px solid #ccc">
<div
class="down q-ma-lg"
style="height: 260px; overflow: hidden"
>
<div
v-if="day.details[3].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[3].title"
@click.stop="goUrl(day.details[3].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[3].playTimeHour ||
day.details[3].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[3].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[3].playTimeHour ||
day.details[3].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[3].playTimeHour"
>{{ day.details[3].playTimeHour }}小时
</span>
<span v-if="day.details[3].playTimeMinutes"
>{{ day.details[3].playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="day.details[3].content"></span>
</div>
</div>
</div>
<div class="restaurant row justify-between wrap">
<div class="restaurant-item">
<div class="key">
<img src='../../../assets/img/daily_breakfast.png' />
</div>
<div class="val">{{day.can.breakfirst}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_lunch.png' />
</div>
<div class="val">{{day.can.lanuch}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_dinner.png' />
</div>
<div class="val">{{day.can.dinner}}</div>
</div>
<div class="col q-ml-sm" style="border: 1px solid #ccc">
<div class="up" style="height: 265px">
<template
v-if="
day.details[4].fileType && day.details[4].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[3].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[4].img"
:src="day.details[4].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="restaurant">
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div>
<div class="val" v-if='day.jiu2.length>0'>
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k">
{{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span>
{{getHotelSuffix()}}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
<div class="down q-ma-lg" style="height: 260px; overflow: hidden">
<div
v-if="day.details[4].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[4].title"
@click.stop="goUrl(day.details[4].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[4].playTimeHour || day.details[4].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[4].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[4].playTimeHour ||
day.details[4].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[4].playTimeHour"
>{{ day.details[4].playTimeHour }}小时
</span>
<span v-if="day.details[4].playTimeMinutes"
>{{ day.details[4].playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="day.details[4].content"></span>
</div>
</div>
</div>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div>
</div>
<div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_breakfast.png" />
</div>
<div class="val">{{ day.can.breakfirst }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_lunch.png" />
</div>
<div class="val">{{ day.can.lanuch }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_dinner.png" />
</div>
<div class="val">{{ day.can.dinner }}</div>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24 row">
<div class="key">
<img src="../../../assets/img/daily_hotel-1.png" />
</div>
<div class="val" v-if="day.jiu2.length > 0">
<span
v-for="(t, k) in day.jiu2"
@click.stop="goUrl(t.url)"
style="cursor: pointer"
:key="k"
>
{{ k == day.jiu2.length - 1 ? t.name : t.name + " / " }}
</span>
{{ getHotelSuffix() }}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
day: {},
isDirect: {}
},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級"
}
} else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
'机场附近酒店') {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
}
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
export default {
props: {
day: {},
isDirect: {},
},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級";
}
} else {
if (
this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】";
} else {
if (this.isDirect === 1) {
suffix = "或同級";
}
}
}
}
</script>
\ No newline at end of file
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
},
},
};
</script>
src/components/trip/block/fourday.vue
View file @ 44b17912
<template>
<div class="block-item">
<div class="one-block">
<div class="item big row">
<div class="row no-wrap col-8">
<div class="col-7">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="right col" style="border: 1px solid #ccc;border-left: 0;">
<div class="details">
<div v-if="day.details[0].title!=''" class="text-h6 text-bold" v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'>
<!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[0].ticketName}}-->
</span>
<span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span>
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span>
</span>
</div>
<span v-html="day.details[0].content"></span>
</div>
</div>
</div>
<div class="col q-pl-sm" v-if="day.details[1]">
<div class="left big">
<template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls">
</video>
</template>
<template v-else>
<img :src='day.details[1].img' />
</template>
</div>
<div class="right" style="border: 1px solid #ccc;border-top: 0;">
<div class="details">
<div v-if="day.details[1].title!=''" class="text-h6 text-bold" v-html="day.details[1].title" @click.stop="goUrl(day.details[1].url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[1].ticketName!=""'>
<!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[1].ticketName}}-->
</span>
<span class="playInfo-item" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[1].playTimeHour">{{day.details[1].playTimeHour}}小时 </span>
<span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟</span>
</span>
</div>
<span v-html="day.details[1].content"></span>
</div>
</div>
</div>
<div v-if="day.details.length>2" class="col-12 item row justify-between no-wrap q-mt-sm" style="background: #F6F6F6;">
<div class="col-8"
style="border:1px solid #ccc;">
<div class="up" style="height: 265px;">
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="day.details[2].img" :src='day.details[2].img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="down q-ma-lg">
<div v-if="day.details[2].title!=''" class="text-h6 text-bold" v-html="day.details[2].title" @click.stop="goUrl(day.details[2].url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[2].playTimeHour">{{day.details[2].playTimeHour}}小时 </span>
<span v-if="day.details[2].playTimeMinutes">{{day.details[2].playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="day.details[2].content"></span>
</div>
</div>
<div class="col q-ml-sm"
style="border:1px solid #ccc;">
<div class="up" style="height: 265px;">
<template v-if="day.details[3].fileType&&day.details[3].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[3].videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="day.details[3].img" :src='day.details[3].img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="down q-ma-lg">
<div v-if="day.details[3].title!=''" class="text-h6 text-bold" v-html="day.details[3].title" @click.stop="goUrl(day.details[3].url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[3].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[3].playTimeHour || day.details[3].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[3].playTimeHour">{{day.details[3].playTimeHour}}小时 </span>
<span v-if="day.details[3].playTimeMinutes">{{day.details[3].playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="day.details[3].content"></span>
</div>
</div>
</div>
<div class="block-item">
<div class="one-block">
<div class="item big row items-center">
<div class="row no-wrap col-12">
<div class="col" style="position: relative; top: 0; left: 0">
<template
v-if="
day.details[0].fileType && day.details[0].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[0].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div
class="right col-4"
style="border: 1px solid #ccc; border-left: 0"
>
<div class="details">
<div
v-if="day.details[0].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[0].title"
@click.stop="goUrl(day.details[0].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[0].playTimeHour || day.details[0].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[0].ticketName != ''"
>
<!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[0].ticketName}}-->
</span>
<span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[0].playTimeHour"
>{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟</span
>
</span>
</div>
<span v-html="day.details[0].content"></span>
</div>
</div>
</div>
<div
class="col-12 item row justify-between no-wrap q-mt-sm"
style="background: #f6f6f6"
>
<div
class="col row no-wrap"
style="position: relative; top: 0; left: 0"
>
<div class="col-6" style="border: 1px solid #ccc">
<div class="up" style="height: 260px">
<template
v-if="
day.details[1].fileType && day.details[1].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[1].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[1].img"
:src="day.details[1].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="down q-ma-lg">
<div
v-if="day.details[1].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[1].title"
@click.stop="goUrl(day.details[1].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[1].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[1].playTimeHour"
>{{ day.details[1].playTimeHour }}小时
</span>
<span v-if="day.details[1].playTimeMinutes"
>{{ day.details[1].playTimeMinutes }}分钟
</span>
</span>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'>
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span>
</div>
<span v-html="day.details[1].content"></span>
</div>
</div>
<div class="col q-ml-sm" style="border: 1px solid #ccc">
<div class="up" style="height: 260px">
<template
v-if="
day.details[2].fileType && day.details[2].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[2].img"
:src="day.details[2].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="down q-ma-lg">
<div
v-if="day.details[2].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[2].title"
@click.stop="goUrl(day.details[2].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[2].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[2].playTimeHour"
>{{ day.details[2].playTimeHour }}小时
</span>
<span v-if="day.details[2].playTimeMinutes"
>{{ day.details[2].playTimeMinutes }}分钟
</span>
</span>
</div>
<div class="restaurant row justify-between wrap">
<div class="restaurant-item">
<div class="key">
<img src='../../../assets/img/daily_breakfast.png' />
</div>
<div class="val">{{day.can.breakfirst}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_lunch.png' />
</div>
<div class="val">{{day.can.lanuch}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_dinner.png' />
</div>
<div class="val">{{day.can.dinner}}</div>
</div>
<span v-html="day.details[2].content"></span>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div>
<div class="val" v-if='day.jiu2.length>0'>
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k">
{{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span>
{{getHotelSuffix()}}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
</div>
<div class="col-4">
<div class="q-ml-sm" style="border: 1px solid #ccc">
<div class="up" style="height: 260px">
<template
v-if="
day.details[3].fileType && day.details[3].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[3].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[3].img"
:src="day.details[3].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="down q-ma-lg">
<div
v-if="day.details[3].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[3].title"
@click.stop="goUrl(day.details[3].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[3].playTimeHour ||
day.details[3].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[3].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[3].playTimeHour ||
day.details[3].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[3].playTimeHour"
>{{ day.details[3].playTimeHour }}小时
</span>
<span v-if="day.details[3].playTimeMinutes"
>{{ day.details[3].playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="day.details[3].content"></span>
</div>
</div>
</div>
</div>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div>
</div>
<div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_breakfast.png" />
</div>
<div class="val">{{ day.can.breakfirst }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_lunch.png" />
</div>
<div class="val">{{ day.can.lanuch }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_dinner.png" />
</div>
<div class="val">{{ day.can.dinner }}</div>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24 row">
<div class="key">
<img src="../../../assets/img/daily_hotel-1.png" />
</div>
<div class="val" v-if="day.jiu2.length > 0">
<span
v-for="(t, k) in day.jiu2"
@click.stop="goUrl(t.url)"
style="cursor: pointer"
:key="k"
>
{{ k == day.jiu2.length - 1 ? t.name : t.name + " / " }}
</span>
{{ getHotelSuffix() }}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props:{
day:{},
isDirect:{}
},
methods:{
getHotelSuffix(){
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級"
}
} else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
'机场附近酒店') {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
}
}
return suffix;
},
goUrl(url) {
if(url!=null&&url.length>0){
window.open(url, "_blank");
props: {
day: {},
isDirect: {},
},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級";
}
} else {
if (
this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】";
} else {
if (this.isDirect === 1) {
suffix = "或同級";
}
}
}
}
}
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
},
},
};
</script>
src/components/trip/block/index.vue
View file @ 44b17912
......@@ -3,7 +3,9 @@
</style>
<template>
<div class="trip-box">
<div class="trip-block" v-for="(item,i) in trips" :key="i">
<div :class="{'trip-block':$q.platform.is.desktop,'q-pb-lg':$q.platform.is.mobile,'q-pt-lg':$q.platform.is.mobile&&i==0}" v-for="(item,i) in trips" :key="i">
<template v-if="$q.platform.is.desktop">
<div class="trip-title" :id="`days_${i}`">
<div>
<p class="day">第<span v-if='item.dayNum<10'>0</span>{{item.dayNum}}天</p>
......@@ -16,7 +18,15 @@
<threeday v-if="item.details && item.details.length==3" :day='item' :isDirect="isDirect"></threeday>
<fourday v-if="item.details && item.details.length==4" :day='item' :isDirect="isDirect"></fourday>
<fiveday v-if="item.details && item.details.length>=5" :day='item' :isDirect="isDirect"></fiveday>
</template>
<template v-else>
<div :id="`days_${i}`">
<allDay :day='item' :isDirect="isDirect"></allDay>
</div>
</template>
</div>
</div>
</template>
<script>
......@@ -25,9 +35,11 @@
import threeday from './threeday'
import fourday from './fourday'
import fiveday from './fiveday'
import allDay from './allDay'
export default {
props: ['tripList', 'isDirect', 'clickDate','days','currentHeightDay'],
components: {
allDay,
oneday,
twoday,
threeday,
......@@ -45,7 +57,7 @@
this.daysClass.forEach((x,i)=>{
var object=document.getElementById(`days_${i}`);
x.top = object.getBoundingClientRect().top - 100
x.top = object.getBoundingClientRect().top+100
})
} catch (error) {
console.log('----异常')
......
src/components/trip/block/oneday.vue
View file @ 44b17912
<template>
<div class="block-item">
<div class="one-block">
<div class="item big row">
<div class="row no-wrap" :class="{'col-8':day.details.length>1,'col':day.details.length==1}">
<div class="col-7">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="right col" style="border: 1px solid #ccc;border-left: 0;">
<div class="details">
<div v-if="day.details[0].title!=''" class="text-h6 text-bold" v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span>
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span>
</span>
</div>
<span v-html="day.details[0].content"></span>
</div>
</div>
</div>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'>
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span>
</div>
</div>
<div class="restaurant row justify-between wrap">
<div class="restaurant-item">
<div class="key">
<img src='../../../assets/img/daily_breakfast.png' />
</div>
<div class="val">{{day.can.breakfirst}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_lunch.png' />
</div>
<div class="val">{{day.can.lanuch}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_dinner.png' />
</div>
<div class="val">{{day.can.dinner}}</div>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div>
<div class="val" v-if='day.jiu2.length>0'>
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k">
{{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span>
{{getHotelSuffix()}}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
<div class="block-item">
<div class="one-block">
<div class="item big row">
<div
class="row no-wrap"
:class="{
'col-8': day.details.length > 1,
col: day.details.length == 1,
}"
>
<div class="col-7">
<template
v-if="
day.details[0].fileType && day.details[0].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[0].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="right col" style="border: 1px solid #ccc; border-left: 0">
<div class="details">
<div
v-if="day.details[0].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[0].title"
@click.stop="goUrl(day.details[0].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[0].playTimeHour || day.details[0].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[0].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[0].playTimeHour"
>{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟</span
>
</span>
</div>
<span v-html="day.details[0].content"></span>
</div>
</div>
</div>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div>
</div>
<div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_breakfast.png" />
</div>
<div class="val">{{ day.can.breakfirst }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_lunch.png" />
</div>
<div class="val">{{ day.can.lanuch }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_dinner.png" />
</div>
<div class="val">{{ day.can.dinner }}</div>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24 row">
<div class="key">
<img src="../../../assets/img/daily_hotel-1.png" />
</div>
<div class="val" v-if="day.jiu2.length > 0">
<span
v-for="(t, k) in day.jiu2"
@click.stop="goUrl(t.url)"
style="cursor: pointer"
:key="k"
>
{{ k == day.jiu2.length - 1 ? t.name : t.name + " / " }}
</span>
{{ getHotelSuffix() }}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props:{
day:{},
isDirect:{}
},
mounted() {
console.log(this.day,'----')
},
methods:{
getHotelSuffix(){
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級"
}
} else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
'机场附近酒店') {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
}
}
return suffix;
},
goUrl(url) {
if(url!=null&&url.length>0){
window.open(url, "_blank");
props: {
day: {},
isDirect: {},
},
mounted() {},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級";
}
} else {
if (
this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】";
} else {
if (this.isDirect === 1) {
suffix = "或同級";
}
}
}
}
}
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
},
},
};
</script>
src/components/trip/block/threeday.vue
View file @ 44b17912
<template>
<div class="block-item">
<div class="two-block">
<div class="column">
<div class="itemcol row no-wrap" style="background: #F6F6F6;">
<div class="up col-8">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="row items-end" style="border:1px solid #ccc;left: 0;">
<div class="q-pb-lg">
<div class="down q-pa-lg col">
<div v-if="day.details[0].title!=''" class="text-h6 text-bold" v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)"
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span>
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="day.details[0].content"></span>
</div>
</div>
</div>
</div>
<div class="item q-mt-sm col row no-wrap" style="background: #F6F6F6;">
<div class="up row">
<div class="col" style="border:1px solid #ccc;right: 0;">
<div class="down q-pa-lg col">
<div v-if="day.details[1].title!=''" class="text-h6 text-bold" v-html="day.details[1].title" @click.stop="goUrl(day.details[1].url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[1].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[1].playTimeHour">{{day.details[1].playTimeHour}}小时 </span>
<span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="day.details[1].content"></span>
</div>
</div>
<div class="col-8">
<template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[1].videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="day.details[1].img" :src='day.details[1].img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
</div>
</div>
<div class="item col row no-wrap q-mt-sm " style="background: #F6F6F6;">
<div class="up col-8">
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="day.details[2].img" :src='day.details[2].img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="row items-end" style="border:1px solid #ccc;left: 0;">
<div class="q-pb-lg">
<div class="down q-pa-lg col">
<div v-if="day.details[2].title!=''" class="text-h6 text-bold" v-html="day.details[2].title" @click.stop="goUrl(day.details[2].url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'>
</span>
<span class="playInfo-item" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[2].playTimeHour">{{day.details[0].playTimeHour}}小时 </span>
<span v-if="day.details[2].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="day.details[2].content"></span>
</div>
</div>
</div>
<div class="block-item">
<div class="two-block">
<div class="column">
<div class="item col row no-wrap" style="background: #f6f6f6">
<div class="up col-8">
<template
v-if="
day.details[0].fileType && day.details[0].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="item.videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="row items-end" style="border: 1px solid #ccc; left: 0">
<div class="q-pb-lg">
<div class="down q-pa-lg col">
<div
v-if="day.details[0].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[0].title"
@click.stop="goUrl(day.details[0].url)"
style="
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
"
></div>
<div
class="playInfo"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[0].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[0].playTimeHour"
>{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="day.details[0].content"></span>
</div>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'>
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span>
</div>
</div>
<div class="item q-mt-sm col row no-wrap" style="background: #f6f6f6">
<div class="up row">
<div class="col" style="border: 1px solid #ccc; right: 0">
<div class="down q-ma-lg col">
<div
v-if="day.details[1].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[1].title"
@click.stop="goUrl(day.details[1].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[1].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[1].playTimeHour"
>{{ day.details[1].playTimeHour }}小时
</span>
<span v-if="day.details[1].playTimeMinutes"
>{{ day.details[1].playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="day.details[1].content"></span>
</div>
</div>
<div class="restaurant row justify-between wrap">
<div class="restaurant-item">
<div class="key">
<img src='../../../assets/img/daily_breakfast.png' />
</div>
<div class="val">{{day.can.breakfirst}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_lunch.png' />
</div>
<div class="val">{{day.can.lanuch}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_dinner.png' />
</div>
<div class="val">{{day.can.dinner}}</div>
<div class="col-8">
<template
v-if="
day.details[1].fileType && day.details[1].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[1].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[1].img"
:src="day.details[1].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="restaurant">
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div>
<div class="val" v-if='day.jiu2.length>0'>
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k">
{{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span>
{{getHotelSuffix()}}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
</div>
</div>
<div class="item col row no-wrap q-mt-sm" style="background: #f6f6f6">
<div class="up col-8">
<template
v-if="
day.details[2].fileType && day.details[2].fileType == '.mp4'
"
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="day.details[2].img"
:src="day.details[2].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="row items-end" style="border: 1px solid #ccc; left: 0">
<div class="q-pb-lg">
<div class="down q-pa-lg col">
<div
v-if="day.details[2].title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="day.details[2].title"
@click.stop="goUrl(day.details[2].url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<span
class="playInfo-item"
v-if="day.details[2].ticketName != ''"
>
</span>
<span
class="playInfo-item"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="day.details[2].playTimeHour"
>{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[2].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="day.details[2].content"></span>
</div>
</div>
</div>
</div>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div>
</div>
<div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_breakfast.png" />
</div>
<div class="val">{{ day.can.breakfirst }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_lunch.png" />
</div>
<div class="val">{{ day.can.lanuch }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_dinner.png" />
</div>
<div class="val">{{ day.can.dinner }}</div>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24 row">
<div class="key">
<img src="../../../assets/img/daily_hotel-1.png" />
</div>
<div class="val" v-if="day.jiu2.length > 0">
<span
v-for="(t, k) in day.jiu2"
@click.stop="goUrl(t.url)"
style="cursor: pointer"
:key="k"
>
{{ k == day.jiu2.length - 1 ? t.name : t.name + " / " }}
</span>
{{ getHotelSuffix() }}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
day: {},
isDirect: {}
},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級"
}
} else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
'机场附近酒店') {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
}
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
export default {
props: {
day: {},
isDirect: {},
},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級";
}
} else {
if (
this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】";
} else {
if (this.isDirect === 1) {
suffix = "或同級";
}
}
}
}
</script>
\ No newline at end of file
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
},
},
};
</script>
src/components/trip/block/twoday.vue
View file @ 44b17912
<template>
<div class="block-item">
<div class="two-block">
<div class="column">
<template v-for="(item,index) in day.details">
<div v-if="index<1" class="item" :key="item.dayNum"
:class="{'col':index==0,
'row no-wrap':index==0,'q-ml-sm':index==1}" style="background: #F6F6F6;">
<div class="up"
:class="{'col-8':day.details.length>1&&index==0,}" :style="{'height':index==1?'265px':''}">
<template v-if="item.fileType&&item.fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="item.img" :src='item.img' :ratio="1" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
<div class="row items-end" style="border:1px solid #ccc;left: 0;">
<div class="q-pb-lg">
<div class="down q-pa-lg" :class="{'col':index==0}">
<div v-if="item.title!=''" class="text-h6 text-bold" v-html="item.title" @click.stop="goUrl(item.url)"
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='item.ticketName!=""'>
</span>
<span class="playInfo-item" v-if='item.playTimeHour || item.playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span>
<span v-if="item.playTimeMinutes">{{item.playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="item.content"></span>
</div>
</div>
<div class="block-item">
<div class="two-block">
<div class="column">
<template v-for="(item, index) in day.details">
<div
v-if="index < 1"
class="item"
:key="item.dayNum"
:class="{
col: index == 0,
'row no-wrap': index == 0,
'q-ml-sm': index == 1,
}"
style="background: #f6f6f6"
>
<div
class="up"
:class="{ 'col-8': day.details.length > 1 && index == 0 }"
:style="{ height: index == 1 ? '265px' : '' }"
>
<template v-if="item.fileType && item.fileType == '.mp4'">
<video
ref="myVideo"
width="100%"
height="100%"
:src="item.videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="item.img"
:src="item.img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</div>
</template>
<template v-for="(item,index) in day.details">
<div v-if="index==1" class="item up q-mt-sm row no-wrap col" :key="item.dayNum" style="background: #F6F6F6;">
<div class="col" style="border:1px solid #ccc;right: 0;">
<div class="down q-pa-lg" :class="{'col':index==0}">
<div v-if="item.title!=''" class="text-h6 text-bold" v-html="item.title" @click.stop="goUrl(item.url)"
style="cursor: pointer;"></div>
<div class="playInfo">
<span class="playInfo-item" v-if='item.ticketName!=""'>
</span>
<span class="playInfo-item" v-if='item.playTimeHour || item.playTimeMinutes'>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span>
<span v-if="item.playTimeMinutes">{{item.playTimeMinutes}}分钟 </span>
</span>
</div>
<span v-html="item.content"></span>
</div>
</div>
<div class="col-8">
<template v-if="item.fileType&&item.fileType=='.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath"
controls="controls">
</video>
</template>
<template v-else>
<q-img v-if="item.img" :src='item.img' :ratio="12/4" fit="cover" height="100%">
<template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark">
图片加载失败
</div>
</template>
</q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img>
</template>
</div>
</div>
</template>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'>
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span>
<div class="row items-end" style="border: 1px solid #ccc; left: 0">
<div class="q-pb-lg">
<div class="down q-pa-lg" :class="{ col: index == 0 }">
<div
v-if="item.title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="item.title"
@click.stop="goUrl(item.url)"
style="
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
"
></div>
<div
class="playInfo"
v-if="item.playTimeHour || item.playTimeMinutes"
>
<span class="playInfo-item" v-if="item.ticketName != ''">
</span>
<span
class="playInfo-item"
v-if="item.playTimeHour || item.playTimeMinutes"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="item.playTimeHour"
>{{ item.playTimeHour }}小时
</span>
<span v-if="item.playTimeMinutes"
>{{ item.playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="item.content"></span>
</div>
</div>
</div>
<div class="restaurant row justify-between wrap">
<div class="restaurant-item">
<div class="key">
<img src='../../../assets/img/daily_breakfast.png' />
</div>
<div class="val">{{day.can.breakfirst}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_lunch.png' />
</div>
<div class="val">{{day.can.lanuch}}</div>
</div>
<div class="restaurant-item q-pl-sm">
<div class="key">
<img src='../../../assets/img/daily_dinner.png' />
</div>
<div class="val">{{day.can.dinner}}</div>
</div>
</div>
</template>
<template v-for="(item, index) in day.details">
<div
v-if="index == 1"
class="item up q-mt-sm row no-wrap col"
:key="item.dayNum"
style="background: #f6f6f6"
>
<div class="col q-pa-lg" style="border: 1px solid #ccc; right: 0">
<div class="down" :class="{ col: index == 0 }">
<div
v-if="item.title != ''"
class="text-h6 text-bold q-pb-sm"
v-html="item.title"
@click.stop="goUrl(item.url)"
style="cursor: pointer"
></div>
<div
class="playInfo"
v-if="item.playTimeHour || item.playTimeMinutes"
>
<span class="playInfo-item" v-if="item.ticketName != ''">
</span>
<span
class="playInfo-item"
v-if="item.playTimeHour || item.playTimeMinutes"
>
<i class="iconfont icon-shijian1"></i>
约
<span v-if="item.playTimeHour"
>{{ item.playTimeHour }}小时
</span>
<span v-if="item.playTimeMinutes"
>{{ item.playTimeMinutes }}分钟
</span>
</span>
</div>
<span v-html="item.content"></span>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div>
<div class="val" v-if='day.jiu2.length>0'>
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k">
{{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span>
{{getHotelSuffix()}}
</div>
<div class="val" v-else>本日无酒店安排</div>
<div class="col-8">
<template v-if="item.fileType && item.fileType == '.mp4'">
<video
ref="myVideo"
width="100%"
height="100%"
:src="item.videoPath"
controls="controls"
></video>
</template>
<template v-else>
<q-img
v-if="item.img"
:src="item.img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error>
<div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败
</div>
</template>
</q-img>
<q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template>
</div>
</div>
</template>
</div>
<div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4>
<div class="remark">
<span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div>
</div>
<div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_breakfast.png" />
</div>
<div class="val">{{ day.can.breakfirst }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_lunch.png" />
</div>
<div class="val">{{ day.can.lanuch }}</div>
</div>
<div class="restaurant-item">
<div class="key">
<img src="../../../assets/img/daily_dinner.png" />
</div>
<div class="val">{{ day.can.dinner }}</div>
</div>
</div>
<div class="restaurant">
<div class="restaurant-item col-24 row">
<div class="key">
<img src="../../../assets/img/daily_hotel-1.png" />
</div>
<div class="val" v-if="day.jiu2.length > 0">
<span
v-for="(t, k) in day.jiu2"
@click.stop="goUrl(t.url)"
style="cursor: pointer"
:key="k"
>
{{ k == day.jiu2.length - 1 ? t.name : t.name + " / " }}
</span>
{{ getHotelSuffix() }}
</div>
<div class="val" v-else>本日无酒店安排</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
day: {},
isDirect: {}
},
mounted() {
console.log(this.day,'--------')
},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級"
}
} else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
'机场附近酒店') {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
}
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
export default {
props: {
day: {},
isDirect: {},
},
mounted() {
},
methods: {
getHotelSuffix() {
let suffix = "";
if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) {
suffix = "或同級";
}
} else {
if (
this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】";
} else {
if (this.isDirect === 1) {
suffix = "或同級";
}
}
}
}
</script>
\ No newline at end of file
}
return suffix;
},
goUrl(url) {
if (url != null && url.length > 0) {
window.open(url, "_blank");
}
},
},
};
</script>
src/components/trip/orderPreview.vue
View file @ 44b17912
......@@ -12,12 +12,19 @@
</div>
<div class="text-grey-6 f12 q-my-md">選擇數量</div>
<div class="row items-end">
<div class="col">
<span class="text-subtitle2 text-weight-bold">成人</span>
<span class="text-grey-6 f12 q-ml-sm">(12-99歲)</span>
<div class="col" :class="{'column':$q.platform.is.mobile}">
<div>
<span class="text-subtitle2 text-weight-bold">成人</span>
<span class="text-grey-6 f12 q-ml-sm">(12-99歲)</span>
</div>
<div v-if="$q.platform.is.mobile">
<span class="text-grey-7 product-price" style="font-size: 13px">
CNY {{ moneyFormat(p.originalB2CPrice, 0) }} /每人
</span>
</div>
</div>
<div class="row items-end">
<span class="text-grey-7 product-price" style="font-size: 13px">
<span v-if="$q.platform.is.desktop" class="text-grey-7 product-price" style="font-size: 13px">
CNY {{ moneyFormat(p.originalB2CPrice, 0) }} /每人
</span>
<q-input
......@@ -59,12 +66,20 @@
</div>
</div>
<div class="row items-end q-mt-md" v-if="p.isSupportChildren == 1">
<div class="col">
<span class="text-subtitle2 text-weight-bold">儿童</span>
<div class="col" :class="{'column':$q.platform.is.mobile}">
<div>
<span class="text-subtitle2 text-weight-bold">儿童</span>
<span class="text-grey-6 f12 q-ml-sm">(2-11歲,不占床)</span>
</div>
<div v-if="$q.platform.is.mobile">
<span class="text-grey-7 product-price" style="font-size: 13px">
CNY
{{ moneyFormat(p.originalB2CPrice - p.childNoNeedPrice, 0) }} /每人
</span>
</div>
</div>
<div class="row items-end">
<span class="text-grey-7 product-price" style="font-size: 13px">
<span v-if="$q.platform.is.desktop" class="text-grey-7 product-price" style="font-size: 13px">
CNY
{{ moneyFormat(p.originalB2CPrice - p.childNoNeedPrice, 0) }} /每人
</span>
......@@ -108,12 +123,19 @@
</div>
<div class="row items-end q-mt-md" v-if="p.isSupportChildren == 1">
<div class="col">
<span class="text-subtitle2 text-weight-bold">婴儿</span>
<span class="text-grey-6 f12 q-ml-sm">(2歲以下)</span>
<div class="col" :class="{'column':$q.platform.is.mobile}">
<div>
<span class="text-subtitle2 text-weight-bold">婴儿</span>
<span class="text-grey-6 f12 q-ml-sm">(2歲以下)</span>
</div>
<div v-if="$q.platform.is.mobile">
<span v-if="$q.platform.is.desktop" class="text-grey-7 product-price" style="font-size: 13px">
CNY {{ moneyFormat(p.babyPrice, 0) }} /每人
</span>
</div>
</div>
<div class="row items-end">
<span class="text-grey-7 product-price" style="font-size: 13px">
<span v-if="$q.platform.is.desktop" class="text-grey-7 product-price" style="font-size: 13px">
CNY {{ moneyFormat(p.babyPrice, 0) }} /每人
</span>
<q-input
......@@ -164,12 +186,19 @@
>
<div class="text-grey-6 f12">單房服務</div>
<div class="row items-end">
<div class="col">
<span class="text-subtitle2 text-weight-bold">單房服務</span>
<span class="text-grey-6 f12 q-ml-sm">(獨立單間住宿)</span>
<div class="col" :class="{'column':$q.platform.is.mobile}">
<div>
<span class="text-subtitle2 text-weight-bold">單房服務</span>
<span class="text-grey-6 f12 q-ml-sm">(獨立單間住宿)</span>
</div>
<div v-if="$q.platform.is.mobile">
<span class="text-grey-7 product-price" style="font-size: 13px">
CNY {{ moneyFormat(p.singleRoomPrice, 0) }} /每人
</span>
</div>
</div>
<div class="row items-end">
<span class="text-grey-7 product-price" style="font-size: 13px">
<span v-if="$q.platform.is.desktop" class="text-grey-7 product-price" style="font-size: 13px">
CNY {{ moneyFormat(p.singleRoomPrice, 0) }} /每人
</span>
<q-input
......@@ -226,7 +255,7 @@
<span class="text-h6 text-primary product-price">CNY {{ moneyFormat(sumPrice,0) }}</span>
</div>
<div class="q-mt-md text-right">
<span class="q-mr-lg f12 text-negative" v-if="!p.startDate" >請選擇左側的出行日期</span>
<span class="q-mr-lg f12 text-negative" v-if="!p.startDate" >{{$q.platform.is.mobile?'請選擇上面的出行日期':'請選擇左側的出行日期'}} </span>
<q-btn color="primary" label="立即訂購" unelevated class="q-px-lg" :disable="sumPrice==0"/>
</div>
</div>
......
src/components/trip/smaple.vue
View file @ 44b17912
......@@ -2,40 +2,49 @@
<div class="q-mt-md">
<div class="text-subtitle2 text-weight-bold">產品概要</div>
<div class="row q-pt-md q-col-gutter-md">
<div class="row items-center q-pt-mb col-6" v-if="traffic!=''">
<div class="col-3 q-mr-md">往返交通：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" v-if="traffic!=''">
<div class="q-mr-md col-3">往返交通：</div>
<div class="col text-grey-6">{{ traffic }}</div>
</div>
<div class="row items-center q-pt-mb col-6" v-if="hotel!=''">
<div class="col-3 q-mr-md">酒店住宿：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" v-if="hotel!=''">
<div class="q-mr-md col-3">酒店住宿：</div>
<div class="col text-grey-6">{{ hotel }}</div>
</div>
<div class="row items-center q-pt-mb col-6">
<div class="col-3 q-mr-md">購物：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}">
<div class="q-mr-md col-3">購物：</div>
<div class="col text-grey-6">{{ trip.shopList.length>0?`${trip.shopList.length}個購物點`:'無購物行程' }}</div>
</div>
<div class="row items-center q-pt-mb col-6" v-if="team!=''">
<div class="col-3 q-mr-md">團隊人數：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" v-if="team!=''">
<div class="q-mr-md col-3">團隊人數：</div>
<div class="col text-grey-6">{{ team }}</div>
</div>
<div class="row items-center q-pt-mb col-6">
<div class="col-3 q-mr-md">景點：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" >
<div class="q-mr-md col-3">景點：</div>
<div class="col text-grey-6">{{ trip.scenicList.length }}個景點或場館</div>
</div>
<div class="row items-center q-pt-mb col-6">
<div class="col-3 q-mr-md">自費項目：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" >
<div class="q-mr-md col-3">自費項目：</div>
<div class="col text-grey-6">{{ trip.selfpayingList.length>0?`${trip.selfpayingList.length}個自費項目`:'無自費項目' }}</div>
</div>
<div class="row items-center q-pt-mb col-6" v-if="trip.freedomList.length>0">
<div class="col-3 q-mr-md">自由活動：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" v-if="trip.freedomList.length>0">
<div class="q-mr-md col-3">自由活動：</div>
<div class="col text-grey-6">{{ trip.freedomList.length}} 次自由活動</div>
</div>
<div class="row items-center q-pt-mb col-6">
<div class="col-3 q-mr-md">餐食：</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" >
<div class="q-mr-md col-3">餐食：</div>
<div class="col text-grey-6">{{ dinner }}</div>
</div>
<div class="row items-center q-pt-mb col-6">
<div class="col-3 q-mr-md">服務用語</div>
<div class="row items-center q-pt-mb"
:class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" >
<div class="q-mr-md col-3">服務用語</div>
<div class="col text-grey-6">普通話/日本語</div>
</div>
</div>
......
src/components/trip/trip.vue
View file @ 44b17912
<template>
<div class="q-mt-lg">
<div class="q-mt-lg" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">
<div class="text-subtitle1 text-weight-bold row items-center">
<span class="col">每日行程</span>
<span class="">
......@@ -18,6 +18,7 @@
<q-tab name="image" @click="changeHandler" icon="iconfont iconimage" class="no-padding q-mr-lg" label="圖文模式" />
<q-tab name="dates" @click="changeHandler" icon="iconfont iconrili" class="no-padding q-mr-lg" label="日曆模式" />
</q-tabs>
<list :days="trip.dayList" v-if="displayType=='image'"></list>
<calendar :days="trip.dayList" v-if="displayType=='dates'"></calendar>
</div>
......
src/pages/detailsNew.vue
View file @ 44b17912
......@@ -11,7 +11,8 @@
z-index: 999;
"
class="bg-white"
v-if="currentHeight > navs[0].top + 100"
v-if="(currentHeight > navs[0].top + 100&&$q.platform.is.desktop)||
(currentHeight>priceListHeight&&currentHeight < navs[0].top&&$q.platform.is.mobile)"
:style="{ transform: stickyHeight }"
>
<div
......@@ -19,6 +20,7 @@
:class="{ 'q-px-md': $q.screen.width < 1220 }"
class="q-py-sm row items-center"
>
<span
class="col product-price text-subtitle1 text-weight-bold"
style="text-align: left"
......@@ -114,7 +116,7 @@
</slider>
</div>
</div>
<div class="q-py-lg row" style="border-bottom: 1px solid #eee">
<div class="q-py-lg" :class="{'row':$q.platform.is.desktop,'column':$q.platform.is.mobile}" style="border-bottom: 1px solid #eee">
<div class="col q-mr-lg">
<div class="text-h6 ellipsis-2-lines">{{ dataList.title }}</div>
<div class="q-mt-md f12 text-grey-6">
......@@ -160,8 +162,10 @@
</div>
</div>
<div
style="width: 293px"
class="bg-grey-3 rounded-borders q-px-md q-py-lg"
:style="{'width': $q.platform.is.mobile?'100%':'293px'}"
class="bg-grey-3 rounded-borders q-px-md"
:class="{'q-py-lg':$q.platform.is.desktop,
'row justify-between items-center q-mt-sm q-py-sm':$q.platform.is.mobile}"
>
<div
class="product-price text-h6"
......@@ -177,7 +181,7 @@
label="選擇方案"
unelevated
@click="goScrollHandler(priceListHeight)"
class="q-mt-md full-width"
:class="{'q-mt-md full-width':$q.platform.is.desktop}"
/>
</div>
</div>
......@@ -197,6 +201,31 @@
</div>
</div>
</div>
<div
class="bg-white"
style="
position: fixed;
left: 0;
right: 0;
top: -1px;
border-top: 1px solid #eee;
box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
z-index: 999;"
v-if="currentHeight > priceListHeight+800&&$q.platform.is.mobile"
:style="{ transform: stickyHeight }">
<q-tabs
v-model="tab"
dense
class="text-grey"
active-color="primary"
indicator-color="primary"
align="left"
narrow-indicator>
<q-tab v-for="(x, i) in navs"
:key="i"
@click="goScrollHandler(x.top + 20)" :name="x.display" :label="x.display"></q-tab>
</q-tabs>
</div>
<div
v-if="dataList"
class="q-pa-lg bg-grey-3 q-mt-lg text-grey-9"
......@@ -204,13 +233,31 @@
>
<div style="max-width: 1200px; margin-left: auto; margin-right: auto">
<div class="text-h6">選擇方案</div>
<div class="rounded-borders bg-white q-pa-md q-mt-md" v-if="$q.platform.is.mobile">
<q-field class="q-my-md" stack-label label="選擇日期、選項" standout dense>
<div class="self-center full-width no-outline" tabindex="0">{{currentPrice.startDate}}</div>
<q-popup-proxy ref="qDateProxy">
<calendar class="bg-white q-pa-md"
:priceList="dataList.priceList"
@change="changeChosenDateHandler"
ref="calendar"
></calendar>
</q-popup-proxy>
</q-field>
<order-preview class="q-pa-md"
:price="currentPrice"
@reset="resetHandler"
></order-preview>
</div>
<div class="text-h6 q-pt-lg" v-if="$q.platform.is.mobile">所選方案詳情</div>
<div
class="bg-white rounded-borders q-mt-md"
v-if="dataList.priceList.length > 0"
>
<div class="q-pa-md row">
<div class="col">
<div class="text-subtitle1 text-weight-bold row items-center">
<div class="text-subtitle1 text-weight-bold row items-center" v-if="$q.platform.is.desktop">
<span class="q-mr-md">行程標準出行方案</span>
<q-chip
square
......@@ -229,7 +276,7 @@
</ul>
</div>
</div>
<div class="">
<div class="" v-if="$q.platform.is.desktop">
<div class="row items-center">
<span class="product-price text-h6 q-mr-md"
>CNY
......@@ -272,8 +319,8 @@
label="6個工作日內（不含例休假）確認"
/>
</div>
<div class="q-mt-lg row">
<div class="col">
<div class="q-mt-lg row" v-if="$q.platform.is.desktop">
<div class="col" >
<calendar
:priceList="dataList.priceList"
@change="changeChosenDateHandler"
......@@ -297,9 +344,10 @@
v-if="dataList"
style="max-width: 1200px; margin-left: auto; margin-right: auto"
class="q-mt-xl row"
:class="{ 'q-px-md': $q.screen.width < 1220 }"
:class="{ 'q-px-md': $q.screen.width < 1220&&$q.screen.width>760, }"
>
<div class="col q-ml-xl position-relative" v-if="dayList.length>3&&currentHeight > days[0].top-60&&currentHeight < navs[2].top">
<div class="col q-ml-xl position-relative"
v-if="dayList.length>3&&currentHeight > days[0].top-60&&currentHeight < navs[2].top&&$q.platform.is.desktop">
<div style="position: sticky; top: 100px">
<div
class="trip-module text-subtitle2 cursor-pointer q-mb-lg"
......@@ -316,8 +364,8 @@
</div>
</div>
</div>
<div class="col-8">
<div class="text-h5 text-weight-bold text-left" ref="feature">
<div :class="{'col-8':$q.platform.is.desktop,'col':$q.platform.is.mobile}">
<div class="text-h5 text-weight-bold text-left" ref="feature" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">
行程特色
</div>
<div
......@@ -332,11 +380,11 @@
v-html="dataList.feature.featureHtml"
v-if="dataList.feature.featureHtml != ''"
></div>
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="product">
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="product" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">
行程介紹
</div>
<div class="q-pb-xl" >
<smaple :trip="dataList"></smaple>
<smaple :trip="dataList" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}"></smaple>
<template v-if="dataList.dayList.length<=3">
<trip :trip="dataList" @change="changeTripShowHandler"></trip>
</template>
......@@ -344,42 +392,47 @@
<block :currentHeightDay="currentHeight" :days="days" :tripList="dayList" :isDirect="isDirect" :clickDate="clickDate"></block>
</template>
</div>
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="price">
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="price" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">
費用說明
</div>
<div class="text-subtitle1 text-weight-bold q-my-md">費用包含</div>
<div class="text-subtitle1 text-weight-bold q-my-md" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">費用包含</div>
<div
class="q-mt-md trip-text"
v-html="dataList.feature.feeInclude"
:class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}"
></div>
<div class="text-subtitle1 text-weight-bold q-my-md">費用不含</div>
<div class="text-subtitle1 text-weight-bold q-my-md" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">費用不含</div>
<div
class="q-mt-md trip-text q-pb-xl"
v-html="dataList.feature.feeNonInclude"
:class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}"
></div>
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="warning">
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="warning" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">
購買須知
</div>
<div
class="q-mt-lg trip-text bg-orange-1 q-pa-md rounded-borders q-mb-xl"
style="border: 1px dashed var(--q-color-warning)"
v-html="dataList.feature.importantTip?dataList.feature.importantTip:'暂无购买须知'"
:class="{'q-mx-md': $q.screen.width < 1220&&$q.platform.is.mobile}"
></div>
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="tips">
<div class="text-h5 text-weight-bold text-left q-mt-xl" ref="tips" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">
溫馨提示
</div>
<div
class="q-mt-lg trip-text bg-white q-pa-md rounded-borders q-mb-xl"
style="border: 1px dashed var(--q-color-info)"
v-html="dataList.feature.warmTip?dataList.feature.warmTip:'暂无溫馨提示'"
:class="{'q-mx-md': $q.screen.width < 1220&&$q.platform.is.mobile}"
></div>
<div
class="text-h5 text-weight-bold text-left q-mt-xl"
ref="cancelTips"
:class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}"
>
取消政策
</div>
<div class="q-mt-lg trip-text q-mb-xl">
<div class="q-mt-lg trip-text q-mb-xl" :class="{'q-mx-md': $q.screen.width < 1220&&$q.platform.is.mobile}">
<ul class="no-padding text-grey-9 q-ml-md">
<li>所选日期 15 天（含）之前取消，收取手续费 0%</li>
<li class="q-mt-sm">所选日期 8 ~ 14 天之间取消，收取手续费 30%</li>
......@@ -399,24 +452,27 @@
</div>
</div>
<div class="col-1"></div>
<div class="col q-ml-xl position-relative">
<div style="position: sticky; top: 100px">
<div
class="text-subtitle2 text-grey-6 cursor-pointer q-mb-md"
v-for="(x, i) in navs"
:key="i"
@click="goScrollHandler(x.top + 20)"
:class="{
'active-trip-module':
currentHeight >= x.top &&
(i == navs.length - 1 || currentHeight < navs[i + 1].top),
}"
>
{{ x.display }}
<template v-if="$q.platform.is.desktop">
<div class="col-1"></div>
<div class="col q-ml-xl position-relative">
<div style="position: sticky; top: 100px">
<div
class="text-subtitle2 text-grey-6 cursor-pointer q-mb-md"
v-for="(x, i) in navs"
:key="i"
@click="goScrollHandler(x.top + 20)"
:class="{
'active-trip-module':
currentHeight >= x.top &&
(i == navs.length - 1 || currentHeight < navs[i + 1].top),
}"
>
{{ x.display }}
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</template>
......@@ -434,6 +490,8 @@ export default {
props: [],
data() {
return {
tab: '',
searchDate:'',
clickDate: '',
slide: 1,
msg: {
......@@ -553,7 +611,22 @@ export default {
immediate: true,
deep: true
},
currentHeight: {
handler: function (val, oldval) {
this.navs.forEach((x,i)=>{
if(x.top&&(this.currentHeight >= x.top&&(i==(this.navs.length - 1)||this.currentHeight < this.navs[i+1].top))){
if(this.tab!=x.display){
this.tab=x.display
return
}else{
return
}
}
})
},
immediate: false,
deep: true
},
},
created() {
try {
......@@ -647,7 +720,7 @@ export default {
},
slideHandler(e) {
this.options.currentPage = e.currentPage;
if (e.currentPage != 0 && this.$refs.video.isPlaying) {
if (e.currentPage != 0 && this.$refs.video && this.$refs.video.isPlaying) {
this.$refs.video.pause();
}
},
......@@ -666,6 +739,7 @@ export default {
changeChosenDateHandler(val) {
val.price.version = new Date().getTime();
this.currentPrice = JSON.parse(JSON.stringify(val.price));
this.$refs.qDateProxy.hide()
},
showDialog() {
this.isShowDialog = true;
......@@ -716,9 +790,11 @@ export default {
this.$nextTick(() => {
if(this.dataList.feature.featureHtml!=''){
let tw =
parseFloat(
this.$q.platform.is.desktop?parseFloat(
this.$refs.diyContext.getBoundingClientRect().width
) / 1123.0 :parseFloat(
this.$refs.diyContext.getBoundingClientRect().width
) / 1123.0;
) / 975.0;
this.zoomDiyContext = tw > 1 ? 1 : tw.toFixed(2);
}
......
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