Commit 90e596b7 authored by youjie's avatar youjie

行程特色 图拖动

parent 5974e299
...@@ -233,13 +233,13 @@ img { ...@@ -233,13 +233,13 @@ img {
height: 930px; height: 930px;
bottom: 290px; bottom: 290px;
left: 0; left: 0;
overflow: hidden;
} }
.featureHome-left-one img { .featureHome-left-one img {
width: 100%;
height: 100%; height: 100%;
display: block; display: block;
object-fit: cover; /* object-fit: cover; */
} }
.featureHome-right { .featureHome-right {
...@@ -457,9 +457,12 @@ img { ...@@ -457,9 +457,12 @@ img {
.MasterMapList-1 img { .MasterMapList-1 img {
left: 0; left: 0;
top: 0; top: 0;
width: 100%;
height: 100%; height: 100%;
object-fit: cover; /* object-fit: cover; */
}
.MasterMapList-1 img.width{
width: 100%;
height: auto;
} }
.MasterMapList-4 .MasterMapList-2 { .MasterMapList-4 .MasterMapList-2 {
...@@ -474,7 +477,7 @@ img { ...@@ -474,7 +477,7 @@ img {
} }
.MasterMapList-8-oneL { .MasterMapList-8-oneL {
width: 776px; width: 761px;
height: 427px; height: 427px;
} }
...@@ -492,7 +495,7 @@ img { ...@@ -492,7 +495,7 @@ img {
} }
.MasterMapList-8-oneR { .MasterMapList-8-oneR {
width: 240px; width: 244px;
} }
.MasterMapList-7 .MasterMapList-8-oneR { .MasterMapList-7 .MasterMapList-8-oneR {
...@@ -552,8 +555,8 @@ img { ...@@ -552,8 +555,8 @@ img {
} }
.UpgradedVersionDetails-imgOne { .UpgradedVersionDetails-imgOne {
left: 0; /* left: 0;
top: 0; top: 0; */
width: 312px; width: 312px;
height: 312px; height: 312px;
border-radius: 50%; border-radius: 50%;
...@@ -563,9 +566,9 @@ img { ...@@ -563,9 +566,9 @@ img {
.UpgradedVersionDetails-imgOne img { .UpgradedVersionDetails-imgOne img {
left: 0; left: 0;
top: 0; top: 0;
width: 100%; /* width: 100%; */
height: 100%; height: 100%;
object-fit: cover; /* object-fit: cover; */
} }
.UpgradedVersionDetails-detailsTop { .UpgradedVersionDetails-detailsTop {
...@@ -655,8 +658,8 @@ img { ...@@ -655,8 +658,8 @@ img {
} }
.UpgradedVersionDetails1 { .UpgradedVersionDetails1 {
left: 10px; left: 11px;
top: 147px; top: 155px;
} }
/**/ /**/
...@@ -884,9 +887,13 @@ img { ...@@ -884,9 +887,13 @@ img {
.subIdeImg1relative img { .subIdeImg1relative img {
left: 0; left: 0;
top: 0; top: 0;
width: 100%; /* width: 100%; */
height: 100%; height: 100%;
object-fit: cover; /* object-fit: cover; */
}
.subIdeImg1relative img.width{
width: 100%;
height: auto;
} }
.subIdeImgForm1Box { .subIdeImgForm1Box {
...@@ -1126,3 +1133,6 @@ img { ...@@ -1126,3 +1133,6 @@ img {
.cursorInitial{ .cursorInitial{
cursor: initial cursor: initial
} }
.UpgradedVersion-box>img{
pointer-events: none !important;
}
...@@ -13,17 +13,25 @@ ...@@ -13,17 +13,25 @@
<div class="UpgradedVersionDetails-box column" v-for="(item,i) in FeatureData.dataObj.SubList"> <div class="UpgradedVersionDetails-box column" v-for="(item,i) in FeatureData.dataObj.SubList">
<div class="UpgradedVersionDetails-imgbox row-aic UpgradedVersion-Hover"> <div class="UpgradedVersionDetails-imgbox row-aic UpgradedVersion-Hover">
<div class="UpgradedVersionDetails-img relative"> <div class="UpgradedVersionDetails-img relative">
<div class="UpgradedVersionDetails1 absolute z-index1"> <div class="UpgradedVersionDetails1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" isImg="1" :isUploadImg="true"
:isSelectImg="true" @toUploadImg="UploadImg(i)" @toSelectImg="SelectImg(i)" @toAddImg="AddImg" :isSelectImg="true" @toUploadImg="UploadImg(i)" @toSelectImg="SelectImg(i)" @toAddImg="AddImg"
@toDeleteImg="DeleteImg(i)" :x="312" :y="312" /> @toDeleteImg="DeleteImg(i)" :x="312" :y="312" />
</div> </div>
<div class="UpgradedVersionDetails-imgOne bjE6"> <div class="UpgradedVersionDetails-imgOne relative bjE6"
<template v-if="item.ImgList&&item.ImgList.length>0"> :id="'viewSpotBox_' + (FeatureData * 4) +'_deta_'+i+index">
<img :src="item.ImgList[0].url" /> <VueDraggableResizable v-if="item.ImgList&&item.ImgList.length>0"
</template> :w="312" :h="312"
:ref="'viewSpotVds_' + FeatureData * 4 + '_deta_'+i+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, i)" :x="item.ImgList[0].x"
:y="item.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="item.ImgList[0].url" :src="item.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_deta_'+i+index"/>
<!-- <img :src="item.ImgList[0].url" :id="'viewSpotImg_' + FeatureData * 4 + 'deta_'+i+index"/> -->
</VueDraggableResizable>
<template v-else> <template v-else>
<img src="http://imgfile.oytour.com/Static/NewTripFeature/homeBj.png" /> <img src="http://imgfile.oytour.com/Static/NewTripFeature/homeBj.png"/>
</template> </template>
</div> </div>
<div class="UpgradedVersionDetails-detailsTop absolute"></div> <div class="UpgradedVersionDetails-detailsTop absolute"></div>
...@@ -66,12 +74,14 @@ ...@@ -66,12 +74,14 @@
import vEditDiv from "../TravelTemp/VEditDiv"; import vEditDiv from "../TravelTemp/VEditDiv";
import FeatureControls from "./components/featureControls"; import FeatureControls from "./components/featureControls";
import DMCchooseImg from "../../../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../../../commonPage/DMCchooseImg.vue";
import VueDraggableResizable from "vue-draggable-resizable";
export default { export default {
components: { components: {
DMCchooseImg, DMCchooseImg,
MasterMapList, MasterMapList,
vEditDiv, vEditDiv,
FeatureControls, FeatureControls,
VueDraggableResizable
}, },
props: [ props: [
'index', 'index',
...@@ -102,9 +112,64 @@ ...@@ -102,9 +112,64 @@
}, },
isShowScenicImg: false, isShowScenicImg: false,
MasterMapIndex: null, //主图下标 MasterMapIndex: null, //主图下标
imgIndex:null
}; };
}, },
methods: { methods: {
onActivated(i, j) {
this.imgIndex = j;
},
onViewSpotDragstopX(x,y) {
let imgWidth = document.querySelector(
"#viewSpotImg_" + (this.FeatureItem * 4) + "_deta_"+this.imgIndex + this.index
).width;
let boxWidth = document.querySelector(
"#viewSpotBox_" + (this.FeatureItem * 4) + "_deta_"+this.imgIndex + this.index
).offsetWidth;
let cha = boxWidth - imgWidth;
if (cha <= 0) {
if (x < 0 && x < cha) {
x = cha;
} else if (x > 0) {
x = 0;
}
} else {
if (x < 0) {
x = 0;
} else if (x > 0 && x > cha) {
x = cha;
}
}
this.FeatureData.dataObj.SubList[this.imgIndex].x = x;
this.$refs["viewSpotVds_" + (this.FeatureData * 4) + "_deta_"+this.imgIndex + this.index][0]._data.left = x;
},
onViewSpotDragstop(x, y) {
let imgHeight = document.querySelector(
"#viewSpotImg_" + (this.FeatureData * 4)+ "_deta_"+this.imgIndex + this.index
).height;
let boxHeight = document.querySelector(
"#viewSpotBox_" + (this.FeatureData * 4)+ "_deta_"+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;
}
}
this.FeatureData.dataObj.SubList[this.imgIndex].y = y;
this.$refs[
"viewSpotVds_" + (this.FeatureData * 4)+ "_deta_"+this.imgIndex + this.index
][0]._data.top = y;
},
UploadImg(index) { UploadImg(index) {
this.MasterMapIndex = index this.MasterMapIndex = index
document.querySelector(`#GouDetaFile_${(this.index * 2 + 1)}_0`).click(); document.querySelector(`#GouDetaFile_${(this.index * 2 + 1)}_0`).click();
......
<template> <template>
<div class="MasterMapList-form absolute z-index1"> <div class="MasterMapList-form absolute z-index1">
<div class="MasterMapList-box"> <div class="MasterMapList-box">
<div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==1" class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==1"
<div class="MasterMapList1 absolute z-index1"> class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData&&pageType!=2" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" <FeatureControls v-if="FeatureData&&pageType!=2" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1"
:isUploadImg="pageType==2?false:true" :isSelectImg="pageType==2?false:true" :isUploadImg="pageType==2?false:true" :isSelectImg="pageType==2?false:true"
:isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable v-if="FeatureData.ImgList.length==1"
:w="1019" :h="577"
:ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[0].url" class="absolute width" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div> </div>
<div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==2" class="MasterMapList-2 row-sb"> <div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==2" class="MasterMapList-2 row-sb">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="500" :y="577" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
</div> :w="500" :h="577"
<div class="MasterMapList-1 relative bjF6 marginL20 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative bjF6 marginL20 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="500" :y="577" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
:w="500" :h="577"
:ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==3" class="MasterMapList-3 row-sb-nowrap"> <div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==3" class="MasterMapList-3 row-sb-nowrap">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="500" :y="577" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
:w="500" :h="577"
:ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div> </div>
<div class="MasterMapList-2 column marginL20"> <div class="MasterMapList-2 column marginL20">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="500" :y="279" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
</div> :w="500" :h="279"
<div class="MasterMapList-1 relative marginT20 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[1].url" class="absolute width" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT20 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_2'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="500" :y="279" />
</div> </div>
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
:w="500" :h="577"
:ref="'viewSpotVds_' + FeatureData * 4 + '_2'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 2)" :x="FeatureData.ImgList[2].x"
:y="FeatureData.ImgList[2].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[2].url" class="absolute width" :src="FeatureData.ImgList[2].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_2'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
<div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==4" class="MasterMapList-4 relative"> <div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==4" class="MasterMapList-4 relative">
<div class="MasterMapList-2 row-sb"> <div class="MasterMapList-2 row-sb">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="500" :y="279" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
</div> :w="500" :h="279"
<div class="MasterMapList-1 relative marginL20 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[0].url" class="absolute width" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL20 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="500" :y="279" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
:w="500" :h="279"
:ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[1].url" class="absolute width" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div class="MasterMapList-2 row-sb marginT20"> <div class="MasterMapList-2 row-sb marginT20">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_2'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="500" :y="279" />
</div> </div>
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
</div> :w="500" :h="279"
<div class="MasterMapList-1 relative marginL20 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_2'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 2)" :x="FeatureData.ImgList[2].x"
:y="FeatureData.ImgList[2].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[2].url" class="absolute width" :src="FeatureData.ImgList[2].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_2'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL20 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_3'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="500" :y="279" />
</div> </div>
<img v-if="FeatureData.ImgList[3].url" class="absolute" :src="FeatureData.ImgList[3].url" /> <VueDraggableResizable
:w="500" :h="279"
:ref="'viewSpotVds_' + FeatureData * 4 + '_3'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 3)" :x="FeatureData.ImgList[3].x"
:y="FeatureData.ImgList[3].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[3].url" class="absolute width" :src="FeatureData.ImgList[3].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_3'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
...@@ -102,47 +193,92 @@ ...@@ -102,47 +193,92 @@
<div class="MasterMapList-8 relative"> <div class="MasterMapList-8 relative">
<div class="MasterMapList-8-one row-sb"> <div class="MasterMapList-8-one row-sb">
<div class="MasterMapList-8-oneL column"> <div class="MasterMapList-8-oneL column">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="504" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
</div> :w="504" :h="282"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[0].url" class="absolute width" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="504" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
:w="504" :h="282"
:ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[1].url" class="absolute width" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div class="MasterMapList-8-oneR column marginL11"> <div class="MasterMapList-8-oneR column marginL11">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_2'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="504" :y="183" />
</div> </div>
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
</div> :w="504" :h="183"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_2'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 2)" :x="FeatureData.ImgList[2].x"
:y="FeatureData.ImgList[2].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[2].url" class="absolute width" :src="FeatureData.ImgList[2].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_2'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_3'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="504" :y="183" />
</div> </div>
<img v-if="FeatureData.ImgList[3].url" class="absolute" :src="FeatureData.ImgList[3].url" /> <VueDraggableResizable
</div> :w="504" :h="183"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_3'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 3)" :x="FeatureData.ImgList[3].x"
:y="FeatureData.ImgList[3].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[3].url" class="absolute width" :src="FeatureData.ImgList[3].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_3'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_4'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="504" :y="183" />
</div> </div>
<img v-if="FeatureData.ImgList[4].url" class="absolute" :src="FeatureData.ImgList[4].url" /> <VueDraggableResizable
:w="504" :h="183"
:ref="'viewSpotVds_' + FeatureData * 4 + '_4'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 4)" :x="FeatureData.ImgList[4].x"
:y="FeatureData.ImgList[4].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[4].url" class="absolute width" :src="FeatureData.ImgList[4].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_4'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
...@@ -153,58 +289,112 @@ ...@@ -153,58 +289,112 @@
<div class="MasterMapList-8 relative"> <div class="MasterMapList-8 relative">
<div class="MasterMapList-8-one row-sb"> <div class="MasterMapList-8-one row-sb">
<div class="MasterMapList-8-oneL column"> <div class="MasterMapList-8-oneL column">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577"/> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="504" :y="282"/>
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
</div> :w="504" :h="282"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[0].url" class="absolute width" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="504" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
:w="504" :h="282"
:ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[1].url" class="absolute width" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div class="MasterMapList-8-oneR column marginL11"> <div class="MasterMapList-8-oneR column marginL11">
<div class="MasterMapList-2 row-sb-nowrap"> <div class="MasterMapList-2 row-sb-nowrap">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_2'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="247" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
</div> :w="247" :h="282"
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_2'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 2)" :x="FeatureData.ImgList[2].x"
:y="FeatureData.ImgList[2].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_2'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_3'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="247" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[3].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
:w="247" :h="282"
:ref="'viewSpotVds_' + FeatureData * 4 + '_3'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 3)" :x="FeatureData.ImgList[3].x"
:y="FeatureData.ImgList[3].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[3].url" class="absolute" :src="FeatureData.ImgList[3].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_3'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div class="MasterMapList-2 row-sb-nowrap marginT14"> <div class="MasterMapList-2 row-sb-nowrap marginT14">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_4'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="247" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[4].url" class="absolute" :src="FeatureData.ImgList[4].url" /> <VueDraggableResizable
</div> :w="247" :h="282"
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_4'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 4)" :x="FeatureData.ImgList[4].x"
:y="FeatureData.ImgList[4].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[4].url" class="absolute" :src="FeatureData.ImgList[4].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_4'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_5'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="247" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[5].url" class="absolute" :src="FeatureData.ImgList[5].url" /> <VueDraggableResizable
:w="247" :h="282"
:ref="'viewSpotVds_' + FeatureData * 4 + '_5'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 5)" :x="FeatureData.ImgList[5].x"
:y="FeatureData.ImgList[5].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[5].url" class="absolute" :src="FeatureData.ImgList[5].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_5'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
...@@ -217,66 +407,129 @@ ...@@ -217,66 +407,129 @@
<div class="MasterMapList-8-one row-sb"> <div class="MasterMapList-8-one row-sb">
<div class="MasterMapList-8-oneL column"> <div class="MasterMapList-8-oneL column">
<div class="MasterMapList-2 row-sb-nowrap"> <div class="MasterMapList-2 row-sb-nowrap">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="337" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
</div> :w="337" :h="282"
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[0].url" class="absolute width" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="337" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
:w="337" :h="282"
:ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[1].url" class="absolute width" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div class="MasterMapList-2 row-sb-nowrap marginT14"> <div class="MasterMapList-2 row-sb-nowrap marginT14">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_2'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="337" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
</div> :w="337" :h="282"
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_2'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 2)" :x="FeatureData.ImgList[2].x"
:y="FeatureData.ImgList[2].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[2].url" class="absolute width" :src="FeatureData.ImgList[2].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_2'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_3'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="337" :y="282" />
</div> </div>
<img v-if="FeatureData.ImgList[3].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
:w="337" :h="282"
:ref="'viewSpotVds_' + FeatureData * 4 + '_3'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 3)" :x="FeatureData.ImgList[3].x"
:y="FeatureData.ImgList[3].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[3].url" class="absolute width" :src="FeatureData.ImgList[3].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_3'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
<div class="MasterMapList-8-oneR column marginL11"> <div class="MasterMapList-8-oneR column marginL11">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_4'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="324" :y="183" />
</div> </div>
<img v-if="FeatureData.ImgList[4].url" class="absolute" :src="FeatureData.ImgList[4].url" /> <VueDraggableResizable
</div> :w="324" :h="183"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_4'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 4)" :x="FeatureData.ImgList[4].x"
:y="FeatureData.ImgList[4].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[4].url" class="absolute width" :src="FeatureData.ImgList[4].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_4'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_5'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="324" :y="183" />
</div> </div>
<img v-if="FeatureData.ImgList[5].url" class="absolute" :src="FeatureData.ImgList[5].url" /> <VueDraggableResizable
</div> :w="324" :h="183"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_5'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 5)" :x="FeatureData.ImgList[5].x"
:y="FeatureData.ImgList[5].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[5].url" class="absolute width" :src="FeatureData.ImgList[5].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_5'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_6'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(6)" @toSelectImg="toSelectImg(6)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(6)" @toSelectImg="toSelectImg(6)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(6)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(6)" :x="324" :y="183" />
</div> </div>
<img v-if="FeatureData.ImgList[6].url" class="absolute" :src="FeatureData.ImgList[6].url" /> <VueDraggableResizable
:w="324" :h="183"
:ref="'viewSpotVds_' + FeatureData * 4 + '_6'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 6)" :x="FeatureData.ImgList[6].x"
:y="FeatureData.ImgList[6].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[6].url" class="absolute width" :src="FeatureData.ImgList[6].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_6'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
...@@ -286,75 +539,147 @@ ...@@ -286,75 +539,147 @@
<div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==8" class="MasterMapList-8 relative"> <div v-if="FeatureData.ImgList&&FeatureData.ImgList.length==8" class="MasterMapList-8 relative">
<div class="MasterMapList-8-one row-sb"> <div class="MasterMapList-8-one row-sb">
<div class="MasterMapList-8-oneL"> <div class="MasterMapList-8-oneL">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="770" :y="427" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
:w="761" :h="427"
:ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[0].url" class="absolute width" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div class="MasterMapList-8-oneR column marginL11"> <div class="MasterMapList-8-oneR column marginL11">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="239" :y="133" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
</div> :w="244" :h="133"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[1].url" class="absolute width" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_2'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="239" :y="133" />
</div> </div>
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
</div> :w="244" :h="133"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_2'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 2)" :x="FeatureData.ImgList[2].x"
:y="FeatureData.ImgList[2].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[2].url" class="absolute width" :src="FeatureData.ImgList[2].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_2'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_3'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="239" :y="133" />
</div> </div>
<img v-if="FeatureData.ImgList[3].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
:w="244" :h="133"
:ref="'viewSpotVds_' + FeatureData * 4 + '_3'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 3)" :x="FeatureData.ImgList[3].x"
:y="FeatureData.ImgList[3].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[3].url" class="absolute width" :src="FeatureData.ImgList[3].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_3'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
<div class="MasterMapList-8-two marginT13"> <div class="MasterMapList-8-two marginT13">
<div class="MasterMapList-8-oneR row-sb"> <div class="MasterMapList-8-oneR row-sb">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_4'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[4].url" class="absolute" :src="FeatureData.ImgList[4].url" /> <VueDraggableResizable
</div> :w="244" :h="136"
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_4'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 4)" :x="FeatureData.ImgList[4].x"
:y="FeatureData.ImgList[4].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[4].url" class="absolute width" :src="FeatureData.ImgList[4].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_4'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_5'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[5].url" class="absolute" :src="FeatureData.ImgList[5].url" /> <VueDraggableResizable
</div> :w="244" :h="136"
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_5'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 5)" :x="FeatureData.ImgList[5].x"
:y="FeatureData.ImgList[5].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[5].url" class="absolute width" :src="FeatureData.ImgList[5].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_5'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_6'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(6)" @toSelectImg="toSelectImg(6)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(6)" @toSelectImg="toSelectImg(6)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(6)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(6)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[6].url" class="absolute" :src="FeatureData.ImgList[6].url" /> <VueDraggableResizable
</div> :w="244" :h="136"
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_6'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 6)" :x="FeatureData.ImgList[6].x"
:y="FeatureData.ImgList[6].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[6].url" class="absolute width" :src="FeatureData.ImgList[6].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_6'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_7'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(7)" @toSelectImg="toSelectImg(7)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(7)" @toSelectImg="toSelectImg(7)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(7)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(7)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[7].url" class="absolute" :src="FeatureData.ImgList[7].url" /> <VueDraggableResizable
:w="244" :h="136"
:ref="'viewSpotVds_' + FeatureData * 4 + '_7'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 7)" :x="FeatureData.ImgList[7].x"
:y="FeatureData.ImgList[7].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[7].url" class="absolute width" :src="FeatureData.ImgList[7].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_7'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
...@@ -364,83 +689,164 @@ ...@@ -364,83 +689,164 @@
<div class="MasterMapList-8 relative"> <div class="MasterMapList-8 relative">
<div class="MasterMapList-8-one row-sb"> <div class="MasterMapList-8-one row-sb">
<div class="MasterMapList-8-oneL row-sb"> <div class="MasterMapList-8-oneL row-sb">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_0'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="375" :y="427" />
</div> </div>
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url" /> <VueDraggableResizable
</div> :w="375" :h="427"
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_0'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.ImgList[0].x"
:y="FeatureData.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[0].url" class="absolute" :src="FeatureData.ImgList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_0'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL11 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_1'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="375" :y="427" />
</div> </div>
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url" /> <VueDraggableResizable
:w="375" :h="427"
:ref="'viewSpotVds_' + FeatureData * 4 + '_1'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.ImgList[1].x"
:y="FeatureData.ImgList[1].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.ImgList[1].url" class="absolute" :src="FeatureData.ImgList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_1'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
<div class="MasterMapList-8-oneR column marginL11"> <div class="MasterMapList-8-oneR column marginL11">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_2'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(2)" @toSelectImg="toSelectImg(2)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(2)" :x="244" :y="133" />
</div> </div>
<img v-if="FeatureData.ImgList[2].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
</div> :w="244" :h="133"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_2'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 2)" :x="FeatureData.ImgList[2].x"
:y="FeatureData.ImgList[2].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[2].url" class="absolute width" :src="FeatureData.ImgList[2].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_2'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_3'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(3)" @toSelectImg="toSelectImg(3)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(3)" :x="244" :y="133" />
</div> </div>
<img v-if="FeatureData.ImgList[3].url" class="absolute" :src="FeatureData.ImgList[2].url" /> <VueDraggableResizable
</div> :w="244" :h="133"
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_3'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 3)" :x="FeatureData.ImgList[3].x"
:y="FeatureData.ImgList[3].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[3].url" class="absolute width" :src="FeatureData.ImgList[3].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_3'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginT14 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_4'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(4)" @toSelectImg="toSelectImg(4)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(4)" :x="244" :y="133" />
</div> </div>
<img v-if="FeatureData.ImgList[4].url" class="absolute" :src="FeatureData.ImgList[4].url" /> <VueDraggableResizable
:w="244" :h="133"
:ref="'viewSpotVds_' + FeatureData * 4 + '_4'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 4)" :x="FeatureData.ImgList[4].x"
:y="FeatureData.ImgList[4].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[4].url" class="absolute width" :src="FeatureData.ImgList[4].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_4'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
<div class="MasterMapList-8-two marginT13"> <div class="MasterMapList-8-two marginT13">
<div class="MasterMapList-8-oneR row-sb"> <div class="MasterMapList-8-oneR row-sb">
<div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"> <div class="MasterMapList-1 relative bjF6 UpgradedVersion-Hover"
<div class="MasterMapList1 absolute z-index1"> :id="'viewSpotBox_' + (FeatureData * 4) + '_5'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(5)" @toSelectImg="toSelectImg(5)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(5)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[5].url" class="absolute" :src="FeatureData.ImgList[5].url" /> <VueDraggableResizable
</div> :w="244" :h="136"
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_5'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 5)" :x="FeatureData.ImgList[5].x"
:y="FeatureData.ImgList[5].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[5].url" class="absolute width" :src="FeatureData.ImgList[5].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_5'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_6'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(6)" @toSelectImg="toSelectImg(6)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(6)" @toSelectImg="toSelectImg(6)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(6)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(6)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[6].url" class="absolute" :src="FeatureData.ImgList[6].url" /> <VueDraggableResizable
</div> :w="244" :h="136"
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_6'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 6)" :x="FeatureData.ImgList[6].x"
:y="FeatureData.ImgList[6].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[6].url" class="absolute width" :src="FeatureData.ImgList[6].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_6'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_7'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(7)" @toSelectImg="toSelectImg(7)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(7)" @toSelectImg="toSelectImg(7)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(7)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(7)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[7].url" class="absolute" :src="FeatureData.ImgList[7].url" /> <VueDraggableResizable
</div> :w="244" :h="136"
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"> :ref="'viewSpotVds_' + FeatureData * 4 + '_7'+index"
<div class="MasterMapList1 absolute z-index1"> tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 7)" :x="FeatureData.ImgList[7].x"
:y="FeatureData.ImgList[7].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[7].url" class="absolute width" :src="FeatureData.ImgList[7].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_7'+index"/>
</VueDraggableResizable>
</div>
<div class="MasterMapList-1 relative marginL15 bjF6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + '_8'+index">
<div class="MasterMapList1 absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(8)" @toSelectImg="toSelectImg(8)" :isSelectImg="true" :isDeleteImg="true" @toUploadImg="toUploadImg(8)" @toSelectImg="toSelectImg(8)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(8)" :x="1019" :y="577" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(8)" :x="244" :y="136" />
</div> </div>
<img v-if="FeatureData.ImgList[8].url" class="absolute" :src="FeatureData.ImgList[8].url" /> <VueDraggableResizable
:w="244" :h="136"
:ref="'viewSpotVds_' + FeatureData * 4 + '_8'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 8)" :x="FeatureData.ImgList[8].x"
:y="FeatureData.ImgList[8].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.ImgList[8].url" class="absolute width" :src="FeatureData.ImgList[8].url"
:id="'viewSpotImg_' + FeatureData * 4 + '_8'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
...@@ -452,9 +858,11 @@ ...@@ -452,9 +858,11 @@
<script> <script>
import FeatureControls from "./featureControls"; import FeatureControls from "./featureControls";
import VueDraggableResizable from "vue-draggable-resizable";
export default { export default {
components: { components: {
FeatureControls FeatureControls,
VueDraggableResizable
}, },
props: [ props: [
'index', 'index',
...@@ -463,10 +871,65 @@ ...@@ -463,10 +871,65 @@
], ],
data() { data() {
return { return {
currentIndex: null,
imgIndex: null
}; };
}, },
methods: { methods: {
onActivated(i, j) {
this.imgIndex = j;
},
onViewSpotDragstopX(x,y) {
let imgWidth = document.querySelector(
"#viewSpotImg_" + (this.FeatureItem * 4) + "_"+this.imgIndex + this.index
).width;
let boxWidth = document.querySelector(
"#viewSpotBox_" + (this.FeatureItem * 4) + "_"+this.imgIndex + this.index
).offsetWidth;
let cha = boxWidth - imgWidth;
if (cha <= 0) {
if (x < 0 && x < cha) {
x = cha;
} else if (x > 0) {
x = 0;
}
} else {
if (x < 0) {
x = 0;
} else if (x > 0 && x > cha) {
x = cha;
}
}
this.FeatureData.ImgList[this.imgIndex].x = x;
this.$refs["viewSpotVds_" + (this.FeatureData * 4) + "_"+this.imgIndex + this.index]._data.left = x;
},
onViewSpotDragstop(x, y) {
let imgHeight = document.querySelector(
"#viewSpotImg_" + (this.FeatureData * 4)+ "_"+this.imgIndex + this.index
).height;
let boxHeight = document.querySelector(
"#viewSpotBox_" + (this.FeatureData * 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;
}
}
this.FeatureData.ImgList[this.imgIndex].y = y;
this.$refs[
"viewSpotVds_" + (this.FeatureData * 4)+ "_"+this.imgIndex + this.index
]._data.top = y;
},
toUploadImg(index) { toUploadImg(index) {
this.$emit('toUploadImg',index) this.$emit('toUploadImg',index)
}, },
......
...@@ -59,31 +59,56 @@ ...@@ -59,31 +59,56 @@
<div class="UpgradedVersion-subIdeImgForm1 absolute z-index2" <div class="UpgradedVersion-subIdeImgForm1 absolute z-index2"
:class="[Template==1?'':Template==2?'subIdeImgForm2':'subIdeImgForm3']"> :class="[Template==1?'':Template==2?'subIdeImgForm2':'subIdeImgForm3']">
<div class="subIdeImg1 bjE6 UpgradedVersion-Hover"> <div class="subIdeImg1 bjE6 UpgradedVersion-Hover">
<div class="subIdeImg1relative relative UpgradedVersion-Hover"> <div class="subIdeImg1relative relative UpgradedVersion-Hover"
<div class="subIdeImgForm1Box absolute"> :id="'viewSpotBox_' + (FeatureData * 4) + 'subheading_0'+index">
<div class="subIdeImgForm1Box absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(0)" @toSelectImg="toSelectImg(0)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="Template>2?178:250" :y="187" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(0)" :x="Template>2?178:250" :y="187" />
</div> </div>
<template v-if="FeatureData.dataObj&&FeatureData.dataObj.SubList &&FeatureData.dataObj.SubList.length>0"> <!-- <img :src="FeatureData.dataObj.SubList[0].url" /> -->
<img :src="FeatureData.dataObj.SubList[0].url" /> <VueDraggableResizable v-if="FeatureData.dataObj&&FeatureData.dataObj.SubList &&FeatureData.dataObj.SubList.length>0&&Template!=3"
</template> :w="Template>2?178:250" :h="187"
:ref="'viewSpotVds_' + FeatureData * 4 + 'subheading_0'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.dataObj.SubList[0].x"
:y="FeatureData.dataObj.SubList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.dataObj.SubList[0].url" class="absolute" :src="FeatureData.dataObj.SubList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + 'subheading_0'+index"/>
</VueDraggableResizable>
<VueDraggableResizable v-if="FeatureData.dataObj&&FeatureData.dataObj.SubList &&FeatureData.dataObj.SubList.length>0&&Template==3"
:w="Template>2?178:250" :h="187"
:ref="'viewSpotVds_' + FeatureData * 4 + 'subheading_0'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="x"
@activated="onActivated(FeatureData * 4, 0)" :x="FeatureData.dataObj.SubList[0].x"
:y="FeatureData.dataObj.SubList[0].y" :z="2" @dragstop="onViewSpotDragstopX">
<img v-if="FeatureData.dataObj.SubList[0].url" class="absolute" :src="FeatureData.dataObj.SubList[0].url"
:id="'viewSpotImg_' + FeatureData * 4 + 'subheading_0'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
<!-- subIdeImgForm2-two 食 subIdeImgForm3-two 景 --> <!-- subIdeImgForm2-two 食 subIdeImgForm3-two 景 -->
<div class="UpgradedVersion-subIdeImgForm1 absolute z-index2" <div class="UpgradedVersion-subIdeImgForm1 absolute z-index2"
:class="[Template==1?'':Template==2?'subIdeImgForm2-two':'subIdeImgForm3-two']"> :class="[Template==1?'':Template==2?'subIdeImgForm2-two':'subIdeImgForm3-two']">
<div class="subIdeImg1 bjE6 UpgradedVersion-Hover"> <div class="subIdeImg1 bjE6 UpgradedVersion-Hover"
:id="'viewSpotBox_' + (FeatureData * 4) + 'subheading_1'+index">
<div class="subIdeImg1relative relative"> <div class="subIdeImg1relative relative">
<div class="subIdeImgForm1Box absolute"> <div class="subIdeImgForm1Box absolute z-index3">
<FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true" <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :ControlsType="'row'" :isImg="1" :isUploadImg="true"
:isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)" :isSelectImg="true" :isDeleteImg="false" @toUploadImg="toUploadImg(1)" @toSelectImg="toSelectImg(1)"
@toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="Template==1?331:250" :y="187" /> @toAddImg="toAddImg" @toDeleteImg="toDeleteImg(1)" :x="Template==1?331:250" :y="187" />
</div> </div>
<template v-if="FeatureData.dataObj&&FeatureData.dataObj.SubList &&FeatureData.dataObj.SubList.length>1 "> <VueDraggableResizable v-if="FeatureData.dataObj&&FeatureData.dataObj.SubList &&FeatureData.dataObj.SubList.length>1"
<img :src="FeatureData.dataObj.SubList[1].url" /> :w="Template==1?331:250" :h="187"
</template> :ref="'viewSpotVds_' + FeatureData * 4 + 'subheading_1'+index"
tabindex="0" :resizable="false" :active="false" :parent="false" axis="y"
@activated="onActivated(FeatureData * 4, 1)" :x="FeatureData.dataObj.SubList[1].x"
:y="FeatureData.dataObj.SubList[1].y" :z="2" @dragstop="onViewSpotDragstop">
<img v-if="FeatureData.dataObj.SubList[1].url" class="absolute"
:class="[Template==1?'width':'']" :src="FeatureData.dataObj.SubList[1].url"
:id="'viewSpotImg_' + FeatureData * 4 + 'subheading_1'+index"/>
</VueDraggableResizable>
</div> </div>
</div> </div>
</div> </div>
...@@ -104,10 +129,12 @@ ...@@ -104,10 +129,12 @@
<script> <script>
import vEditDiv from "../../TravelTemp/VEditDiv"; import vEditDiv from "../../TravelTemp/VEditDiv";
import FeatureControls from "./featureControls"; import FeatureControls from "./featureControls";
import VueDraggableResizable from "vue-draggable-resizable";
export default { export default {
components: { components: {
vEditDiv, vEditDiv,
FeatureControls FeatureControls,
VueDraggableResizable
}, },
props: [ props: [
'Template', 'Template',
...@@ -118,10 +145,66 @@ ...@@ -118,10 +145,66 @@
], ],
data() { data() {
return { return {
currentIndex: null,
imgIndex: null
}; };
}, },
methods: { methods: {
onActivated(i, j) {
this.currentIndex = i;
this.imgIndex = j;
},
onViewSpotDragstopX(x,y) {
let imgWidth = document.querySelector(
"#viewSpotImg_" + (this.FeatureItem * 4) + "subheading_"+this.imgIndex + this.index
).width;
let boxWidth = document.querySelector(
"#viewSpotBox_" + (this.FeatureItem * 4) + "subheading_"+this.imgIndex + this.index
).offsetWidth;
let cha = boxWidth - imgWidth;
if (cha <= 0) {
if (x < 0 && x < cha) {
x = cha;
} else if (x > 0) {
x = 0;
}
} else {
if (x < 0) {
x = 0;
} else if (x > 0 && x > cha) {
x = cha;
}
}
this.FeatureData.dataObj.SubList[this.imgIndex].x = x;
this.$refs["viewSpotVds_" + (this.FeatureData * 4) + "subheading_"+this.imgIndex + this.index]._data.left = x;
},
onViewSpotDragstop(x, y) {
let imgHeight = document.querySelector(
"#viewSpotImg_" + (this.FeatureData * 4)+ "subheading_"+this.imgIndex + this.index
).height;
let boxHeight = document.querySelector(
"#viewSpotBox_" + (this.FeatureData * 4)+ "subheading_"+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;
}
}
this.FeatureData.dataObj.SubList[this.imgIndex].y = y;
this.$refs[
"viewSpotVds_" + (this.FeatureData * 4)+ "subheading_"+this.imgIndex + this.index
]._data.top = y;
},
toUploadImg(index) { toUploadImg(index) {
this.$emit('toUploadImg', index, '模版图') this.$emit('toUploadImg', index, '模版图')
}, },
......
...@@ -28,10 +28,15 @@ ...@@ -28,10 +28,15 @@
</FeatureControls> </FeatureControls>
</div> </div>
<div class="featureHome-left-one bjF6 absolute z-index2"> <div class="featureHome-left-one bjF6 absolute z-index2" :id="'viewSpotBox_' + (FeatureItem * 4 + 1) + '_' +index">
<template v-if="FeatureItem.dataObj.ImgList&&FeatureItem.dataObj.ImgList.length>0"> <VueDraggableResizable v-if="FeatureItem.dataObj.ImgList&&FeatureItem.dataObj.ImgList.length>0"
<img :src="FeatureItem.dataObj.ImgList[0].url" /> :w="697" :h="930"
</template> :ref="'viewSpotVds_' + (FeatureItem * 4 + 1) + '_'+index" tabindex="0" :resizable="false" :active="false"
:parent="false" axis="x" @activated="onActivated(FeatureItem * 4 + 1, index)"
:x="FeatureItem.dataObj.ImgList[0].x" :y="0" :z="2" @dragstop="onViewSpotDragstopY">
<img :src="FeatureItem.dataObj.ImgList[0].url"
:id="'viewSpotImg_' + (FeatureItem * 4 + 1) + '_'+index"/>
</VueDraggableResizable>
</div> </div>
<div class="featureHome-left-two absolute z-index1" :style="{'background':TripColor}"> <div class="featureHome-left-two absolute z-index1" :style="{'background':TripColor}">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.DetailsName"></vEditDiv> <vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.DetailsName"></vEditDiv>
...@@ -82,11 +87,13 @@ ...@@ -82,11 +87,13 @@
import vEditDiv from "../TravelTemp/VEditDiv"; import vEditDiv from "../TravelTemp/VEditDiv";
import FeatureControls from "./components/featureControls"; import FeatureControls from "./components/featureControls";
import DMCchooseImg from "../../../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../../../commonPage/DMCchooseImg.vue";
import VueDraggableResizable from "vue-draggable-resizable";
export default { export default {
components: { components: {
vEditDiv, vEditDiv,
FeatureControls, FeatureControls,
DMCchooseImg DMCchooseImg,
VueDraggableResizable
}, },
props: [ props: [
'TripColor', 'TripColor',
...@@ -104,10 +111,40 @@ ...@@ -104,10 +111,40 @@
queryName: '', queryName: '',
queryId: 0, queryId: 0,
}, },
borderBox: '' borderBox: '',
currentIndex: null,
imgIndex: null
}; };
}, },
methods: { methods: {
onActivated(i, j) {
this.currentIndex = i;
this.imgIndex = j;
},
onViewSpotDragstopY(x, y) {
let imgWidth = document.querySelector(
"#viewSpotImg_" + (this.FeatureItem * 2 + 1) + "_" + this.index
).width;
let boxWidth = document.querySelector(
"#viewSpotBox_" + (this.FeatureItem * 2 + 1) + "_" + this.index
).offsetWidth;
let cha = boxWidth - imgWidth;
if (cha <= 0) {
if (x < 0 && x < cha) {
x = cha;
} else if (x > 0) {
x = 0;
}
} else {
if (x < 0) {
x = 0;
} else if (x > 0 && x > cha) {
x = cha;
}
}
this.FeatureItem.dataObj.ImgList[0].x = x;
this.$refs["viewSpotVds_" + (this.FeatureItem * 2 + 1) + "_" + this.index]._data.left = x;
},
UploadImg() { UploadImg() {
document.querySelector(`#homefile_${(this.FeatureItem * 2 + 1)}_${this.index}`).click(); document.querySelector(`#homefile_${(this.FeatureItem * 2 + 1)}_${this.index}`).click();
}, },
...@@ -127,6 +164,8 @@ ...@@ -127,6 +164,8 @@
let allPath = that.domainManager().ViittoFileUrl + x.data.FilePath; let allPath = that.domainManager().ViittoFileUrl + x.data.FilePath;
let i = e.target.id.split("_")[2]; let i = e.target.id.split("_")[2];
that.FeatureItem.dataObj.ImgList[0].url = allPath that.FeatureItem.dataObj.ImgList[0].url = allPath
that.FeatureItem.dataObj.ImgList[0].x = 0
that.FeatureItem.dataObj.ImgList[0].y = y
that.$message.success('上传成功'); that.$message.success('上传成功');
}); });
}; };
...@@ -153,6 +192,8 @@ ...@@ -153,6 +192,8 @@
}, },
getDMCimg(selectImgArr) { getDMCimg(selectImgArr) {
this.FeatureItem.dataObj.ImgList[0].url = selectImgArr[0].Path; this.FeatureItem.dataObj.ImgList[0].url = selectImgArr[0].Path;
this.FeatureItem.dataObj.ImgList[0].x = 0
this.FeatureItem.dataObj.ImgList[0].y = 0
this.isShowScenicImg = false; this.isShowScenicImg = false;
} }
}, },
......
...@@ -84,7 +84,6 @@ ...@@ -84,7 +84,6 @@
}, },
MasterMapIndex: null, //主图下标 MasterMapIndex: null, //主图下标
StencilDrawing: false, //是否是模版图 StencilDrawing: false, //是否是模版图
imglistArry:[],
homeBg3: "https://imgfile.oytour.com/Static/NewTripFeature/homeBg3.jpg", homeBg3: "https://imgfile.oytour.com/Static/NewTripFeature/homeBg3.jpg",
dinner2: "http://imgfile.oytour.com/Static/NewTripFeature/dinner2.jpg", dinner2: "http://imgfile.oytour.com/Static/NewTripFeature/dinner2.jpg",
homeBg1: "https://imgfile.oytour.com/Static/NewTripFeature/homeBg1.jpg", homeBg1: "https://imgfile.oytour.com/Static/NewTripFeature/homeBg1.jpg",
...@@ -92,33 +91,6 @@ ...@@ -92,33 +91,6 @@
}, },
methods: { methods: {
getList() {
//初始化弹窗图片列表
let obj = {
url: 'http://192.168.10.214:8120/image/index?filePath=/Upload/DMC/20180722/636678151855193385.jpg&process=resize,m_filt,w_160,h_'
}
this.imglistArry = [];
this.apipost(
"hotel_post_GetPicList",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.imglistArry = res.data.data.pageData;
this.imglistArry.forEach(x => {
x.isShowImgDiv = true;
})
this.msg.total = res.data.data.count;
if(this.imglistArry&&this.imglistArry.length>0){
obj.url = this.imglistArry[0].Path
}
this.FeatureItem.dataObj.ImgList.push(obj)
}else{
this.FeatureItem.dataObj.ImgList.push(obj)
}
},
null
);
},
UploadImg(index, type) { UploadImg(index, type) {
this.MasterMapIndex = index ? index : 0 this.MasterMapIndex = index ? index : 0
if (type) this.StencilDrawing = true if (type) this.StencilDrawing = true
...@@ -167,30 +139,31 @@ ...@@ -167,30 +139,31 @@
}, },
AddImg() { AddImg() {
let obj = { let obj = {
url: this.FeatureItem.pageType==4?this.homeBg3:this.FeatureItem.pageType==5?this.dinner2:this.homeBg1 url: this.FeatureItem.pageType==4?this.homeBg3:this.FeatureItem.pageType==5?this.dinner2:this.homeBg1,
x: 0,
y: 0,
} }
this.FeatureItem.dataObj.ImgList.push(obj) this.FeatureItem.dataObj.ImgList.push(obj)
return this.FeatureItem.dataObj.ImgList.forEach(x => {
if(this.FeatureItem.pageType==4||this.FeatureItem.pageType==5||this.FeatureItem.pageType==6){ x.x = 0
if(this.FeatureItem.pageType==4){ x.y =0
this.choseType = 1 });
}else if(this.FeatureItem.pageType==5){
this.choseType = 2
}else if(this.FeatureItem.pageType==6){
this.choseType = 3
}else{
this.choseType = 0
}
this.getList()
}
}, },
DeleteImg(index, type) { DeleteImg(index, type) {
if (type) this.StencilDrawing = true if (type) this.StencilDrawing = true
else this.StencilDrawing = false else this.StencilDrawing = false
if (this.StencilDrawing) { if (this.StencilDrawing) {
this.FeatureItem.dataObj.SubList.splice(index, 1) this.FeatureItem.dataObj.SubList.splice(index, 1)
this.FeatureItem.dataObj.SubList.forEach(x => {
x.x = 0
x.y =0
});
} else { } else {
this.FeatureItem.dataObj.ImgList.splice(index, 1) this.FeatureItem.dataObj.ImgList.splice(index, 1)
this.FeatureItem.dataObj.ImgList.forEach(x => {
x.x = 0
x.y =0
});
} }
}, },
toAddPages() { toAddPages() {
......
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