Skip to content

S
SuperMan
Commit 74b449ed authored by 黄奎's avatar 黄奎
Browse files
Options

样式修改

parent 51bd5400
Hide whitespace changes
Inline Side-by-side
Showing with 201 additions and 140 deletions
src/components/newTravelmanager/TravelTripPreview/fivedayList.vue
View file @ 74b449ed
<template>
<div class="TC-ThreeContent clearfix">
<div class="TC-fiveLeftContent">
<div class="TC-ImgTop" :id='"boxs_"+DayNum+"_"+0'>
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+0' tabindex="0" :w="318" :h="525" :resizable='false' :x="scenicArray[0].ScenicJson.x"
:y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 318, "")' :id='"bodys_"+DayNum+"_"+0' />
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+0' tabindex="0" :w="318" :h="525" :resizable='false'
:x="scenicArray[0].ScenicJson.x" :y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false"
@dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 318, "")' :id='"bodys_"+DayNum+"_"+0' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
<el-form-item>
......@@ -16,7 +16,8 @@
</span>
</el-upload>
</el-form-item>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])"><i class="iconfont icon-img_cz"></i></span>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])"><i
class="iconfont icon-img_cz"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(0,1)"><i class="iconfont icon-youyi"></i></span>
</div>
</div>
......@@ -24,19 +25,23 @@
<div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[0].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[0].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeHour" @keyup.native="checkInteger(scenicArray[0],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[0],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[0].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[0],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[0],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[0].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[0].Description" resize="none" class="TC-logestTextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[0].Description" resize="none" class="TC-logestTextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan" v-if="isRead">
{{scenicArray[0].Description}}
......@@ -47,9 +52,10 @@
<div class="TC-fiveContent">
<div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+1'>
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+1' tabindex="0" :w="323" :h="246" :resizable='false' :x="scenicArray[1].ScenicJson.x"
:y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+1' />
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+1' tabindex="0" :w="323" :h="246"
:resizable='false' :x="scenicArray[1].ScenicJson.x" :y="scenicArray[1].ScenicJson.y" :z="2" :active="false"
:parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+1' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
......@@ -61,7 +67,8 @@
</span>
</el-upload>
</el-form-item>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])"><i class="iconfont icon-img_cz"></i></span>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])"><i
class="iconfont icon-img_cz"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(1,0)"><i class="iconfont icon-zuoyi"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(1,1)"><i class="iconfont icon-youyi"></i></span>
</div>
......@@ -70,19 +77,23 @@
<div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[1].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[1].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeHour" @keyup.native="checkInteger(scenicArray[1],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[1],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[1].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[1],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[1],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[1].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-fiveTextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-fiveTextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[1].Description}}
......@@ -91,10 +102,11 @@
</div>
</div>
<div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+2'>
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+2' tabindex="0" :w="323" :h="246" :resizable='false' :x="scenicArray[2].ScenicJson.x"
:y="scenicArray[2].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)">
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+2' />
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+2'>
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+2' tabindex="0" :w="323" :h="246"
:resizable='false' :x="scenicArray[2].ScenicJson.x" :y="scenicArray[2].ScenicJson.y" :z="2" :active="false"
:parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)">
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+2' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
......@@ -106,7 +118,8 @@
</span>
</el-upload>
</el-form-item>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[2])"><i class="iconfont icon-img_cz"></i></span>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[2])"><i
class="iconfont icon-img_cz"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(2,0)"><i class="iconfont icon-zuoyi"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(2,1)"><i class="iconfont icon-youyi"></i></span>
</div>
......@@ -115,19 +128,23 @@
<div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[2].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[2].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeHour" @keyup.native="checkInteger(scenicArray[2],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[2],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[2].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[2],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[2],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[2].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[2].Description" resize="none" class="TC-fiveTextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[2].Description" resize="none" class="TC-fiveTextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[2].Description}}
......@@ -137,9 +154,10 @@
</div>
<div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+3'>
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+3' tabindex="0" :w="323" :h="246" :resizable='false' :x="scenicArray[3].ScenicJson.x"
:y="scenicArray[3].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(3)">
<img :src='compressImg(scenicArray[3].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+3' />
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+3' tabindex="0" :w="323" :h="246"
:resizable='false' :x="scenicArray[3].ScenicJson.x" :y="scenicArray[3].ScenicJson.y" :z="2" :active="false"
:parent="false" @dragstop="onDragImagestop" @activated="onActivated(3)">
<img :src='compressImg(scenicArray[3].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+3' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
<el-form-item>
......@@ -150,7 +168,8 @@
</span>
</el-upload>
</el-form-item>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[3])"><i class="iconfont icon-img_cz"></i></span>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[3])"><i
class="iconfont icon-img_cz"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(3,0)"><i class="iconfont icon-zuoyi"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(3,1)"><i class="iconfont icon-youyi"></i></span>
</div>
......@@ -159,19 +178,23 @@
<div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[3].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[3].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[3].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[3].PlayTimeHour" @keyup.native="checkInteger(scenicArray[3],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[3].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[3],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[3].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[3].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[3],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[3].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[3],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[3].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[3].Description" resize="none" class="TC-fiveTextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[3].Description" resize="none" class="TC-fiveTextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[3].Description}}
......@@ -181,9 +204,10 @@
</div>
<div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+4'>
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+4' tabindex="0" :w="323" :h="246" :resizable='false' :x="scenicArray[4].ScenicJson.x"
:y="scenicArray[4].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(4)">
<img :src='compressImg(scenicArray[4].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+4' />
<VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+4' tabindex="0" :w="323" :h="246"
:resizable='false' :x="scenicArray[4].ScenicJson.x" :y="scenicArray[4].ScenicJson.y" :z="2" :active="false"
:parent="false" @dragstop="onDragImagestop" @activated="onActivated(4)">
<img :src='compressImg(scenicArray[4].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+4' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
......@@ -195,7 +219,8 @@
</span>
</el-upload>
</el-form-item>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[4])"><i class="iconfont icon-img_cz"></i></span>
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[4])"><i
class="iconfont icon-img_cz"></i></span>
<span class="re-delte" @click="ToMoveScenicItem(4,0)"><i class="iconfont icon-zuoyi"></i></span>
</div>
</div>
......@@ -203,19 +228,23 @@
<div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[4].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[4].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[4].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[4].PlayTimeHour" @keyup.native="checkInteger(scenicArray[4],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[4].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[4],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[4].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[4].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[4],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[4].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[4],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[4].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[4].Description" resize="none" class="TC-fiveTextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[4].Description" resize="none" class="TC-fiveTextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[4].Description}}
......@@ -226,8 +255,8 @@
</div>
<el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:queryItem="queryItem" v-bind:isCheckmore="1"
v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg"
v-bind:queryItem="queryItem" v-bind:isCheckmore="1" v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
</el-dialog>
</div>
</template>
......@@ -236,7 +265,7 @@
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default {
/*IsDirect:1直采，0非直采*/
props: ["scenicArray", "IsDirect","isRead","DayNum"],
props: ["scenicArray", "IsDirect", "isRead", "DayNum"],
data() {
return {
//当前点击景点项
......@@ -244,18 +273,18 @@
//是否显示选择图片框
isShowScenicImg: false,
//点击传递对象
queryItem:{
queryName:'',
queryId:0,
queryItem: {
queryName: '',
queryId: 0,
},
//当前拖动的图片索引
currentChooseIndex:0,
currentChooseIndex: 0,
};
},
methods: {
//左移右移
methods: {
//左移右移
ToMoveScenicItem(index, type) {
this.$parent.MoveScenicItem(this.DayNum, index,type);
this.$parent.MoveScenicItem(this.DayNum, index, type);
},
//获取当前点击的Item
GetClickItem(obj) {
......@@ -302,30 +331,30 @@
this.ClickItem.NewScenicImg = JSON.stringify(array);
});
},
onDragImagestop(x,y){
let imgHeight=document.querySelector("#bodys_"+this.DayNum+"_"+this.currentChooseIndex).height;
var obj=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex);
let boxHeight=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex).offsetHeight;
let cha=boxHeight-imgHeight
onDragImagestop(x, y) {
let imgHeight = document.querySelector("#bodys_" + this.DayNum + "_" + this.currentChooseIndex).height;
var obj = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex);
let boxHeight = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex).offsetHeight;
let cha = boxHeight - imgHeight
if (cha <= 0) {
if(y < 0 && y < cha) {
y=cha
} else if (y > 0) {
y=0
}
if (y < 0 && y < cha) {
y = cha
} else if (y > 0) {
y = 0
}
} else {
if (y < 0) {
y = 0
} else if (y > 0 && y > cha) {
y = cha
}
if (y < 0) {
y = 0
} else if (y > 0 && y > cha) {
y = cha
}
}
this.scenicArray[this.currentChooseIndex].ScenicJson.y = y;
this.$refs["fiveDay_"+this.DayNum+"_"+this.currentChooseIndex]._data.top=y;
this.$refs["fiveDay_" + this.DayNum + "_" + this.currentChooseIndex]._data.top = y;
},
//获取选中的图片索引
onActivated(currentIndex){
this.currentChooseIndex=currentIndex;
onActivated(currentIndex) {
this.currentChooseIndex = currentIndex;
},
},
components: {
......@@ -338,4 +367,5 @@
// })
},
};
</script>
src/components/newTravelmanager/TravelTripPreview/threedayList.vue
View file @ 74b449ed
<style>
.TC-ThreeDetail:hover span{
display:inline-block;
.TC-ThreeDetail:hover span {
display: inline-block;
}
.TC-threeOneImg{
height:452px;
width:660px;
float:left;
.TC-threeOneImg {
height: 452px;
width: 660px;
float: left;
position: relative;
border:1px solid #d1d1d1;
border: 1px solid #d1d1d1;
}
.TC-threeOneImg img {
width: 100%;
min-height: 449px;
}
.TC-threeOneImg img{width:100%;min-height: 449px;}
.TC-threeOneImg:hover .TC_uploadDiv{
display:block;
.TC-threeOneImg:hover .TC_uploadDiv {
display: block;
}
</style>
<template>
<div class="TC-ThreeContent">
<div class="TC-ScencContent clearfix">
<div class="TC-threeOneImg" :id='"boxs_"+DayNum+"_"+0'>
<VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449" :resizable='false' :x="scenicArray[0].ScenicJson.x"
:y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 660, "")' :id='"bodys_"+DayNum+"_"+0' />
<VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449"
:resizable='false' :x="scenicArray[0].ScenicJson.x" :y="scenicArray[0].ScenicJson.y" :z="2" :active="false"
:parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 660, "")' :id='"bodys_"+DayNum+"_"+0' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
<el-form-item>
......@@ -42,19 +50,23 @@
<div class="TC_text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[0].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[0].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeHour" @keyup.native="checkInteger(scenicArray[0],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[0],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[0].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[0],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[0].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[0],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[0].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[0].Description" resize="none" class="TC-TextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[0].Description" resize="none" class="TC-TextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan" v-if="isRead">
{{scenicArray[0].Description}}
......@@ -67,19 +79,23 @@
<div class="TC-ThreeText">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[1].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[1].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeHour" @keyup.native="checkInteger(scenicArray[1],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[1],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[1].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[1],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[1].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[1],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[1].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan TC-LongText" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-midTextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-midTextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan TC-LongText" v-if="isRead" style="width:293px;height:130px;overflow:hidden;">
{{scenicArray[1].Description}}
......@@ -87,9 +103,10 @@
</div>
</div>
<div class="TC-ThreeDetail" :id='"boxs_"+DayNum+"_"+1'>
<VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+1' tabindex="0" :w="665" :resizable='false' :x="scenicArray[1].ScenicJson.x"
:y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 665, "")' :id='"bodys_"+DayNum+"_"+1' />
<VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+1' tabindex="0" :w="665" :resizable='false'
:x="scenicArray[1].ScenicJson.x" :y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false"
@dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 665, "")' :id='"bodys_"+DayNum+"_"+1' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
<el-form-item>
......@@ -109,10 +126,11 @@
</div>
</div>
<div class="clearfix TC-midContent">
<div class="TC-ThreeDetail" :id='"boxs_"+DayNum+"_"+2'>
<VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+2' tabindex="0" :w="665" :resizable='false' :x="scenicArray[2].ScenicJson.x"
:y="scenicArray[2].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)">
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+2' />
<div class="TC-ThreeDetail" :id='"boxs_"+DayNum+"_"+2'>
<VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+2' tabindex="0" :w="665" :resizable='false'
:x="scenicArray[2].ScenicJson.x" :y="scenicArray[2].ScenicJson.y" :z="2" :active="false" :parent="false"
@dragstop="onDragImagestop" @activated="onActivated(2)">
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+2' />
</VueDraggableResizable>
<div class="TC_uploadDiv">
<el-form-item>
......@@ -133,19 +151,23 @@
<div class="TC-ThreeText">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3>
<div v-if="!isRead">
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[2].CouponsName" placeholder="请输入景点名称"></el-input>
<el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[2].CouponsName" placeholder="请输入景点名称">
</el-input>
</div>
<div class="TC-playTime">
<span>游玩时间</span>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeHour" @keyup.native="checkInteger(scenicArray[2],'PlayTimeHour')" placeholder="小时"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeHour"
@keyup.native="checkInteger(scenicArray[2],'PlayTimeHour')" placeholder="小时"></el-input>
<span v-if="isRead">{{scenicArray[2].PlayTimeHour}}</span>
&nbsp;小时&nbsp;
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeMinutes" @keyup.native="checkInteger(scenicArray[2],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<el-input class="w69" v-if="!isRead" v-model="scenicArray[2].PlayTimeMinutes"
@keyup.native="checkInteger(scenicArray[2],'PlayTimeMinutes')" placeholder="分钟"></el-input>
<span v-if="isRead">{{scenicArray[2].PlayTimeMinutes}}</span>
&nbsp;分钟
</div>
<span class="TC-comspan TC-LongText" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[2].Description" resize="none" class="TC-midTextArea" placeholder="请输入景点介绍"></el-input>
<el-input type="textarea" v-model="scenicArray[2].Description" resize="none" class="TC-midTextArea"
placeholder="请输入景点介绍"></el-input>
</span>
<span class="TC-comspan TC-LongText" v-if="isRead" style="width:293px;height:130px;overflow:hidden;">
{{scenicArray[2].Description}}
......@@ -155,8 +177,8 @@
</div>
<el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:queryItem="queryItem" v-bind:isCheckmore="1"
v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg"
v-bind:queryItem="queryItem" v-bind:isCheckmore="1" v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
</el-dialog>
</div>
</template>
......@@ -165,7 +187,7 @@
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default {
/*IsDirect:1直采，0非直采*/
props: ["scenicArray", "IsDirect","isRead","DayNum"],
props: ["scenicArray", "IsDirect", "isRead", "DayNum"],
data() {
return {
//当前点击景点项
......@@ -173,18 +195,18 @@
//是否显示选择图片框
isShowScenicImg: false,
//点击传递对象
queryItem:{
queryName:'',
queryId:0,
queryItem: {
queryName: '',
queryId: 0,
},
//当前拖动的图片索引
currentChooseIndex:0,
currentChooseIndex: 0,
};
},
methods: {
//左移右移
//左移右移
ToMoveScenicItem(index, type) {
this.$parent.MoveScenicItem(this.DayNum, index,type);
this.$parent.MoveScenicItem(this.DayNum, index, type);
},
//获取当前点击的Item
GetClickItem(obj) {
......@@ -231,40 +253,40 @@
});
},
onDragImagestop(x,y){
let imgHeight=document.querySelector("#bodys_"+this.DayNum+"_"+this.currentChooseIndex).height;
var obj=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex);
let boxHeight=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex).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
}
onDragImagestop(x, y) {
let imgHeight = document.querySelector("#bodys_" + this.DayNum + "_" + this.currentChooseIndex).height;
var obj = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex);
let boxHeight = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex).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.scenicArray[this.currentChooseIndex].ScenicJson.y = y;
this.$refs["threeDay_"+this.DayNum+"_"+this.currentChooseIndex]._data.top=y;
}
this.scenicArray[this.currentChooseIndex].ScenicJson.y = y;
this.$refs["threeDay_" + this.DayNum + "_" + this.currentChooseIndex]._data.top = y;
},
//获取选中的图片索引
onActivated(currentIndex){
this.currentChooseIndex=currentIndex;
onActivated(currentIndex) {
this.currentChooseIndex = currentIndex;
},
},
created() {
// this.scenicArray.forEach(x=>{
// if(!x.ScenicJson){
// x.ScenicJson= x.ScenicJsonStr ? JSON{ x:0, y:0 };
// }
// });
// this.scenicArray.forEach(x=>{
// if(!x.ScenicJson){
// x.ScenicJson= x.ScenicJsonStr ? JSON{ x:0, y:0 };
// }
// });
},
components: {
DMCchooseImg,
......
src/components/newTravelmanager/travelLineTrip/ScenicTraffic.vue
View file @ 74b449ed
......@@ -50,7 +50,7 @@
</div>
酒店出发
</div>
<div class="St_current" style="margin-bottom:10px">
<div class="St_current" style="margin-bottom:20px" v-else-if="CurrentDayNum==1">
<!--{{trafficObj.trafficIntroduce.IntroduceTitle}}-->
<template
v-if="trafficObj.trafficIntroduce.IntroduceTitle">机场</template>
......@@ -82,6 +82,15 @@
</div>
回酒店
</div>
<div class="St_current" style="margin:10px 0px;" v-else >
<!--{{trafficObj.trafficIntroduce.IntroduceTitle}}-->
<template
v-if="trafficObj.trafficIntroduce.IntroduceTitle">机场</template>
<template v-else>机场</template>
<div class="St_radioDiv Str1">
<i class="iconfont icon-Shape1"></i>
</div>
</div>
</div>
<div v-else>
<div v-if="CurrentDayNum!=1" class="St_current" style="margin-bottom:20px;">
......
src/components/newTravelmanager/travelLineTrip/travelDaysTrip.vue
View file @ 74b449ed
......@@ -165,7 +165,7 @@
:trafficObj="dayObj.TrafficObj" :ishasScenic="ishasScenic" :CurrentDayNum="dayObj.DayNum"
:totalDayNum="subConfig.DayNum">
</scenicTraffic>
<span slot="reference" class="TC-tripTitle" style="padding-left:5px;cursor:pointer;display:none;">路线信息</span>
<span slot="reference" class="TC-tripTitle" style="padding-left:5px;cursor:pointer;">路线信息</span>
</el-popover>
<ul class="scenicCheck_check" v-if="ishasScenic&& NoticeParameters.IsDirect==0">
......
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