Skip to content

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

no message

parent fb797202
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1687 additions and 927 deletions
src/components/trip/block/fiveday.vue
View file @ b8963eef
This diff is collapsed.
src/components/trip/block/fourday.vue
View file @ b8963eef
This diff is collapsed.
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
This diff is collapsed.
src/components/trip/block/twoday.vue
View file @ b8963eef
This diff is collapsed.
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