Skip to content

A
Athena
Commit be604cf8 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 8a0a3a1e
Hide whitespace changes
Inline Side-by-side
Showing with 477 additions and 432 deletions
src/components/mall/detailTwo.vue
View file @ be604cf8
...@@ -158,8 +158,6 @@ ...@@ -158,8 +158,6 @@
<span class="tips pointer"> <span class="tips pointer">
起价说明 起价说明
</span> </span>
<!-- <span class="blue split medium pointer">4.9</span>
<span class="blue pointer">0条点评</span> -->
<span style='margin-left:5px'>{{dataList.offerNumber+99}}人出游</span> <span style='margin-left:5px'>{{dataList.offerNumber+99}}人出游</span>
</div> </div>
<div class="activy" v-if="maxdiscountAmount>0"> <div class="activy" v-if="maxdiscountAmount>0">
...@@ -417,11 +415,6 @@ ...@@ -417,11 +415,6 @@
</table> </table>
</div> </div>
<div class="slider" v-if="showType==1&&loadNone==false"> <div class="slider" v-if="showType==1&&loadNone==false">
<!-- <el-carousel :interval="2000" height='400px' trigger="click" :style="{'background':'#ddd'}">
<el-carousel-item v-for="(i,index) in feature.featureImgList" :key="index">
<img :src="i.url" />
</el-carousel-item>
</el-carousel> -->
<swiper :imgs='feature.featureImgList'></swiper> <swiper :imgs='feature.featureImgList'></swiper>
</div> </div>
<div class="zidingyi" v-if="(showType==3 || showType<4)&&loadNone==false"> <div class="zidingyi" v-if="(showType==3 || showType<4)&&loadNone==false">
...@@ -441,16 +434,14 @@ ...@@ -441,16 +434,14 @@
</span> </span>
<span>Trip Maps</span> <span>Trip Maps</span>
</div> </div>
<!-- -->
<div class="map-box" v-if="dataList.isDirect&&travelLngLat.length>1"> <div class="map-box" v-if="dataList.isDirect&&travelLngLat.length>1">
<!-- <bmap :data="travelLngLat"/> -->
<GGMap :dataList="travelLngLat"></GGMap> <GGMap :dataList="travelLngLat"></GGMap>
<div class="_travelLngLatInfo_box"> <div class="_travelLngLatInfo_box">
<p v-for="(item,index) in travelLngLatInfo" :key="index"><span class="_travelLngLatInfo_label">{{item.lable}}</span>： <p v-for="(item,index) in travelLngLatInfo" :key="index"><span
class="_travelLngLatInfo_label">{{item.lable}}</span>：
{{item.text}}</p> {{item.text}}</p>
</div> </div>
</div> </div>
<!-- <div id="map_canvas" style="width:1000px; height:600px;"></div> -->
<div class="item-title"> <div class="item-title">
<span class="t">{{dayTrip}}日行程</span> <span class="t">{{dayTrip}}日行程</span>
<span> <span>
...@@ -460,7 +451,6 @@ ...@@ -460,7 +451,6 @@
</div> </div>
<div v-if='dayList&&dayList.length>0'> <div v-if='dayList&&dayList.length>0'>
<!-- <trip :tripList="dayList"></trip> -->
<block :tripList="dayList" :isDirect="isDirect" :clickDate="clickDate"></block> <block :tripList="dayList" :isDirect="isDirect" :clickDate="clickDate"></block>
</div> </div>
<div class="item-title" id='feiyong'> <div class="item-title" id='feiyong'>
...@@ -650,7 +640,7 @@ ...@@ -650,7 +640,7 @@
</div> </div>
</div> </div>
<div style="height:100px;"></div> <div style="height:100px;"></div>
<template v-if="sonData"> <template v-if="sonData">
<confirmationOrderDownLoad ref="confirmationOrderDownLoad" :sonData="sonData" :TripLayer="TripLayer" /> <confirmationOrderDownLoad ref="confirmationOrderDownLoad" :sonData="sonData" :TripLayer="TripLayer" />
</template> </template>
...@@ -706,19 +696,16 @@ ...@@ -706,19 +696,16 @@
</table> </table>
</div> </div>
</el-dialog> </el-dialog>
<viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer" <viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer"
ref="viewer"> ref="viewer">
<img v-for="(item,index) in images" :src="item.Url" :key="index+5000"> <img v-for="(item,index) in images" :src="item.Url" :key="index+5000">
</viewer> </viewer>
</div> </div>
</template> </template>
<script> <script>
import moment from 'moment' import moment from 'moment'
// import bmap from './map.vue'
import calendar from './calendar.vue' import calendar from './calendar.vue'
import trip from '../trip/waterfall/index' import trip from '../trip/waterfall/index'
import block from '../trip/block/index' import block from '../trip/block/index'
...@@ -729,7 +716,6 @@ ...@@ -729,7 +716,6 @@
import bus from '../../plugins/event-bus' import bus from '../../plugins/event-bus'
export default { export default {
components: { components: {
// bmap,
GGMap, GGMap,
calendar, calendar,
trip, trip,
...@@ -894,7 +880,7 @@ ...@@ -894,7 +880,7 @@
} else { } else {
let orderMsg = this.sonData.orderMsg let orderMsg = this.sonData.orderMsg
this.travelControlTripLayerShow = false this.travelControlTripLayerShow = false
var title=orderMsg.startDate + orderMsg.lineteamName + orderMsg var title = orderMsg.startDate + orderMsg.lineteamName + orderMsg
.dayNum + '日游'; .dayNum + '日游';
this.toPDF(title); this.toPDF(title);
} }
...@@ -903,12 +889,12 @@ ...@@ -903,12 +889,12 @@
toPDF: function (title) { toPDF: function (title) {
this.pdfLoading = true this.pdfLoading = true
let urlObj = this.domainManager(); let urlObj = this.domainManager();
var tcid=0; var tcid = 0;
var cId = 0; var cId = 0;
if(this.sonData&&this.sonData.priceList.length>0&&this.sonData.priceList[0].tcid){ if (this.sonData && this.sonData.priceList.length > 0 && this.sonData.priceList[0].tcid) {
tcid=this.sonData.priceList[0].tcid; tcid = this.sonData.priceList[0].tcid;
} }
if(this.sonData){ if (this.sonData) {
cId = this.sonData.id; cId = this.sonData.id;
} }
let msg = { let msg = {
...@@ -980,7 +966,7 @@ ...@@ -980,7 +966,7 @@
}) })
}, },
DateDiff(sDate1, sDate2) { //sDate1和sDate2是2002-12-18格式 DateDiff(sDate1, sDate2) { //sDate1和sDate2是2002-12-18格式
var aDate, oDate1, oDate2, iDays var aDate, oDate1, oDate2, iDays
aDate = sDate1.split("-") aDate = sDate1.split("-")
...@@ -1068,7 +1054,7 @@ ...@@ -1068,7 +1054,7 @@
this.showType = this.feature.featureType; this.showType = this.feature.featureType;
this.dayTrip = this.dataList.dayNum; this.dayTrip = this.dataList.dayNum;
if (this.dataList.isDirect == 1 && this.dataList.travelLngLat.length) { if (this.dataList.isDirect == 1 && this.dataList.travelLngLat.length) {
this.travelLngLat = []; this.travelLngLat = [];
this.dataList.travelLngLat.forEach(x => { this.dataList.travelLngLat.forEach(x => {
if (x.type != 2) { if (x.type != 2) {
this.travelLngLat.push(x) this.travelLngLat.push(x)
...@@ -1093,7 +1079,7 @@ ...@@ -1093,7 +1079,7 @@
this.htmlTitle = this.dataList.ltName; this.htmlTitle = this.dataList.ltName;
this.showFlight = true this.showFlight = true
this.$forceUpdate() this.$forceUpdate()
} else { } else {
this.$message.error(r.data.message) this.$message.error(r.data.message)
} }
...@@ -1165,17 +1151,17 @@ ...@@ -1165,17 +1151,17 @@
this.scrollobj.scrollTop = document.getElementById(id).offsetTop + screen.availHeight - 350; this.scrollobj.scrollTop = document.getElementById(id).offsetTop + screen.availHeight - 350;
}, },
//跳转至新行程 //跳转至新行程
goUrlTrip(){ goUrlTrip() {
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: 'newTrip', name: 'newTrip',
query: { query: {
ID : decodeURIComponent(this.$route.params.id), ID: decodeURIComponent(this.$route.params.id),
tcid : decodeURIComponent(this.$route.params.tcid), tcid: decodeURIComponent(this.$route.params.tcid),
} }
}) })
window.open(routeData.href, '_blank') window.open(routeData.href, '_blank')
}, },
handleScroll() { handleScroll() {
try { try {
if (this.scrollobj.scrollTop > this.$refs.nav.offsetTop) { if (this.scrollobj.scrollTop > this.$refs.nav.offsetTop) {
this.changeNav = true this.changeNav = true
......
src/components/trip/block/fiveday.vue
View file @ be604cf8
...@@ -5,21 +5,25 @@ ...@@ -5,21 +5,25 @@
<div class="left"> <div class="left">
<div class="image"> <div class="image">
<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 :src='day.details[0].img' :style="{position: 'relative',top:day.details[0].scenicJson.y + 'px'}"/> <img :src='day.details[0].img'
:style="{position: 'relative',top:day.details[0].scenicJson.y + 'px'}" />
</template> </template>
</div> </div>
<div class="item"> <div class="item">
<h3 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)" style="cursor: pointer" ></h3> <h3 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)"
style="cursor: pointer"></h3>
<div class="playInfo"> <div class="playInfo">
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> <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">{{day.details[0].playTimeHour}} 小时</span>
...@@ -36,14 +40,15 @@ ...@@ -36,14 +40,15 @@
<div class="three-item"> <div class="three-item">
<div class="image"> <div class="image">
<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" controls="controls"> <video ref="myVideo" width="100%" height="100%" :src="item.videoPath"
controls="controls">
</video> </video>
</template> </template>
<template v-else> <template v-else>
<img :src='item.img' /> <img :src='item.img' />
</template> </template>
</div> </div>
<h3 v-html="item.title" @click.stop="goUrl(item.url)" style="cursor: pointer" ></h3> <h3 v-html="item.title" @click.stop="goUrl(item.url)" style="cursor: pointer"></h3>
<div class="playInfo"> <div class="playInfo">
<span class="playInfo-item" v-if='item.ticketName!=""'> <span class="playInfo-item" v-if='item.ticketName!=""'>
<!--<i class="iconfont icon-menpiao"></i>--> <!--<i class="iconfont icon-menpiao"></i>-->
...@@ -55,7 +60,7 @@ ...@@ -55,7 +60,7 @@
<span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span> <span v-if="item.playTimeHour">{{item.playTimeHour}}小时 </span>
<span v-if="item.playTimeMinutes">{{item.playTimeMinutes}}分钟</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>
...@@ -74,19 +79,19 @@ ...@@ -74,19 +79,19 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
...@@ -96,10 +101,10 @@ ...@@ -96,10 +101,10 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="24" class="restaurant-item"> <el-col :span="24" class="restaurant-item">
<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 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+' / '}} {{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span> </span>
{{getHotelSuffix()}} {{getHotelSuffix()}}
...@@ -112,32 +117,37 @@ ...@@ -112,32 +117,37 @@
</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!='温馨的家'){ if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
if(this.isDirect===1){ '机场附近酒店') {
suffix = "【保证入住】" if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
} }
} }
} 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> \ No newline at end of file
src/components/trip/block/fourday.vue
View file @ be604cf8
...@@ -116,19 +116,24 @@ export default { ...@@ -116,19 +116,24 @@ export default {
}, },
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!='温馨的家'){ if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
if(this.isDirect===1){ '机场附近酒店') {
suffix = "【保证入住】" if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
} }
} }
} return suffix;
return suffix;
}, },
goUrl(url) { goUrl(url) {
if(url!=null&&url.length>0){ if(url!=null&&url.length>0){
......
src/components/trip/block/index.vue
View file @ be604cf8
<style> <style>
@import url('../../../assets/trip/block/index.css'); @import url('../../../assets/trip/block/index.css');
</style> </style>
<template> <template>
<div class="trip-box"> <div class="trip-box">
<div class="trip-block" v-for="(item,i) in trips" :key="i"> <div class="trip-block" v-for="(item,i) in trips" :key="i">
<div class="trip-title"> <div class="trip-title">
<div > <div>
<p class="day">第<span v-if='item.dayNum<10'>0</span>{{item.dayNum}}天</p> <p class="day">第<span v-if='item.dayNum<10'>0</span>{{item.dayNum}}天</p>
<p>{{item.dateTime}}</p> <p>{{item.dateTime}}</p>
</div> </div>
...@@ -20,249 +20,264 @@ ...@@ -20,249 +20,264 @@
</div> </div>
</template> </template>
<script> <script>
import oneday from './oneday' import oneday from './oneday'
import twoday from './twoday' import twoday from './twoday'
import threeday from './threeday' import threeday from './threeday'
import fourday from './fourday' import fourday from './fourday'
import fiveday from './fiveday' import fiveday from './fiveday'
export default { export default {
props: ['tripList','isDirect','clickDate'], props: ['tripList', 'isDirect', 'clickDate'],
components: { components: {
oneday, oneday,
twoday, twoday,
threeday, threeday,
fourday, fourday,
fiveday fiveday
}, },
watch:{ watch: {
clickDate:{ clickDate: {
handler:function(val,oldval){ handler: function (val, oldval) {
if (val) { if (val) {
this.trips.forEach((x,index)=>{ this.trips.forEach((x, index) => {
x.dateTime = this.setDate(index); x.dateTime = this.setDate(index);
}) })
this.$forceUpdate() this.$forceUpdate()
} }
},
deep: true //对象内部的属性监听，也叫深度监听
}, },
deep:true//对象内部的属性监听，也叫深度监听
}, },
}, mounted() {
mounted() { this.init()
this.init() },
data() {
}, return {
data () { isReady: false,
return { trips: []
isReady:false, }
trips:[] },
} methods: {
}, init() {
methods: { this.tripList.forEach((x, j) => {
init(){ let useDinnerTypeBy = ''
this.tripList.forEach((x,j)=>{ let jin = [],
let useDinnerTypeBy='' jiu = [],
let jin=[],jiu=[],jiu2=[],jiao=[],dadian=[],tips=[],activy=[],can={breakfirst:'敬请自理',lanuch:'敬请自理',dinner:'敬请自理'} jiu2 = [],
x.dayArray.forEach((y,index)=>{ jiao = [],
if(y.type==7 && y.childItem.title!=''){ dadian = [],
let obj={ tips = [],
title:y.childItem.title, activy = [],
content:y.childItem.description, can = {
img:y.childItem.imaArray&&y.childItem.imaArray.length>0?y.childItem.imaArray[0].url:'', breakfirst: '敬请自理',
ticketName:'', lanuch: '敬请自理',
playTimeHour:null, dinner: '敬请自理'
playTimeMinutes:null,
url:''
} }
dadian.push(obj) x.dayArray.forEach((y, index) => {
} else if (y.type==1 && y.childItem.subTraffic.length > 0) { if (y.type == 7 && y.childItem.title != '') {
let title='' let obj = {
y.childItem.subTraffic.forEach((z,i)=>{ title: y.childItem.title,
title+=z.startCityName content: y.childItem.description,
if(z.arrivalType==1){ img: y.childItem.imaArray && y.childItem.imaArray.length > 0 ? y
title+='<i class="iconfont icon-feiji"></i>' .childItem.imaArray[0].url : '',
}else if(z.arrivalType==2){ ticketName: '',
title+='<i class="iconfont icon-bus"></i>' playTimeHour: null,
}else if(z.arrivalType==3){ playTimeMinutes: null,
title+='<i class="iconfont icon-icon31"></i>' url: ''
}else {
title+='<i class="iconfont icon-gaotiedongche"></i>'
} }
if(i+1==y.childItem.subTraffic.length){ dadian.push(obj)
title+=z.arrivalCityName } else if (y.type == 1 && y.childItem.subTraffic.length > 0) {
let title = ''
y.childItem.subTraffic.forEach((z, i) => {
title += z.startCityName
if (z.arrivalType == 1) {
title += '<i class="iconfont icon-feiji"></i>'
} else if (z.arrivalType == 2) {
title += '<i class="iconfont icon-bus"></i>'
} else if (z.arrivalType == 3) {
title += '<i class="iconfont icon-icon31"></i>'
} else {
title += '<i class="iconfont icon-gaotiedongche"></i>'
}
if (i + 1 == y.childItem.subTraffic.length) {
title += z.arrivalCityName
}
})
let obj = {
title: title,
content: y.childItem.description,
img: '',
ticketName: '',
playTimeHour: null,
playTimeMinutes: null,
url: ''
} }
}) jiao.push(obj)
let obj={ } else if (y.type == 2 && y.childItem.imaArray.length > 0) {
title:title, let obj = {
content:y.childItem.description, title: y.childItem.couponsName,
img:'', content: y.childItem.description,
ticketName:'', img: y.childItem.imaArray[0].url,
playTimeHour:null, ticketName: y.childItem.couponsTicketName,
playTimeMinutes:null, playTimeHour: y.childItem.playTimeHour,
url:'' playTimeMinutes: y.childItem.playTimeMinutes,
} url: y.childItem.url,
jiao.push(obj) scenicJson: y.childItem.scenicJson,
} else if(y.type==2 && y.childItem.imaArray.length>0){ videoPath: y.childItem.imaArray[0].videoPath,
let obj={ fileType: y.childItem.imaArray[0].fileType,
title:y.childItem.couponsName, }
content:y.childItem.description, jin.push(obj)
img:y.childItem.imaArray[0].url, } else if (y.type == 3 && y.childItem.hotelName != '' && y.childItem.imaArray
ticketName:y.childItem.couponsTicketName, .length > 0) {
playTimeHour:y.childItem.playTimeHour, let obj = {
playTimeMinutes:y.childItem.playTimeMinutes, title: y.childItem.hotelName,
url:y.childItem.url, content: y.childItem.description,
scenicJson: y.childItem.scenicJson, img: y.childItem.imaArray[0].url,
videoPath: y.childItem.imaArray[0].videoPath, ticketName: '',
fileType: y.childItem.imaArray[0].fileType, playTimeHour: null,
playTimeMinutes: null,
} url: y.childItem.url
jin.push(obj) }
} else if(y.type==3 && y.childItem.hotelName!='' && y.childItem.imaArray.length>0){ jiu.push(obj)
let obj={ } else if (y.type == 4) {
title:y.childItem.hotelName, if (y.childItem.useDinnerType == "1") {
content:y.childItem.description, can.breakfirst = y.childItem.dinnerName
img:y.childItem.imaArray[0].url, } else if (y.childItem.useDinnerType == "2") {
ticketName:'', can.lanuch = y.childItem.dinnerName
playTimeHour:null, } else if (y.childItem.useDinnerType == "3") {
playTimeMinutes:null, can.dinner = y.childItem.dinnerName
url:y.childItem.url }
} } else if (y.type == 5) {
jiu.push(obj) let obj = {
} else if(y.type==4) { title: '自由活动',
if(y.childItem.useDinnerType=="1"){ content: y.childItem.description,
can.breakfirst=y.childItem.dinnerName img: '',
}else if(y.childItem.useDinnerType=="2"){ ticketName: '',
can.lanuch=y.childItem.dinnerName playTimeHour: null,
}else if(y.childItem.useDinnerType=="3"){ playTimeMinutes: null,
can.dinner=y.childItem.dinnerName url: ''
} }
} else if(y.type==5) { activy.push(obj)
let obj={ } else if (y.type == 6) {
title:'自由活动', let obj = {
content:y.childItem.description, title: y.childItem.title,
img:'', content: y.childItem.description,
ticketName:'', img: '',
playTimeHour:null, ticketName: '',
playTimeMinutes:null, playTimeHour: null,
url:'' playTimeMinutes: null,
url: ''
}
tips.push(obj)
} }
activy.push(obj) if (y.type == 3) {
} else if(y.type==6) { jiu2.push({
let obj={ name: y.childItem.hotelName,
title:y.childItem.title, url: y.childItem.url,
content:y.childItem.description, status:y.childItem.status
img:'', });
ticketName:'', useDinnerTypeBy = y.childItem.useDinnerType
playTimeHour:null,
playTimeMinutes:null,
url:''
} }
tips.push(obj) })
if (can.breakfirst == '敬请自理' && useDinnerTypeBy.indexOf('1') != -1) {
can.breakfirst = '酒店内享用早餐'
} else if (can.breakfirst == '') {
can.breakfirst = '方便游玩敬请自理'
} }
if(y.type==3){ if (can.lanuch == '敬请自理' && useDinnerTypeBy.indexOf('2') != -1) {
// jiu2.push(y.childItem.hotelName) can.lanuch = '酒店自助'
jiu2.push({name:y.childItem.hotelName,url:y.childItem.url}); } else if (can.lanuch == '') {
useDinnerTypeBy=y.childItem.useDinnerType can.lanuch = '方便游玩敬请自理'
} }
}) if (can.dinner == '敬请自理' && useDinnerTypeBy.indexOf('3') != -1) {
if(can.breakfirst=='敬请自理' && useDinnerTypeBy.indexOf('1')!=-1){ can.dinner = '酒店自助'
can.breakfirst='酒店内享用早餐' } else if (can.dinner == '') {
}else if(can.breakfirst==''){ can.dinner = '方便游玩敬请自理'
can.breakfirst='方便游玩敬请自理' }
} x.can = can
if(can.lanuch=='敬请自理' && useDinnerTypeBy.indexOf('2')!=-1){ let details = [];
can.lanuch='酒店自助' x.tips = tips
}else if(can.lanuch==''){ x.jiu2 = jiu2
can.lanuch='方便游玩敬请自理' if (jin.length > 0) {
} details = jin
if(can.dinner=='敬请自理' && useDinnerTypeBy.indexOf('3')!=-1){ } else if (jiu.length > 0) {
can.dinner='酒店自助' details = jiu
}else if(can.dinner==''){ } else if (dadian.length > 0) {
can.dinner='方便游玩敬请自理' details = dadian
} } else if (jiao.length > 0) {
x.can=can if (j == this.tripList.length - 1) {
let details=[]; let obj = {
x.tips=tips title: '温暖的家',
x.jiu2=jiu2 content: '感谢您参加本次行程，期待下次与您相遇',
if(jin.length>0){ img: ''
details=jin }
} else if(jiu.length>0){ details.push(obj)
details=jiu } else {
} else if(dadian.length>0){ details = jiao
details=dadian
} else if(jiao.length>0){
if(j==this.tripList.length-1){
let obj={
title:'温暖的家',
content:'感谢您参加本次行程，期待下次与您相遇',
img:''
} }
details.push(obj) } else if (activy.length > 0) {
}else{ details = activy
details=jiao
} }
} else if(activy.length>0){
details=activy
}
x.title=dadian.length>0 && dadian[0].title && dadian[0].title!=''?dadian[0].title:(jiao.length>0?jiao[0].title:'集合出发')
x.details=details
if(x.details.length==0){ x.title = dadian.length > 0 && dadian[0].title && dadian[0].title != '' ? dadian[0].title :
if(j==0){ (jiao.length > 0 ? jiao[0].title : '集合出发')
let obj={ x.details = details
title:'集合出发',
content:'向着远方的目标出发起飞', if (x.details.length == 0) {
img:'', if (j == 0) {
ticketName:'', let obj = {
playTimeHour:null, title: '集合出发',
playTimeMinutes:null content: '向着远方的目标出发起飞',
} img: '',
details.push(obj) ticketName: '',
} else if(j==this.tripList.length-1){ playTimeHour: null,
let obj={ playTimeMinutes: null
title:'温暖的家', }
content:'感谢您参加本次行程，期待下次与您相遇', details.push(obj)
img:'', } else if (j == this.tripList.length - 1) {
ticketName:'', let obj = {
playTimeHour:null, title: '温暖的家',
playTimeMinutes:null content: '感谢您参加本次行程，期待下次与您相遇',
img: '',
ticketName: '',
playTimeHour: null,
playTimeMinutes: null
}
details.push(obj)
} }
details.push(obj) } else {
} if (x.title == '集合出发') {
}else{ x.details.forEach(xc => {
if(x.title=='集合出发'){ if (xc.title !== undefined)
x.details.forEach(xc=>{ x.title = xc.title + '~'
if(xc.title!==undefined) })
x.title=xc.title+'~' if (x.title == '集合出发') {
}) if (j > 0 && j < tripList.length - 1)
if(x.title=='集合出发'){ x.title = '自由活动'
if(j>0&&j<tripList.length-1) } else {
x.title='自由活动' x.title = x.title.substring(0, x.title.length - 1)
}else{ }
x.title=x.title.substring(0,x.title.length-1)
} }
} }
x.islast = (j + 1) == this.tripList.length
this.$set(this.tripList, j, x)
x.dateTime = this.setDate(j);
})
this.trips = this.tripList
},
setDate: function (j) {
if (j === 0) {
return this.clickDate
} else {
let d = new Date(this.clickDate)
d = d.getTime(d);
let add = d + ((24 * 60 * 60 * 1000) * j)
let date = new Date(add); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
let D = date.getDate() < 10 ? ('0' + date.getDate()) + ' ' : date.getDate() + ' ';
return Y + M + D;
} }
x.islast=(j+1)==this.tripList.length },
this.$set(this.tripList,j,x) }
x.dateTime = this.setDate(j);
})
this.trips=this.tripList
},
setDate: function (j) {
if (j === 0) {
return this.clickDate
} else {
let d = new Date(this.clickDate)
d = d.getTime(d);
let add = d + ((24 * 60 * 60 * 1000) * j)
let date = new Date(add);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
let D = date.getDate() < 10 ? ('0' + date.getDate()) + ' ' : date.getDate() + ' ';
return Y+M+D;
}
},
} }
} </script>
</script> \ No newline at end of file
src/components/trip/block/oneday.vue
View file @ be604cf8
...@@ -4,25 +4,25 @@ ...@@ -4,25 +4,25 @@
<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"
</video> controls="controls">
</video>
</template> </template>
<template v-else> <template v-else>
<img v-if="day.details[0].img!=''" :src='day.details[0].img' /> <img v-if="day.details[0].img!=''" :src='day.details[0].img' />
<img v-else-if="day.dayNum==1 && day.details[0].img==''" src='../../../assets/img/nll.jpg' /> <img v-else-if="day.dayNum==1 && day.details[0].img==''" src='../../../assets/img/nll.jpg' />
<img v-else-if="day.islast && day.details[0].img==''" src='../../../assets/img/nll.jpg' /> <img v-else-if="day.islast && day.details[0].img==''" src='../../../assets/img/nll.jpg' />
<img v-else src='../../../assets/img/activy.jpg' /> <img v-else src='../../../assets/img/activy.jpg' />
</template> </template>
</div> </div>
<div class="right"> <div class="right">
<div class="details"> <div class="details">
<h3 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)" style="cursor: pointer" ></h3> <h3 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)"
style="cursor: pointer"></h3>
<div class="playInfo"> <div class="playInfo">
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> <span class="playInfo-item" v-if='day.details[0].ticketName!=""'></span>
<!--<i class="iconfont icon-menpiao"></i>--> <span class="playInfo-item"
<!--{{day.details[0].ticketName!=""}}--> v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'>
</span>
<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>
...@@ -43,19 +43,19 @@ ...@@ -43,19 +43,19 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
...@@ -65,11 +65,11 @@ ...@@ -65,11 +65,11 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="24" class="restaurant-item"> <el-col :span="24" class="restaurant-item">
<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 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+' / '}} {{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span> </span>
{{getHotelSuffix()}} {{getHotelSuffix()}}
</div> </div>
...@@ -81,32 +81,37 @@ ...@@ -81,32 +81,37 @@
</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!='温馨的家'){ if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
if(this.isDirect===1){ '机场附近酒店') {
suffix = "【保证入住】" if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
} }
} }
} 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>
\ No newline at end of file
src/components/trip/block/threeday.vue
View file @ be604cf8
...@@ -4,22 +4,26 @@ ...@@ -4,22 +4,26 @@
<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 :src='day.details[0].img' :style="{position: 'relative',top:day.details[0].scenicJson.y + 'px'}" /> <img :src='day.details[0].img'
:style="{position: 'relative',top:day.details[0].scenicJson.y + 'px'}" />
</template> </template>
</div> </div>
<div class="right"> <div class="right">
<div class="details"> <div class="details">
<h3 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)" style="cursor: pointer" ></h3> <h3 v-html="day.details[0].title" @click.stop="goUrl(day.details[0].url)"
style="cursor: pointer"></h3>
<div class="playInfo"> <div class="playInfo">
<span class="playInfo-item" v-if='day.details[0].ticketName!=""'> <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">{{day.details[0].playTimeHour}}小时 </span>
...@@ -34,17 +38,20 @@ ...@@ -34,17 +38,20 @@
<el-col :span="8"> <el-col :span="8">
<div class="item hor-box"> <div class="item hor-box">
<div class="remark"> <div class="remark">
<h3 v-html="day.details[1].title" @click.stop="goUrl(day.details[1].url)" style="cursor: pointer" ></h3> <h3 v-html="day.details[1].title" @click.stop="goUrl(day.details[1].url)"
style="cursor: pointer"></h3>
<div class="playInfo"> <div class="playInfo">
<span class="playInfo-item" v-if='day.details[1].ticketName!=""'> <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">{{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>
<span v-html="day.details[1].content"></span> <span v-html="day.details[1].content"></span>
...@@ -55,11 +62,13 @@ ...@@ -55,11 +62,13 @@
<div class="item hor-box"> <div class="item hor-box">
<div class="image"> <div class="image">
<template v-if="day.details[1].fileType&&day.details[1].fileType=='.mp4'"> <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 ref="myVideo" width="100%" height="100%" :src="day.details[1].videoPath"
controls="controls">
</video> </video>
</template> </template>
<template v-else> <template v-else>
<img :src="day.details[1].img" :style="{position: 'relative',top:day.details[1].scenicJson.y + 'px'}" /> <img :src="day.details[1].img"
:style="{position: 'relative',top:day.details[1].scenicJson.y + 'px'}" />
</template> </template>
</div> </div>
</div> </div>
...@@ -70,11 +79,13 @@ ...@@ -70,11 +79,13 @@
<div class="item hor-box"> <div class="item hor-box">
<div class="image"> <div class="image">
<template v-if="day.details[2].fileType&&day.details[2].fileType=='.mp4'"> <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 ref="myVideo" width="100%" height="100%" :src="day.details[2].videoPath"
controls="controls">
</video> </video>
</template> </template>
<template v-else> <template v-else>
<img :src="day.details[2].img" :style="{position: 'relative',top:day.details[2].scenicJson.y + 'px'}" /> <img :src="day.details[2].img"
:style="{position: 'relative',top:day.details[2].scenicJson.y + 'px'}" />
</template> </template>
</div> </div>
</div> </div>
...@@ -82,17 +93,20 @@ ...@@ -82,17 +93,20 @@
<el-col :span="8"> <el-col :span="8">
<div class="item hor-box"> <div class="item hor-box">
<div class="remark"> <div class="remark">
<h3 v-html="day.details[2].title" @click.native.stop="goUrl(day.details[2].url)" style="cursor: pointer"></h3> <h3 v-html="day.details[2].title" @click.native.stop="goUrl(day.details[2].url)"
style="cursor: pointer"></h3>
<div class="playInfo"> <div class="playInfo">
<span class="playInfo-item" v-if='day.details[2].ticketName!=""'> <span class="playInfo-item" v-if='day.details[2].ticketName!=""'>
<!--<i class="iconfont icon-menpiao"></i>--> <!--<i class="iconfont icon-menpiao"></i>-->
<!--{{day.details[2].ticketName}}--> <!--{{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">{{day.details[2].playTimeHour}}小时 </span>
<span v-if="day.details[2].playTimeMinutes">{{day.details[2].playTimeMinutes}}分钟 </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>
...@@ -110,19 +124,19 @@ ...@@ -110,19 +124,19 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
...@@ -132,10 +146,10 @@ ...@@ -132,10 +146,10 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="24" class="restaurant-item"> <el-col :span="24" class="restaurant-item">
<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 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+' / '}} {{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span> </span>
{{getHotelSuffix()}} {{getHotelSuffix()}}
...@@ -148,32 +162,37 @@ ...@@ -148,32 +162,37 @@
</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!='温馨的家'){ if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
if(this.isDirect===1){ '机场附近酒店') {
suffix = "【保证入住】" if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
} }
} }
} 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> \ No newline at end of file
src/components/trip/block/twoday.vue
View file @ be604cf8
...@@ -6,19 +6,19 @@ ...@@ -6,19 +6,19 @@
<div class="item"> <div class="item">
<div class="up"> <div class="up">
<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" controls="controls"> <video ref="myVideo" width="100%" height="100%" :src="item.videoPath"
controls="controls">
</video> </video>
</template> </template>
<template v-else> <template v-else>
<img :src='item.img' /> <img :src='item.img' />
</template> </template>
</div> </div>
<div class="down"> <div class="down">
<h3 v-if='item.title!=""' v-html="item.title" @click.stop="goUrl(item.url)" style="cursor: pointer" ></h3> <h3 v-if='item.title!=""' v-html="item.title" @click.stop="goUrl(item.url)"
style="cursor: pointer"></h3>
<div class="playInfo"> <div class="playInfo">
<span class="playInfo-item" v-if='item.ticketName!=""'> <span class="playInfo-item" v-if='item.ticketName!=""'>
<!--<i class="iconfont icon-menpiao"></i>-->
<!--{{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>
...@@ -42,19 +42,19 @@ ...@@ -42,19 +42,19 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
<el-col :span="8" class="restaurant-item"> <el-col :span="8" 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>
</el-col> </el-col>
...@@ -64,11 +64,11 @@ ...@@ -64,11 +64,11 @@
<el-row :gutter="30"> <el-row :gutter="30">
<el-col :span="24" class="restaurant-item"> <el-col :span="24" class="restaurant-item">
<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 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+' / '}} {{k==day.jiu2.length-1?t.name:t.name+' / '}}
</span> </span>
{{getHotelSuffix()}} {{getHotelSuffix()}}
</div> </div>
...@@ -80,32 +80,37 @@ ...@@ -80,32 +80,37 @@
</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!='温馨的家'){ if (this.day.jiu2.length == 1 && this.day.jiu2[0].name != '温馨的家' && this.day.jiu2[0].name !=
if(this.isDirect===1){ '机场附近酒店') {
suffix = "【保证入住】" if (this.day.jiu2[0].status == 1) {
suffix = "【保证入住】"
} else {
if (this.isDirect === 1) {
suffix = "或同級"
}
}
} }
} }
} 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> \ No newline at end of file
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