Skip to content

S
SuperMan
Commit b6de60b5 authored by liudong1993's avatar liudong1993
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

parents 3854459e 8c8ad3f3
Hide whitespace changes
Inline Side-by-side
Showing with 1698 additions and 20 deletions
src/components/TravelContractDetail.vue
View file @ b6de60b5
...@@ -648,9 +648,29 @@ ...@@ -648,9 +648,29 @@
</p> </p>
<h3>第二十一条 旅游费用及支付（以人民币为计算单位）</h3> <h3>第二十一条 旅游费用及支付（以人民币为计算单位）</h3>
<p> <p>
成人：<span>{{dataList.adultPrice}}</span>元/人，儿童（不满14岁）：<span>{{dataList.childPrice}}</span>元/人；其中，导游服务费<span>{{dataList.servicePrice}}</span>元/人； 成人：<span>{{dataList.adultPrice}}</span><template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>/人，儿童（不满14岁）：<span>{{dataList.childPrice}}</span><template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>/人；其中，导游服务费<span>{{dataList.servicePrice}}</span><template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>/人；
</p> </p>
<p>旅游费用合计：<span>{{dataList.orderPrice}}</span>元。</p> <p>旅游费用合计：<span>{{dataList.orderPrice}}</span><template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>。</p>
<p>旅游费用支付方式： <p>旅游费用支付方式：
<span v-if="dataList.payType==1">现金</span> <span v-if="dataList.payType==1">现金</span>
<span v-if="dataList.payType==2">转账</span> <span v-if="dataList.payType==2">转账</span>
...@@ -918,7 +938,12 @@ ...@@ -918,7 +938,12 @@
<td width="10%">具体时间</td> <td width="10%">具体时间</td>
<td width="15%">地点</td> <td width="15%">地点</td>
<td width="15%">项目名称和内容</td> <td width="15%">项目名称和内容</td>
<td width="15%">费用（元）</td> <td width="15%">费用（<template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>）</td>
<td width="15%">项目时长（分钟）</td> <td width="15%">项目时长（分钟）</td>
<td width="15%">其他说明</td> <td width="15%">其他说明</td>
<td width="10%">旅游者签名同意</td> <td width="10%">旅游者签名同意</td>
......
src/components/TravelContractNew.vue
View file @ b6de60b5
...@@ -568,21 +568,38 @@ ...@@ -568,21 +568,38 @@
<tr> <tr>
<td> <td>
<el-form-item label="成人价" prop="adultPrice"> <el-form-item label="成人价" prop="adultPrice">
<el-input type="text" class="w300" v-model="CtObj.adultPrice"></el-input> 元/人 <el-input type="text" class="w300" v-model="CtObj.adultPrice"></el-input>
<template v-if="CtObj.signType==0">
元
</template>
<template v-else>
円
</template>
/人
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="儿童(不满14岁的)"> <el-form-item label="儿童(不满14岁的)">
<el-input type="text" class="w300" v-model="CtObj.childPrice"></el-input> 元/人 <el-input type="text" class="w300" v-model="CtObj.childPrice"></el-input> <template v-if="CtObj.signType==0">
元
</template>
<template v-else>
円
</template>/人
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="导游服务费" prop="servicePrice"> <el-form-item label="导游服务费" prop="servicePrice">
<el-input type="text" class="w300" v-model="CtObj.servicePrice"></el-input> 元/人 <el-input type="text" class="w300" v-model="CtObj.servicePrice"></el-input> <template v-if="CtObj.signType==0">
元
</template>
<template v-else>
円
</template>/人
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -1082,7 +1099,12 @@ ...@@ -1082,7 +1099,12 @@
<th width="10%">具体时间</th> <th width="10%">具体时间</th>
<th width="15%">地点</th> <th width="15%">地点</th>
<th width="12%">项目名称和内容</th> <th width="12%">项目名称和内容</th>
<th width="12%">费用（元）</th> <th width="12%">费用（ <template v-if="CtObj.signType==0">
元
</template>
<template v-else>
円
</template>）</th>
<th width="12%">项目时长（分钟）</th> <th width="12%">项目时长（分钟）</th>
<th width="12%">其他说明</th> <th width="12%">其他说明</th>
<th width="12%">旅游者签名同意</th> <th width="12%">旅游者签名同意</th>
......
src/components/clientConfirm.vue
View file @ b6de60b5
...@@ -846,8 +846,28 @@ ...@@ -846,8 +846,28 @@
<p class="toTopDistance">第二十一条 旅游费用及支付（以人民币为计算单位）</p> <p class="toTopDistance">第二十一条 旅游费用及支付（以人民币为计算单位）</p>
</h3> </h3>
<p> <p>
成人<font>{{dataList.adultPrice}}</font>元/人，儿童（不满14岁）<font>{{dataList.childPrice}}</font>元/人；其中，导游服务费 成人<font>{{dataList.adultPrice}}</font><template v-if="dataList.signType==0">
<font>{{dataList.servicePrice}}</font>元/人；旅游费用合计：<font>{{dataList.orderPrice}}</font>元。 元
</template>
<template v-else>
円
</template>/人，儿童（不满14岁）<font>{{dataList.childPrice}}</font><template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>/人；其中，导游服务费
<font>{{dataList.servicePrice}}</font><template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>/人；旅游费用合计：<font>{{dataList.orderPrice}}</font><template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>。
</p> </p>
<p>旅游费用支付方式： <p>旅游费用支付方式：
<font v-if="dataList.payType==1">现金</font> <font v-if="dataList.payType==1">现金</font>
...@@ -1175,7 +1195,12 @@ ...@@ -1175,7 +1195,12 @@
<th>具体时间</th> <th>具体时间</th>
<th>地点</th> <th>地点</th>
<th>项目名称和内容</th> <th>项目名称和内容</th>
<th>费用（元）</th> <th>费用（<template v-if="dataList.signType==0">
元
</template>
<template v-else>
円
</template>）</th>
<th>项目时长（分钟）</th> <th>项目时长（分钟）</th>
<th>其他说明</th> <th>其他说明</th>
<th>旅游者签名同意</th> <th>旅游者签名同意</th>
......
src/components/newTravelmanager/TravelGroupControl/TravelFeature.vue
View file @ b6de60b5
...@@ -299,7 +299,6 @@ ...@@ -299,7 +299,6 @@
this.dialogPptistVisible = false this.dialogPptistVisible = false
}, },
handleMessage(event,targetOrigin) { handleMessage(event,targetOrigin) {
console.log(event.data,'-----------event.data')
if(event.data&&event.data.data&&!event.data.data) return if(event.data&&event.data.data&&!event.data.data) return
if(this.isPostMessage) return if(this.isPostMessage) return
// if(event.data&&event.data=='行程数据保存成功'){ // if(event.data&&event.data=='行程数据保存成功'){
......
src/components/newTravelmanager/TravelGroupControl/TravelManagerThree.vue
View file @ b6de60b5
...@@ -269,6 +269,7 @@ ...@@ -269,6 +269,7 @@
DayList: [], DayList: [],
isFileUpload: false, //是否是一键上传行程 isFileUpload: false, //是否是一键上传行程
IsUpdateTrip: 0, //是否联动行程特色 IsUpdateTrip: 0, //是否联动行程特色
FeaturePageType: 1, //1横版 2竖版
}, },
PostPrice: "", //报价信息 PostPrice: "", //报价信息
//线路 //线路
...@@ -456,6 +457,7 @@ ...@@ -456,6 +457,7 @@
basicData.WCountryId = this.PostConfig.WCountryId; basicData.WCountryId = this.PostConfig.WCountryId;
basicData.WLocationId = this.PostConfig.WLocationId; basicData.WLocationId = this.PostConfig.WLocationId;
basicData.WCityId = this.PostConfig.WCityId; basicData.WCityId = this.PostConfig.WCityId;
this.journeyList.FeaturePageType = this.PostDaysTrip.FeaturePageType;
this.journeyList.IsUpdateTrip = this.PostDaysTrip.IsUpdateTrip; this.journeyList.IsUpdateTrip = this.PostDaysTrip.IsUpdateTrip;
//行程特色数据 //行程特色数据
var TripFeature = {}; var TripFeature = {};
...@@ -683,10 +685,15 @@ ...@@ -683,10 +685,15 @@
this.journeyList.isFileUpload = true; this.journeyList.isFileUpload = true;
this.journeyList.DayNum = configData.Days.length; this.journeyList.DayNum = configData.Days.length;
this.journeyList.NightNum = this.journeyList.DayNum - 1; this.journeyList.NightNum = this.journeyList.DayNum - 1;
let _this = this
let arrDayList = function(list){ let arrDayList = function(list){
list.forEach(x=>{ list.forEach(x=>{
x.IsBlowUp = false x.IsBlowUp = false
x.zoom = 0.44 if(_this.journeyList.FeaturePageType==2||!_this.journeyList.FeaturePageType){
x.zoom = 0.44
}else if(_this.journeyList.FeaturePageType==1){
x.zoom = 0.285
}
}) })
} }
arrDayList(dayList) arrDayList(dayList)
...@@ -942,14 +949,20 @@ ...@@ -942,14 +949,20 @@
//默认不联动行程特色 //默认不联动行程特色
this.journeyList.IsUpdateTrip = 0; this.journeyList.IsUpdateTrip = 0;
this.journeyList.FeaturePageType = 2;
this.journeyList.DayNum = tempData.DayNum; this.journeyList.DayNum = tempData.DayNum;
this.journeyList.NightNum = tempData.NightNum; this.journeyList.NightNum = tempData.NightNum;
this.journeyList.ReturnArriveCityId = tempData.ReturnArriveCityId; this.journeyList.ReturnArriveCityId = tempData.ReturnArriveCityId;
this.journeyList.StartCityId = tempData.StartCityId; this.journeyList.StartCityId = tempData.StartCityId;
let _this = this
let arrDayList = function(list){ let arrDayList = function(list){
list.forEach(x=>{ list.forEach(x=>{
x.IsBlowUp = false x.IsBlowUp = false
x.zoom = 0.44 if(_this.journeyList.FeaturePageType==2||!_this.journeyList.FeaturePageType){
x.zoom = 0.44
}else if(_this.journeyList.FeaturePageType==1){
x.zoom = 0.285
}
}) })
} }
arrDayList(tempData.DayList) arrDayList(tempData.DayList)
......
src/components/newTravelmanager/travelLineTrip/TravelDaysTrip_Direct.vue
View file @ b6de60b5
...@@ -327,7 +327,7 @@ ...@@ -327,7 +327,7 @@
} }
}, },
created() { created() {
}, },
computed: { computed: {
//获取行程天数 //获取行程天数
......
src/components/newTravelmanager/travelLineTrip/TravelDaysTrip_DirectThree.vue
View file @ b6de60b5
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
<span class="TDTextspan" :class="{'showOther':TeamType==3}">{{$t('sm.jhcfchengshi')}}</span> <span class="TDTextspan" :class="{'showOther':TeamType==3}">{{$t('sm.jhcfchengshi')}}</span>
<span :class="{'showOther':TeamType==3}"> <span :class="{'showOther':TeamType==3}">
<el-form-item prop="StartCityId"> <el-form-item prop="StartCityId">
<el-select class="w120" :placeholder="$t('pub.pleaseSel')" v-model="subConfig.StartCityId" filterable> <el-select class="w100" :placeholder="$t('pub.pleaseSel')" v-model="subConfig.StartCityId" filterable>
<el-option :label="$t('pub.unlimitedSel')" :value="SelectDefaultValue"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="SelectDefaultValue"></el-option>
<el-option v-for="item in StartCity" :label="item.startCityName" :value="item.ID" :key="item.ID"> <el-option v-for="item in StartCity" :label="item.startCityName" :value="item.ID" :key="item.ID">
</el-option> </el-option>
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
<span class="TDTextspan" :class="{'showOther':TeamType==3}">{{$t('op.ReturnCity')}}</span> <span class="TDTextspan" :class="{'showOther':TeamType==3}">{{$t('op.ReturnCity')}}</span>
<span :class="{'showOther':TeamType==3}"> <span :class="{'showOther':TeamType==3}">
<el-form-item prop="ReturnArriveCityId"> <el-form-item prop="ReturnArriveCityId">
<el-select class="w120" :placeholder="$t('pub.pleaseSel')" v-model="subConfig.ReturnArriveCityId" <el-select class="w100" :placeholder="$t('pub.pleaseSel')" v-model="subConfig.ReturnArriveCityId"
filterable> filterable>
<el-option :label="$t('pub.unlimitedSel')" :value="SelectDefaultValue"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="SelectDefaultValue"></el-option>
<el-option v-for="item in StartCity" :label="item.startCityName" :value="item.ID" :key="item.ID"> <el-option v-for="item in StartCity" :label="item.startCityName" :value="item.ID" :key="item.ID">
...@@ -173,12 +173,25 @@ ...@@ -173,12 +173,25 @@
<span class="TDTextspan" :class="{'showOther':TeamType==3}">{{$t('op.IsUpdateXCTS')}}</span> <span class="TDTextspan" :class="{'showOther':TeamType==3}">{{$t('op.IsUpdateXCTS')}}</span>
<span :class="{'showOther':TeamType==3}"> <span :class="{'showOther':TeamType==3}">
<el-form-item prop="ReturnArriveCityId"> <el-form-item prop="ReturnArriveCityId">
<el-select class="w120" :placeholder="$t('pub.pleaseSel')" v-model="subConfig.IsUpdateTrip"> <el-select class="w100" :placeholder="$t('pub.pleaseSel')" v-model="subConfig.IsUpdateTrip">
<el-option :label="$t('op.notUpdate')" :value="0"></el-option> <el-option :label="$t('op.notUpdate')" :value="0"></el-option>
<el-option :label="$t('op.Update')" :value="1"></el-option> <el-option :label="$t('op.Update')" :value="1"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</span> </span>
<template v-if="false">
<span class="TDTextspan" :class="{'showOther':TeamType==3}">版型</span>
<span :class="{'showOther':TeamType==3}">
<el-form-item prop="ReturnArriveCityId">
<el-select placeholder="请选择版型" v-model="subConfig.FeaturePageType"
style="width: 80px;">
<el-option label="横版" :value="1"></el-option>
<el-option label="竖版" :value="2"></el-option>
</el-select>
</el-form-item>
</span>
</template>
</div> </div>
<div class="newTravelDayContent TravelDayContentThree clearfix" style="padding-left: 0;"> <div class="newTravelDayContent TravelDayContentThree clearfix" style="padding-left: 0;">
<div class="vertical-line" style="left: 23px;"></div> <div class="vertical-line" style="left: 23px;"></div>
...@@ -193,10 +206,14 @@ ...@@ -193,10 +206,14 @@
<span class="el-icon-full-screen absolute BlowUpTravelDays" <span class="el-icon-full-screen absolute BlowUpTravelDays"
@click="clickBlowUpTravelDays(item)"></span> @click="clickBlowUpTravelDays(item)"></span>
</el-tooltip> </el-tooltip>
<travelDays :index="index" :dataAll="dataAll" :item="item"> <travelDaysHV v-if="subConfig.FeaturePageType==1" :index="index" :dataAll="dataAll" :item="item">
</travelDaysHV>
<travelDays v-if="subConfig.FeaturePageType==2" :index="index" :dataAll="dataAll" :item="item">
</travelDays> </travelDays>
<div v-if="item.IsBlowUp" class="BlowUpTravelDaysBox"> <div v-if="item.IsBlowUp" class="BlowUpTravelDaysBox">
<travelDays :index="index" :dataAll="dataAll" :item="item"> <travelDaysHV v-if="subConfig.FeaturePageType==1" :index="index" :dataAll="dataAll" :item="item">
</travelDaysHV>
<travelDays v-if="subConfig.FeaturePageType==2" :index="index" :dataAll="dataAll" :item="item">
</travelDays> </travelDays>
<span v-if="item.IsBlowUp" class="el-icon-error BlowUpTravelDaysClose" <span v-if="item.IsBlowUp" class="el-icon-error BlowUpTravelDaysClose"
@click="clickBlowUpTravelDays(item)"></span> @click="clickBlowUpTravelDays(item)"></span>
...@@ -223,6 +240,7 @@ ...@@ -223,6 +240,7 @@
<script> <script>
import travelDaysTrip from "../travelLineTrip/travelDaysTripThree"; import travelDaysTrip from "../travelLineTrip/travelDaysTripThree";
import travelDays from './components/travelDays' import travelDays from './components/travelDays'
import travelDaysHV from './components/travelDaysHV'
export default { export default {
props: [ props: [
...@@ -248,7 +266,8 @@ ...@@ -248,7 +266,8 @@
}, },
components: { components: {
travelDaysTrip: travelDaysTrip, travelDaysTrip: travelDaysTrip,
travelDays travelDays,
travelDaysHV
}, },
methods: { methods: {
clickBlowUpTravelDays(item){ clickBlowUpTravelDays(item){
......
src/components/newTravelmanager/travelLineTrip/components/travelDaysHV.vue 0 → 100644
View file @ b6de60b5
<template>
<div :style="{'height':item.zoom==1?'auto':'100%',
'overflow':item.zoom==1?'auto':'hidden'}"
v-if="RenderingOk">
<div class="UpgradedVersionHV-box2 relative" :style="{'zoom': item.zoom}">
<div class="z-index1" style="left: 0;right: 0; top: 0;bottom: 0;">
<div :id="'LineOfTravel'+(item*4)+'_0'+index">
<div class="travelDaysTitlle row-aic" style="min-height: 190px;" :style="{'background': backgroundColor}">
<div class="travelDaysHVTitlle-left flexS">
<div class="relative">
<div class="travelDaysHVTitlle-left-text column-ajc">
<div class="travelDaysHVTitlle-left-textTwo">
<span>Day{{item.DayNum}}</span>
</div>
<div class="travelDaysHVTitlle-left-textOne">
<img src="http://imgfile.oytour.com/Static/logoHV.png"/>
</div>
</div>
</div>
</div>
<div class="travelDaysHVTitlle-right row">
<div class="travelDaysHVTitlle-borderL row-aic">
<div></div>
</div>
<div class="travelDaysHVTitlle-right-text column"
:style="{'font-size': getFontSize(item.TitleObj.Title),'color':textColor}">
<div class="HVTitlle-header0 row nowrap">
<img class="relative" src="http://imgfile.oytour.com/Static/addressHV.png"/>
<span>
{{item.TitleObj.Title}}
</span>
</div>
<div class="HVTitlle-header1" v-if="!item.TitleObj.Description">
{{item.TitleObj.Description}}
</div>
</div>
</div>
</div>
<div style="min-height:1050px">
<div class="travelDaysHVMasterMap2-box">
<!-- 一张图 1-单张图，2-多张图-->
<div v-if="(item.TitleObj.ShowTripType==2&&
(item.ScenicArray.length==1||item.ScenicArray.length==0))
||((item.TitleObj.ShowTripType==1||item.TitleObj.ShowTripType==0)&&
(item.ScenicArray.length>0||item.ScenicArray.length==0))" :id="'viewSpotBox_'+(item*4)+'_0'+index"
class="travelDaysHVMasterMap relative hidden"
style="margin-top: 0;">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="1750" :y="800"></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="1750"
:h="800" :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"
style="top:0;width: 100%; object-fit: cover;"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div>
</div>
<div class="travelDaysHVContentOne absolute">
<div class="travelDaysHVContent">
<template v-if="item.ScenicArray.length>0">
<div class="travelDaysHVContent-text" v-for="(jindian,j) in item.ScenicArray" :key="j">
<div class="textBold">
【{{jindian.CouponsName}}】
</div>
<vEditSpan :canEdit='canEdit' v-model="jindian.Description"></vEditSpan>
</div>
</template>
<div v-if="item.ScenicArray.length==0&&item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysHVContent-text">
<div class="textBold">
<vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv>
</div>
<vEditSpan :canEdit='canEdit' v-model="item.TrafficObj.trafficIntroduce.IntroduceDetail"></vEditSpan>
</div>
<div v-if="item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysHVContent-text">
{{item.TitleObj.Title}}
</div>
</div>
</div>
</div>
<div v-if="item.TitleObj.ShowTripType==2&&item.ScenicArray.length>1"
class="travelDaysHV-box">
<!-- 2张 -->
<div v-if="item.ScenicArray.length==2" class="travelDaysHV2 row">
<div class="travelDaysHV2-imgBox">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index"
class="travelDaysHVMasterMap2 hidden relative borderRadius18">
<div class="travelDaysHVMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="786" :y="524"></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="786"
:h="524" :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 style="margin-top: 23px;" v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold travelDaysHV-CouponsName color2A2A2A"
:style="{'color':dataAll.TripColor}">【{{item.ScenicArray[0].CouponsName}}】</div>
<div class="travelDaysHV-Description" style="margin-top: 21px;">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
</div>
</div>
<div class="travelDaysHV2-imgBox" v-if="ScenicArrayList.length>1" style="margin-left: 74px;">
<div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_1'+index"
class="travelDaysHVMasterMap2 hidden relative borderRadius18">
<div class="travelDaysHVMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="786" :y="524"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="786"
:h="524" :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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz18 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>2">
<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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="517" :y="280"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length==3" :w="517" :h="280"
: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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz18 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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz18 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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="517" :y="280"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :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">
<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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)"
@toSelectImg="SelectImg(2)" :x="517" :y="280"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
</div>
<div class="travelDaysHVdetails">
<div class="travelDaysHVdetailsBJ column">
<div class="travelDaysHVTdetails-textBox row-sb">
<div class="travelDaysdetails-text row">
<div class="travelDaysHVdetails-icon">
<span class="iconfont icon-b-meals"
:style="{'color':backgroundColor2}"></span>
</div>
<span class="travelDaysHVdetails-text0">早餐：</span>
<div class="trtravelDaysHVdetails-textC">
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>0">
{{item.DinnerArray[0].DinnerName?item.DinnerArray[0].DinnerName:'无'}}
</template>
</div>
</div>
<div class="travelDaysdetails-text row">
<span class="travelDaysHVdetails-text0">午餐：</span>
<div class="trtravelDaysHVdetails-textC">
<template v-if="item&&item.DinnerArray&&item.DinnerArray.length>1">
{{item.DinnerArray[1].DinnerName?item.DinnerArray[1].DinnerName:'无'}}
</template>
</div>
</div>
<div class="travelDaysdetails-text row">
<span class="travelDaysHVdetails-text0 iconfont icon-qianming">晚餐：</span>
<div class="trtravelDaysHVdetails-textC"> <template
v-if="item&&item.DinnerArray&&item.DinnerArray.length>2">
{{item.DinnerArray[2].DinnerName?item.DinnerArray[2].DinnerName:'无'}}
</template>
</div>
</div>
</div>
<div class="travelDaysHVdetails-textBox"></div>
<div class="travelDaysHVTdetails-textBox row">
<div class="travelDaysdetails-text right0 row">
<div class="travelDaysHVdetails-icon">
<span class="iconfont icon-zhusu"
:style="{'color':backgroundColor2}"></span>
</div>
<span class="travelDaysHVdetails-text0">住宿：</span>
<div class="trtravelDaysHVdetails-textC" 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>
</div>
</div>
</div>
</div>
</div>
</div>
<template v-if="false">
<template v-if="item.TitleObj.ShowTripType==2&&item.ScenicArray.length>1">
<div class="column travelDaysHVMasterMap2-box">
<!-- 2张 -->
<div v-if="item.ScenicArray.length==2">
<div class="MB25">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index"
class="travelDaysHVMasterMap2 hidden relative">
<div class="travelDaysHVMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="786" :y="524"></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="786"
:h="524" :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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
</div>
</div>
<div class="row" 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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="524" :y="250"></FeatureControls>
</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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz18 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>2">
<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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="517" :y="280"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length==3" :w="517" :h="280"
: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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz18 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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz18 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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="517" :y="280"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :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">
<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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)"
@toSelectImg="SelectImg(2)" :x="517" :y="280"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
<template v-if="false">
<!-- 4张 -->
<template 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:4">
<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==4" :h="449" :w="696"
:ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" parent=".travelDaysMasterMap4_1" 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" :min-width="696">
<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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="row-sb" style="margin-top: 32px;">
<div class="flex1 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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :x="331" :y="214">
</FeatureControls>
</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="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="flex1 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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="331" :y="214">
</FeatureControls>
</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="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="flex1 column">
<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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="331" :y="214">
</FeatureControls>
</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="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[3].CouponsName}}</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
</template>
<!-- 5张 -->
<div v-if="item.ScenicArray.length==5||item.ScenicArray.length>5">
<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:4">
<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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz18 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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="514" :y="291"></FeatureControls>
</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(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>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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
</div>
</div>
</div>
<div class="row-sb">
<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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="331" :y="214">
</FeatureControls>
</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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
</template>
</div>
</div>
<div class="column ML33 MR33">
<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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="331" :y="214">
</FeatureControls>
</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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[3].CouponsName}}
</div>
<div class="fz18 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:4">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)" :x="331" :y="214">
</FeatureControls>
</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="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[4].CouponsName}}
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].Description"></vEditSpan>
</div>
</template>
</div>
</div>
</div>
</div>
</template>
</div>
</template>
<div class="travelDaysdetails-tsTextBox"
v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0">
<div :id="'WarmTip_'+index" class="travelDaysdetails-tsText row relative"
:style="{'background':'#EFECEC'}">
<span class='travelDaysHVdetails-text0 absolute' style='line-height:25px;top: 15px;'>温馨提示：</span>
<div v-html="item.WarmTipObj.Description" class="travelDaysHVdetails-text0-r"></div>
</div>
</div>
</template>
</div>
</div>
<!-- otherJourney-footer -->
<div v-if="false" :class="[item.zoom==1?'':'footer']">
<div class="otherJourney-introduceFooter absolute z-index1 row-aic" :style="{'background':''}">
<div class="introduceFooterBJ introduceFooterOne" :style="{'background':dataAll.TripColor}">&nbsp;</div>
<div class="introduceFooterBJ introduceFootertTwo" :style="{'background':dataAll.TripColor}">&nbsp;</div>
<div class="introduceFooter-text row-aic">
<img src="http://imgfile.oytour.com/Static/NewTripFeature/footerLogo.png" />
<div class="edit_div">{{dataAll.LineShortName?dataAll.LineShortName:dataAll.LineName}}</div>
</div>
<div class="introduceFooterBJ introduceFootertThree" :style="{'background':dataAll.TripColor}">&nbsp;</div>
<div class="introduceFooterBJ introduceFootertFour" :style="{'background':dataAll.TripColor}">&nbsp;</div>
</div>
</div>
</div>
<div class="UpgradedVersion2Line UpgradedVersion2LineHV absolute z-index3 row-ajc">
<span>{{pageHeight>1240?'内容已超出底线':'底线'}}</span>
</div>
<!-- <div v-if="pageHeight>(1240+20)" class="UpgradedVersion2Line absolute z-index3 row-ajc"
:style="{'top': pageHeight>1240&&pageHeight<2480?pageHeight+'px':'2480px'}">
<span>底线</span>
</div> -->
</div>
<el-dialog custom-class="resourceImgAdd" :title="$t('sm.chooseImg')" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:isCheckmore="1"
v-bind:imgType="choseType" v-bind:queryItem="queryItem" v-bind:IsShowAdd="true" v-bind:IsShowVideo="true">
</DMCchooseImg>
</el-dialog>
</div>
</template>
<script>
import Header from "./header";
import vEditDiv from "../../TravelGroupControl/TravelTemp/VEditDiv";
import vEditSpan from "../../TravelGroupControl/TravelTemp/VEditSpan";
import FeatureControls from "../../TravelGroupControl/UpgradedVersion/components/featureControls";
import DMCchooseImg from "../../../commonPage/DMCchooseImg.vue";
import VueDraggableResizable from "vue-draggable-resizable";
export default {
components: {
vEditDiv,
vEditSpan,
Header,
FeatureControls,
DMCchooseImg,
VueDraggableResizable
},
props: ['dataAll', 'item', 'index', 'tripList', 'orderMsg', 'orderTripdiff'],
data() {
return {
RenderingOk: false,
canEdit: true,
backgroundColor: '',
backgroundColor2: '',
textColor: '',
textColorOne: '',
ScenicArrayList: [],
//选取弹窗
isShowScenicImg: false,
choseType: 0,
//点击传递对象
queryItem: {
queryName: '',
queryId: 0,
},
imgIndex: null,
defaultScenicIndex: 0, //当前默认选中的景点
pageHeight: 0
};
},
mounted() {
},
methods: {
infor() {
this.RenderingOk = false;
this.ScenicArrayList = []
this.item.ScenicArray.forEach((x, index) => {
if ((this.item.TitleObj.ShowTripType == 1 && this.item.ScenicArray && this.item.ScenicArray.length > 0) ||
(this.item.TitleObj.ShowTripType == 2 && this.item.ScenicArray && this.item.ScenicArray.length == 1)) {
if (x.DefaultNum > 0) {
this.defaultScenicIndex = index;
this.ScenicArrayList.push(x)
}
} else {
this.ScenicArrayList.push(x)
}
});
if (this.ScenicArrayList.length == 0) {
this.item.ScenicArray.forEach((x, index) => {
if ((this.item.TitleObj.ShowTripType == 1 && this.item.ScenicArray && this.item.ScenicArray.length >
0) ||
(this.item.TitleObj.ShowTripType == 2 && this.item.ScenicArray && this.item.ScenicArray.length == 1)
) {
if (index == 0) {
x.DefaultNum = 1;
this.defaultScenicIndex = index;
this.ScenicArrayList.push(x)
}
} else {
this.ScenicArrayList.push(x)
}
});
}
this.RenderingOk = true;
setTimeout(() => {
this.pageHeight = document.querySelector(`#LineOfTravel${this.item * 4}_0${this.index}`).offsetHeight;
}, 500)
this.$forceUpdate()
},
getHtmlPlainText(html_str) {
//提取字符串中的文字
let re = new RegExp('<[^<>]+>', 'g')
if (html_str) {
let text = html_str.replace(re, '')
//或
// var text = html_str.replace(/<[^<>]+>/g, "");
return text
} else {
return ''
}
},
getFontSize(title) {
if (!title) return
let size = 30;
if (title && title.length > 0 && title.length > 80) {
var tempSize = Number(80) / Number(title.length);
tempSize = tempSize * 30;
size = tempSize.toFixed(1);
}
return size + "px";
},
getImgColor(img, id) {
return "#fff"
},
onActivated(j) {
this.imgIndex = j;
},
onViewSpotDragstop(x, y) {
let imgHeight = document.querySelector(
"#viewSpotImg_" + (this.item * 4) + "_" + this.imgIndex + this.index
).height;
let boxHeight = document.querySelector(
"#viewSpotBox_" + (this.item * 4) + "_" + this.imgIndex + this.index
).offsetHeight;
let cha = boxHeight - imgHeight;
if (cha <= 0) {
if (y < 0 && y < cha) {
y = cha;
} else if (y > 0) {
y = 0;
}
} else {
if (y < 0) {
y = 0;
} else if (y > 0 && y > cha) {
y = cha;
}
}
if (this.ScenicArrayList && this.ScenicArrayList.length > 0) {
this.ScenicArrayList[this.imgIndex].ScenicJson.y = y
this.item.ScenicArray.forEach(x => {
this.ScenicArrayList.forEach(y => {
if (x.CouponsId == y.CouponsId) {
x.ScenicJson.y = y.ScenicJson.y
}
})
})
} else {
this.item.TrafficObj.trafficIntroduce.x = 0
this.item.TrafficObj.trafficIntroduce.y = y
this.item.TrafficObj.Introduce = JSON.stringify(this.item.TrafficObj.trafficIntroduce);
}
this.$refs[
"viewSpotVds_" + (this.item * 4) + "_" + this.imgIndex + this.index
]._data.top = y;
},
SelectImg(index) {
this.imgIndex = index
this.isShowScenicImg = true
},
UploadImg(index) {
this.imgIndex = index
document.querySelector(`#dayfile_${(this.item * 2 + 1)}_${this.index}`).click();
},
uploadpic(e) {
let that = this;
that.$message.info('上传中...')
if (e.target.files.length > 0 && e.target.files[0].size > 0) {
let newArr = [];
newArr.push(e.target.files[0]);
var path = `/newFeature`;
that.UploadSelfFileT(path, newArr, x => {
let allPath = that.domainManager().ViittoFileUrl + x.data.FilePath;
let i = e.target.id.split("_")[2];
if (that.ScenicArrayList.length > 0) {
that.ScenicArrayList[that.imgIndex].NewImaArray[0].Url = allPath
that.ScenicArrayList[that.imgIndex].NewImaArray[0].x = 0
that.ScenicArrayList[that.imgIndex].NewImaArray[0].y = 0
that.ScenicArrayList[that.imgIndex].NewScenicImg = JSON.stringify(that.ScenicArrayList[that.imgIndex]
.NewImaArray);
if (that.item.ScenicArray && that.item.ScenicArray.length > 0) {
that.item.ScenicArray[that.defaultScenicIndex] = JSON.parse(JSON.stringify(that.ScenicArrayList[that
.defaultScenicIndex]));
}
} else {
that.item.TrafficObj.trafficIntroduce.IntroduceImage = allPath
that.item.TrafficObj.trafficIntroduce.x = 0
that.item.TrafficObj.trafficIntroduce.y = 0
that.item.TrafficObj.Introduce = JSON.stringify(that.item.TrafficObj.trafficIntroduce);
}
that.$message.success('上传成功');
})
}
},
closeDMCchooseImg() {
this.isShowScenicImg = false;
},
getDMCimg(selectImgArr) {
if (this.ScenicArrayList.length > 0) {
var that = this;
selectImgArr.forEach(imgItem => {
var obj = {
Name: imgItem.Name,
Url: imgItem.Path,
fileName: imgItem.Name
};
if (imgItem.VideoPath) {
obj.VideoPath = imgItem.VideoPath;
}
if (imgItem.FileType) {
obj.FileType = imgItem.FileType;
}
that.ScenicArrayList[that.imgIndex].NewImaArray = [];
that.ScenicArrayList[that.imgIndex].NewImaArray.push(obj);
that.ScenicArrayList[that.imgIndex].ScenicJson.x = 0
that.ScenicArrayList[that.imgIndex].ScenicJson.y = 0
that.ScenicArrayList[that.imgIndex].NewScenicImg = JSON.stringify(that.ScenicArrayList[that.imgIndex]
.NewImaArray);
});
} else {
this.item.TrafficObj.trafficIntroduce.IntroduceImage = selectImgArr[0].Path
this.item.TrafficObj.trafficIntroduce.x = 0
this.item.TrafficObj.trafficIntroduce.y = 0
this.item.TrafficObj.Introduce = JSON.stringify(this.item.TrafficObj.trafficIntroduce);
}
this.isShowScenicImg = false;
if (this.item.ScenicArray && this.item.ScenicArray.length > 0) {
this.item.ScenicArray[this.defaultScenicIndex] = JSON.parse(JSON.stringify(this.ScenicArrayList[that
.defaultScenicIndex]));
}
}
},
computed: {},
watch: {
item: {
handler(val, oldVal) {
this.infor()
},
deep: true,
immediate: true
},
dataAll: {
handler(val, oldVal) {
if (val && val.TripColor) {
this.backgroundColor = this.hexToRgb(val.TripColor, 0.25)
this.backgroundColor2 = this.hexToRgb(val.TripColor, 0.35)
let rgba = this.hexToRgb(val.TripColor, 1)
rgba = rgba.split(',')
let rgba0 = rgba[0].split('(')
let arr = [rgba0[1], rgba[1], rgba[2]]
if (this.getRgbLevel(arr) > 50) {
this.textColor = "#333"
} else {
this.textColor = "#333"
}
}
},
deep: true,
immediate: true
},
tripList: {
handler(val, oldVal) {
},
deep: true,
immediate: true
},
},
};
</script>
<style>
.travelDaysHV-Description{
font-size: 24px;
line-height: 34px;
color: #484647;
font-family: DengXian;
font-weight: 400;
}
.travelDaysHV-CouponsName{
font-size: 30px;
text-align: center;
font-family: Microsoft YaHei;
}
.travelDaysHVMasterMap-one{
height: 524px;
}
.travelDaysHVMasterMap2 {
height: 524px;
border-radius: 50px 0px 50px 0px;
}
.travelDaysHV2-imgBox{
width: 767px;
}
.travelDaysHV-box{
padding: 47px 54px 0 54px;
}
.travelDaysHVdetails-icon span{
margin-left: 1px;
font-size: 20px;
}
.travelDaysHVdetails-icon{
width: 36px;
height: 36px;
border-radius: 50%;
background: #D6CEC1;
text-align: center;
line-height: 34px;
margin-right: 30px;
}
.trtravelDaysHVdetails-textC{
font-size: 26px;
font-family: DengXian;
font-weight: 400;
color: #484647;
line-height: 28px;
}
.travelDaysHVdetails-text0{
font-size: 26px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #484647;
line-height: 28px;
}
.travelDaysHVTdetails-textBox{
min-height: 53px;
align-items: center;
}
.travelDaysHVdetails-textBox{
width: 100%;
height: 2px;
background:#E8E8E8;
margin: 14px 0;
}
.travelDaysHVContent-text .textBold{
font-size: 30px;
margin-bottom: 29px;
}
.travelDaysHVContent-text:last-child{
margin-bottom: 0;
}
.travelDaysHVContent-text{
font-size: 26px;
font-family: DengXian;
font-weight: bold;
color: #FFFFFF;
line-height: 26px;
margin-bottom: 40px;
}
.travelDaysHVdetailsBJ{
background: rgba(255,255,255, 0.8);
padding: 16px 55px;
border-radius: 20px;
}
.travelDaysHVdetails{
margin: 0;
padding: 0 47px 40px 47px;
margin-top: 42px;
}
.travelDaysHVContent{
padding: 42px 55px;
background: rgba(23,23,23,0.4);
margin: 0 57px;
margin-bottom: 50px;
}
.travelDaysHVMasterMap img{
width: 100%;
}
.travelDaysHVMasterMap{
height: 800px;
}
.travelDaysHVMasterMap2-box{
height: 1050px;
background: url('http://imgfile.oytour.com/Static/bjHV.png')no-repeat;
background-size: 100% 100%;
}
.travelDaysHVContentOne{
z-index: 99;
bottom: 0;
left: 0;
right: 0;
}
.UpgradedVersion2Line.UpgradedVersion2LineHV{
top: 1240px;
}
.HVTitlle-header1{
width: 1342px;
font-size: 26px;
font-family: DengXian;
font-weight: bold;
color: #242424;
margin-top: 22px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-align: left;
line-height: 38px;
}
.HVTitlle-header0 img{
width: 29px;
height: 32px;
margin-right: 23px;
top: 7px;
}
.HVTitlle-header0 span{
width: 1342px;
font-size: 32px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #242424;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.travelDaysHVTitlle-right{
margin-left: 54px;
flex-wrap: nowrap;
flex: 1;
overflow: hidden;
}
.travelDaysHVTitlle-borderL div{
border-left: 1px dashed #fff;
height: 95%;
min-height: 65px;
}
.travelDaysHVTitlle-borderL{
width: 1px;
padding: 5px 0;
}
.travelDaysHVTitlle-right-text{
padding-left: 72px;
justify-content: center;
}
.travelDaysHVTitlle-left-textOne img{
width: 100%;
display: block;
}
.travelDaysHVTitlle-left-textOne{
width: 125px;
height: 36px;
margin-top: 6px;
}
.travelDaysHVTitlle-left-textTwo{
font-family: Microsoft YaHei;
font-size: 52px;
font-weight: bold;
color: #242424;
}
.travelDaysHVTitlle-left{
margin-left: 61px;
}
.UpgradedVersionHV-box2{
width: 1750px;
background: #fff;
}
.travelDaysContent-text .dayCouponsName {
font-size: 21px;
line-height: 38px;
font-weight: bold;
float: left;
}
.travelDaysContent-text .dayCouponsTitle {}
.travelDaysMasterMap img {
height: auto;
}
</style>
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