Skip to content

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

调整行程超出内容

parent 727bb208
Hide whitespace changes
Inline Side-by-side
Showing with 105 additions and 105 deletions
src/components/newTravelmanager/travelLineTrip/components/travelDays.vue
View file @ 03b1f84c
<template> <template>
<div style="height: 100%;overflow: hidden;" v-if="RenderingOk"> <div style="height: 100%;overflow: hidden;" v-if="RenderingOk">
<!-- -->
<div class="UpgradedVersion-box2 UpgradedVersion-homebj relative" style="zoom: 0.44;" <div class="UpgradedVersion-box2 UpgradedVersion-homebj relative" style="zoom: 0.44;"
:id="'LineOfTravel'+(item*4)+'_0'+index"> >
<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;">
<Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header> <div :id="'LineOfTravel'+(item*4)+'_0'+index">
<div class="travelDaysTitlle row-aic"> <Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header>
<div class="travelDaysTitlle-left"> <div class="travelDaysTitlle row-aic">
<div class="travelDaysTitlle-left-text column-ajc"> <div class="travelDaysTitlle-left">
<div class="travelDaysTitlle-left-textOne"> <div class="travelDaysTitlle-left-text column-ajc">
<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 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="{'background': dataAll.TripColor,'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">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative"> <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:2"> <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)" @toSelectImg="SelectImg(0)"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)" :x="1123" :y="632"></FeatureControls>
:x="1123" :y="632"></FeatureControls> <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic">
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic"> </div>
</div> <VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage"
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1123" :h="632" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:w="1123" :h="632" :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" :z="2" @dragstop="onViewSpotDragstop">
:z="2" @dragstop="onViewSpotDragstop"> <template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0"> <img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url" class="absolute" :src="ScenicArrayList[0].NewImaArray[0].Url"
class="absolute" :src="ScenicArrayList[0].NewImaArray[0].Url" :id="'viewSpotImg_'+(item*4)+'_0'+index">
:id="'viewSpotImg_'+(item*4)+'_0'+index"> </template>
</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">
<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 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" :style="{'background':backgroundColor2}"> <span class="travelDaysdetails-text0" style="float:left;">温馨提示：</span>
<span class="travelDaysdetails-text0" style="float:left;">温馨提示：</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"> <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"> {{item.DinnerArray[0].DinnerName?item.DinnerArray[0].DinnerName:'无'}}
{{item.DinnerArray[0].DinnerName?item.DinnerArray[0].DinnerName:'无'}} </template>
</template> </div>
</div> </div>
</div> <div class="travelDaysdetails-text row">
<div class="travelDaysdetails-text row"> <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"> {{item.DinnerArray[1].DinnerName?item.DinnerArray[1].DinnerName:'无'}}
{{item.DinnerArray[1].DinnerName?item.DinnerArray[1].DinnerName:'无'}} </template>
</template> </div>
</div> </div>
</div> <div class="travelDaysdetails-text row">
<div class="travelDaysdetails-text row"> <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:'无'}} </template>
</template> </div>
</div> </div>
</div> </div>
</div> <div class="travelDaysdetails-textBox">
<div class="travelDaysdetails-textBox"> <div class="travelDaysdetails-text right0 row">
<div class="travelDaysdetails-text right0 row"> <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"> {{item.HotelArray[0].HotelName!='温馨的家'?item.HotelArray[0].HotelName+"/或同级":"温馨的家"}}
{{item.HotelArray[0].HotelName!='温馨的家'?item.HotelArray[0].HotelName+"/或同级":"温馨的家"}} </template>
</template> <template v-else>
<template v-else> <template v-for="(j) in item.HotelArray">{{j.HotelName}}、</template> /或同级
<template v-for="(j) in item.HotelArray">{{j.HotelName}}、</template> /或同级 </template>
</template> </template>
</template> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- otherJourney-footer --> <!-- otherJourney-footer -->
<div class="footer"> <div class="footer">
<div class="otherJourney-introduceFooter absolute z-index1 row-aic" :style="{'background':''}"> <div class="otherJourney-introduceFooter absolute z-index1 row-aic" :style="{'background':''}">
...@@ -139,11 +141,9 @@ ...@@ -139,11 +141,9 @@
</div> </div>
</div> </div>
<div class="UpgradedVersion2Line absolute z-index3 row-ajc"> <div class="UpgradedVersion2Line absolute z-index3 row-ajc">
<span>底线</span> <span>{{pageHeight>1464?'超出内容已分割到下一页':'底线'}}</span>
</div> </div>
<!-- v-if="pageHeight>1839" --> <div class="UpgradedVersion2Line absolute z-index3 row-ajc" :style="{'top': pageHeight>1464&&pageHeight<2878?pageHeight+'px':'2878px'}">
<!-- :style="{'top': pageHeight>2878?'2878px':pageHeight-10+'px'}" -->
<div class="UpgradedVersion2Line absolute z-index3 row-ajc" style="top: 2878px">
<span>底线</span> <span>底线</span>
</div> </div>
</div> </div>
......
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