Skip to content

S
SuperMan
Commit d981c511 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

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

parents 3fbe10f1 636dcb10
Hide whitespace changes
Inline Side-by-side
Showing with 516 additions and 329 deletions
src/assets/css/endTravelManager.css
View file @ d981c511
...@@ -602,7 +602,9 @@ ...@@ -602,7 +602,9 @@
position:absolute; position:absolute;
height:40px; height:40px;
top:42%; top:42%;
left:42%; left:50%;
transform: translate3d(-50%,-50%,0);
width: 180px;
display:none; display:none;
text-align:center; text-align:center;
z-index:3 z-index:3
...@@ -611,7 +613,6 @@ ...@@ -611,7 +613,6 @@
display: inline-block; display: inline-block;
width: 40px; width: 40px;
height: 40px; height: 40px;
/* display:none; */
border-radius: 50%; border-radius: 50%;
line-height: 40px; line-height: 40px;
color: #fff; color: #fff;
......
src/components/TravelManager/TravelList/OpTripList.vue
View file @ d981c511
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<span> <span>
<em>{{$t('system.table_ssLine')}}</em> <em>{{$t('system.table_ssLine')}}</em>
<el-select class='w150' v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')" <el-select class='w150' v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')"
@change="getLineTeamList()"> @change="getLinePlaceList()">
<el-option :label="$t('pub.unlimitedSel')" :value='queryCommonData.SelectDefaultValue'></el-option> <el-option :label="$t('pub.unlimitedSel')" :value='queryCommonData.SelectDefaultValue'></el-option>
<el-option v-for="item in queryCommonData.LineList" :label='item.LineName' :value='item.LineID' <el-option v-for="item in queryCommonData.LineList" :label='item.LineName' :value='item.LineID'
:key='item.LineID'> :key='item.LineID'>
...@@ -19,6 +19,15 @@ ...@@ -19,6 +19,15 @@
</el-select> </el-select>
</span> </span>
</li> </li>
<li>
<span>
<em>{{$t('Operation.Op_Country')}}/{{$t('system.query_dest')}}</em>
<el-select class="w150" v-model="queryMsg.PlaceID" filterable :placeholder="$t('pub.pleaseSel')" @change="getLineTeamList()">
<el-option :label="$t('pub.unlimitedSel')" :value="queryCommonData.SelectDefaultValue"></el-option>
<el-option v-for="item in queryCommonData.PlaceList" :label="item.PlaceName" :value="item.PlaceID" :key="item.LtID"></el-option>
</el-select>
</span>
</li>
<li> <li>
<span> <span>
<em>{{$t('active.ad_xlmc')}}</em> <em>{{$t('active.ad_xlmc')}}</em>
...@@ -149,6 +158,8 @@ ...@@ -149,6 +158,8 @@
queryCommonData: { queryCommonData: {
//线路列表 //线路列表
LineList: [], LineList: [],
//目的地
PlaceList: [],
//系列列表 //系列列表
LineTeamList: [], LineTeamList: [],
//下拉框默认值 //下拉框默认值
...@@ -166,6 +177,7 @@ ...@@ -166,6 +177,7 @@
pageSize: 10, pageSize: 10,
LineId: 0, LineId: 0,
LineteamId: 0, LineteamId: 0,
PlaceID:0,
CreateBy: 0, CreateBy: 0,
TeamType: 0, TeamType: 0,
TCNUMS: "", TCNUMS: "",
...@@ -239,29 +251,50 @@ ...@@ -239,29 +251,50 @@
); );
}); });
}, },
//获取线路列表 //获取线路列表
getLineList() { getLineList() {
this.apipost("line_post_GetList", { this.apipost(
"LineDirection": 2 "line_post_GetList",
}, res => { {
if (res.data.resultCode == 1) { LineDirection: 2
this.queryCommonData.LineList = res.data.data; },
} res => {
}); if (res.data.resultCode == 1) {
}, this.queryCommonData.LineList = res.data.data;
//获取系列列表 this.queryCommonData.PlaceList = [];
getLineTeamList() { this.queryCommonData.LineTeamList = [];
this.queryMsg.LineteamId = 0; }
let msg = { }
lineID: this.queryMsg.LineId, );
isTOOP: 1 },
}; //获取目的地列表
this.apipost("team_post_GetList", msg, res => { getLinePlaceList() {
if (res.data.resultCode == 1) { this.queryMsg.PlaceID = 0;
this.queryCommonData.LineTeamList = res.data.data; this.queryMsg.LineteamId = 0;
} let msg = {
}); lineID: this.queryMsg.LineId
}, };
this.apipost("team_post_GetLinePlace", msg, res => {
if (res.data.resultCode == 1) {
this.queryCommonData.PlaceList = res.data.data;
this.queryCommonData.LineTeamList = [];
}
});
},
//获取系列列表
getLineTeamList() {
this.queryMsg.LineteamId = 0;
let msg = {
lineID: this.queryMsg.LineId,
placeID: this.queryMsg.PlaceID,
isTOOP: 1
};
this.apipost("team_post_GetList", msg, res => {
if (res.data.resultCode == 1) {
this.queryCommonData.LineTeamList = res.data.data;
}
});
},
//新获取列表数据 //新获取列表数据
getControlList() { getControlList() {
var msg = JSON.parse(JSON.stringify(this.queryMsg)); var msg = JSON.parse(JSON.stringify(this.queryMsg));
......
src/components/newTravelmanager/TravelTripPreview/fivedayList.vue
View file @ d981c511
<template> <template>
<div class="TC-ThreeContent clearfix"> <div class="TC-ThreeContent clearfix">
<div class="TC-fiveLeftContent"> <div class="TC-fiveLeftContent">
<div class="TC-ImgTop" :id='"boxs_"+DayNum+"_"+0'> <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" <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+0' tabindex="0" :w="318" :h="525" :resizable='false'
:y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)"> :x="scenicArray[0].ScenicJson.x" :y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false"
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 318, "")' :id='"bodys_"+DayNum+"_"+0' /> @dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 318, "")' :id='"bodys_"+DayNum+"_"+0' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -16,26 +16,32 @@ ...@@ -16,26 +16,32 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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>
</div> </div>
<div class="text"> <div class="text">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[0].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[0].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <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>
<span class="TC-comspan" v-if="isRead"> <span class="TC-comspan" v-if="isRead">
{{scenicArray[0].Description}} {{scenicArray[0].Description}}
...@@ -46,9 +52,10 @@ ...@@ -46,9 +52,10 @@
<div class="TC-fiveContent"> <div class="TC-fiveContent">
<div class="TC-ChildListImg"> <div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+1'> <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" <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+1' tabindex="0" :w="323" :h="246"
:y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)"> :resizable='false' :x="scenicArray[1].ScenicJson.x" :y="scenicArray[1].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+1' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+1' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
...@@ -60,26 +67,33 @@ ...@@ -60,26 +67,33 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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> </div>
</div> </div>
<div class="TC-fiveText"> <div class="TC-fiveText">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[1].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[1].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <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>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;"> <span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[1].Description}} {{scenicArray[1].Description}}
...@@ -88,10 +102,11 @@ ...@@ -88,10 +102,11 @@
</div> </div>
</div> </div>
<div class="TC-ChildListImg"> <div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+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" <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+2' tabindex="0" :w="323" :h="246"
:y="scenicArray[2].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)"> :resizable='false' :x="scenicArray[2].ScenicJson.x" :y="scenicArray[2].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+2' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)">
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+2' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
...@@ -103,26 +118,33 @@ ...@@ -103,26 +118,33 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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> </div>
</div> </div>
<div class="TC-fiveText"> <div class="TC-fiveText">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[2].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[2].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <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>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;"> <span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[2].Description}} {{scenicArray[2].Description}}
...@@ -132,9 +154,10 @@ ...@@ -132,9 +154,10 @@
</div> </div>
<div class="TC-ChildListImg"> <div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+3'> <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" <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+3' tabindex="0" :w="323" :h="246"
:y="scenicArray[3].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(3)"> :resizable='false' :x="scenicArray[3].ScenicJson.x" :y="scenicArray[3].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[3].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+3' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(3)">
<img :src='compressImg(scenicArray[3].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+3' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -145,27 +168,33 @@ ...@@ -145,27 +168,33 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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> </div>
</div> </div>
<div class="TC-fiveText"> <div class="TC-fiveText">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[3].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[3].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[3].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[3].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <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>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;"> <span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[3].Description}} {{scenicArray[3].Description}}
...@@ -175,9 +204,10 @@ ...@@ -175,9 +204,10 @@
</div> </div>
<div class="TC-ChildListImg"> <div class="TC-ChildListImg">
<div class="TC-fiveTopImg" :id='"boxs_"+DayNum+"_"+4'> <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" <VueDraggableResizable axis="y" :ref='"fiveDay_"+DayNum+"_"+4' tabindex="0" :w="323" :h="246"
:y="scenicArray[4].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(4)"> :resizable='false' :x="scenicArray[4].ScenicJson.x" :y="scenicArray[4].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[4].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+4' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(4)">
<img :src='compressImg(scenicArray[4].NewImaArray[0].Url, "filt", 323, "")' :id='"bodys_"+DayNum+"_"+4' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
...@@ -189,26 +219,32 @@ ...@@ -189,26 +219,32 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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>
</div> </div>
<div class="TC-fiveText"> <div class="TC-fiveText">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[4].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[4].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[4].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[4].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <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>
<span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;"> <span class="TC-comspan" v-if="isRead" style="width:295px;height:137px;overflow:hidden;">
{{scenicArray[4].Description}} {{scenicArray[4].Description}}
...@@ -219,8 +255,8 @@ ...@@ -219,8 +255,8 @@
</div> </div>
<el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg"> <el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片--> <!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:queryItem="queryItem" v-bind:isCheckmore="1" <DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg"
v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg> v-bind:queryItem="queryItem" v-bind:isCheckmore="1" v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -229,7 +265,7 @@ ...@@ -229,7 +265,7 @@
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default { export default {
/*IsDirect:1直采，0非直采*/ /*IsDirect:1直采，0非直采*/
props: ["scenicArray", "IsDirect","isRead","DayNum"], props: ["scenicArray", "IsDirect", "isRead", "DayNum"],
data() { data() {
return { return {
//当前点击景点项 //当前点击景点项
...@@ -237,15 +273,19 @@ ...@@ -237,15 +273,19 @@
//是否显示选择图片框 //是否显示选择图片框
isShowScenicImg: false, isShowScenicImg: false,
//点击传递对象 //点击传递对象
queryItem:{ queryItem: {
queryName:'', queryName: '',
queryId:0, queryId: 0,
}, },
//当前拖动的图片索引 //当前拖动的图片索引
currentChooseIndex:0, currentChooseIndex: 0,
}; };
}, },
methods: { methods: {
//左移右移
ToMoveScenicItem(index, type) {
this.$parent.MoveScenicItem(this.DayNum, index, type);
},
//获取当前点击的Item //获取当前点击的Item
GetClickItem(obj) { GetClickItem(obj) {
this.ClickItem = obj; this.ClickItem = obj;
...@@ -291,30 +331,30 @@ ...@@ -291,30 +331,30 @@
this.ClickItem.NewScenicImg = JSON.stringify(array); this.ClickItem.NewScenicImg = JSON.stringify(array);
}); });
}, },
onDragImagestop(x,y){ onDragImagestop(x, y) {
let imgHeight=document.querySelector("#bodys_"+this.DayNum+"_"+this.currentChooseIndex).height; let imgHeight = document.querySelector("#bodys_" + this.DayNum + "_" + this.currentChooseIndex).height;
var obj=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex); var obj = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex);
let boxHeight=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex).offsetHeight; let boxHeight = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex).offsetHeight;
let cha=boxHeight-imgHeight let cha = boxHeight - imgHeight
if (cha <= 0) { if (cha <= 0) {
if(y < 0 && y < cha) { if (y < 0 && y < cha) {
y=cha y = cha
} else if (y > 0) { } else if (y > 0) {
y=0 y = 0
} }
} else { } else {
if (y < 0) { if (y < 0) {
y = 0 y = 0
} else if (y > 0 && y > cha) { } else if (y > 0 && y > cha) {
y = cha y = cha
} }
} }
this.scenicArray[this.currentChooseIndex].ScenicJson.y = y; 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){ onActivated(currentIndex) {
this.currentChooseIndex=currentIndex; this.currentChooseIndex = currentIndex;
}, },
}, },
components: { components: {
...@@ -327,4 +367,5 @@ ...@@ -327,4 +367,5 @@
// }) // })
}, },
}; };
</script> </script>
src/components/newTravelmanager/TravelTripPreview/fourdayList.vue
View file @ d981c511
<style> <style>
.TC-OneDayImg{ .TC-OneDayImg {
height:452px; height: 452px;
width:660px; width: 660px;
float:left; float: left;
position: relative; position: relative;
border:1px solid #d1d1d1; border: 1px solid #d1d1d1;
}
.TC-OneDayImg img{width:100%;min-height: 449px;}
.TC-OneDayImg:hover .TC_uploadDiv{
display:block;
} }
.TC-FourTextArea .el-textarea__inner{
width: 288px!important; .TC-OneDayImg img {
height: 158px; width: 100%;
min-height: 449px;
}
.TC-OneDayImg:hover .TC_uploadDiv {
display: block;
} }
.TC-FourTextArea .el-textarea__inner {
width: 288px !important;
height: 158px;
}
</style> </style>
<template> <template>
<div class="TC-ThreeContent"> <div class="TC-ThreeContent">
<div class="TC-ScencContent clearfix"> <div class="TC-ScencContent clearfix">
<div class="TC-OneDayImg" :id='"boxs_"+DayNum+"_"+0'> <div class="TC-OneDayImg" :id='"boxs_"+DayNum+"_"+0'>
<VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449" :resizable='false' :x="scenicArray[0].ScenicJson.x" <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449" :resizable='false'
:y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)"> :x="scenicArray[0].ScenicJson.x" :y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false"
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 660, "")' :id='"bodys_"+DayNum+"_"+0' /> @dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 660, "")' :id='"bodys_"+DayNum+"_"+0' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -33,26 +41,32 @@ ...@@ -33,26 +41,32 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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>
</div> </div>
<div class="TC-OneDetail"> <div class="TC-OneDetail">
<div class="TC_text_inside"> <div class="TC_text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[0].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[0].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <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>
<span class="TC-comspan" v-if="isRead"> <span class="TC-comspan" v-if="isRead">
{{scenicArray[0].Description}} {{scenicArray[0].Description}}
...@@ -63,9 +77,10 @@ ...@@ -63,9 +77,10 @@
<div class="_flex_space_between"> <div class="_flex_space_between">
<div class="TC-fourChildContent"> <div class="TC-fourChildContent">
<div class="image" :id='"boxs_"+DayNum+"_"+1'> <div class="image" :id='"boxs_"+DayNum+"_"+1'>
<VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+1' tabindex="0" :w="321" :h="246" :resizable='false' :x="scenicArray[1].ScenicJson.x" <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+1' tabindex="0" :w="321" :h="246"
:y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)"> :resizable='false' :x="scenicArray[1].ScenicJson.x" :y="scenicArray[1].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 321, "")' :id='"bodys_"+DayNum+"_"+1' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 321, "")' :id='"bodys_"+DayNum+"_"+1' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
...@@ -77,26 +92,33 @@ ...@@ -77,26 +92,33 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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> </div>
</div> </div>
<div class="text"> <div class="text">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[1].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[1].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-FourTextArea" placeholder="请输入景点介绍"></el-input> <el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-FourTextArea"
placeholder="请输入景点介绍"></el-input>
</span> </span>
<span class="TC-comspan" v-if="isRead" style="width:284px;height:151px;overflow:hidden;"> <span class="TC-comspan" v-if="isRead" style="width:284px;height:151px;overflow:hidden;">
{{scenicArray[1].Description}} {{scenicArray[1].Description}}
...@@ -106,13 +128,11 @@ ...@@ -106,13 +128,11 @@
</div> </div>
<div class="TC-fourChildContent"> <div class="TC-fourChildContent">
<div class="image" :id='"boxs_"+DayNum+"_"+2'> <div class="image" :id='"boxs_"+DayNum+"_"+2'>
<VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+2' tabindex="0" :w="321" :h="246" :resizable='false' :x="scenicArray[2].ScenicJson.x" <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+2' tabindex="0" :w="321" :h="246"
:y="scenicArray[2].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)"> :resizable='false' :x="scenicArray[2].ScenicJson.x" :y="scenicArray[2].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 321, "")' :id='"bodys_"+DayNum+"_"+2' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)">
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 321, "")' :id='"bodys_"+DayNum+"_"+2' />
</VueDraggableResizable> </VueDraggableResizable>
<!-- <img v-if="scenicArray[2].NewImaArray.length>0&&scenicArray[2].NewImaArray[0].Url" :src="scenicArray[2].NewImaArray[0].Url" alt="" />
<div v-else class="_noData_img" src=""></div> -->
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
<el-upload :file-list="scenicArray[2].NewImaArray" action :http-request="uploadImg" <el-upload :file-list="scenicArray[2].NewImaArray" action :http-request="uploadImg"
...@@ -122,26 +142,33 @@ ...@@ -122,26 +142,33 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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> </div>
</div> </div>
<div class="text"> <div class="text">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[2].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[2].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[2].Description" resize="none" class="TC-FourTextArea" placeholder="请输入景点介绍"></el-input> <el-input type="textarea" v-model="scenicArray[2].Description" resize="none" class="TC-FourTextArea"
placeholder="请输入景点介绍"></el-input>
</span> </span>
<span class="TC-comspan" v-if="isRead"> <span class="TC-comspan" v-if="isRead">
{{scenicArray[2].Description}} {{scenicArray[2].Description}}
...@@ -151,9 +178,10 @@ ...@@ -151,9 +178,10 @@
</div> </div>
<div class="TC-fourChildContent"> <div class="TC-fourChildContent">
<div class="image" :id='"boxs_"+DayNum+"_"+3'> <div class="image" :id='"boxs_"+DayNum+"_"+3'>
<VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+3' tabindex="0" :w="321" :h="246" :resizable='false' :x="scenicArray[3].ScenicJson.x" <VueDraggableResizable axis="y" :ref='"fourDay_"+DayNum+"_"+3' tabindex="0" :w="321" :h="246"
:y="scenicArray[3].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(3)"> :resizable='false' :x="scenicArray[3].ScenicJson.x" :y="scenicArray[3].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[3].NewImaArray[0].Url, "filt", 321, "")' :id='"bodys_"+DayNum+"_"+3' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(3)">
<img :src='compressImg(scenicArray[3].NewImaArray[0].Url, "filt", 321, "")' :id='"bodys_"+DayNum+"_"+3' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -164,26 +192,32 @@ ...@@ -164,26 +192,32 @@
</span> </span>
</el-upload> </el-upload>
</el-form-item> </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>
</div> </div>
</div> </div>
<div class="text"> <div class="text">
<div class="text_inside"> <div class="text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[3].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[3].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[3].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[3].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[3].Description" resize="none" class="TC-FourTextArea" placeholder="请输入景点介绍"></el-input> <el-input type="textarea" v-model="scenicArray[3].Description" resize="none" class="TC-FourTextArea"
placeholder="请输入景点介绍"></el-input>
</span> </span>
<span class="TC-comspan" v-if="isRead"> <span class="TC-comspan" v-if="isRead">
{{scenicArray[3].Description}} {{scenicArray[3].Description}}
...@@ -194,8 +228,8 @@ ...@@ -194,8 +228,8 @@
</div> </div>
<el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg"> <el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片--> <!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:queryItem="queryItem" v-bind:isCheckmore="1" <DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg"
v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg> v-bind:queryItem="queryItem" v-bind:isCheckmore="1" v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -204,7 +238,7 @@ ...@@ -204,7 +238,7 @@
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default { export default {
/*IsDirect:1直采，0非直采*/ /*IsDirect:1直采，0非直采*/
props: ["scenicArray", "IsDirect","isRead","DayNum"], props: ["scenicArray", "IsDirect", "isRead", "DayNum"],
data() { data() {
return { return {
//当前点击景点项 //当前点击景点项
...@@ -212,15 +246,19 @@ ...@@ -212,15 +246,19 @@
//是否显示选择图片框 //是否显示选择图片框
isShowScenicImg: false, isShowScenicImg: false,
//点击传递对象 //点击传递对象
queryItem:{ queryItem: {
queryName:'', queryName: '',
queryId:0, queryId: 0,
}, },
//当前拖动的图片索引 //当前拖动的图片索引
currentChooseIndex:0, currentChooseIndex: 0,
}; };
}, },
methods: { methods: {
//左移右移
ToMoveScenicItem(index, type) {
this.$parent.MoveScenicItem(this.DayNum, index, type);
},
//获取当前点击的Item //获取当前点击的Item
GetClickItem(obj) { GetClickItem(obj) {
this.ClickItem = obj; this.ClickItem = obj;
...@@ -266,47 +304,45 @@ ...@@ -266,47 +304,45 @@
this.ClickItem.NewScenicImg = JSON.stringify(array); this.ClickItem.NewScenicImg = JSON.stringify(array);
}); });
}, },
onDragImagestop(x,y){ onDragImagestop(x, y) {
let imgHeight=document.querySelector("#bodys_"+this.DayNum+"_"+this.currentChooseIndex).height; let imgHeight = document.querySelector("#bodys_" + this.DayNum + "_" + this.currentChooseIndex).height;
var obj=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex); var obj = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex);
let boxHeight=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex).offsetHeight; let boxHeight = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex).offsetHeight;
let cha=boxHeight-imgHeight let cha = boxHeight - imgHeight
if (cha <= 0) { if (cha <= 0) {
if(y < 0 && y < cha) { if (y < 0 && y < cha) {
y=cha y = cha
} else if (y > 0) { } else if (y > 0) {
y=0 y = 0
} }
} else { } else {
if (y < 0) { if (y < 0) {
y = 0 y = 0
} else if (y > 0 && y > cha) { } else if (y > 0 && y > cha) {
y = cha y = cha
} }
} }
this.scenicArray[this.currentChooseIndex].ScenicJson.y = y; this.scenicArray[this.currentChooseIndex].ScenicJson.y = y;
this.$refs["fourDay_"+this.DayNum+"_"+this.currentChooseIndex]._data.top=y; this.$refs["fourDay_" + this.DayNum + "_" + this.currentChooseIndex]._data.top = y;
}, },
//获取选中的图片索引 //获取选中的图片索引
onActivated(currentIndex){ onActivated(currentIndex) {
this.currentChooseIndex=currentIndex; this.currentChooseIndex = currentIndex;
}, },
}, },
components: { components: {
DMCchooseImg, DMCchooseImg,
VueDraggableResizable VueDraggableResizable
}, },
watch:{ watch: {
scenicArray:{ scenicArray: {
handler: function(newValue, oldValue) { handler: function (newValue, oldValue) {},
},
deep: true deep: true
} }
}, },
created() { created() {
// this.scenicArray.forEach(x=>{
// x.ScenicJson = typeof(x.ScenicJsonStr) === 'string' ? JSON.parse(x.ScenicJsonStr) : { x:0, y:0 };
// })
}, },
}; };
</script> </script>
src/components/newTravelmanager/TravelTripPreview/threedayList.vue
View file @ d981c511
<style> <style>
.TC-ThreeDetail:hover span{ .TC-ThreeDetail:hover span {
display:inline-block; display: inline-block;
} }
.TC-threeOneImg{
height:452px; .TC-threeOneImg {
width:660px; height: 452px;
float:left; width: 660px;
float: left;
position: relative; 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{ .TC-threeOneImg:hover .TC_uploadDiv {
display:block; display: block;
} }
</style> </style>
<template> <template>
<div class="TC-ThreeContent"> <div class="TC-ThreeContent">
<div class="TC-ScencContent clearfix"> <div class="TC-ScencContent clearfix">
<div class="TC-threeOneImg" :id='"boxs_"+DayNum+"_"+0'> <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" <VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+0' tabindex="0" :w="660" :h="449"
:y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)"> :resizable='false' :x="scenicArray[0].ScenicJson.x" :y="scenicArray[0].ScenicJson.y" :z="2" :active="false"
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 660, "")' :id='"bodys_"+DayNum+"_"+0' /> :parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 660, "")' :id='"bodys_"+DayNum+"_"+0' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -35,25 +43,30 @@ ...@@ -35,25 +43,30 @@
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])"> <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])">
<i class="iconfont icon-img_cz"></i> <i class="iconfont icon-img_cz"></i>
</span> </span>
<span class="re-delte" @click="ToMoveScenicItem(0,1)"><i class="iconfont icon-youyi"></i></span>
</div> </div>
</div> </div>
<div class="TC-OneDetail"> <div class="TC-OneDetail">
<div class="TC_text_inside"> <div class="TC_text_inside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[0].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[0].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <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>
<span class="TC-comspan" v-if="isRead"> <span class="TC-comspan" v-if="isRead">
{{scenicArray[0].Description}} {{scenicArray[0].Description}}
...@@ -66,19 +79,23 @@ ...@@ -66,19 +79,23 @@
<div class="TC-ThreeText"> <div class="TC-ThreeText">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[1].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[1].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan TC-LongText" v-if="!isRead"> <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>
<span class="TC-comspan TC-LongText" v-if="isRead" style="width:293px;height:130px;overflow:hidden;"> <span class="TC-comspan TC-LongText" v-if="isRead" style="width:293px;height:130px;overflow:hidden;">
{{scenicArray[1].Description}} {{scenicArray[1].Description}}
...@@ -86,9 +103,10 @@ ...@@ -86,9 +103,10 @@
</div> </div>
</div> </div>
<div class="TC-ThreeDetail" :id='"boxs_"+DayNum+"_"+1'> <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" <VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+1' tabindex="0" :w="665" :resizable='false'
:y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)"> :x="scenicArray[1].ScenicJson.x" :y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false"
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 665, "")' :id='"bodys_"+DayNum+"_"+1' /> @dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 665, "")' :id='"bodys_"+DayNum+"_"+1' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -102,14 +120,17 @@ ...@@ -102,14 +120,17 @@
<span class="TC-find"> <span class="TC-find">
<i class="iconfont icon-img_cz" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])"></i> <i class="iconfont icon-img_cz" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])"></i>
</span> </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> </div>
</div> </div>
</div> </div>
<div class="clearfix TC-midContent"> <div class="clearfix TC-midContent">
<div class="TC-ThreeDetail" :id='"boxs_"+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" <VueDraggableResizable axis="y" :ref='"threeDay_"+DayNum+"_"+2' tabindex="0" :w="665" :resizable='false'
:y="scenicArray[2].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(2)"> :x="scenicArray[2].ScenicJson.x" :y="scenicArray[2].ScenicJson.y" :z="2" :active="false" :parent="false"
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+2' /> @dragstop="onDragImagestop" @activated="onActivated(2)">
<img :src='compressImg(scenicArray[2].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+2' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -123,25 +144,30 @@ ...@@ -123,25 +144,30 @@
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[2])"> <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[2])">
<i class="iconfont icon-img_cz"></i> <i class="iconfont icon-img_cz"></i>
</span> </span>
<span class="re-delte" @click="ToMoveScenicItem(2,0)"><i class="iconfont icon-zuoyi"></i></span>
</div> </div>
</div> </div>
<div class="TC-Threemid Tremind"> <div class="TC-Threemid Tremind">
<div class="TC-ThreeText"> <div class="TC-ThreeText">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[2].CouponsName}}</h3>
<div v-if="!isRead"> <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>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[2].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[2].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan TC-LongText" v-if="!isRead"> <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>
<span class="TC-comspan TC-LongText" v-if="isRead" style="width:293px;height:130px;overflow:hidden;"> <span class="TC-comspan TC-LongText" v-if="isRead" style="width:293px;height:130px;overflow:hidden;">
{{scenicArray[2].Description}} {{scenicArray[2].Description}}
...@@ -151,8 +177,8 @@ ...@@ -151,8 +177,8 @@
</div> </div>
<el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg"> <el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片--> <!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:queryItem="queryItem" v-bind:isCheckmore="1" <DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg"
v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg> v-bind:queryItem="queryItem" v-bind:isCheckmore="1" v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -161,7 +187,7 @@ ...@@ -161,7 +187,7 @@
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default { export default {
/*IsDirect:1直采，0非直采*/ /*IsDirect:1直采，0非直采*/
props: ["scenicArray", "IsDirect","isRead","DayNum"], props: ["scenicArray", "IsDirect", "isRead", "DayNum"],
data() { data() {
return { return {
//当前点击景点项 //当前点击景点项
...@@ -169,16 +195,19 @@ ...@@ -169,16 +195,19 @@
//是否显示选择图片框 //是否显示选择图片框
isShowScenicImg: false, isShowScenicImg: false,
//点击传递对象 //点击传递对象
queryItem:{ queryItem: {
queryName:'', queryName: '',
queryId:0, queryId: 0,
}, },
//当前拖动的图片索引 //当前拖动的图片索引
currentChooseIndex:0, currentChooseIndex: 0,
}; };
}, },
methods: { methods: {
//左移右移
ToMoveScenicItem(index, type) {
this.$parent.MoveScenicItem(this.DayNum, index, type);
},
//获取当前点击的Item //获取当前点击的Item
GetClickItem(obj) { GetClickItem(obj) {
this.ClickItem = obj; this.ClickItem = obj;
...@@ -224,40 +253,40 @@ ...@@ -224,40 +253,40 @@
}); });
}, },
onDragImagestop(x,y){ onDragImagestop(x, y) {
let imgHeight=document.querySelector("#bodys_"+this.DayNum+"_"+this.currentChooseIndex).height; let imgHeight = document.querySelector("#bodys_" + this.DayNum + "_" + this.currentChooseIndex).height;
var obj=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex); var obj = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex);
let boxHeight=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex).offsetHeight; let boxHeight = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex).offsetHeight;
let cha=boxHeight-imgHeight let cha = boxHeight - imgHeight
if (cha <= 0) { if (cha <= 0) {
if(y < 0 && y < cha) { if (y < 0 && y < cha) {
y=cha y = cha
} else if (y > 0) { } else if (y > 0) {
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; } else {
this.$refs["threeDay_"+this.DayNum+"_"+this.currentChooseIndex]._data.top=y; 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;
}, },
//获取选中的图片索引 //获取选中的图片索引
onActivated(currentIndex){ onActivated(currentIndex) {
this.currentChooseIndex=currentIndex; this.currentChooseIndex = currentIndex;
}, },
}, },
created() { created() {
// this.scenicArray.forEach(x=>{ // this.scenicArray.forEach(x=>{
// if(!x.ScenicJson){ // if(!x.ScenicJson){
// x.ScenicJson= x.ScenicJsonStr ? JSON{ x:0, y:0 }; // x.ScenicJson= x.ScenicJsonStr ? JSON{ x:0, y:0 };
// } // }
// }); // });
}, },
components: { components: {
DMCchooseImg, DMCchooseImg,
......
src/components/newTravelmanager/TravelTripPreview/twodayList.vue
View file @ d981c511
<style> <style>
.TC-twoimage:hover .TC_uploadDiv{ .TC-twoimage:hover .TC_uploadDiv {
display:block; display: block;
} }
</style> </style>
<template> <template>
<div class="TC-TwoContent clearfix"> <div class="TC-TwoContent clearfix">
<div class="TC-twoCombox"> <div class="TC-twoCombox">
<div class="TC-twoimage" :id='"boxs_"+DayNum+"_"+0'> <div class="TC-twoimage" :id='"boxs_"+DayNum+"_"+0'>
<VueDraggableResizable axis="y" :ref='"twoDay_"+DayNum+"_"+0' tabindex="0" :w="486" :resizable='false' :x="scenicArray[0].ScenicJson.x" <VueDraggableResizable axis="y" :ref='"twoDay_"+DayNum+"_"+0' tabindex="0" :w="486" :resizable='false'
:y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(0)"> :x="scenicArray[0].ScenicJson.x" :y="scenicArray[0].ScenicJson.y" :z="2" :active="false" :parent="false"
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+0' /> @dragstop="onDragImagestop" @activated="onActivated(0)">
<img :src='compressImg(scenicArray[0].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+0' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -24,25 +26,30 @@ ...@@ -24,25 +26,30 @@
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])"> <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])">
<i class="iconfont icon-img_cz"></i> <i class="iconfont icon-img_cz"></i>
</span> </span>
<span class="re-delte" @click="ToMoveScenicItem(0,1)"><i class="iconfont icon-youyi"></i></span>
</div> </div>
</div> </div>
<div class="TC-twotext"> <div class="TC-twotext">
<div class="TC-Tinside"> <div class="TC-Tinside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[0].CouponsName}}</h3>
<div v-if="!isRead"> <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="请输入景点名称">
</div> </el-input>
</div>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[0].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[0].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[0].Description" resize="none" class="TC-LongText" placeholder="请输入景点介绍"></el-input> <el-input type="textarea" v-model="scenicArray[0].Description" resize="none" class="TC-LongText"
placeholder="请输入景点介绍"></el-input>
</span> </span>
<span class="TC-comspan" v-if="isRead" style="height:90px;overflow:hidden;width:413px"> <span class="TC-comspan" v-if="isRead" style="height:90px;overflow:hidden;width:413px">
{{scenicArray[0].Description}} {{scenicArray[0].Description}}
...@@ -52,9 +59,10 @@ ...@@ -52,9 +59,10 @@
</div> </div>
<div class="TC-twoCombox"> <div class="TC-twoCombox">
<div class="TC-twoimage" :id='"boxs_"+DayNum+"_"+1'> <div class="TC-twoimage" :id='"boxs_"+DayNum+"_"+1'>
<VueDraggableResizable axis="y" :ref='"twoDay_"+DayNum+"_"+1' tabindex="0" :w="486" :resizable='false' :x="scenicArray[1].ScenicJson.x" <VueDraggableResizable axis="y" :ref='"twoDay_"+DayNum+"_"+1' tabindex="0" :w="486" :resizable='false'
:y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false" @dragstop="onDragImagestop" @activated="onActivated(1)"> :x="scenicArray[1].ScenicJson.x" :y="scenicArray[1].ScenicJson.y" :z="2" :active="false" :parent="false"
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+1' /> @dragstop="onDragImagestop" @activated="onActivated(1)">
<img :src='compressImg(scenicArray[1].NewImaArray[0].Url, "filt", 486, "")' :id='"bodys_"+DayNum+"_"+1' />
</VueDraggableResizable> </VueDraggableResizable>
<div class="TC_uploadDiv"> <div class="TC_uploadDiv">
<el-form-item> <el-form-item>
...@@ -68,25 +76,30 @@ ...@@ -68,25 +76,30 @@
<span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])"> <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])">
<i class="iconfont icon-img_cz"></i> <i class="iconfont icon-img_cz"></i>
</span> </span>
<span class="re-delte" @click="ToMoveScenicItem(1,0)"><i class="iconfont icon-zuoyi"></i></span>
</div> </div>
</div> </div>
<div class="TC-twotext"> <div class="TC-twotext">
<div class="TC-Tinside"> <div class="TC-Tinside">
<h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3> <h3 class="TC-comh3" v-if="IsDirect==1||isRead">{{scenicArray[1].CouponsName}}</h3>
<div v-if="!isRead"> <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="请输入景点名称">
</div> </el-input>
</div>
<div class="TC-playTime"> <div class="TC-playTime">
<span>游玩时间</span> <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> <span v-if="isRead">{{scenicArray[1].PlayTimeHour}}</span>
&nbsp;小时&nbsp; &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> <span v-if="isRead">{{scenicArray[1].PlayTimeMinutes}}</span>
&nbsp;分钟 &nbsp;分钟
</div> </div>
<span class="TC-comspan" v-if="!isRead"> <span class="TC-comspan" v-if="!isRead">
<el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-LongText" placeholder="请输入景点介绍"></el-input> <el-input type="textarea" v-model="scenicArray[1].Description" resize="none" class="TC-LongText"
placeholder="请输入景点介绍"></el-input>
</span> </span>
<span class="TC-comspan" v-if="isRead" style="height:90px;overflow:hidden;width:413px"> <span class="TC-comspan" v-if="isRead" style="height:90px;overflow:hidden;width:413px">
{{scenicArray[1].Description}} {{scenicArray[1].Description}}
...@@ -96,8 +109,8 @@ ...@@ -96,8 +109,8 @@
</div> </div>
<el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg"> <el-dialog custom-class="TC_comDMCchoose" title="选择图片" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片--> <!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:queryItem="queryItem" v-bind:isCheckmore="1" <DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg"
v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg> v-bind:queryItem="queryItem" v-bind:isCheckmore="1" v-bind:imgType="3" v-bind:IsShowAdd="true"></DMCchooseImg>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -106,7 +119,7 @@ ...@@ -106,7 +119,7 @@
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default { export default {
/*IsDirect:1直采，0非直采*/ /*IsDirect:1直采，0非直采*/
props: ["scenicArray","IsDirect","isRead","DayNum"], props: ["scenicArray", "IsDirect", "isRead", "DayNum"],
data() { data() {
return { return {
//当前点击景点项 //当前点击景点项
...@@ -114,15 +127,19 @@ ...@@ -114,15 +127,19 @@
//是否显示选择图片框 //是否显示选择图片框
isShowScenicImg: false, isShowScenicImg: false,
//点击传递对象 //点击传递对象
queryItem:{ queryItem: {
queryName:'', queryName: '',
queryId:0, queryId: 0,
}, },
//当前拖动的图片索引 //当前拖动的图片索引
currentChooseIndex:0, currentChooseIndex: 0,
}; };
}, },
methods: { methods: {
//左移右移
ToMoveScenicItem(index, type) {
this.$parent.MoveScenicItem(this.DayNum, index, type);
},
//获取当前点击的Item //获取当前点击的Item
GetClickItem(obj) { GetClickItem(obj) {
this.ClickItem = obj; this.ClickItem = obj;
...@@ -169,37 +186,35 @@ ...@@ -169,37 +186,35 @@
this.ClickItem.NewScenicImg = JSON.stringify(array); this.ClickItem.NewScenicImg = JSON.stringify(array);
}); });
}, },
onDragImagestop(x,y){ onDragImagestop(x, y) {
let imgHeight=document.querySelector("#bodys_"+this.DayNum+"_"+this.currentChooseIndex).height; let imgHeight = document.querySelector("#bodys_" + this.DayNum + "_" + this.currentChooseIndex).height;
var obj=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex); var obj = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex);
let boxHeight=document.querySelector("#boxs_"+this.DayNum+"_"+this.currentChooseIndex).offsetHeight; let boxHeight = document.querySelector("#boxs_" + this.DayNum + "_" + this.currentChooseIndex).offsetHeight;
let cha=boxHeight-imgHeight let cha = boxHeight - imgHeight
if (cha <= 0) { if (cha <= 0) {
if(y < 0 && y < cha) { if (y < 0 && y < cha) {
y=cha y = cha
} else if (y > 0) { } else if (y > 0) {
y=0 y = 0
} }
} else { } else {
if (y < 0) { if (y < 0) {
y = 0 y = 0
} else if (y > 0 && y > cha) { } else if (y > 0 && y > cha) {
y = cha y = cha
} }
} }
this.scenicArray[this.currentChooseIndex].ScenicJson.y = y; this.scenicArray[this.currentChooseIndex].ScenicJson.y = y;
this.$refs["twoDay_"+this.DayNum+"_"+this.currentChooseIndex]._data.top=y; this.$refs["twoDay_" + this.DayNum + "_" + this.currentChooseIndex]._data.top = y;
}, },
//获取选中的图片索引 //获取选中的图片索引
onActivated(currentIndex){ onActivated(currentIndex) {
this.currentChooseIndex=currentIndex; this.currentChooseIndex = currentIndex;
}, },
}, },
created(){ created() {},
}, mounted() {},
mounted() {
},
created() { created() {
// this.scenicArray.forEach(x=>{ // this.scenicArray.forEach(x=>{
// x.ScenicJson = typeof(x.ScenicJsonStr) === 'string' ? JSON.parse(x.ScenicJsonStr) : { x:0, y:0 }; // x.ScenicJson = typeof(x.ScenicJsonStr) === 'string' ? JSON.parse(x.ScenicJsonStr) : { x:0, y:0 };
......
src/components/newTravelmanager/travelLineTrip/ScenicTraffic.vue
View file @ d981c511
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
</div> </div>
酒店出发 酒店出发
</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}}--> <!--{{trafficObj.trafficIntroduce.IntroduceTitle}}-->
<template <template
v-if="trafficObj.trafficIntroduce.IntroduceTitle">机场</template> v-if="trafficObj.trafficIntroduce.IntroduceTitle">机场</template>
...@@ -82,6 +82,15 @@ ...@@ -82,6 +82,15 @@
</div> </div>
回酒店 回酒店
</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>
<div v-else> <div v-else>
<div v-if="CurrentDayNum!=1" class="St_current" style="margin-bottom:20px;"> <div v-if="CurrentDayNum!=1" class="St_current" style="margin-bottom:20px;">
......
src/components/newTravelmanager/travelLineTrip/travelDaysTrip.vue
View file @ d981c511
...@@ -133,7 +133,8 @@ ...@@ -133,7 +133,8 @@
<div class="TC-titlebox"> <div class="TC-titlebox">
<span class="TC-TitleSpan" v-if="!dayObj.isRead"> <span class="TC-TitleSpan" v-if="!dayObj.isRead">
<el-form-item> <el-form-item>
<el-input type="textarea" :autosize="{minRows: 1, maxRows: 8 }" resize="none" class="w700" placeholder="请输入行程大点信息" v-model="dayObj.TitleObj.Title"></el-input> <el-input type="textarea" :autosize="{minRows: 1, maxRows: 8 }" resize="none" class="w700"
placeholder="请输入行程大点信息" v-model="dayObj.TitleObj.Title"></el-input>
</el-form-item> </el-form-item>
</span> </span>
<span class="TC-spanTitle" v-if="dayObj.isRead">{{dayObj.TitleObj.Title}}</span> <span class="TC-spanTitle" v-if="dayObj.isRead">{{dayObj.TitleObj.Title}}</span>
...@@ -141,10 +142,9 @@ ...@@ -141,10 +142,9 @@
</div> </div>
<div class="TC-Comtitlediv"> <div class="TC-Comtitlediv">
<trifficTrip v-bind:trafficObj="dayObj.TrafficObj" :isOpenGroup="isOpenGroup" v-bind:AllCityList="AllCityList" <trifficTrip v-bind:trafficObj="dayObj.TrafficObj" :isOpenGroup="isOpenGroup" v-bind:AllCityList="AllCityList"
v-bind:UseTypeArray="UseTypeArray" v-bind:AirPickUp="AirPickUp" v-bind:AirSend="AirSend" v-bind:UseTypeArray="UseTypeArray" v-bind:AirPickUp="AirPickUp" v-bind:AirSend="AirSend"
v-bind:StartCity="StartCity" v-bind:StartCity="StartCity" v-bind:CurrentIndex="CurrentIndex" v-bind:TotalCount="TotalCount"
v-bind:CurrentIndex="CurrentIndex" v-bind:TotalCount="TotalCount" v-bind:dayObj="dayObj" v-bind:dayObj="dayObj" :isRead="dayObj.isRead"></trifficTrip>
:isRead="dayObj.isRead"></trifficTrip>
</div> </div>
<div class="TC-Comtitlediv"> <div class="TC-Comtitlediv">
<div class="partName"> <div class="partName">
...@@ -153,21 +153,19 @@ ...@@ -153,21 +153,19 @@
<div class="TC-titlebox"> <div class="TC-titlebox">
<el-checkbox v-model="ishasScenic" border size="mini" @change="hasScenicChange">景点</el-checkbox> <el-checkbox v-model="ishasScenic" border size="mini" @change="hasScenicChange">景点</el-checkbox>
<el-select v-if="ishasScenic&&NoticeParameters.IsDirect==1" class="w600 Ht_hotelSelect" size="mini" <el-select v-if="ishasScenic&&NoticeParameters.IsDirect==1" class="w600 Ht_hotelSelect" size="mini"
:placeholder="$t('pub.pleaseSel')" :multiple-limit="5" v-model="ChooseScenicArray" multiple :placeholder="$t('pub.pleaseSel')" :multiple-limit="5" v-model="ChooseScenicArray" multiple filterable
filterable @visible-change="getQScenicList($event)">
@visible-change="getQScenicList($event)">
<el-option v-for="item in QScenicList" :label="item.Name" :value="item.ID" :key="item.ID"> <el-option v-for="item in QScenicList" :label="item.Name" :value="item.ID" :key="item.ID">
<span style="float: left">{{ item.Name }}</span> <span style="float: left">{{ item.Name }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.Inventory }}</span> <span style="float: right; color: #8492a6; font-size: 13px">{{ item.Inventory }}</span>
</el-option> </el-option>
</el-select> </el-select>
<el-popover placement="right" width="430" trigger="click" > <el-popover placement="right" width="430" trigger="click" v-if="NoticeParameters.IsDirect==1">
<scenicTraffic :ref="'scenicTraffic'+dayObj.DayNum+''" :ScenicArray="dayObj.ScenicArray" <scenicTraffic :ref="'scenicTraffic'+dayObj.DayNum+''" :ScenicArray="dayObj.ScenicArray"
:trafficObj="dayObj.TrafficObj" :ishasScenic="ishasScenic" :trafficObj="dayObj.TrafficObj" :ishasScenic="ishasScenic" :CurrentDayNum="dayObj.DayNum"
:CurrentDayNum="dayObj.DayNum" :totalDayNum="subConfig.DayNum" :totalDayNum="subConfig.DayNum">
> </scenicTraffic>
</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;display:none;">路线信息</span>
</el-popover> </el-popover>
<ul class="scenicCheck_check" v-if="ishasScenic&& NoticeParameters.IsDirect==0"> <ul class="scenicCheck_check" v-if="ishasScenic&& NoticeParameters.IsDirect==0">
...@@ -200,24 +198,24 @@ ...@@ -200,24 +198,24 @@
<div class="TC-ComInfoDiv" :class="scenicCheck>0||dayObj.ScenicArray.length>0?'_margin_bottom':''"> <div class="TC-ComInfoDiv" :class="scenicCheck>0||dayObj.ScenicArray.length>0?'_margin_bottom':''">
<onedayList :class="{'showOther':TeamType==3}" <onedayList :class="{'showOther':TeamType==3}"
v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==1)||(scenicCheck==1 && NoticeParameters.IsDirect==0)" v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==1)||(scenicCheck==1 && NoticeParameters.IsDirect==0)"
:isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :IsDirect="NoticeParameters.IsDirect"
:IsDirect="NoticeParameters.IsDirect" :DayNum="dayObj.DayNum"></onedayList> :DayNum="dayObj.DayNum"></onedayList>
<twodayList :class="{'showOther':TeamType==3}" <twodayList :class="{'showOther':TeamType==3}"
v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==2)||(scenicCheck==2 && NoticeParameters.IsDirect==0)" v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==2)||(scenicCheck==2 && NoticeParameters.IsDirect==0)"
:isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :IsDirect="NoticeParameters.IsDirect"
:IsDirect="NoticeParameters.IsDirect" :DayNum="dayObj.DayNum"></twodayList> :DayNum="dayObj.DayNum"></twodayList>
<threedayList :class="{'showOther':TeamType==3}" <threedayList :class="{'showOther':TeamType==3}"
v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==3)||(scenicCheck==3 && NoticeParameters.IsDirect==0)" v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==3)||(scenicCheck==3 && NoticeParameters.IsDirect==0)"
:isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :IsDirect="NoticeParameters.IsDirect"
:IsDirect="NoticeParameters.IsDirect" :DayNum="dayObj.DayNum"></threedayList> :DayNum="dayObj.DayNum"></threedayList>
<fourdayList :class="{'showOther':TeamType==3}" <fourdayList :class="{'showOther':TeamType==3}"
v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==4)||(scenicCheck==4 && NoticeParameters.IsDirect==0)" v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==4)||(scenicCheck==4 && NoticeParameters.IsDirect==0)"
:isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :IsDirect="NoticeParameters.IsDirect"
:IsDirect="NoticeParameters.IsDirect" :DayNum="dayObj.DayNum"></fourdayList> :DayNum="dayObj.DayNum"></fourdayList>
<fivedayList :class="{'showOther':TeamType==3}" <fivedayList :class="{'showOther':TeamType==3}"
v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==5)||(scenicCheck==5 && NoticeParameters.IsDirect==0)" v-if="(NoticeParameters.IsDirect==1 && dayObj.ScenicArray.length==5)||(scenicCheck==5 && NoticeParameters.IsDirect==0)"
:isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :isRead="dayObj.isRead" :scenicArray="dayObj.ScenicArray" :IsDirect="NoticeParameters.IsDirect"
:IsDirect="NoticeParameters.IsDirect" :DayNum="dayObj.DayNum"></fivedayList> :DayNum="dayObj.DayNum"></fivedayList>
</div> </div>
<div class="TC-warmTips TC-Comtitlediv" v-if="!dayObj.isRead" :class="{'showOther':TeamType==3}"> <div class="TC-warmTips TC-Comtitlediv" v-if="!dayObj.isRead" :class="{'showOther':TeamType==3}">
<div class="TC-SpecialInstruction clearfix"> <div class="TC-SpecialInstruction clearfix">
...@@ -225,9 +223,8 @@ ...@@ -225,9 +223,8 @@
<div class="TC-rightContent"> <div class="TC-rightContent">
<!--<el-input type="textarea" v-model="dayObj.WarmTipObj.Description"></el-input>--> <!--<el-input type="textarea" v-model="dayObj.WarmTipObj.Description"></el-input>-->
<my-edit v-on:edit-value="dayObj.WarmTipObj.Description = arguments[0]" <my-edit v-on:edit-value="dayObj.WarmTipObj.Description = arguments[0]"
v-bind:editValue="dayObj.WarmTipObj.Description" v-bind:editValue="dayObj.WarmTipObj.Description" v-bind:toolbarShow="toolbar"
v-bind:toolbarShow="toolbar" v-bind:referenceList="DefaultList" v-bind:referenceList="DefaultList"></my-edit>
></my-edit>
</div> </div>
</div> </div>
</div> </div>
...@@ -238,7 +235,8 @@ ...@@ -238,7 +235,8 @@
</div> </div>
</div> </div>
<hotelTrip :dayObj="dayObj" :CurrentIndex="CurrentIndex" :DayList="DayList" :WarmTripDescribe="WarmTripDescribe" <hotelTrip :dayObj="dayObj" :CurrentIndex="CurrentIndex" :DayList="DayList" :WarmTripDescribe="WarmTripDescribe"
:IsDirect="NoticeParameters.IsDirect" :subConfig="subConfig" :TeamType="TeamType" :IsOpenHotel="IsOpenHotel"></hotelTrip> :IsDirect="NoticeParameters.IsDirect" :subConfig="subConfig" :TeamType="TeamType" :IsOpenHotel="IsOpenHotel">
</hotelTrip>
<div class="TD_OperaContent"> <div class="TD_OperaContent">
<div class="TD_ComIcon"> <div class="TD_ComIcon">
<i v-if="!dayObj.isRead" class="iconfont icon-chakan" @click="getRead"></i> <i v-if="!dayObj.isRead" class="iconfont icon-chakan" @click="getRead"></i>
...@@ -271,7 +269,7 @@ ...@@ -271,7 +269,7 @@
import fivedayList from "../TravelTripPreview/fivedayList"; import fivedayList from "../TravelTripPreview/fivedayList";
import trifficTrip from "../travelLineTrip/trifficTrip"; import trifficTrip from "../travelLineTrip/trifficTrip";
import MyEdit from "../../EditTemplate.vue"; import MyEdit from "../../EditTemplate.vue";
import ScenicTraffic from "../travelLineTrip/ScenicTraffic"; import ScenicTraffic from "../travelLineTrip/ScenicTraffic";
export default { export default {
props: [ props: [
...@@ -305,7 +303,7 @@ ...@@ -305,7 +303,7 @@
}, },
toolbar: { toolbar: {
//narrative: true, //叙述, //narrative: true, //叙述,
showToolBar:false showToolBar: false
}, },
DefaultList: [] DefaultList: []
}; };
...@@ -342,7 +340,7 @@ ...@@ -342,7 +340,7 @@
scenic.CouponsId = 0; scenic.CouponsId = 0;
scenic.CouponsName = ""; scenic.CouponsName = "";
scenic.CityId = 0; scenic.CityId = 0;
scenic.DayNum = this.dayObj.DayNum; scenic.DayNum = this.dayObj.DayNum;
scenic.MD5Sign = this.md5(`DayNum=${this.CurrentIndex + 1}&Type=jing&ID=${i}`) scenic.MD5Sign = this.md5(`DayNum=${this.CurrentIndex + 1}&Type=jing&ID=${i}`)
scenic.NewImaArray.push({ scenic.NewImaArray.push({
Url: "", Url: "",
...@@ -359,7 +357,7 @@ ...@@ -359,7 +357,7 @@
this.dayObj.ScenicArray = newArray; this.dayObj.ScenicArray = newArray;
} }
} }
this.dayObj.ScenicArray.forEach(x=>{ this.dayObj.ScenicArray.forEach(x => {
// x.ScenicJson.y=0; // x.ScenicJson.y=0;
}); });
}, },
...@@ -413,8 +411,7 @@ ...@@ -413,8 +411,7 @@
this.QScenicList = res.data.data; this.QScenicList = res.data.data;
} }
}, },
err => { err => {}
}
); );
}, },
getItemLabel(item) { getItemLabel(item) {
...@@ -451,6 +448,30 @@ ...@@ -451,6 +448,30 @@
} }
} }
}, },
//景点左移右移
MoveScenicItem(dayNum, index, type) {
var currentItem = {};
this.subConfig.DayList.forEach(dayItem => {
if (dayItem.DayNum == dayNum) {
currentItem = dayItem;
}
});
if (currentItem && currentItem.ScenicArray && currentItem.ScenicArray.length > 0) {
var cScenicItem = currentItem.ScenicArray[index];
//左移
if (type == 0) {
var leftItem = currentItem.ScenicArray[index - 1];
this.$set(currentItem.ScenicArray, index - 1, cScenicItem);
this.$set(currentItem.ScenicArray, index, leftItem);
}
//右移
else {
var rightItem = currentItem.ScenicArray[index + 1];
this.$set(currentItem.ScenicArray, index + 1, cScenicItem);
this.$set(currentItem.ScenicArray, index, rightItem);
}
}
},
//初始化行程子项的行程天数 //初始化行程子项的行程天数
initDayObjItemDayNum(dayObj) { initDayObjItemDayNum(dayObj) {
dayObj.TitleObj.DayNum = dayObj.DayNum; dayObj.TitleObj.DayNum = dayObj.DayNum;
...@@ -548,13 +569,16 @@ ...@@ -548,13 +569,16 @@
} }
}, },
created() { created() {
this.dayObj.ScenicArray.forEach(x=>{ this.dayObj.ScenicArray.forEach(x => {
// x.ScenicJson = (typeof(x.ScenicJsonStr) === 'string' ? x.ScenicJsonStr : { x:0, y:0 }) // x.ScenicJson = (typeof(x.ScenicJsonStr) === 'string' ? x.ScenicJsonStr : { x:0, y:0 })
let obj = JSON.parse(x.ScenicJsonStr) let obj = JSON.parse(x.ScenicJsonStr)
if (obj) { if (obj) {
x.ScenicJson = obj x.ScenicJson = obj
} else { } else {
x.ScenicJson = { x:0, y:0 } x.ScenicJson = {
x: 0,
y: 0
}
} }
}) })
this.initScenicData(); this.initScenicData();
...@@ -688,8 +712,7 @@ ...@@ -688,8 +712,7 @@
deep: true deep: true
}, },
}, },
mounted() { mounted() {},
},
components: { components: {
onedayList, onedayList,
hotelTrip, hotelTrip,
...@@ -700,7 +723,7 @@ ...@@ -700,7 +723,7 @@
trifficTrip, trifficTrip,
noScenic, noScenic,
"my-edit": MyEdit, "my-edit": MyEdit,
scenicTraffic:ScenicTraffic scenicTraffic: ScenicTraffic
} }
}; };
......
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