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>
<div style="height: 100%;overflow: hidden;" v-if="RenderingOk">
<!-- -->
<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;">
<Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header>
<div class="travelDaysTitlle row-aic">
<div class="travelDaysTitlle-left">
<div class="travelDaysTitlle-left-text column-ajc">
<div class="travelDaysTitlle-left-textOne">
<span>{{item.DayNum>9?item.DayNum:'0'+item.DayNum}}</span>
</div>
<div class="travelDaysTitlle-left-textTwo">
<span>DAY</span>
<div :id="'LineOfTravel'+(item*4)+'_0'+index">
<Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header>
<div class="travelDaysTitlle row-aic">
<div class="travelDaysTitlle-left">
<div class="travelDaysTitlle-left-text column-ajc">
<div class="travelDaysTitlle-left-textOne">
<span>{{item.DayNum>9?item.DayNum:'0'+item.DayNum}}</span>
</div>
<div class="travelDaysTitlle-left-textTwo">
<span>DAY</span>
</div>
</div>
</div>
</div>
<div class="travelDaysTitlle-right">
<div class="travelDaysTitlle-right-text row-aic"
:style="{'background': dataAll.TripColor,'font-size': getFontSize(item.TitleObj.Title),'color':textColor}">
{{item.TitleObj.Title}}
<div class="travelDaysTitlle-right">
<div class="travelDaysTitlle-right-text row-aic"
:style="{'background': dataAll.TripColor,'font-size': getFontSize(item.TitleObj.Title),'color':textColor}">
{{item.TitleObj.Title}}
</div>
</div>
</div>
</div>
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative">
<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="1123" :y="632"></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="1123" :h="632" :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" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</template>
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative">
<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="1123" :y="632"></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="1123" :h="632" :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" :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"
: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" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute"
: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" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
</div>
</div>
<div class="travelDaysContent">
<template v-if="item.ScenicArray.length>0">
<div class="travelDaysContent-text" v-for="(jindian,j) in item.ScenicArray" :key="j">
<div class="travelDaysContent">
<template v-if="item.ScenicArray.length>0">
<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">
【{{jindian.CouponsName}}】
<vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv>
</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>
</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 class="travelDaysdetails-tsTextBox"
v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0">
<div class="travelDaysdetails-tsText" :style="{'background':backgroundColor2}">
<span class="travelDaysdetails-text0" style="float:left;">温馨提示：</span>
<span v-html="item.WarmTipObj.Description"></span>
<div class="travelDaysdetails-tsTextBox"
v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0">
<div class="travelDaysdetails-tsText" :style="{'background':backgroundColor2}">
<span class="travelDaysdetails-text0" style="float:left;">温馨提示：</span>
<span v-html="item.WarmTipObj.Description"></span>
</div>
</div>
</div>
<div class="travelDaysdetails">
<div class="travelDaysdetailsBJ column" :style="{'background':backgroundColor}">
<div class="travelDaysdetails-textBox row">
<div class="travelDaysdetails-text row">
<span class="travelDaysdetails-text0">早餐：</span>
<div>
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>0">
{{item.DinnerArray[0].DinnerName?item.DinnerArray[0].DinnerName:'无'}}
</template>
<div class="travelDaysdetails">
<div class="travelDaysdetailsBJ column" :style="{'background':backgroundColor}">
<div class="travelDaysdetails-textBox row">
<div class="travelDaysdetails-text row">
<span class="travelDaysdetails-text0">早餐：</span>
<div>
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>0">
{{item.DinnerArray[0].DinnerName?item.DinnerArray[0].DinnerName:'无'}}
</template>
</div>
</div>
</div>
<div class="travelDaysdetails-text row">
<span class="travelDaysdetails-text0">午餐：</span>
<div>
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>1">
{{item.DinnerArray[1].DinnerName?item.DinnerArray[1].DinnerName:'无'}}
</template>
<div class="travelDaysdetails-text row">
<span class="travelDaysdetails-text0">午餐：</span>
<div>
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>1">
{{item.DinnerArray[1].DinnerName?item.DinnerArray[1].DinnerName:'无'}}
</template>
</div>
</div>
</div>
<div class="travelDaysdetails-text row">
<span class="travelDaysdetails-text0">晚餐：</span>
<div> <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>2">
{{item.DinnerArray[2].DinnerName?item.DinnerArray[2].DinnerName:'无'}}
</template>
<div class="travelDaysdetails-text row">
<span class="travelDaysdetails-text0">晚餐：</span>
<div> <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>2">
{{item.DinnerArray[2].DinnerName?item.DinnerArray[2].DinnerName:'无'}}
</template>
</div>
</div>
</div>
</div>
<div class="travelDaysdetails-textBox">
<div class="travelDaysdetails-text right0 row">
<span class="travelDaysdetails-text0">住宿：</span>
<template v-if="item.HotelArray">
<template v-if="item.HotelArray.length==1">
{{item.HotelArray[0].HotelName!='温馨的家'?item.HotelArray[0].HotelName+"/或同级":"温馨的家"}}
</template>
<template v-else>
<template v-for="(j) in item.HotelArray">{{j.HotelName}}、</template> /或同级
<div class="travelDaysdetails-textBox">
<div class="travelDaysdetails-text right0 row">
<span class="travelDaysdetails-text0">住宿：</span>
<template v-if="item.HotelArray">
<template v-if="item.HotelArray.length==1">
{{item.HotelArray[0].HotelName!='温馨的家'?item.HotelArray[0].HotelName+"/或同级":"温馨的家"}}
</template>
<template v-else>
<template v-for="(j) in item.HotelArray">{{j.HotelName}}、</template> /或同级
</template>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
<!-- otherJourney-footer -->
<div class="footer">
<div class="otherJourney-introduceFooter absolute z-index1 row-aic" :style="{'background':''}">
......@@ -139,11 +141,9 @@
</div>
</div>
<div class="UpgradedVersion2Line absolute z-index3 row-ajc">
<span>底线</span>
<span>{{pageHeight>1464?'超出内容已分割到下一页':'底线'}}</span>
</div>
<!-- v-if="pageHeight>1839" -->
<!-- :style="{'top': pageHeight>2878?'2878px':pageHeight-10+'px'}" -->
<div class="UpgradedVersion2Line absolute z-index3 row-ajc" style="top: 2878px">
<div class="UpgradedVersion2Line absolute z-index3 row-ajc" :style="{'top': pageHeight>1464&&pageHeight<2878?pageHeight+'px':'2878px'}">
<span>底线</span>
</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