Skip to content

M
million
Commit b8963eef authored by youjie's avatar youjie
Browse files
Options

no message

parent fb797202
Show whitespace changes
Inline Side-by-side
Showing with 1687 additions and 927 deletions
src/components/trip/block/fiveday.vue
View file @ b8963eef
...@@ -4,104 +4,237 @@ ...@@ -4,104 +4,237 @@
<div class="item big row"> <div class="item big row">
<div class="row no-wrap col-8"> <div class="row no-wrap col-8">
<div class="col-6"> <div class="col-6">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls"> v-if="
</video> 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>
<template v-else> <template v-else>
<q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="right col" style="border: 1px solid #ccc;border-left: 0;"> <div class="right col" style="border: 1px solid #ccc; border-left: 0">
<div class="details"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[0].title != ''"
<div class="playInfo" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> 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>--> <!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[0].ticketName}}--> <!--{{day.details[0].ticketName}}-->
</span> </span>
<span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span> <span v-if="day.details[0].playTimeHour"
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span> >{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟</span
>
</span> </span>
</div> </div>
<span v-html="day.details[0].content"></span> <span v-html="day.details[0].content"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="col q-pl-sm items-center" v-if="day.details[1]" style="overflow: hidden;"> <div
class="col q-pl-sm items-center"
v-if="day.details[1]"
style="overflow: hidden"
>
<div class="left big"> <div class="left big">
<template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls"> v-if="
</video> 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>
<template v-else> <template v-else>
<img :src='day.details[1].img' /> <img :src="day.details[1].img" />
</template> </template>
</div> </div>
<div class="right" style=" border: 1px solid #ccc;"> <div class="right" style="border: 1px solid #ccc">
<div class="details"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[1].title != ''"
<div class="playInfo" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[1].ticketName!=""'> 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>--> <!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[1].ticketName}}--> <!--{{day.details[1].ticketName}}-->
</span> </span>
<span class="playInfo-item" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[1].playTimeHour">{{day.details[1].playTimeHour}}小时 </span> <span v-if="day.details[1].playTimeHour"
<span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟</span> >{{ day.details[1].playTimeHour }}小时
</span>
<span v-if="day.details[1].playTimeMinutes"
>{{ day.details[1].playTimeMinutes }}分钟</span
>
</span> </span>
</div> </div>
<span v-html="day.details[1].content"></span> <span v-html="day.details[1].content"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 item row justify-between no-wrap q-mt-sm" style="background: #F6F6F6;"> <div
<div class="col-8 row" 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="col-6">
<div class="up" style="height: 265px;"> <div class="up" style="height: 265px">
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath" v-if="
controls="controls"> day.details[2].fileType && day.details[2].fileType == '.mp4'
</video> "
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[2].img" :src='day.details[2].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[2].img"
:src="day.details[2].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div style="border:1px solid #ccc;"> <div style="border: 1px solid #ccc">
<div class="down q-ma-lg" style="height: 260px;overflow: hidden;"> <div
<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)" class="down q-ma-lg"
style="cursor: pointer;"></div> style="height: 260px; overflow: hidden"
<div class="playInfo" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'> >
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'> <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>
<span class="playInfo-item" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[2].playTimeHour">{{day.details[2].playTimeHour}}小时 </span> <span v-if="day.details[2].playTimeHour"
<span v-if="day.details[2].playTimeMinutes">{{day.details[2].playTimeMinutes}}分钟 </span> >{{ day.details[2].playTimeHour }}小时
</span>
<span v-if="day.details[2].playTimeMinutes"
>{{ day.details[2].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[2].content"></span> <span v-html="day.details[2].content"></span>
...@@ -109,35 +242,84 @@ ...@@ -109,35 +242,84 @@
</div> </div>
</div> </div>
<div class="col q-pl-sm"> <div class="col q-pl-sm">
<div class="up" style="height: 265px;"> <div class="up" style="height: 265px">
<template v-if="day.details[3].fileType&&day.details[3].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath" v-if="
controls="controls"> day.details[3].fileType && day.details[3].fileType == '.mp4'
</video> "
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[3].img" :src='day.details[3].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[3].img"
:src="day.details[3].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div style="border:1px solid #ccc;"> <div style="border: 1px solid #ccc">
<div class="down q-ma-lg" style="height: 260px;overflow: hidden;"> <div
<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)" class="down q-ma-lg"
style="cursor: pointer;"></div> style="height: 260px; overflow: hidden"
<div class="playInfo" v-if='day.details[3].playTimeHour || day.details[3].playTimeMinutes'> >
<span class="playInfo-item" v-if='day.details[3].ticketName!=""'> <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>
<span class="playInfo-item" v-if='day.details[3].playTimeHour || day.details[3].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[3].playTimeHour ||
day.details[3].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[3].playTimeHour">{{day.details[3].playTimeHour}}小时 </span> <span v-if="day.details[3].playTimeHour"
<span v-if="day.details[3].playTimeMinutes">{{day.details[3].playTimeMinutes}}分钟 </span> >{{ day.details[3].playTimeHour }}小时
</span>
<span v-if="day.details[3].playTimeMinutes"
>{{ day.details[3].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[3].content"></span> <span v-html="day.details[3].content"></span>
...@@ -145,108 +327,166 @@ ...@@ -145,108 +327,166 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col q-ml-sm" <div class="col q-ml-sm" style="border: 1px solid #ccc">
style="border:1px solid #ccc;"> <div class="up" style="height: 265px">
<div class="up" style="height: 265px;"> <template
<template v-if="day.details[4].fileType&&day.details[4].fileType=='.mp4'"> v-if="
<video ref="myVideo" width="100%" height="100%" :src="day.details[3].videoPath" day.details[4].fileType && day.details[4].fileType == '.mp4'
controls="controls"> "
</video> >
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[3].videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[4].img" :src='day.details[4].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[4].img"
:src="day.details[4].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="down q-ma-lg" style="height: 260px;overflow: hidden;"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[4].title != ''"
<div class="playInfo" v-if='day.details[4].playTimeHour || day.details[4].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[4].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[4].playTimeHour || day.details[4].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[4].playTimeHour ||
day.details[4].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[4].playTimeHour">{{day.details[4].playTimeHour}}小时 </span> <span v-if="day.details[4].playTimeHour"
<span v-if="day.details[4].playTimeMinutes">{{day.details[4].playTimeMinutes}}分钟 </span> >{{ day.details[4].playTimeHour }}小时
</span>
<span v-if="day.details[4].playTimeMinutes"
>{{ day.details[4].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[4].content"></span> <span v-html="day.details[4].content"></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'> <div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4> <h4>温馨提示</h4>
<div class="remark"> <div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span> <span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div> </div>
</div> </div>
<div class="restaurant" :class="{'row justify-between wrap':$q.platform.is.desktop,'column':$q.platform.is.mobile}"> <div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_breakfast.png' /> <img src="../../../assets/img/daily_breakfast.png" />
</div> </div>
<div class="val">{{day.can.breakfirst}}</div> <div class="val">{{ day.can.breakfirst }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_lunch.png' /> <img src="../../../assets/img/daily_lunch.png" />
</div> </div>
<div class="val">{{day.can.lanuch}}</div> <div class="val">{{ day.can.lanuch }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_dinner.png' /> <img src="../../../assets/img/daily_dinner.png" />
</div> </div>
<div class="val">{{day.can.dinner}}</div> <div class="val">{{ day.can.dinner }}</div>
</div> </div>
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div> </div>
<div class="val" v-if='day.jiu2.length>0'> <div class="restaurant">
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k"> <div class="restaurant-item col-24 row">
{{k==day.jiu2.length-1?t.name:t.name+' / '}} <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> </span>
{{getHotelSuffix()}} {{ getHotelSuffix() }}
</div> </div>
<div class="val" v-else>本日无酒店安排</div> <div class="val" v-else>本日无酒店安排</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props:{ props: {
day:{}, day: {},
isDirect:{} isDirect: {},
}, },
methods:{ methods: {
getHotelSuffix(){ getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} else { } else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name != if (
'机场附近酒店') { this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) { if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】" suffix = "【保证入住】";
} else { } else {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} }
} }
...@@ -254,10 +494,10 @@ export default { ...@@ -254,10 +494,10 @@ export default {
return suffix; return suffix;
}, },
goUrl(url) { goUrl(url) {
if(url!=null&&url.length>0){ if (url != null && url.length > 0) {
window.open(url, "_blank"); window.open(url, "_blank");
} }
} },
} },
} };
</script> </script>
src/components/trip/block/fourday.vue
View file @ b8963eef
...@@ -3,109 +3,254 @@ ...@@ -3,109 +3,254 @@
<div class="one-block"> <div class="one-block">
<div class="item big row items-center"> <div class="item big row items-center">
<div class="row no-wrap col-12"> <div class="row no-wrap col-12">
<div class="col" style="position: relative;top: 0;left: 0;"> <div class="col" style="position: relative; top: 0; left: 0">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls"> v-if="
</video> 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>
<template v-else> <template v-else>
<q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="right col-4" style="border: 1px solid #ccc;border-left: 0;"> <div
class="right col-4"
style="border: 1px solid #ccc; border-left: 0"
>
<div class="details"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[0].title != ''"
<div class="playInfo" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> 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>--> <!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[0].ticketName}}--> <!--{{day.details[0].ticketName}}-->
</span> </span>
<span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span> <span v-if="day.details[0].playTimeHour"
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span> >{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟</span
>
</span> </span>
</div> </div>
<span v-html="day.details[0].content"></span> <span v-html="day.details[0].content"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 item row justify-between no-wrap q-mt-sm" style="background: #F6F6F6;"> <div
<div class="col row no-wrap" style="position: relative;top: 0;left: 0;"> class="col-12 item row justify-between no-wrap q-mt-sm"
<div class="col-6" style="background: #f6f6f6"
style="border:1px solid #ccc;"> >
<div class="up" style="height: 260px;"> <div
<template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'"> class="col row no-wrap"
<video ref="myVideo" width="100%" height="100%" :src="day.details[1].videoPath" style="position: relative; top: 0; left: 0"
controls="controls"> >
</video> <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>
<template v-else> <template v-else>
<q-img v-if="day.details[1].img" :src='day.details[1].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[1].img"
:src="day.details[1].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="down q-ma-lg"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[1].title != ''"
<div class="playInfo" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[1].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[1].playTimeHour">{{day.details[1].playTimeHour}}小时 </span> <span v-if="day.details[1].playTimeHour"
<span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟 </span> >{{ day.details[1].playTimeHour }}小时
</span>
<span v-if="day.details[1].playTimeMinutes"
>{{ day.details[1].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[1].content"></span> <span v-html="day.details[1].content"></span>
</div> </div>
</div> </div>
<div class="col q-ml-sm" <div class="col q-ml-sm" style="border: 1px solid #ccc">
style="border:1px solid #ccc;"> <div class="up" style="height: 260px">
<div class="up" style="height: 260px;"> <template
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'"> v-if="
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath" day.details[2].fileType && day.details[2].fileType == '.mp4'
controls="controls"> "
</video> >
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[2].img" :src='day.details[2].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[2].img"
:src="day.details[2].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="down q-ma-lg"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[2].title != ''"
<div class="playInfo" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[2].playTimeHour">{{day.details[2].playTimeHour}}小时 </span> <span v-if="day.details[2].playTimeHour"
<span v-if="day.details[2].playTimeMinutes">{{day.details[2].playTimeMinutes}}分钟 </span> >{{ day.details[2].playTimeHour }}小时
</span>
<span v-if="day.details[2].playTimeMinutes"
>{{ day.details[2].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[2].content"></span> <span v-html="day.details[2].content"></span>
...@@ -113,110 +258,168 @@ ...@@ -113,110 +258,168 @@
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
<div class="q-ml-sm" <div class="q-ml-sm" style="border: 1px solid #ccc">
style="border:1px solid #ccc;"> <div class="up" style="height: 260px">
<div class="up" style="height: 260px;"> <template
<template v-if="day.details[3].fileType&&day.details[3].fileType=='.mp4'"> v-if="
<video ref="myVideo" width="100%" height="100%" :src="day.details[3].videoPath" day.details[3].fileType && day.details[3].fileType == '.mp4'
controls="controls"> "
</video> >
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[3].videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[3].img" :src='day.details[3].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[3].img"
:src="day.details[3].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="down q-ma-lg"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[3].title != ''"
<div class="playInfo" v-if='day.details[3].playTimeHour || day.details[3].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[3].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[3].playTimeHour || day.details[3].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[3].playTimeHour ||
day.details[3].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[3].playTimeHour">{{day.details[3].playTimeHour}}小时 </span> <span v-if="day.details[3].playTimeHour"
<span v-if="day.details[3].playTimeMinutes">{{day.details[3].playTimeMinutes}}分钟 </span> >{{ day.details[3].playTimeHour }}小时
</span>
<span v-if="day.details[3].playTimeMinutes"
>{{ day.details[3].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[3].content"></span> <span v-html="day.details[3].content"></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'> <div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4> <h4>温馨提示</h4>
<div class="remark"> <div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span> <span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div> </div>
</div> </div>
<div class="restaurant" :class="{'row justify-between wrap':$q.platform.is.desktop,'column':$q.platform.is.mobile}"> <div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_breakfast.png' /> <img src="../../../assets/img/daily_breakfast.png" />
</div> </div>
<div class="val">{{day.can.breakfirst}}</div> <div class="val">{{ day.can.breakfirst }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_lunch.png' /> <img src="../../../assets/img/daily_lunch.png" />
</div> </div>
<div class="val">{{day.can.lanuch}}</div> <div class="val">{{ day.can.lanuch }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_dinner.png' /> <img src="../../../assets/img/daily_dinner.png" />
</div> </div>
<div class="val">{{day.can.dinner}}</div> <div class="val">{{ day.can.dinner }}</div>
</div> </div>
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div> </div>
<div class="val" v-if='day.jiu2.length>0'> <div class="restaurant">
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k"> <div class="restaurant-item col-24 row">
{{k==day.jiu2.length-1?t.name:t.name+' / '}} <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> </span>
{{getHotelSuffix()}} {{ getHotelSuffix() }}
</div> </div>
<div class="val" v-else>本日无酒店安排</div> <div class="val" v-else>本日无酒店安排</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props:{ props: {
day:{}, day: {},
isDirect:{} isDirect: {},
}, },
methods:{ methods: {
getHotelSuffix(){ getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} else { } else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name != if (
'机场附近酒店') { this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) { if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】" suffix = "【保证入住】";
} else { } else {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} }
} }
...@@ -224,10 +427,10 @@ export default { ...@@ -224,10 +427,10 @@ export default {
return suffix; return suffix;
}, },
goUrl(url) { goUrl(url) {
if(url!=null&&url.length>0){ if (url != null && url.length > 0) {
window.open(url, "_blank"); window.open(url, "_blank");
} }
} },
} },
} };
</script> </script>
src/components/trip/block/oneday.vue
View file @ b8963eef
...@@ -2,78 +2,142 @@ ...@@ -2,78 +2,142 @@
<div class="block-item"> <div class="block-item">
<div class="one-block"> <div class="one-block">
<div class="item big row"> <div class="item big row">
<div class="row no-wrap" :class="{'col-8':day.details.length>1,'col':day.details.length==1}"> <div
class="row no-wrap"
:class="{
'col-8': day.details.length > 1,
col: day.details.length == 1,
}"
>
<div class="col-7"> <div class="col-7">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls"> v-if="
</video> 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>
<template v-else> <template v-else>
<q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="right col" style="border: 1px solid #ccc;border-left: 0;"> <div class="right col" style="border: 1px solid #ccc; border-left: 0">
<div class="details"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[0].title != ''"
<div class="playInfo" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span> <span v-if="day.details[0].playTimeHour"
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span> >{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟</span
>
</span> </span>
</div> </div>
<span v-html="day.details[0].content"></span> <span v-html="day.details[0].content"></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'> <div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4> <h4>温馨提示</h4>
<div class="remark"> <div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span> <span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div> </div>
</div> </div>
<div class="restaurant" :class="{'row justify-between wrap':$q.platform.is.desktop,'column':$q.platform.is.mobile}"> <div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_breakfast.png' /> <img src="../../../assets/img/daily_breakfast.png" />
</div> </div>
<div class="val">{{day.can.breakfirst}}</div> <div class="val">{{ day.can.breakfirst }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_lunch.png' /> <img src="../../../assets/img/daily_lunch.png" />
</div> </div>
<div class="val">{{day.can.lanuch}}</div> <div class="val">{{ day.can.lanuch }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_dinner.png' /> <img src="../../../assets/img/daily_dinner.png" />
</div> </div>
<div class="val">{{day.can.dinner}}</div> <div class="val">{{ day.can.dinner }}</div>
</div> </div>
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div> </div>
<div class="val" v-if='day.jiu2.length>0'> <div class="restaurant">
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k"> <div class="restaurant-item col-24 row">
{{k==day.jiu2.length-1?t.name:t.name+' / '}} <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> </span>
{{getHotelSuffix()}} {{ getHotelSuffix() }}
</div> </div>
<div class="val" v-else>本日无酒店安排</div> <div class="val" v-else>本日无酒店安排</div>
</div> </div>
...@@ -83,28 +147,29 @@ ...@@ -83,28 +147,29 @@
</template> </template>
<script> <script>
export default { export default {
props:{ props: {
day:{}, day: {},
isDirect:{} isDirect: {},
},
mounted() {
console.log(this.day,'----')
}, },
methods:{ mounted() {},
getHotelSuffix(){ methods: {
getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} else { } else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name != if (
'机场附近酒店') { this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) { if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】" suffix = "【保证入住】";
} else { } else {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} }
} }
...@@ -112,10 +177,10 @@ export default { ...@@ -112,10 +177,10 @@ export default {
return suffix; return suffix;
}, },
goUrl(url) { goUrl(url) {
if(url!=null&&url.length>0){ if (url != null && url.length > 0) {
window.open(url, "_blank"); window.open(url, "_blank");
} }
} },
} },
} };
</script> </script>
src/components/trip/block/threeday.vue
View file @ b8963eef
...@@ -2,189 +2,343 @@ ...@@ -2,189 +2,343 @@
<div class="block-item"> <div class="block-item">
<div class="two-block"> <div class="two-block">
<div class="column"> <div class="column">
<div class="item col row no-wrap" style="background: #F6F6F6;"> <div class="item col row no-wrap" style="background: #f6f6f6">
<div class="up col-8"> <div class="up col-8">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath" v-if="
controls="controls"> day.details[0].fileType && day.details[0].fileType == '.mp4'
</video> "
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="item.videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[0].img" :src='day.details[0].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[0].img"
:src="day.details[0].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="row items-end" style="border:1px solid #ccc;left: 0;"> <div class="row items-end" style="border: 1px solid #ccc; left: 0">
<div class="q-pb-lg"> <div class="q-pb-lg">
<div class="down q-pa-lg col"> <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)" <div
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div> v-if="day.details[0].title != ''"
<div class="playInfo" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[0].playTimeHour ||
day.details[0].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span> <span v-if="day.details[0].playTimeHour"
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟 </span> >{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[0].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[0].content"></span> <span v-html="day.details[0].content"></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="item q-mt-sm col row no-wrap" style="background: #F6F6F6;"> <div class="item q-mt-sm col row no-wrap" style="background: #f6f6f6">
<div class="up row"> <div class="up row">
<div class="col" style="border:1px solid #ccc;right: 0;"> <div class="col" style="border: 1px solid #ccc; right: 0">
<div class="down q-ma-lg col"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[1].title != ''"
<div class="playInfo" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[1].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[1].playTimeHour ||
day.details[1].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[1].playTimeHour">{{day.details[1].playTimeHour}}小时 </span> <span v-if="day.details[1].playTimeHour"
<span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟 </span> >{{ day.details[1].playTimeHour }}小时
</span>
<span v-if="day.details[1].playTimeMinutes"
>{{ day.details[1].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[1].content"></span> <span v-html="day.details[1].content"></span>
</div> </div>
</div> </div>
<div class="col-8"> <div class="col-8">
<template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[1].videoPath" v-if="
controls="controls"> day.details[1].fileType && day.details[1].fileType == '.mp4'
</video> "
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[1].videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[1].img" :src='day.details[1].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[1].img"
:src="day.details[1].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
</div> </div>
</div> </div>
<div class="item col row no-wrap q-mt-sm " style="background: #F6F6F6;"> <div class="item col row no-wrap q-mt-sm" style="background: #f6f6f6">
<div class="up col-8"> <div class="up col-8">
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'"> <template
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath" v-if="
controls="controls"> day.details[2].fileType && day.details[2].fileType == '.mp4'
</video> "
>
<video
ref="myVideo"
width="100%"
height="100%"
:src="day.details[2].videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="day.details[2].img" :src='day.details[2].img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="day.details[2].img"
:src="day.details[2].img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="row items-end" style="border:1px solid #ccc;left: 0;"> <div class="row items-end" style="border: 1px solid #ccc; left: 0">
<div class="q-pb-lg"> <div class="q-pb-lg">
<div class="down q-pa-lg col"> <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)" <div
style="cursor: pointer;"></div> v-if="day.details[2].title != ''"
<div class="playInfo" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'> 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>
<span class="playInfo-item" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'> <span
class="playInfo-item"
v-if="
day.details[2].playTimeHour ||
day.details[2].playTimeMinutes
"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="day.details[2].playTimeHour">{{day.details[0].playTimeHour}}小时 </span> <span v-if="day.details[2].playTimeHour"
<span v-if="day.details[2].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟 </span> >{{ day.details[0].playTimeHour }}小时
</span>
<span v-if="day.details[2].playTimeMinutes"
>{{ day.details[0].playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="day.details[2].content"></span> <span v-html="day.details[2].content"></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'> <div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4> <h4>温馨提示</h4>
<div class="remark"> <div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span> <span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div> </div>
</div> </div>
<div class="restaurant" :class="{'row justify-between wrap':$q.platform.is.desktop,'column':$q.platform.is.mobile}"> <div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_breakfast.png' /> <img src="../../../assets/img/daily_breakfast.png" />
</div> </div>
<div class="val">{{day.can.breakfirst}}</div> <div class="val">{{ day.can.breakfirst }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_lunch.png' /> <img src="../../../assets/img/daily_lunch.png" />
</div> </div>
<div class="val">{{day.can.lanuch}}</div> <div class="val">{{ day.can.lanuch }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_dinner.png' /> <img src="../../../assets/img/daily_dinner.png" />
</div> </div>
<div class="val">{{day.can.dinner}}</div> <div class="val">{{ day.can.dinner }}</div>
</div> </div>
<div class="restaurant-item col-24">
<div class="key">
<img src='../../../assets/img/daily_hotel-1.png' />
</div> </div>
<div class="val" v-if='day.jiu2.length>0'> <div class="restaurant">
<span v-for="(t,k) in day.jiu2" @click.stop="goUrl(t.url)" style="cursor: pointer" :key="k"> <div class="restaurant-item col-24 row">
{{k==day.jiu2.length-1?t.name:t.name+' / '}} <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> </span>
{{getHotelSuffix()}} {{ getHotelSuffix() }}
</div> </div>
<div class="val" v-else>本日无酒店安排</div> <div class="val" v-else>本日无酒店安排</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
day: {}, day: {},
isDirect: {} isDirect: {},
}, },
methods: { methods: {
getHotelSuffix() { getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} else { } else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name != if (
'机场附近酒店') { this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) { if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】" suffix = "【保证入住】";
} else { } else {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} }
} }
...@@ -195,7 +349,7 @@ ...@@ -195,7 +349,7 @@
if (url != null && url.length > 0) { if (url != null && url.length > 0) {
window.open(url, "_blank"); window.open(url, "_blank");
} }
} },
} },
} };
</script> </script>
src/components/trip/block/twoday.vue
View file @ b8963eef
...@@ -2,159 +2,257 @@ ...@@ -2,159 +2,257 @@
<div class="block-item"> <div class="block-item">
<div class="two-block"> <div class="two-block">
<div class="column"> <div class="column">
<template v-for="(item,index) in day.details"> <template v-for="(item, index) in day.details">
<div v-if="index<1" class="item" :key="item.dayNum" <div
:class="{'col':index==0, v-if="index < 1"
'row no-wrap':index==0,'q-ml-sm':index==1}" style="background: #F6F6F6;"> class="item"
<div class="up" :key="item.dayNum"
:class="{'col-8':day.details.length>1&&index==0,}" :style="{'height':index==1?'265px':''}"> :class="{
<template v-if="item.fileType&&item.fileType=='.mp4'"> col: index == 0,
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath" 'row no-wrap': index == 0,
controls="controls"> 'q-ml-sm': index == 1,
</video> }"
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>
<template v-else> <template v-else>
<q-img
<q-img v-if="item.img" :src='item.img' :ratio="12/4" fit="cover" height="100%"> v-if="item.img"
:src="item.img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
<div class="row items-end" style="border:1px solid #ccc;left: 0;"> <div class="row items-end" style="border: 1px solid #ccc; left: 0">
<div class="q-pb-lg"> <div class="q-pb-lg">
<div class="down q-pa-lg" :class="{'col':index==0}"> <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)" <div
style="cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"></div> v-if="item.title != ''"
<div class="playInfo" v-if='item.playTimeHour || item.playTimeMinutes'> class="text-h6 text-bold q-pb-sm"
<span class="playInfo-item" v-if='item.ticketName!=""'> 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>
<span class="playInfo-item" v-if='item.playTimeHour || item.playTimeMinutes'> <span
class="playInfo-item"
v-if="item.playTimeHour || item.playTimeMinutes"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span> <span v-if="item.playTimeHour"
<span v-if="item.playTimeMinutes">{{item.playTimeMinutes}}分钟 </span> >{{ item.playTimeHour }}小时
</span>
<span v-if="item.playTimeMinutes"
>{{ item.playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="item.content"></span> <span v-html="item.content"></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<template v-for="(item,index) in day.details"> <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
<div class="col q-pa-lg" style="border:1px solid #ccc;right: 0;"> v-if="index == 1"
<div class="down" :class="{'col':index==0}"> class="item up q-mt-sm row no-wrap col"
<div v-if="item.title!=''" class="text-h6 text-bold q-pb-sm" v-html="item.title" @click.stop="goUrl(item.url)" :key="item.dayNum"
style="cursor: pointer;"></div> style="background: #f6f6f6"
<div class="playInfo" v-if='item.playTimeHour || item.playTimeMinutes'> >
<span class="playInfo-item" v-if='item.ticketName!=""'> <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>
<span class="playInfo-item" v-if='item.playTimeHour || item.playTimeMinutes'> <span
class="playInfo-item"
v-if="item.playTimeHour || item.playTimeMinutes"
>
<i class="iconfont icon-shijian1"></i> <i class="iconfont icon-shijian1"></i>
约 约
<span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span> <span v-if="item.playTimeHour"
<span v-if="item.playTimeMinutes">{{item.playTimeMinutes}}分钟 </span> >{{ item.playTimeHour }}小时
</span>
<span v-if="item.playTimeMinutes"
>{{ item.playTimeMinutes }}分钟
</span>
</span> </span>
</div> </div>
<span v-html="item.content"></span> <span v-html="item.content"></span>
</div> </div>
</div> </div>
<div class="col-8"> <div class="col-8">
<template v-if="item.fileType&&item.fileType=='.mp4'"> <template v-if="item.fileType && item.fileType == '.mp4'">
<video ref="myVideo" width="100%" height="100%" :src="item.videoPath" <video
controls="controls"> ref="myVideo"
</video> width="100%"
height="100%"
:src="item.videoPath"
controls="controls"
></video>
</template> </template>
<template v-else> <template v-else>
<q-img v-if="item.img" :src='item.img' :ratio="12/4" fit="cover" height="100%"> <q-img
v-if="item.img"
:src="item.img"
:ratio="12 / 4"
fit="cover"
height="100%"
>
<template v-slot:error> <template v-slot:error>
<div class="absolute-full flex flex-center bg-blue-1 text-dark"> <div
class="absolute-full flex flex-center bg-blue-1 text-dark"
>
图片加载失败 图片加载失败
</div> </div>
</template> </template>
</q-img> </q-img>
<q-img v-else src='../../../assets/img/nll.jpg' :ratio="12/4" fit="cover" height="100%"></q-img> <q-img
v-else
src="../../../assets/img/nll.jpg"
:ratio="12 / 4"
fit="cover"
height="100%"
></q-img>
</template> </template>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
<div class="item flex q-mt-sm q-pa-lg" v-if='day.tips.length>0'> <div class="item flex q-mt-sm q-pa-lg" v-if="day.tips.length > 0">
<h4>温馨提示</h4> <h4>温馨提示</h4>
<div class="remark"> <div class="remark">
<span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span> <span v-for="(t, k) in day.tips" :key="k" v-html="t.content"></span>
</div> </div>
</div> </div>
<div class="restaurant" :class="{'row justify-between wrap':$q.platform.is.desktop,'column':$q.platform.is.mobile}"> <div
class="restaurant"
:class="{
'row justify-between wrap': $q.platform.is.desktop,
column: $q.platform.is.mobile,
}"
>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_breakfast.png' /> <img src="../../../assets/img/daily_breakfast.png" />
</div> </div>
<div class="val">{{day.can.breakfirst}}</div> <div class="val">{{ day.can.breakfirst }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_lunch.png' /> <img src="../../../assets/img/daily_lunch.png" />
</div> </div>
<div class="val">{{day.can.lanuch}}</div> <div class="val">{{ day.can.lanuch }}</div>
</div> </div>
<div class="restaurant-item"> <div class="restaurant-item">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_dinner.png' /> <img src="../../../assets/img/daily_dinner.png" />
</div> </div>
<div class="val">{{day.can.dinner}}</div> <div class="val">{{ day.can.dinner }}</div>
</div> </div>
<div class="restaurant-item col-24"> </div>
<div class="restaurant">
<div class="restaurant-item col-24 row">
<div class="key"> <div class="key">
<img src='../../../assets/img/daily_hotel-1.png' /> <img src="../../../assets/img/daily_hotel-1.png" />
</div> </div>
<div class="val" v-if='day.jiu2.length>0'> <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"> <span
{{k==day.jiu2.length-1?t.name:t.name+' / '}} 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> </span>
{{getHotelSuffix()}} {{ getHotelSuffix() }}
</div> </div>
<div class="val" v-else>本日无酒店安排</div> <div class="val" v-else>本日无酒店安排</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
day: {}, day: {},
isDirect: {} isDirect: {},
}, },
mounted() { mounted() {
console.log(this.day,'--------')
}, },
methods: { methods: {
getHotelSuffix() { getHotelSuffix() {
let suffix = ""; let suffix = "";
if (this.day.jiu2.length > 1) { if (this.day.jiu2.length > 1) {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} else { } else {
if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name != if (
'机场附近酒店') { this.day.jiu2.length == 1 &&
this.day.jiu2[0].name != "温馨的家" &&
this.day.jiu2[0].name != "机场附近酒店"
) {
if (this.day.jiu2[0].status == 1) { if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】" suffix = "【保证入住】";
} else { } else {
if (this.isDirect === 1) { if (this.isDirect === 1) {
suffix = "或同級" suffix = "或同級";
} }
} }
} }
...@@ -165,7 +263,7 @@ ...@@ -165,7 +263,7 @@
if (url != null && url.length > 0) { if (url != null && url.length > 0) {
window.open(url, "_blank"); window.open(url, "_blank");
} }
} },
} },
} };
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment