Skip to content

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

竖版尺寸比例调整

parent 11547238
Show whitespace changes
Inline Side-by-side
Showing with 173 additions and 138 deletions
src/assets/css/tripIndexNew2.css
View file @ e0a554a6
...@@ -137,6 +137,10 @@ html, body{ ...@@ -137,6 +137,10 @@ html, body{
margin-top: 20px; margin-top: 20px;
} }
.marginT21 {
margin-top: 21px;
}
.marginT10 { .marginT10 {
margin-top: 10px; margin-top: 10px;
} }
...@@ -166,7 +170,7 @@ html, body{ ...@@ -166,7 +170,7 @@ html, body{
} }
.UpgradedVersion2Line span{ .UpgradedVersion2Line span{
background: #fff; background: #fff;
font-size: 20px; font-size: 23px;
padding: 5px 20px; padding: 5px 20px;
border: 2px dashed red; border: 2px dashed red;
border-radius: 15px; border-radius: 15px;
...@@ -278,14 +282,14 @@ html, body{ ...@@ -278,14 +282,14 @@ html, body{
/* margin-top: 47px; */ /* margin-top: 47px; */
} }
.travelDaysTitlle-left { .travelDaysTitlle-left {
width: 173px; width: 190px;
flex-shrink: 0; flex-shrink: 0;
margin-left: 22px; margin-left: 35px;
} }
.travelDaysTitlle-left-text { .travelDaysTitlle-left-text {
width: 173px; width: 190px;
height: 173px; height: 190px;
/* background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center #FFF; */ /* background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center #FFF; */
background: url('../img/trip/xclogo.png')no-repeat center; background: url('../img/trip/xclogo.png')no-repeat center;
background-size: auto 100%; background-size: auto 100%;
...@@ -295,7 +299,7 @@ html, body{ ...@@ -295,7 +299,7 @@ html, body{
-moz-border-radius: 50%; -moz-border-radius: 50%;
-ms-border-radius: 50%; -ms-border-radius: 50%;
-o-border-radius: 50%; -o-border-radius: 50%;
top:-92px top:-102px
} }
.travelDaysTitlle-left-text span { .travelDaysTitlle-left-text span {
...@@ -303,18 +307,18 @@ html, body{ ...@@ -303,18 +307,18 @@ html, body{
} }
.travelDaysTitlle-left-textOne { .travelDaysTitlle-left-textOne {
font-size: 79px; font-size: 88px;
font-weight: 400; font-weight: 400;
color: #2A2A2A; color: #2A2A2A;
line-height: 55px; line-height: 60px;
margin-top: 15px; margin-top: 15px;
} }
.travelDaysTitlle-left-textTwo { .travelDaysTitlle-left-textTwo {
font-size: 47px; font-size: 52px;
font-weight: 800; font-weight: 800;
color: #2A2A2A; color: #2A2A2A;
line-height: 55px; line-height: 60px;
margin-top: 10px; margin-top: 10px;
} }
...@@ -324,13 +328,13 @@ html, body{ ...@@ -324,13 +328,13 @@ html, body{
.travelDaysTitlle-right { .travelDaysTitlle-right {
flex-grow: 1; flex-grow: 1;
margin-left: 21px; margin-left: 50px;
font-weight: bold; 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; */
padding: 0 25px 0 36px; padding: 0 50px 0 0;
border-radius: 100px 0px 0px 100px; border-radius: 100px 0px 0px 100px;
-webkit-border-radius: 100px 0px 0px 100px; -webkit-border-radius: 100px 0px 0px 100px;
-moz-border-radius: 100px 0px 0px 100px; -moz-border-radius: 100px 0px 0px 100px;
...@@ -342,7 +346,7 @@ html, body{ ...@@ -342,7 +346,7 @@ html, body{
.travelDaysMasterMap { .travelDaysMasterMap {
margin-top: 45px; margin-top: 45px;
/* margin-bottom: 41px; */ /* margin-bottom: 41px; */
height: 632px; height: 643px;
/* flex:1; */ /* flex:1; */
overflow: hidden; overflow: hidden;
} }
...@@ -403,26 +407,23 @@ html, body{ ...@@ -403,26 +407,23 @@ html, body{
} }
.travelDaysContent { .travelDaysContent {
/* min-height: 360px; padding: 0 35px;
max-height:600px; */ margin-bottom: 39px;
line-height: 25px;
padding: 0 36px;
margin-bottom: 20px;
font-weight: 500; font-weight: 500;
/* margin: 41px 0 47px 0; */
} }
.travelDaysContent-text { .travelDaysContent-text {
font-size: 18px; font-size: 29px;
font-weight: 500; font-weight: 500;
color: #444444; color: #444444;
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
} }
.textBold { .textBold {
font-size: 21px; font-size: 29px;
line-height: 25px; line-height: 54px;
font-weight: 800; font-weight: 800;
color: #2A2A2A;
font-family: 'Microsoft JhengHei UI Ligh'; font-family: 'Microsoft JhengHei UI Ligh';
} }
...@@ -434,41 +435,40 @@ html, body{ ...@@ -434,41 +435,40 @@ html, body{
/* padding: 0 0 115px 0; */ /* padding: 0 0 115px 0; */
} }
.travelDaysdetails-tsTextBox{ .travelDaysdetails-tsTextBox{
padding: 0 36px 20px 36px; padding: 0 35px 27px 35px;
} }
.travelDaysdetails-tsText{ .travelDaysdetails-tsText{
width: 100%; width: 100%;
padding: 15px; padding: 38px 47px 28px 47px;
border-radius: 18px; border-radius: 20px;
-webkit-border-radius: 18px; -webkit-border-radius: 20px;
-moz-border-radius: 18px; -moz-border-radius: 20px;
-ms-border-radius: 18px; -ms-border-radius: 20px;
-o-border-radius: 18px; -o-border-radius: 20px;
line-height: 30px; line-height: 30px;
} }
.travelDaysdetails-tsText p{ .travelDaysdetails-tsText p{
padding: 0; padding: 0;
margin: 0; margin: 0;
line-height: 22px; line-height: 42px;
} }
.travelDaysdetailsBJ { .travelDaysdetailsBJ {
border-radius: 100px; border-radius: 20px;
padding: 20px 35px; padding: 22px 42px;
-webkit-border-radius: 18px; -webkit-border-radius: 20px;
-moz-border-radius: 18px; -moz-border-radius: 20px;
-ms-border-radius: 18px; -ms-border-radius: 20px;
-o-border-radius: 18px; -o-border-radius: 20px;
} }
.travelDaysdetails-textBox{ .travelDaysdetails-textBox{
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 5px; align-items: center;
} }
.travelDaysdetails-text0 { .travelDaysdetails-text0 {
font-size: 21px; font-size: 23px;
font-family: 'Microsoft JhengHei UI Ligh'; font-family: 'Microsoft JhengHei UI Ligh';
font-weight: 800; font-weight: 800;
color: #2A2A2A; color: #2A2A2A;
line-height: 34px;
flex-shrink: 0; flex-shrink: 0;
} }
.travelDaysdetails-text div span{ .travelDaysdetails-text div span{
...@@ -479,7 +479,7 @@ html, body{ ...@@ -479,7 +479,7 @@ html, body{
.travelDaysdetails-tsText{ .travelDaysdetails-tsText{
display: inline-block; display: inline-block;
white-space: wrap; white-space: wrap;
font-size: 14px; font-size: 21px;
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
line-height: 22px; line-height: 22px;
} }
...@@ -493,24 +493,25 @@ html, body{ ...@@ -493,24 +493,25 @@ html, body{
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-right: 10px; margin-right: 10px;
line-height: 38px;
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
} }
.travelDaysdetails-textC{ .travelDaysdetails-textC{
font-size: 21px; font-size: 23px;
font-weight: 800; font-weight: 800;
line-height: 34px; line-height: 38px;
font-family: 'Microsoft JhengHei UI Ligh'; font-family: 'Microsoft JhengHei UI Ligh';
} }
.travelDaysdetails-text.right0{ .travelDaysdetails-text.right0{
margin-right: 0; margin-right: 0;
} }
.travelDaysdetails-text0-r{ .travelDaysdetails-text0-r{
margin-top: 5px; margin-top: -16px;
} }
.travelDaysdetails-text0-r>p:first-child, .travelDaysdetails-text0-r>p:first-child,
.travelDaysdetails-text0-r>span:first-child, .travelDaysdetails-text0-r>span:first-child,
.travelDaysdetails-text0-r>a:first-child{ .travelDaysdetails-text0-r>a:first-child{
text-indent: 101px; text-indent: 116px;
} }
.travelDaysdetails-text1{ .travelDaysdetails-text1{
/* font-size: 16px !important; */ /* font-size: 16px !important; */
...@@ -705,10 +706,10 @@ html, body{ ...@@ -705,10 +706,10 @@ html, body{
color: #444444; color: #444444;
} }
.fz18{ .fz18{
font-size: 18px; font-size: 23px;
} }
.fz21{ .fz21{
font-size: 21px; font-size: 29px;
} }
.fz26{ .fz26{
font-size: 26px; font-size: 26px;
...@@ -724,16 +725,19 @@ html, body{ ...@@ -724,16 +725,19 @@ html, body{
font-family: 'Microsoft JhengHei UI'; font-family: 'Microsoft JhengHei UI';
} }
.lineHeight25{ .lineHeight25{
line-height: 25px; line-height: 42px;
} }
.lineHeight38{ .lineHeight38{
line-height: 38px; line-height: 38px;
} }
.lineHeight54{
line-height: 54px;
}
.MT15{ .MT15{
margin-top: 15px; margin-top: 21px;
} }
.MT19{ .MT19{
margin-top: 19px; margin-top: 20px;
} }
.MT28{ .MT28{
margin-top: 28px; margin-top: 28px;
...@@ -751,13 +755,13 @@ html, body{ ...@@ -751,13 +755,13 @@ html, body{
margin-left: 37px; margin-left: 37px;
} }
.MB25{ .MB25{
margin-bottom: 25px; margin-bottom: 28px;
} }
.MB31{ .MB31{
margin-bottom: 31px; margin-bottom: 31px;
} }
.MB32{ .MB32{
margin-bottom: 32px; margin-bottom: 45px;
} }
.MB35{ .MB35{
margin-bottom: 35px; margin-bottom: 35px;
...@@ -792,30 +796,30 @@ html, body{ ...@@ -792,30 +796,30 @@ html, body{
-o-border-radius: 18px; -o-border-radius: 18px;
} }
.card-title{ .card-title{
line-height: 20px; line-height: 54px;
} }
.travelDaysMasterMap2-box{ .travelDaysMasterMap2-box{
padding: 45px 32px; padding: 45px 32px;
padding-bottom: 35px; padding-bottom: 40px;
} }
.travelDaysMasterMap2{ .travelDaysMasterMap2{
height: 583px; height: 643px;
} }
.travelDaysMasterMap2_2{ .travelDaysMasterMap2_2{
width: 524px; width: 578px;
height: 250px; height: 316px;
} }
.travelDaysMasterMap3_1{ .travelDaysMasterMap3_1{
width: 517px; width: 571px;
height: 280px; height: 368px;
} }
.travelDaysMasterMap4_1{ .travelDaysMasterMap4_1{
width: 772px; width: 768px;
height: 449px; height: 496px;
} }
.travelDaysMasterMap4_2{ .travelDaysMasterMap4_2{
width: 370px; width: 366px;
height: 214px; height: 236px;
} }
/* .width331{ /* .width331{
width: 331px; width: 331px;
......
src/components/newTravelmanager/travelLineTrip/components/travelDays.vue
View file @ e0a554a6
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<!-- <Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header> --> <!-- <Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header> -->
<!-- dataAll.TripColor --> <!-- dataAll.TripColor -->
<div class="travelDaysTitlle row-aic" style="min-height: 124px;" :style="{'background': backgroundColor}"> <div class="travelDaysTitlle row-aic" style="min-height: 137px;" :style="{'background': backgroundColor}">
<div class="travelDaysTitlle-left"> <div class="travelDaysTitlle-left">
<div class="relative"> <div class="relative">
<div class="travelDaysTitlle-left-text column-ajc absolute"> <div class="travelDaysTitlle-left-text column-ajc absolute">
...@@ -35,21 +35,21 @@ ...@@ -35,21 +35,21 @@
(item.TitleObj.ShowTripType==2&&(item.ScenicArray.length==1||item.ScenicArray.length==0)) (item.TitleObj.ShowTripType==2&&(item.ScenicArray.length==1||item.ScenicArray.length==0))
||((item.TitleObj.ShowTripType==1||item.TitleObj.ShowTripType==0)&& ||((item.TitleObj.ShowTripType==1||item.TitleObj.ShowTripType==0)&&
(item.ScenicArray.length>0||item.ScenicArray.length==0))"> (item.ScenicArray.length>0||item.ScenicArray.length==0))">
<div class="column travelDaysMasterMap2-box" style="padding: 45px 32px 41px 32px;"> <div class="column travelDaysMasterMap2-box" style="padding: 50px 35px 31px 35px;">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative borderRadius18 hidden" <div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative borderRadius18 hidden"
style="margin-top: 0;"> style="margin-top: 0;">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="1176" :y="632"></FeatureControls> @toSelectImg="SelectImg(0)" :x="1170" :y="643"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic"> @change="uploadpic">
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1176" v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1170"
:h="632" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" :h="643" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)" :active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -75,19 +75,27 @@ ...@@ -75,19 +75,27 @@
<div class="travelDaysContent"> <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"> <div class="textBold">
【{{jindian.CouponsName}}】 <!-- 【 -->
</span> <vEditSpan :canEdit='canEdit' v-model="jindian.CouponsName"></vEditSpan>
<!-- 】 -->
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="jindian.Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="jindian.Description"></vEditSpan>
</div> </div>
</div>
</template> </template>
<div v-if="item.ScenicArray.length==0&&item.TrafficObj.trafficIntroduce.IntroduceTitle" <div v-if="item.ScenicArray.length==0&&item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text"> class="travelDaysContent-text">
<span class="textBold"> <span class="textBold">
<!-- <vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv> -->
<vEditDiv class="dayCouponsName" :canEdit='canEdit' <vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv> v-model="item.TrafficObj.trafficIntroduce.IntroduceTitle"></vEditDiv>
</span> </span>
<vEditSpan :canEdit='canEdit' v-model="item.TrafficObj.trafficIntroduce.IntroduceDetail"></vEditSpan> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan class="MT15" :canEdit='canEdit' v-model="item.TrafficObj.trafficIntroduce.IntroduceDetail"></vEditSpan>
</div>
</div> </div>
<div v-if="item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceTitle" <div v-if="item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text"> class="travelDaysContent-text">
...@@ -105,16 +113,16 @@ ...@@ -105,16 +113,16 @@
class="travelDaysMasterMap2 hidden relative borderRadius18"> class="travelDaysMasterMap2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="1176" :y="583"></FeatureControls> @toSelectImg="SelectImg(0)" :x="1170" :y="643"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic"> @change="uploadpic">
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1176" v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1170"
:h="583" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" :h="643" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)" :active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -137,7 +145,9 @@ ...@@ -137,7 +145,9 @@
</div> </div>
</div> </div>
<div class="MT28" v-if="item.ScenicArray.length>0"> <div class="MT28" v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div> </div>
...@@ -149,14 +159,14 @@ ...@@ -149,14 +159,14 @@
class="travelDaysMasterMap2_2 hidden relative borderRadius18"> class="travelDaysMasterMap2_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="524" :y="250"></FeatureControls> @toSelectImg="SelectImg(1)" :x="578" :y="316"></FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="524" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="578"
:h="250" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false" :h="316" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -181,7 +191,9 @@ ...@@ -181,7 +191,9 @@
</div> </div>
<div class="ML26 flexG"> <div class="ML26 flexG">
<template v-if="item.ScenicArray.length>1"> <template v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div> </div>
...@@ -198,14 +210,14 @@ ...@@ -198,14 +210,14 @@
class="travelDaysMasterMap3_1 hidden relative borderRadius18"> class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="517" :y="280"></FeatureControls> @toSelectImg="SelectImg(0)" :x="571" :y="368"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic"> @change="uploadpic">
</div> </div>
<VueDraggableResizable v-if="item.ScenicArray.length==3" :w="517" :h="280" <VueDraggableResizable v-if="item.ScenicArray.length==3" :w="571" :h="368"
:ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
...@@ -231,7 +243,9 @@ ...@@ -231,7 +243,9 @@
</div> </div>
<div class="ML26 flexG"> <div class="ML26 flexG">
<template v-if="item.ScenicArray.length>0"> <template v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div> </div>
...@@ -241,7 +255,9 @@ ...@@ -241,7 +255,9 @@
<div class="row MB32"> <div class="row MB32">
<div class="flexG"> <div class="flexG">
<template v-if="item.ScenicArray.length>1"> <template v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div> </div>
...@@ -252,14 +268,14 @@ ...@@ -252,14 +268,14 @@
class="travelDaysMasterMap3_1 hidden relative borderRadius18"> class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="517" :y="280"></FeatureControls> @toSelectImg="SelectImg(1)" :x="571" :y="368"></FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571"
:h="280" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false" :h="368" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -289,14 +305,14 @@ ...@@ -289,14 +305,14 @@
class="travelDaysMasterMap3_1 hidden relative borderRadius18"> class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)"
@toSelectImg="SelectImg(2)" :x="517" :y="280"></FeatureControls> @toSelectImg="SelectImg(2)" :x="571" :y="368"></FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517" v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571"
:h="280" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false" :h="368" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(2)" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -321,7 +337,9 @@ ...@@ -321,7 +337,9 @@
</div> </div>
<div class="ML26 flexG"> <div class="ML26 flexG">
<template v-if="item.ScenicArray.length>2"> <template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div> </div>
...@@ -337,14 +355,14 @@ ...@@ -337,14 +355,14 @@
class="travelDaysMasterMap4_1 hidden relative borderRadius18"> class="travelDaysMasterMap4_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="772" :y="449"></FeatureControls> @toSelectImg="SelectImg(0)" :x="768" :y="496"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic"> @change="uploadpic">
</div> </div>
<VueDraggableResizable v-if="item.ScenicArray.length==4" :h="449" :w="772" <VueDraggableResizable v-if="item.ScenicArray.length==4" :h="496" :w="768"
:ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" parent=".travelDaysMasterMap4_1" axis="y" @activated="onActivated(0)" :active="false" parent=".travelDaysMasterMap4_1" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
...@@ -371,7 +389,9 @@ ...@@ -371,7 +389,9 @@
</div> </div>
<div class="ML37 flexG"> <div class="ML37 flexG">
<template v-if="item.ScenicArray.length>0"> <template v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div> </div>
...@@ -388,12 +408,12 @@ ...@@ -388,12 +408,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :x="370" :y="214"> @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :x="366" :y="236">
</FeatureControls> </FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(1)" :resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -418,8 +438,9 @@ ...@@ -418,8 +438,9 @@
</div> </div>
<div class="MT28 width331"> <div class="MT28 width331">
<template v-if="item.ScenicArray.length>1"> <template v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title"> <div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title lineHeight54">
{{item.ScenicArray[1].CouponsName}}</div> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div> </div>
...@@ -435,12 +456,12 @@ ...@@ -435,12 +456,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="370" :y="214"> @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="366" :y="236">
</FeatureControls> </FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)" :resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -465,8 +486,9 @@ ...@@ -465,8 +486,9 @@
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>2"> <template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title"> <div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title lineHeight54">
{{item.ScenicArray[2].CouponsName}}</div> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div> </div>
...@@ -482,12 +504,12 @@ ...@@ -482,12 +504,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="370" :y="214"> @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="366" :y="236">
</FeatureControls> </FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0" :w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)" :resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -511,9 +533,11 @@ ...@@ -511,9 +533,11 @@
</div> </div>
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>3"> <template v-if="item.ScenicArray.length>3">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title"> <div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title lineHeight54">
{{item.ScenicArray[3].CouponsName}}</div> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
</div> </div>
...@@ -530,16 +554,16 @@ ...@@ -530,16 +554,16 @@
class="travelDaysMasterMap5_1 hidden relative borderRadius18"> class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="571" :y="291"></FeatureControls> @toSelectImg="SelectImg(0)" :x="567" :y="322"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic"> @change="uploadpic">
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571" v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="567"
:h="291" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" :h="322" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)" :active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -562,7 +586,9 @@ ...@@ -562,7 +586,9 @@
</div> </div>
</div> </div>
<div class="MT28" v-if="item.ScenicArray.length>0"> <div class="MT28" v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div> </div>
...@@ -573,14 +599,14 @@ ...@@ -573,14 +599,14 @@
class="travelDaysMasterMap5_1 hidden relative borderRadius18"> class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="571" :y="291"></FeatureControls> @toSelectImg="SelectImg(1)" :x="567" :y="322"></FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571" v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="567"
:h="291" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false" :h="322" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -603,7 +629,9 @@ ...@@ -603,7 +629,9 @@
</div> </div>
</div> </div>
<div class="MT28" v-if="item.ScenicArray.length>1"> <div class="MT28" v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div> </div>
...@@ -620,12 +648,12 @@ ...@@ -620,12 +648,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="370" :y="214"> @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="366" :y="236">
</FeatureControls> </FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)" :resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -650,7 +678,8 @@ ...@@ -650,7 +678,8 @@
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>2"> <template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}} <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].CouponsName"></vEditSpan>
</div> </div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
...@@ -667,12 +696,12 @@ ...@@ -667,12 +696,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="370" :y="214"> @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="366" :y="236">
</FeatureControls> </FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0" :w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)" :resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -697,7 +726,8 @@ ...@@ -697,7 +726,8 @@
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>3"> <template v-if="item.ScenicArray.length>3">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[3].CouponsName}} <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].CouponsName"></vEditSpan>
</div> </div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
...@@ -714,12 +744,12 @@ ...@@ -714,12 +744,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)" :x="370" :y="214"> @toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)" :x="366" :y="236">
</FeatureControls> </FeatureControls>
</div> </div>
<VueDraggableResizable <VueDraggableResizable
v-if="item.ScenicArray.length>4||item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="item.ScenicArray.length>4||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_4'+index" tabindex="0" :w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_4'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(4)" :resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(4)"
:x="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :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" :y="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -744,7 +774,8 @@ ...@@ -744,7 +774,8 @@
</div> </div>
<div class="MT28 width331"> <div class="MT28 width331">
<template v-if="item.ScenicArray.length>4"> <template v-if="item.ScenicArray.length>4">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[4].CouponsName}} <div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].CouponsName"></vEditSpan>
</div> </div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].Description"></vEditSpan>
...@@ -760,7 +791,7 @@ ...@@ -760,7 +791,7 @@
v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0"> v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0">
<div :id="'WarmTip_'+index" class="travelDaysdetails-tsText row relative" <div :id="'WarmTip_'+index" class="travelDaysdetails-tsText row relative"
:style="{'background':'#EFECEC'}"> :style="{'background':'#EFECEC'}">
<span class='travelDaysdetails-text0 absolute' style='line-height:25px;top: 15px;'>温馨提示：</span> <span class='travelDaysdetails-text0 absolute' style='line-height:25px;top: 26px;'>温馨提示：</span>
<div v-html="item.WarmTipObj.Description" class="travelDaysdetails-text0-r"></div> <div v-html="item.WarmTipObj.Description" class="travelDaysdetails-text0-r"></div>
</div> </div>
</div> </div>
...@@ -793,7 +824,7 @@ ...@@ -793,7 +824,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="travelDaysdetails-textBox"> <div class="travelDaysdetails-textBox marginT21">
<div class="travelDaysdetails-text right0 row"> <div class="travelDaysdetails-text right0 row">
<span class="travelDaysdetails-text0">住宿：</span> <span class="travelDaysdetails-text0">住宿：</span>
<div class="travelDaysdetails-textC" v-if="item.HotelArray"> <div class="travelDaysdetails-textC" v-if="item.HotelArray">
...@@ -934,10 +965,10 @@ ...@@ -934,10 +965,10 @@
}, },
getFontSize(title) { getFontSize(title) {
if (!title) return if (!title) return
let size = 30; let size = 34;
if (title && title.length > 0 && title.length > 80) { if (title && title.length > 0 && title.length > 80) {
var tempSize = Number(80) / Number(title.length); var tempSize = Number(80) / Number(title.length);
tempSize = tempSize * 30; tempSize = tempSize * 34;
size = tempSize.toFixed(1); size = tempSize.toFixed(1);
} }
return size + "px"; return size + "px";
......
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