Skip to content

S
SuperMan
Commit 71833e32 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 6418c60d
Hide whitespace changes
Inline Side-by-side
Showing with 220 additions and 212 deletions
src/components/commonPage/threeday.vue
View file @ 71833e32
<template> <template>
<div class="block-item"> <div class="block-item">
<div class="two-block"> <div class="two-block">
<div> <div>
<table class="trip-title"> <table class="trip-title">
<tr> <tr>
<td class="day"> <td class="day">
<h3> <h3>
第 第
<span v-if="dayNum<10">0</span> <span v-if="dayNum<10">0</span>
{{dayNum}}天 {{dayNum}}天
</h3> </h3>
<p v-if="isshowtime" style="margin: 0;">{{day.dateTime}}</p> <p v-if="isshowtime" style="margin: 0;">{{day.dateTime}}</p>
</td> </td>
<td class="desc" v-html="title"></td> <td class="desc" v-html="title"></td>
</tr> </tr>
</table> </table>
<table class="day_table"> <table class="day_table">
<tr> <tr>
<td> <td>
<div class="item big"> <div class="item big">
<div class="left"> <div class="left">
<template v-if="day.details[0].fileType&&day.details[0].fileType=='.mp4'"> <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 ref="myVideo" width="100%" height="100%" :src="day.details[0].videoPath" controls="controls">
</video> </video>
</template> </template>
<template v-else> <template v-else>
<img v-if="day.details[0].img!='' && day.details[0].scenicJson" :style="{'top':day.details[0].scenicJson.y+'px'}" <img v-if="day.details[0].img!='' && day.details[0].scenicJson"
:src='compressImg(day.details[0].img, "filt", 663, "")' /> :style="{'top':day.details[0].scenicJson.y+'px'}"
<img v-else :src='compressImg(day.details[0].img, "filt", 663, "")' /> :src='compressImg(day.details[0].img, "filt", 663, "")' />
</template> <img v-else :src='compressImg(day.details[0].img, "filt", 663, "")' />
</div> </template>
<div class="right"> </div>
<div class="details"> <div class="right">
<h4 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)" style="cursor: pointer" ></h4> <div class="details">
<div class="playInfo"> <h4 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)" style="cursor: pointer">
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> </h4>
<!--<i class="iconfont icon-menpiao"></i>--> <div class="playInfo">
<!--{{day.details[0].ticketName}}--> <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">{{day.details[0].playTimeHour}}小时 </span>
<span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span> <span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟</span>
</span> </span>
</div> </div>
<span v-html="day.details[0].content" class="pp"></span> <span v-html="day.details[0].content" class="pp"></span>
</div> </div>
</div> </div>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
<table class="day_table"> <table class="day_table">
<tr> <tr>
<td> <td>
<div class="threeday_2"> <div class="threeday_2">
<div> <div>
<div class="item hor-box"> <div class="item hor-box">
<div class="details" style="padding: 22px;"> <div class="details" style="padding: 22px;">
<h4 v-html="day.details[1].title" @click.stop="goUrl(day.details[1].url)" style="cursor: pointer" ></h4> <h4 v-html="day.details[1].title" @click.stop="goUrl(day.details[1].url)" style="cursor: pointer">
<div class="playInfo"> </h4>
<span class="playInfo-item" v-if='day.details[1].ticketName!=""'> <div class="playInfo">
<!--<i class="iconfont icon-menpiao"></i>--> <span class="playInfo-item" v-if='day.details[1].ticketName!=""'>
<!--{{day.details[1].ticketName}}--> </span>
</span> <span class="playInfo-item"
<span class="playInfo-item" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'> 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">{{day.details[1].playTimeHour}}小时 </span>
<span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟 </span> <span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟 </span>
</span> </span>
</div> </div>
<div style="height: 150px;line-height: 22px;overflow: hidden;text-overflow:ellipsis;" v-html="day.details[1].content"></div> <div style="height: 150px;line-height: 22px;overflow: hidden;text-overflow:ellipsis;"
</div> v-html="day.details[1].content"></div>
</div> </div>
</div> </div>
<div> </div>
<div class="item hor-box"> <div>
<div class="image"> <div class="item hor-box">
<template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'"> <div class="image">
<video ref="myVideo" width="100%" height="100%" :src="day.details[1].videoPath" controls="controls"> <template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'">
</video> <video ref="myVideo" width="100%" height="100%" :src="day.details[1].videoPath"
</template> controls="controls">
<template v-else> </video>
<img v-if="day.details[1].img!='' && day.details[1].scenicJson" :style="{'top':day.details[1].scenicJson.y+'px'}" </template>
:src='compressImg(day.details[1].img, "filt", 663, "")'/> <template v-else>
<img v-else :src='compressImg(day.details[1].img, "filt", 663, "")' /> <img v-if="day.details[1].img!='' && day.details[1].scenicJson"
</template> :style="{'top':day.details[1].scenicJson.y+'px'}"
</div> :src='compressImg(day.details[1].img, "filt", 663, "")' />
</div> <img v-else :src='compressImg(day.details[1].img, "filt", 663, "")' />
</div> </template>
</div> </div>
</td> </div>
</tr> </div>
</table> </div>
<table class="day_table"> </td>
<tr> </tr>
<td> </table>
<div class="threeday_3"> <table class="day_table">
<div> <tr>
<div class="item hor-box"> <td>
<div class="image"> <div class="threeday_3">
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'"> <div>
<video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath" controls="controls"> <div class="item hor-box">
</video> <div class="image">
</template> <template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'">
<template v-else> <video ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath"
<img v-if="day.details[2].img!='' && day.details[2].scenicJson" :style="{'top':day.details[2].scenicJson.y+'px'}" :src='compressImg(day.details[2].img, "filt", 663, "")' /> controls="controls">
<img v-else :src='compressImg(day.details[2].img, "filt", 663, "")' /> </video>
</template> </template>
</div> <template v-else>
</div> <img v-if="day.details[2].img!='' && day.details[2].scenicJson"
</div> :style="{'top':day.details[2].scenicJson.y+'px'}"
<div> :src='compressImg(day.details[2].img, "filt", 663, "")' />
<div class="item hor-box"> <img v-else :src='compressImg(day.details[2].img, "filt", 663, "")' />
<div class="details" style="padding: 22px;"> </template>
<h4 v-html="day.details[2].title" @click.native.stop="goUrl(day.details[2].url)" style="cursor: pointer"></h4> </div>
<div class="playInfo"> </div>
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'> </div>
<!--<i class="iconfont icon-menpiao"></i>-->
<!--{{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 style="height: 131px;line-height: 22px;overflow: hidden;text-overflow:ellipsis;" v-html="day.details[2].content"></div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="item day_tips" v-if='day.tips.length>0'>
<h4>温馨提示</h4>
<div> <div>
<div v-for="(t,k) in day.tips" :key="k" v-html="t.content"></div> <div class="item hor-box">
<div class="details" style="padding: 22px;">
<h4 v-html="day.details[2].title" @click.stop="goUrl(day.details[2].url)" style="cursor: pointer">
</h4>
<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>
<div style="height: 131px;line-height: 22px;overflow: hidden;text-overflow:ellipsis;"
v-html="day.details[2].content"></div>
</div>
</div>
</div> </div>
</div> </div>
<table> </td>
<tr class="restaurant"> </tr>
<td width="95" valign="middle" class="key"> </table>
<img crossOrigin="Anonymous" src='../../assets/img/daily_breakfast.png' /> </div>
</td> <div class="item day_tips" v-if='day.tips.length>0'>
<td width="211" valign="middle" class="val">{{day.can.breakfirst}}</td> <h4>温馨提示</h4>
<td width="110" align="center" valign="middle" class="key"> <div>
<img crossOrigin="Anonymous" src='../../assets/img/daily_lunch.png' /> <div v-for="(t,k) in day.tips" :key="k" v-html="t.content"></div>
</td>
<td width="211" valign="middle" class="val">{{day.can.lanuch}}</td>
<td width="110" align="center" valign="middle" class="key">
<img crossOrigin="Anonymous" src='../../assets/img/daily_dinner.png' />
</td>
<td valign="middle" class="val">{{day.can.dinner}}</td>
</tr>
<tr class="restaurant">
<td colspan="6" height="15"></td>
</tr>
<tr class="restaurant">
<td valign="top" class="key">
<img crossOrigin="Anonymous" src='../../assets/img/daily_hotel-1.png' />
</td>
<td valign="middle" colspan="5" 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.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name) : (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name)+' / ' }}
</span>
{{getHotelSuffix()}}
</td>
<td valign="middle" colspan="5" class="val" v-else>本日无酒店安排</td>
</tr>
</table>
</div> </div>
</div>
<table>
<tr class="restaurant">
<td width="95" valign="middle" class="key">
<img crossOrigin="Anonymous" src='../../assets/img/daily_breakfast.png' />
</td>
<td width="211" valign="middle" class="val">{{day.can.breakfirst}}</td>
<td width="110" align="center" valign="middle" class="key">
<img crossOrigin="Anonymous" src='../../assets/img/daily_lunch.png' />
</td>
<td width="211" valign="middle" class="val">{{day.can.lanuch}}</td>
<td width="110" align="center" valign="middle" class="key">
<img crossOrigin="Anonymous" src='../../assets/img/daily_dinner.png' />
</td>
<td valign="middle" class="val">{{day.can.dinner}}</td>
</tr>
<tr class="restaurant">
<td colspan="6" height="15"></td>
</tr>
<tr class="restaurant">
<td valign="top" class="key">
<img crossOrigin="Anonymous" src='../../assets/img/daily_hotel-1.png' />
</td>
<td valign="middle" colspan="5" 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.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name) : (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name)+' / ' }}
</span>
{{getHotelSuffix()}}
</td>
<td valign="middle" colspan="5" class="val" v-else>本日无酒店安排</td>
</tr>
</table>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
props:{ props: {
day:{}, day: {},
isDirect:{}, isDirect: {},
title:{}, title: {},
dayNum:{}, dayNum: {},
showTime: {}, showTime: {},
}, },
data() { data() {
return { return {
isshowtime: true, isshowtime: true,
} }
}, },
watch: { watch: {
showTime: { showTime: {
handler: function (v, ov) { handler: function (v, ov) {
this.isshowtime = v; this.isshowtime = v;
},
deep: true,
}, },
deep: true,
}, },
}, 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 = "或同級"
} }
} }
}
} }
} return suffix;
return suffix; },
}, goUrl(url) {
goUrl(url) { if (url != null && url.length > 0) {
if(url!=null&&url.length>0){ if (url.indexOf('http://') == -1 || url.indexOf('https://') == -1) {
if(url.indexOf('http://')==-1 || url.indexOf('https://')==-1){ url = 'http://' + url;
url='http://'+url; }
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