Skip to content

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

页面修改

parent 8bc0f040
Show whitespace changes
Inline Side-by-side
Showing with 61 additions and 33 deletions
src/components/mall/newTrip.vue
View file @ a63da1b9
......@@ -532,7 +532,7 @@
color: #fff;
position: relative;
background-size: cover;
background-position: center!important;
background-position: center !important;
}
.tripViewAgendaList .agendaBox .txtCont {
......@@ -963,8 +963,10 @@
<i class="iconfont icon-bed"></i>
</span>
<span class="right">
<template v-if="subItem.childItem.newHotelName!=''">{{subItem.childItem.newHotelName}}</template>
<template v-else>{{subItem.childItem.hotelName}}</template>
<template
v-if="subItem.childItem.newHotelName!=''">{{subItem.childItem.newHotelName}}</template>
<template
v-else>{{subItem.childItem.hotelName}}</template>
</span>
</div>
</div>
......@@ -1019,7 +1021,8 @@
<div class="agendaBox">
<div class="indexNum numberList">{{index+1}}</div>
<div class="coverWrap"
:style="`background: url(${subItem.childItem.imaArray[0].url}) no-repeat 100% 100%`" @click="bigImgShow(subItem.childItem.imaArray[0].url)">
:style="`background: url(${subItem.childItem.imaArray[0].url}) no-repeat 100% 100%`"
@click="bigImgShow(subItem.childItem.imaArray[0].url)">
</div>
<div class="txtCont icon-triangle">
<div class="detailBox">
......@@ -1033,7 +1036,9 @@
v-if="subItem.childItem.playTimeHour||subItem.childItem.playTimeMinutes">
<div class="item">
<span class="label">建议游玩时间</span>
<span class="text">约<template v-if="subItem.childItem.playTimeHour">{{subItem.childItem.playTimeHour}}小时</template><template v-if="subItem.childItem.playTimeMinutes">{{subItem.childItem.playTimeMinutes}}分钟</template>
<span class="text">约<template
v-if="subItem.childItem.playTimeHour">{{subItem.childItem.playTimeHour}}小时</template><template
v-if="subItem.childItem.playTimeMinutes">{{subItem.childItem.playTimeMinutes}}分钟</template>
</span>
</div>
</div>
......@@ -1045,7 +1050,8 @@
<div class="indexNum tos-icon hotelPre ">
<i class="iconfont icon-moono"></i>
</div>
<div class="coverWrap" v-if="subItem.childItem.imaArray.length>0" @click="bigImgShow(subItem.childItem.imaArray[0].url)"
<div class="coverWrap" v-if="subItem.childItem.imaArray.length>0"
@click="bigImgShow(subItem.childItem.imaArray[0].url)"
:style="`background: url(${subItem.childItem.imaArray[0].url}) no-repeat 100% 100%`">
</div>
<div class="txtCont icon-triangle"
......@@ -1053,8 +1059,10 @@
<div class="agendaPoi">
<i class="iconfont icon-bed bed"></i>
<span class="title">
<template v-if="subItem.childItem.newHotelName">{{subItem.childItem.newHotelName}}</template>
<template v-else>{{subItem.childItem.hotelName}}</template>
<template
v-if="subItem.childItem.newHotelName">{{subItem.childItem.newHotelName}}</template>
<template
v-else>{{subItem.childItem.hotelName}}</template>
</span>
</div>
<div class="detailBox">
......@@ -1073,9 +1081,12 @@
</div>
</div>
<div class="subSection"
v-if="subItem.childItem.hotelNewDescriptionText" v-html="subItem.childItem.hotelNewDescriptionText"></div>
v-if="subItem.childItem.hotelNewDescriptionText"
v-html="subItem.childItem.hotelNewDescriptionText">
</div>
<div class="detailSection" style="margin-top:0;">
<div class="item" v-if="subItem.childItem.hotelAddress!=''">
<div class="item"
v-if="subItem.childItem.hotelAddress!=''">
<span class="label">地址</span>
<span
class="text">{{subItem.childItem.hotelAddress}}</span>
......@@ -1104,7 +1115,8 @@
<tripMap :locationArray="travelLngLat" :type="1" ref="tripMap"></tripMap>
</div>
</div>
<viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer"
ref="viewer">
<img v-for="(item,index) in images" :src="item" :key="index+8000" class="12312312">
</viewer>
</div>
......@@ -1128,9 +1140,9 @@
isShow: false,
dataindex: 0,
images: [],
imageOptions:{
navbar:false,
title:false
imageOptions: {
navbar: false,
title: false
},
}
......@@ -1164,7 +1176,7 @@
},
bigImgShow(url) {
let index = this.images.indexOf(url);
if(this.images.length>0){
if (this.images.length > 0) {
this.$viewer.view(index)
this.$viewer.show();
}
......@@ -1177,11 +1189,11 @@
this.isShow = true;
this.getAllPoint();
//装载景点酒店图片以供预览
this.images=[];
this.dataList.dayList.forEach(x=>{
x.dayArray.forEach(y=>{
if(y.type==2||y.type==3){
if(y.childItem.imaArray.length>0){
this.images = [];
this.dataList.dayList.forEach(x => {
x.dayArray.forEach(y => {
if (y.type == 2 || y.type == 3) {
if (y.childItem.imaArray.length > 0) {
this.images.push(y.childItem.imaArray[0].url);
}
}
......@@ -1246,6 +1258,10 @@
getDayPoint(dayNum) {
let Arr = [];
if (this.dataList && this.dataList.dayList && this.dataList.dayList.length > 0) {
var startTrafficArray = [];
var arrivalTrafficArray = [];
var hotelArray = [];
var scenicArray = [];
this.dataList.dayList.forEach(item => {
if (item.dayNum == dayNum) {
item.dayArray.forEach(x => {
......@@ -1263,8 +1279,8 @@
name: z.arrivalCityName,
type: 1
}
Arr.push(obj1);
Arr.push(obj2);
startTrafficArray.push(obj1);
arrivalTrafficArray.push(obj2);
})
}
//放入景点
......@@ -1278,7 +1294,7 @@
name: x.childItem.couponsName,
type: 2
}
Arr.push(obj3);
scenicArray.push(obj3);
}
}
//放入住宿
......@@ -1286,22 +1302,34 @@
let obj4 = {
lat: x.childItem.pointArray[1],
lng: x.childItem.pointArray[0],
name:'',
name: '',
type: 3
}
if(x.childItem.newHotelName&&x.childItem.newHotelName!='')
{
obj4.name= x.childItem.newHotelName;
}
else
{
obj4.name= x.childItem.hotelName;
if (x.childItem.newHotelName && x.childItem.newHotelName != '') {
obj4.name = x.childItem.newHotelName;
} else {
obj4.name = x.childItem.hotelName;
}
Arr.push(obj4);
hotelArray.push(obj4);
}
})
}
})
if (startTrafficArray && startTrafficArray.length > 0) {
Arr.push(...startTrafficArray)
}
if (dayNum == 1) {
if (arrivalTrafficArray && arrivalTrafficArray.length > 0) {
Arr.push(...arrivalTrafficArray)
}
}
if (scenicArray && scenicArray.length > 0) {
Arr.push(...scenicArray)
}
if (hotelArray && hotelArray.length > 0) {
Arr.push(...hotelArray)
}
console.log('day加载' + dayNum, Arr);
this.travelLngLat = Arr;
}
......
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