Skip to content

S
SuperMan
Commit 29f79fa3 authored by youjie's avatar youjie
Browse files
Options

调整行程界面

parent d769faa4
Hide whitespace changes
Inline Side-by-side
Showing with 846 additions and 95 deletions
src/assets/css/tripIndexNew.css
View file @ 29f79fa3
...@@ -112,6 +112,12 @@ html, body{ ...@@ -112,6 +112,12 @@ html, body{
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.flexG{
flex-grow: 1;
}
.flexS{
flex-shrink: 0;
}
.marginL20 { .marginL20 {
margin-left: 20px; margin-left: 20px;
...@@ -267,8 +273,12 @@ html, body{ ...@@ -267,8 +273,12 @@ html, body{
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.travelDaysTitlle{
margin-top: 47px;
overflow: hidden;
}
.travelDaysTitlle-left { .travelDaysTitlle-left {
width: 173px;
flex-shrink: 0; flex-shrink: 0;
margin-left: 22px; margin-left: 22px;
} }
...@@ -276,8 +286,16 @@ html, body{ ...@@ -276,8 +286,16 @@ html, body{
.travelDaysTitlle-left-text { .travelDaysTitlle-left-text {
width: 173px; width: 173px;
height: 173px; height: 173px;
background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center; /* background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center #FFF; */
background: url('../img/trip/xclogo.png')no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
top:-92px
} }
.travelDaysTitlle-left-text span { .travelDaysTitlle-left-text span {
...@@ -307,8 +325,8 @@ html, body{ ...@@ -307,8 +325,8 @@ html, body{
.travelDaysTitlle-right { .travelDaysTitlle-right {
flex-grow: 1; flex-grow: 1;
margin-left: 21px; margin-left: 21px;
font-weight: bold;
} }
.travelDaysTitlle-right-text { .travelDaysTitlle-right-text {
min-height: 124px; min-height: 124px;
/* padding: 25px 25px 25px 36px; */ /* padding: 25px 25px 25px 36px; */
...@@ -318,10 +336,11 @@ html, body{ ...@@ -318,10 +336,11 @@ html, body{
-moz-border-radius: 100px 0px 0px 100px; -moz-border-radius: 100px 0px 0px 100px;
-ms-border-radius: 100px 0px 0px 100px; -ms-border-radius: 100px 0px 0px 100px;
-o-border-radius: 100px 0px 0px 100px; -o-border-radius: 100px 0px 0px 100px;
font-family: 'Microsoft JhengHei UI Ligh';
} }
.travelDaysMasterMap { .travelDaysMasterMap {
margin-top: 14px; margin-top: 45px;
margin-bottom: 41px; margin-bottom: 41px;
height: 632px; height: 632px;
/* flex:1; */ /* flex:1; */
...@@ -387,45 +406,46 @@ html, body{ ...@@ -387,45 +406,46 @@ html, body{
/* min-height: 360px; /* min-height: 360px;
max-height:600px; */ max-height:600px; */
min-height: 20px; min-height: 20px;
line-height: 38px; /* 38 */
line-height: 25px;
padding: 0 36px; padding: 0 36px;
margin-bottom: 20px; margin-bottom: 20px;
font-weight: 500;
/* margin: 41px 0 47px 0; */ /* margin: 41px 0 47px 0; */
} }
.travelDaysContent-text { .travelDaysContent-text {
font-size: 21px; font-size: 18px;
font-weight: 10; font-weight: 500;
color: #2A2A2A; color: #444444;
font-family: math; font-family: 'Microsoft JhengHei UI';
} }
.textBold { .textBold {
font-size: 21px; font-size: 21px;
line-height: 38px; line-height: 25px;
font-weight: bold; font-weight: 800;
font-family: FZCuSong-B09S !important; font-family: 'Microsoft JhengHei UI Ligh';
} }
.travelDaysdetails { .travelDaysdetails {
left: 0; left: 0;
right: 0; right: 0;
bottom: 115px; bottom: 115px;
margin: 0 36px; margin: 0 32px;
/* padding: 0 0 115px 0; */ /* padding: 0 0 115px 0; */
} }
.travelDaysdetails-tsTextBox{ .travelDaysdetails-tsTextBox{
padding: 0 36px 20px 36px; padding: 0 32px 24px 32px;
/* margin-top: 20px; */
} }
.travelDaysdetails-tsText{ .travelDaysdetails-tsText{
width: 100%; width: 100%;
padding: 15px; padding: 25px 38px;
border-radius: 14px; border-radius: 18px;
-webkit-border-radius: 14px; -webkit-border-radius: 18px;
-moz-border-radius: 14px; -moz-border-radius: 18px;
-ms-border-radius: 14px; -ms-border-radius: 18px;
-o-border-radius: 14px; -o-border-radius: 18px;
} }
.travelDaysdetails-tsText p{ .travelDaysdetails-tsText p{
padding: 0; padding: 0;
...@@ -434,17 +454,17 @@ html, body{ ...@@ -434,17 +454,17 @@ html, body{
.travelDaysdetailsBJ { .travelDaysdetailsBJ {
border-radius: 100px; border-radius: 100px;
padding: 20px 35px; padding: 20px 35px;
-webkit-border-radius: 100px; -webkit-border-radius: 18px;
-moz-border-radius: 100px; -moz-border-radius: 18px;
-ms-border-radius: 100px; -ms-border-radius: 18px;
-o-border-radius: 100px; -o-border-radius: 18px;
} }
.travelDaysdetails-textBox{ .travelDaysdetails-textBox{
flex-wrap: wrap; flex-wrap: wrap;
} }
.travelDaysdetails-text0 { .travelDaysdetails-text0 {
font-size: 21px; font-size: 21px;
font-family: PingFang SC; font-family: 'Microsoft JhengHei UI Ligh';
font-weight: 800; font-weight: 800;
color: #2A2A2A; color: #2A2A2A;
line-height: 34px; line-height: 34px;
...@@ -458,18 +478,21 @@ html, body{ ...@@ -458,18 +478,21 @@ html, body{
.travelDaysdetails-tsText{ .travelDaysdetails-tsText{
display: inline-block; display: inline-block;
white-space: wrap; white-space: wrap;
font-size: 14px;
font-family: 'Microsoft JhengHei UI';
line-height: 22px;
} }
.travelDaysdetails-tsText,.travelDaysdetails-text { .travelDaysdetails-tsText,.travelDaysdetails-text {
font-size: 21px;
font-weight: 100; font-weight: 100;
color: #2A2A2A; color: #2A2A2A;
line-height: 34px;
} }
.travelDaysdetails-text { .travelDaysdetails-text {
font-size: 21px;
flex-wrap: nowrap; flex-wrap: nowrap;
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-right: 46px; margin-right: 46px;
font-family: 'Microsoft JhengHei UI';
} }
.travelDaysdetails-text.right0{ .travelDaysdetails-text.right0{
margin-right: 0; margin-right: 0;
...@@ -658,3 +681,124 @@ html, body{ ...@@ -658,3 +681,124 @@ html, body{
left: 0; left: 0;
top: 0; top: 0;
} }
.color2A2A2A{
color: #2A2A2A;
}
.color444{
color: #444444;
}
.fz18{
font-size: 18px;
}
.fz21{
font-size: 21px;
}
.fz26{
font-size: 26px;
}
.fontBold{
font-weight: bold;
}
.fontFamilyLigh{
font-family: 'Microsoft JhengHei UI Ligh';
}
.fontFamilyUI{
font-family: 'Microsoft JhengHei UI';
}
.lineHeight25{
line-height: 25px;
}
.lineHeight38{
line-height: 38px;
}
.MT19{
margin-top: 19px;
}
.MT28{
margin-top: 28px;
}
.MT41{
margin-top: 41px;
}
.ML26{
margin-left: 26px;
}
.ML33{
margin-left: 33px;
}
.ML37{
margin-left: 37px;
}
.MB25{
margin-bottom: 25px;
}
.MB31{
margin-bottom: 31px;
}
.MB32{
margin-bottom: 32px;
}
.MB35{
margin-bottom: 35px;
}
.MB36{
margin-bottom: 36px;
}
.MB41{
margin-bottom: 41px;
}
.MB47{
margin-bottom: 47px;
}
.MR33{
margin-right: 33px;
}
.img100{
width: 100%;
}
.hidden{
overflow: hidden;
}
.absoluteLR{
left: 0;
right: 0;
}
.borderRadius18{
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
}
.travelDaysMasterMap2-box{
padding: 45px 32px 0 32px;
}
.travelDaysMasterMap2{
height: 538px;
}
.travelDaysMasterMap2_2{
width: 524px;
height: 250px;
}
.travelDaysMasterMap3_1{
width: 517px;
height: 300px;
}
.travelDaysMasterMap4_1{
width: 696px;
height: 449px;
}
.travelDaysMasterMap4_2{
width: 331px;
height: 214px;
}
/* .width331{
width: 331px;
} */
.travelDaysMasterMap5_1{
width: 514px;
height: 291px;
}
src/components/newTravelmanager/travelLineTrip/components/travelDays.vue
View file @ 29f79fa3
...@@ -5,87 +5,684 @@ ...@@ -5,87 +5,684 @@
<div class=" z-index1" style="left: 0;right: 0; top: 0;bottom: 0;"> <div class=" z-index1" style="left: 0;right: 0; top: 0;bottom: 0;">
<div :id="'LineOfTravel'+(item*4)+'_0'+index"> <div :id="'LineOfTravel'+(item*4)+'_0'+index">
<Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header> <Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header>
<div class="travelDaysTitlle row-aic"> <div class="travelDaysTitlle row-aic" :style="{'background':backgroundColor}">
<div class="travelDaysTitlle-left"> <div class="travelDaysTitlle-left">
<div class="travelDaysTitlle-left-text column-ajc"> <div class="relative">
<div class="travelDaysTitlle-left-textOne"> <div class="travelDaysTitlle-left-text column-ajc absolute">
<span>{{item.DayNum>9?item.DayNum:'0'+item.DayNum}}</span> <div class="travelDaysTitlle-left-textOne">
</div> <span>{{item.DayNum>9?item.DayNum:'0'+item.DayNum}}</span>
<div class="travelDaysTitlle-left-textTwo"> </div>
<span>DAY</span> <div class="travelDaysTitlle-left-textTwo">
<span>DAY</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="travelDaysTitlle-right"> <div class="travelDaysTitlle-right">
<div class="travelDaysTitlle-right-text row-aic" <div class="travelDaysTitlle-right-text row-aic"
:style="{'background': dataAll.TripColor,'font-size': getFontSize(item.TitleObj.Title),'color':textColor}"> :style="{'font-size': getFontSize(item.TitleObj.Title),'color':textColor}">
{{item.TitleObj.Title}} {{item.TitleObj.Title}}
</div> </div>
</div> </div>
</div> </div>
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative"> <!-- 一张图 1-单张图，2-多张图-->
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div v-if="dataAll.ShowTripType==1||(item.ScenicArray.length==0||item.ScenicArray.length==1)">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative borderRadius18 hidden">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)" <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
:x="1123" :y="632"></FeatureControls> <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic"> :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)"
</div> :x="1123" :y="632"></FeatureControls>
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
:w="1123" :h="632" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" </div>
:active="false" :parent="false" axis="y" @activated="onActivated(0)" <VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :w="1123" :h="632" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :active="false" :parent="false" axis="y" @activated="onActivated(0)"
:z="2" @dragstop="onViewSpotDragstop"> :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
<template v-if="ScenicArrayList&&ScenicArrayList.length>0"> :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url" :z="2" @dragstop="onViewSpotDragstop">
class="absolute" :src="ScenicArrayList[0].NewImaArray[0].Url" <template v-if="ScenicArrayList&&ScenicArrayList.length>0">
:id="'viewSpotImg_'+(item*4)+'_0'+index"> <img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
</template> class="absolute" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute" <img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div> </div>
</div> </div>
</div> <div class="travelDaysContent" :style="{'min-height': item.WarmTipObj.Description?'210px':'310px'}">
<div class="travelDaysContent"> <template v-if="item.ScenicArray.length>0">
<template v-if="item.ScenicArray.length>0"> <div class="travelDaysContent-text" v-for="(jindian,j) in item.ScenicArray" :key="j">
<div class="travelDaysContent-text" v-for="(jindian,j) in item.ScenicArray" :key="j"> <span class="textBold">
【{{jindian.CouponsName}}】
</span>
<vEditSpan :canEdit='canEdit' v-model="jindian.Description"></vEditSpan>
</div>
</template>
<div v-if="item.ScenicArray.length==0&&item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text">
<span class="textBold"> <span class="textBold">
【{{jindian.CouponsName}}】 <vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv>
</span> </span>
<vEditSpan :canEdit='canEdit' v-model="jindian.Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.TrafficObj.trafficIntroduce.IntroduceDetail"></vEditSpan>
</div>
<div v-if="item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text">
{{item.TitleObj.Title}}
</div> </div>
</template>
<div v-if="item.ScenicArray.length==0&&item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text">
<span class="textBold">
<vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv>
</span>
<vEditSpan :canEdit='canEdit' v-model="item.TrafficObj.trafficIntroduce.IntroduceDetail"></vEditSpan>
</div>
<div v-if="item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text">
{{item.TitleObj.Title}}
</div> </div>
</div> </div>
<template v-else>
<div class="column travelDaysMasterMap2-box">
<!-- 2张 -->
<div v-if="item.ScenicArray.length==2">
<div class="MB25">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)"
:x="1060" :y="583"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="1060" :h="583" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
<div class="MT28" v-if="item.ScenicArray.length>0">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
</div>
</div>
<div class="row MB35" v-if="ScenicArrayList.length>1">
<div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap2_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)"
:x="524" :y="250"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="524" :h="250" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="ML26 flexG">
<template v-if="item.ScenicArray.length>1">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
<!-- 3张 -->
<div v-if="item.ScenicArray.length==3">
<div class="row MB32">
<div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)"
:x="517" :y="300"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="517" :h="300" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="ML26 flexG">
<template v-if="item.ScenicArray.length>0">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="row MB32">
<div class="flexG">
<template v-if="item.ScenicArray.length>1">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
</template>
</div>
<div class="ML26 flexS">
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)"
:x="517" :y="300"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="517" :h="300" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
</div>
<div class="row MB36">
<div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_2'+index" class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)"
:x="517" :y="300"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="517" :h="300" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>2">
<img v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</template>
<img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="ML26 flexG">
<template v-if="item.ScenicArray.length>2">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
<!-- 4张 -->
<div v-if="item.ScenicArray.length==4">
<div class="row">
<div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap4_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)"
:x="696" :y="449"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="696" :h="449" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100 borderRadius18" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100 borderRadius18"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100 borderRadius18" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="ML37 flexG">
<template v-if="item.ScenicArray.length>0">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="row-sb MT41">
<div class="column">
<div>
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)"
:x="331" :y="214"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="MT28 width331">
<template v-if="item.ScenicArray.length>1">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="column ML33 MR33">
<div>
<div :id="'viewSpotBox_'+(item*4)+'_2'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)"
:x="331" :y="214"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>2">
<img v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</template>
<img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>2">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="column MB32">
<div>
<div :id="'viewSpotBox_'+(item*4)+'_3'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)"
:x="331" :y="214"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>3">
<img v-if="!ScenicArrayList[3].NewImaArray[0].FileType&&ScenicArrayList[3].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[3].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_3'+index">
</template>
<img v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>3">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[3].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
</div>
<!-- 5张 -->
<div v-if="item.ScenicArray.length>4">
<div class="row-sb MB31">
<div class="">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)"
:x="514" :y="291"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="514" :h="291" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
<div class="MT28" v-if="item.ScenicArray.length>0">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
</div>
</div>
<div class="ML33">
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)"
:x="514" :y="291"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="514" :h="291" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
<div class="MT28" v-if="item.ScenicArray.length>1">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
</div>
</div>
</div>
<div class="row-sb MB47">
<div class="column">
<div>
<div :id="'viewSpotBox_'+(item*4)+'_2'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)"
:x="331" :y="214"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>2">
<img v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</template>
<img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>2">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="column ML33 MR33 MB32">
<div>
<div :id="'viewSpotBox_'+(item*4)+'_3'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)"
:x="331" :y="214"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>3">
<img v-if="!ScenicArrayList[3].NewImaArray[0].FileType&&ScenicArrayList[3].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[3].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_3'+index">
</template>
<img v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>3">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[3].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="column">
<div>
<div :id="'viewSpotBox_'+(item*4)+'_4'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)"
:x="331" :y="214"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length>4||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_4'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(4)"
:x="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>4">
<img v-if="!ScenicArrayList[4].NewImaArray[0].FileType&&ScenicArrayList[4].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[4].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_4'+index">
</template>
<img v-if="ScenicArrayList.length==4&&item.ScenicArray.length==4" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_4'+index">
</VueDraggableResizable>
<img
v-if="ScenicArrayList.length==4&&item.ScenicArray.length==4&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="MT28 width331">
<template v-if="item.ScenicArray.length>4">
<div class="fz26 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[4].CouponsName}}</div>
<div class="fz21 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
</div>
</div>
</template>
<div class="travelDaysdetails-tsTextBox" <div class="travelDaysdetails-tsTextBox"
v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0"> v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0">
<div class="travelDaysdetails-tsText" :style="{'background':backgroundColor2}"> <div class="travelDaysdetails-tsText row" :style="{'background':'#EFECEC'}">
<span class="travelDaysdetails-text0" style="float:left;">温馨提示：</span> <span class="travelDaysdetails-text0" style="margin-top: -7px;">温馨提示：</span>
<span v-html="item.WarmTipObj.Description"></span> <span v-html="item.WarmTipObj.Description"></span>
</div> </div>
</div> </div>
<div class="travelDaysdetails"> <div class="travelDaysdetails">
<div class="travelDaysdetailsBJ column" :style="{'background':backgroundColor}"> <div class="travelDaysdetailsBJ column" :style="{'background':backgroundColor}">
<div class="travelDaysdetails-textBox row"> <div class="travelDaysdetails-textBox row">
<div class="travelDaysdetails-text row"> <div class="travelDaysdetails-text row-aic">
<span class="travelDaysdetails-text0">早餐：</span> <span class="travelDaysdetails-text0">早餐：</span>
<div> <div>
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>0"> <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>0">
...@@ -93,7 +690,7 @@ ...@@ -93,7 +690,7 @@
</template> </template>
</div> </div>
</div> </div>
<div class="travelDaysdetails-text row"> <div class="travelDaysdetails-text row-aic">
<span class="travelDaysdetails-text0">午餐：</span> <span class="travelDaysdetails-text0">午餐：</span>
<div> <div>
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>1"> <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>1">
...@@ -101,7 +698,7 @@ ...@@ -101,7 +698,7 @@
</template> </template>
</div> </div>
</div> </div>
<div class="travelDaysdetails-text row"> <div class="travelDaysdetails-text row-aic">
<span class="travelDaysdetails-text0">晚餐：</span> <span class="travelDaysdetails-text0">晚餐：</span>
<div> <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>2"> <div> <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>2">
{{item.DinnerArray[2].DinnerName?item.DinnerArray[2].DinnerName:'无'}} {{item.DinnerArray[2].DinnerName?item.DinnerArray[2].DinnerName:'无'}}
...@@ -110,7 +707,7 @@ ...@@ -110,7 +707,7 @@
</div> </div>
</div> </div>
<div class="travelDaysdetails-textBox"> <div class="travelDaysdetails-textBox">
<div class="travelDaysdetails-text right0 row"> <div class="travelDaysdetails-text right0 row-aic">
<span class="travelDaysdetails-text0">住宿：</span> <span class="travelDaysdetails-text0">住宿：</span>
<template v-if="item.HotelArray"> <template v-if="item.HotelArray">
<template v-if="item.HotelArray.length==1"> <template v-if="item.HotelArray.length==1">
...@@ -196,7 +793,9 @@ ...@@ -196,7 +793,9 @@
pageHeight: 0 pageHeight: 0
}; };
}, },
mounted() {}, mounted() {
},
methods: { methods: {
getHtmlPlainText(html_str) { getHtmlPlainText(html_str) {
//提取字符串中的文字 //提取字符串中的文字
...@@ -352,21 +951,29 @@ ...@@ -352,21 +951,29 @@
this.RenderingOk = false; this.RenderingOk = false;
this.ScenicArrayList = [] this.ScenicArrayList = []
this.item.ScenicArray.forEach((x, index) => { this.item.ScenicArray.forEach((x, index) => {
if (x.DefaultNum > 0) { if(this.item.ScenicArray&&this.item.ScenicArray.length==1){
this.defaultScenicIndex = index; if (x.DefaultNum > 0) {
this.defaultScenicIndex = index;
this.ScenicArrayList.push(x)
}
}else{
this.ScenicArrayList.push(x) this.ScenicArrayList.push(x)
} }
}); });
if (this.ScenicArrayList.length == 0) { if (this.ScenicArrayList.length == 0) {
this.item.ScenicArray.forEach((x, index) => { this.item.ScenicArray.forEach((x, index) => {
if (index == 0) { if(this.item.ScenicArray&&this.item.ScenicArray.length==1){
x.DefaultNum = 1; if (index == 0) {
this.defaultScenicIndex = index; x.DefaultNum = 1;
this.defaultScenicIndex = index;
this.ScenicArrayList.push(x)
}
}else{
this.ScenicArrayList.push(x) this.ScenicArrayList.push(x)
} }
}); });
} }
console.log(this.ScenicArrayList,'-----')
this.RenderingOk = true; this.RenderingOk = true;
setTimeout(()=>{ setTimeout(()=>{
this.pageHeight = document.querySelector(`#LineOfTravel${this.item * 4}_0${this.index}`).offsetHeight this.pageHeight = document.querySelector(`#LineOfTravel${this.item * 4}_0${this.index}`).offsetHeight
...@@ -385,7 +992,7 @@ ...@@ -385,7 +992,7 @@
let rgba0 = rgba[0].split('(') let rgba0 = rgba[0].split('(')
let arr = [rgba0[1], rgba[1], rgba[2]] let arr = [rgba0[1], rgba[1], rgba[2]]
if (this.getRgbLevel(arr) > 50) { if (this.getRgbLevel(arr) > 50) {
this.textColor = "#fff" this.textColor = "#333"
} else { } else {
this.textColor = "#333" this.textColor = "#333"
} }
......
src/components/newTravelmanager/travelLineTrip/travelDaysTripThree.vue
View file @ 29f79fa3
...@@ -222,7 +222,7 @@ ...@@ -222,7 +222,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="row-aic marginT10" style="width: 100%;" v-if="dayObj.ScenicArray.length>0"> <div class="row-aic marginT10" style="width: 100%;" v-if="dayObj.ScenicArray.length>0&&dayObj.ScenicArray.length==1">
<span v-if="ishasScenic">默认展示图</span> <span v-if="ishasScenic">默认展示图</span>
<el-select v-if="ishasScenic&&NoticeParameters.IsDirect==1" class="w220 Ht_hotelSelect" size="mini" <el-select v-if="ishasScenic&&NoticeParameters.IsDirect==1" class="w220 Ht_hotelSelect" size="mini"
:placeholder="$t('pub.pleaseSel')" v-model="ScenicArraySingle" filterable @change="setDefaultScenic"> :placeholder="$t('pub.pleaseSel')" v-model="ScenicArraySingle" filterable @change="setDefaultScenic">
......
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