Skip to content

S
SuperMan
Commit 7061f027 authored by youjie's avatar youjie
Browse files
Options

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

parents 6e4151df 02b58f70
Show whitespace changes
Inline Side-by-side
Showing with 1281 additions and 1155 deletions
src/components/EducationvideoList.vue
View file @ 7061f027
<template> <template>
<div class="EducationvideoList"> <div class="EducationvideoList">
<!-- <div class="left"> <!-- <div class="left">
...@@ -19,24 +18,28 @@ ...@@ -19,24 +18,28 @@
<div v-loading="loading" class="Content"> <div v-loading="loading" class="Content">
<ul class="videoUl"> <ul class="videoUl">
<li v-for="(item,index) in dataList" :key="index"> <li v-for="(item,index) in dataList" :key="index">
<div :style="{backgroundImage: 'url(' + item.background + ')', backgroundSize:'cover'}" @click.prevent="goUrl('EducationvideoSee',item)" class="imgDiv"> <div :style="{backgroundImage: 'url(' + item.background + ')', backgroundSize:'cover'}"
@click.prevent="goUrl('EducationvideoSee',item)" class="imgDiv">
<!-- <img v-if="item.Cover && item.Cover!=''" :onerror="defaultImg" style="min-height: 199px;width:100%" :src="item.Cover" alt=""> <!-- <img v-if="item.Cover && item.Cover!=''" :onerror="defaultImg" style="min-height: 199px;width:100%" :src="item.Cover" alt="">
<img v-else style="height:199px;width:100%" src="../assets/img/hotel/biefu.png" alt=""> --> <img v-else style="height:199px;width:100%" src="../assets/img/hotel/biefu.png" alt=""> -->
<div class="backDiv"> <div class="backDiv">
<span class="iconfont icon-ico_bofang"></span> <span class="iconfont icon-ico_bofang"></span>
<div class="icon"> <div class="icon">
<el-tooltip class="item" effect="dark" content="编辑" placement="left"> <el-tooltip class="item" effect="dark" content="编辑" placement="left">
<div v-if="item.VideoStatus==2 || item.VideoStatus==3" class="iconDiv" @click.prevent="Edit(item,$event)"> <div v-if="item.VideoStatus==2 || item.VideoStatus==3" class="iconDiv"
@click.prevent="Edit(item,$event)">
<span class="iconfont icon-bianji-smal"></span> <span class="iconfont icon-bianji-smal"></span>
</div> </div>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="left"> <el-tooltip class="item" effect="dark" content="删除" placement="left">
<div class="iconDiv" v-if="item.VideoStatus==2 || item.VideoStatus==3" style="top:35px" @click.prevent="Delete(item,$event)"> <div class="iconDiv" v-if="item.VideoStatus==2 || item.VideoStatus==3" style="top:35px"
@click.prevent="Delete(item,$event)">
<span class="iconfont icon-shanchu"></span> <span class="iconfont icon-shanchu"></span>
</div> </div>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="撤回" placement="left"> <el-tooltip class="item" effect="dark" content="撤回" placement="left">
<div class="iconDiv" v-if="item.VideoStatus!=3" style="top:70px" @click.prevent="Chehui(item,$event)"> <div class="iconDiv" v-if="item.VideoStatus!=3" style="top:70px"
@click.prevent="Chehui(item,$event)">
<span class="iconfont icon-chehui"></span> <span class="iconfont icon-chehui"></span>
</div> </div>
</el-tooltip> </el-tooltip>
...@@ -75,15 +78,13 @@ ...@@ -75,15 +78,13 @@
<!-- <el-pagination background @current-change="handleCurrentChange" <!-- <el-pagination background @current-change="handleCurrentChange"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total='total'> layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total='total'>
</el-pagination> --> </el-pagination> -->
<div v-show="nodata && msg.pageIndex>1" class="wryh" style="text-align:center;padding:15px 0;font-size:12px;color:#aaaaaa">无更多数据</div> <div v-show="nodata && msg.pageIndex>1" class="wryh"
style="text-align:center;padding:15px 0;font-size:12px;color:#aaaaaa">无更多数据</div>
<div style="opacity: 0;" ref="bottomDiv">1111</div> <div style="opacity: 0;" ref="bottomDiv">1111</div>
</div> </div>
</div> </div>
<el-dialog <el-dialog title="上传" :visible.sync="dialogVisible" width="800px">
title="上传"
:visible.sync="dialogVisible"
width="800px">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item style="display:inline-block;" label="标题" prop="Name"> <el-form-item style="display:inline-block;" label="标题" prop="Name">
<el-input style="width:220px" v-model="addMsg.Name"></el-input> <el-input style="width:220px" v-model="addMsg.Name"></el-input>
...@@ -108,7 +109,8 @@ ...@@ -108,7 +109,8 @@
</el-form-item> </el-form-item>
<el-form-item style="display:inline-block" label="线路" prop="LineId"> <el-form-item style="display:inline-block" label="线路" prop="LineId">
<el-select style="width:220px" v-model="addMsg.LineId" placeholder="请选择线路"> <el-select style="width:220px" v-model="addMsg.LineId" placeholder="请选择线路">
<el-option v-for="(item,index) in LineList" :key="index" :label="item.LineName" :value="item.LineID"></el-option> <el-option v-for="(item,index) in LineList" :key="index" :label="item.LineName" :value="item.LineID">
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="视频地址" style="margin-bottom:0px;display:inline-block;"> <el-form-item label="视频地址" style="margin-bottom:0px;display:inline-block;">
...@@ -118,10 +120,8 @@ ...@@ -118,10 +120,8 @@
<span @click="DeleteSrc(2)" class="iconfont icon-bumenguanli-shanchu"></span> <span @click="DeleteSrc(2)" class="iconfont icon-bumenguanli-shanchu"></span>
</div> </div>
</div> </div>
<el-upload v-else style="display:inline-block;" class="EducationvideoListupload" <el-upload v-else style="display:inline-block;" class="EducationvideoListupload" drag
drag :http-request="uploadFileBtn" :multiple="false" :show-file-list="false" action="">
:http-request="uploadFileBtn"
:multiple="false" :show-file-list="false" action="">
<i class="el-icon-plus avatar-uploader-icon"></i> <i class="el-icon-plus avatar-uploader-icon"></i>
<div class="el-upload__text">{{$t("active.ld_djscwj")}}</div> <div class="el-upload__text">{{$t("active.ld_djscwj")}}</div>
</el-upload> </el-upload>
...@@ -139,188 +139,178 @@ ...@@ -139,188 +139,178 @@
</div> </div>
</el-dialog> </el-dialog>
<div class="videoDiv" v-show="videoDivState"> <div class="videoDiv" v-show="videoDivState">
<div style="text-align:right;padding-right:15px;cursor:pointer"><span @click="Setvideo" style="font-size:30px;color:#fff" class="iconfont icon-bumenguanli-shanchu"></span></div> <div style="text-align:right;padding-right:15px;cursor:pointer"><span @click="Setvideo"
<video ref="myVideo" autoplay="autoplay" width="100%" height="90%" :src="thisVideoAddress" controls="controls"></video> style="font-size:30px;color:#fff" class="iconfont icon-bumenguanli-shanchu"></span></div>
<video ref="myVideo" autoplay="autoplay" width="100%" height="90%" :src="thisVideoAddress"
controls="controls"></video>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'Educationvideo', name: 'Educationvideo',
created() { created() {
let userInfo = this.getLocalStorage() let userInfo = this.getLocalStorage()
this.msg.CreateBy=userInfo.EmployeeId this.msg.CreateBy = userInfo.EmployeeId
}, },
data () { data() {
return { return {
scLoad:false, scLoad: false,
videoDivState:false, videoDivState: false,
thisVideoAddress:'', thisVideoAddress: '',
defaultImg: 'this.src="' + require("../assets/img/bg_z1@2x.png") + '"', defaultImg: 'this.src="' + require("../assets/img/bg_z1@2x.png") + '"',
val:'', val: '',
LineList:[], LineList: [],
dialogVisible:false, dialogVisible: false,
dataList:[], dataList: [],
msg:{ msg: {
pageIndex:1, pageIndex: 1,
pageSize:20, pageSize: 20,
Name:'', Name: '',
UserType:1, UserType: 1,
VideoStatus:'', VideoStatus: '',
CreateBy:'', CreateBy: '',
LineId:-1, LineId: -1,
}, },
addMsg:{ addMsg: {
Id:0, Id: 0,
Name:'', Name: '',
Cover:'', Cover: '',
VideoAddress:'', VideoAddress: '',
Label:'', Label: '',
VideoStatus:1, VideoStatus: 1,
LineId:'', LineId: '',
UserType:1, UserType: 1,
}, },
total:0, total: 0,
rules: { rules: {
Name: [ Name: [{
{ required: true, message: '请输入标题', trigger: 'blur' }, required: true,
], message: '请输入标题',
Label: [ trigger: 'blur'
{ required: true, message: '请选择标签', trigger: 'change' } }, ],
], Label: [{
VideoStatus: [ required: true,
{ required: true, message: '请选择状态', trigger: 'change' } message: '请选择标签',
], trigger: 'change'
LineId: [ }],
{ required: true, message: '请选择线路', trigger: 'change' } VideoStatus: [{
], required: true,
message: '请选择状态',
trigger: 'change'
}],
LineId: [{
required: true,
message: '请选择线路',
trigger: 'change'
}],
}, },
loading:false, loading: false,
baseurl:'http://vt-im-bucket.oss-cn-chengdu.aliyuncs.com', baseurl: 'http://vt-im-bucket.oss-cn-chengdu.aliyuncs.com',
windowHeight:0, windowHeight: 0,
nodata:false, nodata: false,
} }
}, },
mounted() { mounted() {
this.getLineList(); this.getLineList();
this.getList(); this.getList();
this.$nextTick(()=>{ this.$nextTick(() => {
window.addEventListener('scroll',this.ScrollTop) window.addEventListener('scroll', this.ScrollTop)
}) })
let h = document.documentElement.clientHeight || document.body.clientHeight; let h = document.documentElement.clientHeight || document.body.clientHeight;
this.windowHeight=h; this.windowHeight = h;
}, },
destroyed(){ destroyed() {
window.removeEventListener('scroll',this.ScrollTop) window.removeEventListener('scroll', this.ScrollTop)
}, },
methods: { methods: {
Search(){ Search() {
this.msg.pageIndex=1; this.msg.pageIndex = 1;
this.nodata=false; this.nodata = false;
this.dataList=[]; this.dataList = [];
this.getList(); this.getList();
}, },
Setvideo(){ Setvideo() {
this.videoDivState=false; this.videoDivState = false;
let myVideo=this.$refs.myVideo; let myVideo = this.$refs.myVideo;
myVideo.pause(); myVideo.pause();
}, },
ScrollTop(){ ScrollTop() {
var that = this; var that = this;
if(that.$refs.bottomDiv.getBoundingClientRect()){ if (that.$refs.bottomDiv.getBoundingClientRect()) {
var bottomDiv = that.$refs.bottomDiv.getBoundingClientRect().top; var bottomDiv = that.$refs.bottomDiv.getBoundingClientRect().top;
if(this.windowHeight-50 < bottomDiv){ if (this.windowHeight - 50 < bottomDiv) {
this.handleCurrentChange(); this.handleCurrentChange();
} }
} }
}, },
DeleteSrc(num){ DeleteSrc(num) {
if(num==1){ if (num == 1) {
this.addMsg.Cover=''; this.addMsg.Cover = '';
}else{ } else {
this.addMsg.VideoAddress=''; this.addMsg.VideoAddress = '';
} }
}, },
addList(){ addList() {
this.dialogVisible=true; this.dialogVisible = true;
this.addMsg={ this.addMsg = {
Id:0, Id: 0,
Name:'', Name: '',
Cover:'', Cover: '',
VideoAddress:'', VideoAddress: '',
Label:'', Label: '',
VideoStatus:1, VideoStatus: 1,
LineId:'', LineId: '',
UserType:1, UserType: 1,
} }
}, },
// uploadFileBtn1(file) {
// let typeArr=[
// {stringArr:'GIF|JPG|JPEG|PNG|BMP',type:3},
// ]
// let ft=file.file.name.substring(file.file.name.lastIndexOf('.')+1,file.file.name.length).toUpperCase();
// let typeOk = false;
// typeArr.forEach(x => {
// if (x.stringArr.indexOf(ft) != "-1") {
// typeOk = true;
// }
// });
// if (!typeOk) return this.$message.error(this.$t('tips.qsctpian'));
// let newArr = [];
// newArr.push(file.file);
// let path = "/Sale/Uploadvideo/";
// this.uploadFile(path, newArr, x => {
// this.addMsg.Cover=x.res.requestUrls[0];
// });
// },
uploadFileBtn(file) { uploadFileBtn(file) {
if (['video/mp4', 'video/ogg','video/webm','video/avi', 'video/wmv', 'video/rmvb', 'video/mov'].indexOf(file.file.type) == -1) { if (['video/mp4', 'video/ogg', 'video/webm', 'video/avi', 'video/wmv', 'video/rmvb', 'video/mov'].indexOf(file
.file.type) == -1) {
this.Error("请上传正确的视频格式"); this.Error("请上传正确的视频格式");
return; return;
} }
let newArr = []; let newArr = [];
newArr.push(file.file); newArr.push(file.file);
let path = "/Sale/Uploadvideo/"; let path = "/Sale/Uploadvideo/";
this.scLoad=true; this.scLoad = true;
this.uploadFile(path, newArr, x => { this.uploadFile(path, newArr, x => {
this.scLoad=false; this.scLoad = false;
this.addMsg.VideoAddress=this.baseurl+x.name; this.addMsg.VideoAddress = this.baseurl + x.name;
let lastUrl="?x-oss-process=video/snapshot,t_9,f_jpg,w_299,h_0,m_fast"; let lastUrl = "?x-oss-process=video/snapshot,t_9,f_jpg,w_299,h_0,m_fast";
this.addMsg.Cover=this.addMsg.VideoAddress+lastUrl; this.addMsg.Cover = this.addMsg.VideoAddress + lastUrl;
}); });
}, },
handleCurrentChange() { handleCurrentChange() {
this.msg.pageIndex = this.msg.pageIndex +1; this.msg.pageIndex = this.msg.pageIndex + 1;
this.getList(); this.getList();
}, },
//获取列表 //获取列表
getList() { getList() {
if(this.nodata){ if (this.nodata) {
return; return;
} }
this.loading=true; this.loading = true;
this.apipost( this.apipost(
"Video_get_GetPCVideoPageList",this.msg, "Video_get_GetPCVideoPageList", this.msg,
res => { res => {
this.loading=false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let data= res.data.data.pageData; let data = res.data.data.pageData;
if(data.length==0 && this.msg.pageIndex>1){ if (data.length == 0 && this.msg.pageIndex > 1) {
this.nodata=true; this.nodata = true;
} } else {
else{ data.forEach(item => {
data.forEach(item=>{ let lastUrl = "?x-oss-process=video/snapshot,t_9,f_jpg,w_299,h_0,m_fast";
let lastUrl="?x-oss-process=video/snapshot,t_9,f_jpg,w_299,h_0,m_fast"; item.background = item.VideoAddress + lastUrl;
item.background=item.VideoAddress+lastUrl;
}) })
this.dataList = this.dataList.concat(data) this.dataList = this.dataList.concat(data)
} }
...@@ -329,7 +319,7 @@ export default { ...@@ -329,7 +319,7 @@ export default {
} }
); );
}, },
Chehui(item,e){ Chehui(item, e) {
e.stopPropagation() e.stopPropagation()
this.$confirm("是否撤回?", "提示", { this.$confirm("是否撤回?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
...@@ -337,14 +327,16 @@ export default { ...@@ -337,14 +327,16 @@ export default {
type: "warning" type: "warning"
}) })
.then(() => { .then(() => {
this.apipost('Video_post_CancelVidelInfo', {VideoId:item.Id}, res => { this.apipost('Video_post_CancelVidelInfo', {
VideoId: item.Id
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message) this.Success(res.data.message)
this.dataList=[]; this.dataList = [];
this.msg.pageIndex=1; this.msg.pageIndex = 1;
this.nodata=false; this.nodata = false;
this.getList() this.getList()
}else{ } else {
this.Error(res.data.message) this.Error(res.data.message)
} }
...@@ -352,7 +344,7 @@ export default { ...@@ -352,7 +344,7 @@ export default {
}) })
.catch(() => {}); .catch(() => {});
}, },
Delete(item,e){ Delete(item, e) {
e.stopPropagation() e.stopPropagation()
this.$confirm("是否删除? 删除后不可恢复", "提示", { this.$confirm("是否删除? 删除后不可恢复", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
...@@ -360,14 +352,16 @@ export default { ...@@ -360,14 +352,16 @@ export default {
type: "warning" type: "warning"
}) })
.then(() => { .then(() => {
this.apipost('Video_post_DelVidelInfo', {VideoId:item.Id}, res => { this.apipost('Video_post_DelVidelInfo', {
VideoId: item.Id
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message) this.Success(res.data.message)
this.dataList=[]; this.dataList = [];
this.msg.pageIndex=1; this.msg.pageIndex = 1;
this.nodata=false; this.nodata = false;
this.getList() this.getList()
}else{ } else {
this.Error(res.data.message) this.Error(res.data.message)
} }
...@@ -378,80 +372,79 @@ export default { ...@@ -378,80 +372,79 @@ export default {
submitForm(formName) { submitForm(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
if(this.scLoad){ if (this.scLoad) {
this.Error("上传中，请稍候...") this.Error("上传中，请稍候...")
return; return;
} }
let Label=this.addMsg.Label; let Label = this.addMsg.Label;
if (['酒店','景点','餐食','交通','专辑','其他'].indexOf(Label) == -1) { if (['酒店', '景点', '餐食', '交通', '专辑', '其他'].indexOf(Label) == -1) {
this.Error("请选择正确的标签！"); this.Error("请选择正确的标签！");
return; return;
} }
if(this.addMsg.VideoAddress==''){ if (this.addMsg.VideoAddress == '') {
this.Error("请上传视频！"); this.Error("请上传视频！");
return; return;
} }
this.apipost('Video_post_SetPCVideoInfo', this.addMsg, res => { this.apipost('Video_post_SetPCVideoInfo', this.addMsg, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message) this.Success(res.data.message)
this.dialogVisible=false; this.dialogVisible = false;
this.dataList=[]; this.dataList = [];
this.msg.pageIndex=1; this.msg.pageIndex = 1;
this.nodata=false; this.nodata = false;
this.getList() this.getList()
}else{ } else {
this.Error(res.data.message) this.Error(res.data.message)
} }
}) })
} else { } else {}
}
}); });
}, },
Edit(item,e){ Edit(item, e) {
e.stopPropagation() e.stopPropagation()
this.addMsg.Cover=item.Cover; this.addMsg.Cover = item.Cover;
this.addMsg.Id=item.Id; this.addMsg.Id = item.Id;
this.addMsg.LineId=item.LineId; this.addMsg.LineId = item.LineId;
this.addMsg.Name=item.Name; this.addMsg.Name = item.Name;
this.addMsg.VideoAddress=item.VideoAddress; this.addMsg.VideoAddress = item.VideoAddress;
this.addMsg.VideoStatus=item.VideoStatus; this.addMsg.VideoStatus = item.VideoStatus;
this.addMsg.Label=item.Label; this.addMsg.Label = item.Label;
this.dialogVisible=true; this.dialogVisible = true;
}, },
goUrlHome(){ goUrlHome() {
this.$router.push({ this.$router.push({
name:'Educationvideo', name: 'Educationvideo',
query: { query: {
blank: "y" blank: "y"
} }
}); });
}, },
goUrl(path,item){ goUrl(path, item) {
let that=this; let that = this;
this.videoDivState=true; this.videoDivState = true;
this.thisVideoAddress=item.VideoAddress; this.thisVideoAddress = item.VideoAddress;
this.AddList(item.Id) this.AddList(item.Id)
let myVideo=this.$refs.myVideo; let myVideo = this.$refs.myVideo;
myVideo.play(); myVideo.play();
if(!item.VideoWH || item.VideoWH==''){ if (!item.VideoWH || item.VideoWH == '') {
myVideo.addEventListener('canplay', function () { myVideo.addEventListener('canplay', function () {
let VideoWH=this.videoWidth+','+this.videoHeight; let VideoWH = this.videoWidth + ',' + this.videoHeight;
that.AddWidthHeight(VideoWH,item.Id) that.AddWidthHeight(VideoWH, item.Id)
}); });
} }
}, },
AddWidthHeight(VideoWH,id) { AddWidthHeight(VideoWH, id) {
let msg={ let msg = {
Id:id, Id: id,
VideoWH:VideoWH VideoWH: VideoWH
} }
this.apipost( this.apipost(
"Video_set_SetPCVideoWHInfo",msg, "Video_set_SetPCVideoWHInfo", msg,
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -462,7 +455,9 @@ export default { ...@@ -462,7 +455,9 @@ export default {
}, },
AddList(id) { AddList(id) {
this.apipost( this.apipost(
"Video_post_SetVideoWatch",{VideoId:id}, "Video_post_SetVideoWatch", {
VideoId: id
},
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -484,180 +479,217 @@ export default { ...@@ -484,180 +479,217 @@ export default {
}, },
}, },
} }
</script> </script>
<style> <style>
.EducationvideoList .el-loading-spinner .circular{ .EducationvideoList .el-loading-spinner .circular {
width:20px!important; width: 20px !important;
height:20px!important; height: 20px !important;
} }
.EducationvideoList .el-loading-mask{
background-color: rgba(255,255,255,.1)!important; .EducationvideoList .el-loading-mask {
} background-color: rgba(255, 255, 255, .1) !important;
.text1{ }
.text1 {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
height:20px; height: 20px;
} }
.EducationvideoList .el-upload-dragger .el-upload__text{
.EducationvideoList .el-upload-dragger .el-upload__text {
font-family: '微软雅黑'; font-family: '微软雅黑';
font-size: 12px; font-size: 12px;
} }
.EducationvideoList .el-form-item__label{
.EducationvideoList .el-form-item__label {
font-family: '微软雅黑'; font-family: '微软雅黑';
font-size: 12px; font-size: 12px;
} }
.wryh{
.wryh {
font-family: '微软雅黑' font-family: '微软雅黑'
} }
.EducationvideoList .right .Content .videoUl li .backDiv{
.EducationvideoList .right .Content .videoUl li .backDiv {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0,0,0,0.3); background: rgba(0, 0, 0, 0.3);
top: 0; top: 0;
} }
.EducationvideoList .right .Content .videoUl li .imgDiv .icon-ico_bofang{ .EducationvideoList .right .Content .videoUl li .imgDiv .icon-ico_bofang {
position: absolute; position: absolute;
font-size: 36px; font-size: 36px;
color:#fff; color: #fff;
} }
.videoDiv{
.videoDiv {
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 999999999; z-index: 999999999;
background: #000; background: #000;
} }
.EducationvideoList .contentDiv img{
width:35px;height:35px;border-radius:50%; .EducationvideoList .contentDiv img {
width: 35px;
height: 35px;
border-radius: 50%;
position: absolute; position: absolute;
} }
.EducationvideoList .contentDiv .DesDiv{
.EducationvideoList .contentDiv .DesDiv {
padding-left: 45px; padding-left: 45px;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
} }
.EducationvideoList .contentDiv{
.EducationvideoList .contentDiv {
position: relative; position: relative;
margin-top:5px; margin-top: 5px;
} }
.EducationvideoList .bold{
.EducationvideoList .bold {
font-family: "pingfangR" font-family: "pingfangR"
} }
.EducationvideoList .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #f56c6c!important; .EducationvideoList .el-pagination.is-background .el-pager li:not(.disabled).active {
} background-color: #f56c6c !important;
.EducationvideoList .deleteDiv:hover .iconfontDiv{ }
.EducationvideoList .deleteDiv:hover .iconfontDiv {
display: block; display: block;
} }
.EducationvideoList .deleteDiv .iconfontDiv{
.EducationvideoList .deleteDiv .iconfontDiv {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
width:160px;height:120px; width: 160px;
background: rgba(0,0,0,0.5); height: 120px;
background: rgba(0, 0, 0, 0.5);
text-align: center; text-align: center;
padding-top: 42px; padding-top: 42px;
display: none; display: none;
z-index:100; z-index: 100;
} }
.EducationvideoList .deleteDiv .iconfontDiv .icon-bumenguanli-shanchu{
.EducationvideoList .deleteDiv .iconfontDiv .icon-bumenguanli-shanchu {
color:#f56c6c; color: #f56c6c;
font-size: 24px; font-size: 24px;
} }
.EducationvideoList .shipinDiv .icon-shipin{
.EducationvideoList .shipinDiv .icon-shipin {
font-size: 95px; font-size: 95px;
position: relative; position: relative;
top: -20px; top: -20px;
} }
.EducationvideoList .shipinDiv{
.EducationvideoList .shipinDiv {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
width:160px;height:160px; width: 160px;
height: 160px;
justify-content: center; justify-content: center;
position: relative; position: relative;
} }
.EducationvideoList .right .Content .circle{
.EducationvideoList .right .Content .circle {
display: inline-block; display: inline-block;
width: 3px; width: 3px;
height:3px; height: 3px;
background: #666666; background: #666666;
border-radius: 50%; border-radius: 50%;
} }
.EducationvideoListupload .el-upload .el-upload-dragger{
width: 160px!important; .EducationvideoListupload .el-upload .el-upload-dragger {
height: 115px!important; width: 160px !important;
} height: 115px !important;
.EducationvideoList .right .Content .videoUl li .imgDiv:hover .icon{ }
.EducationvideoList .right .Content .videoUl li .imgDiv:hover .icon {
display: block; display: block;
} }
.EducationvideoList .right .Content .videoUl li .imgDiv .icon{
.EducationvideoList .right .Content .videoUl li .imgDiv .icon {
position: absolute; position: absolute;
right: 3px; right: 3px;
top: 3px; top: 3px;
display: none; display: none;
} }
.EducationvideoList .right .Content .videoUl li .imgDiv .iconDiv{
.EducationvideoList .right .Content .videoUl li .imgDiv .iconDiv {
padding: 2px 6px; padding: 2px 6px;
background: #000; background: #000;
margin-top: 5px; margin-top: 5px;
} }
.EducationvideoList .right .Content .videoUl li .imgDiv .icon .iconfont{
color:#fff; .EducationvideoList .right .Content .videoUl li .imgDiv .icon .iconfont {
} color: #fff;
.EducationvideoList .right .Content .videoUl li .imgDiv{ }
.EducationvideoList .right .Content .videoUl li .imgDiv {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
height:199px; height: 199px;
overflow:hidden; overflow: hidden;
} }
.EducationvideoList .right .Content .videoUl li p{
.EducationvideoList .right .Content .videoUl li p {
font-size: 12px; font-size: 12px;
padding-left:6px; padding-left: 6px;
box-sizing: border-box; box-sizing: border-box;
} }
.EducationvideoList .right .Content .videoUl li{
.EducationvideoList .right .Content .videoUl li {
display: inline-block; display: inline-block;
width: 300px; width: 300px;
padding: 5px; padding: 5px;
box-sizing: border-box; box-sizing: border-box;
margin-bottom:15px; margin-bottom: 15px;
} }
.EducationvideoList .right .Content{
padding:15px 15px 10px 15px; .EducationvideoList .right .Content {
padding: 15px 15px 10px 15px;
box-sizing: border-box; box-sizing: border-box;
} }
*{
margin:0; * {
margin: 0;
padding: 0; padding: 0;
} }
.EducationvideoList .left .lineUl li:hover{
.EducationvideoList .left .lineUl li:hover {
background: #f5f5f5; background: #f5f5f5;
} }
.EducationvideoList .left .lineUl li{
padding:10px 35px; .EducationvideoList .left .lineUl li {
padding: 10px 35px;
box-sizing: border-box; box-sizing: border-box;
font-size: 14px; font-size: 14px;
} }
li{
li {
list-style: none; list-style: none;
} }
.EducationvideoList .right .search{
.EducationvideoList .right .search {
padding: 15px 0; padding: 15px 0;
padding-left: 50px; padding-left: 50px;
box-sizing: border-box; box-sizing: border-box;
...@@ -668,19 +700,22 @@ li{ ...@@ -668,19 +700,22 @@ li{
/* left: 240px; */ /* left: 240px; */
} }
.EducationvideoList{
.EducationvideoList {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
background: #f5f5f5; background: #f5f5f5;
} }
.EducationvideoList .left{
.EducationvideoList .left {
position: fixed; position: fixed;
min-height: 100%; min-height: 100%;
width: 240px; width: 240px;
z-index: 100; z-index: 100;
background: #fff; background: #fff;
} }
.EducationvideoList .right{
.EducationvideoList .right {
background: #f5f5f5; background: #f5f5f5;
/* padding-left: 250px; */ /* padding-left: 250px; */
box-sizing: border-box; box-sizing: border-box;
......
src/components/newTravelmanager/travelLineTrip/components/travelDays.vue
View file @ 7061f027
<template> <template>
<div style="height: 100%;overflow: hidden;" v-if="RenderingOk"> <div style="height: 100%;overflow: hidden;" v-if="RenderingOk">
<div class="UpgradedVersion-box2 UpgradedVersion-homebj relative" style="zoom: 0.44;" <div class="UpgradedVersion-box2 UpgradedVersion-homebj relative" style="zoom: 0.44;">
>
<div class=" z-index1" style="left: 0;right: 0; top: 0;bottom: 0;"> <div class=" z-index1" style="left: 0;right: 0; top: 0;bottom: 0;">
<div style="padding: 10px 0;"></div> <div style="padding: 10px 0;"></div>
<div :id="'LineOfTravel'+(item*4)+'_0'+index"> <div :id="'LineOfTravel'+(item*4)+'_0'+index">
...@@ -35,17 +34,20 @@ ...@@ -35,17 +34,20 @@
||((item.TitleObj.ShowTripType==1||item.TitleObj.ShowTripType==0)&& ||((item.TitleObj.ShowTripType==1||item.TitleObj.ShowTripType==0)&&
(item.ScenicArray.length>0||item.ScenicArray.length==0))"> (item.ScenicArray.length>0||item.ScenicArray.length==0))">
<div class="column travelDaysMasterMap2-box" style="padding: 45px 32px 41px 32px;"> <div class="column travelDaysMasterMap2-box" style="padding: 45px 32px 41px 32px;">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative borderRadius18 hidden" style="margin-top: 0;"> <div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative borderRadius18 hidden"
style="margin-top: 0;">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
:x="1059" :y="632"></FeatureControls> @toSelectImg="SelectImg(0)" :x="1059" :y="632"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic"> <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
</div> @change="uploadpic">
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="1059" :h="632" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" <VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1059"
:h="632" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)" :active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
...@@ -56,17 +58,19 @@ ...@@ -56,17 +58,19 @@
:id="'viewSpotImg_'+(item*4)+'_0'+index"> :id="'viewSpotImg_'+(item*4)+'_0'+index">
</template> </template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute" <img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- :style="{'min-height': item.WarmTipObj.Description?'210px':'310px'}" --> <!-- :style="{'min-height': item.WarmTipObj.Description?'210px':'310px'}" -->
<div class="travelDaysContent" > <div class="travelDaysContent">
<template v-if="item.ScenicArray.length>0"> <template v-if="item.ScenicArray.length>0">
<div class="travelDaysContent-text" v-for="(jindian,j) in item.ScenicArray" :key="j"> <div class="travelDaysContent-text" v-for="(jindian,j) in item.ScenicArray" :key="j">
<span class="textBold"> <span class="textBold">
...@@ -95,32 +99,38 @@ ...@@ -95,32 +99,38 @@
<!-- 2张 --> <!-- 2张 -->
<div v-if="item.ScenicArray.length==2"> <div v-if="item.ScenicArray.length==2">
<div class="MB25"> <div class="MB25">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_0'+index"
class="travelDaysMasterMap2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
:x="1060" :y="583"></FeatureControls> @toSelectImg="SelectImg(0)" :x="1060" :y="583"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic"> <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
</div> @change="uploadpic">
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="1060" :h="583" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" <VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1060"
:h="583" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)" :active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0"> <template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index"> :id="'viewSpotImg_'+(item*4)+'_0'+index">
</template> </template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100" <img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -133,31 +143,36 @@ ...@@ -133,31 +143,36 @@
</div> </div>
<div class="row" v-if="ScenicArrayList.length>1"> <div class="row" v-if="ScenicArrayList.length>1">
<div class="flexS"> <div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap2_2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_1'+index"
class="travelDaysMasterMap2_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
:x="524" :y="250"></FeatureControls> @toSelectImg="SelectImg(1)" :x="524" :y="250"></FeatureControls>
</div> </div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" <VueDraggableResizable
:w="524" :h="250" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="524"
:h="250" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1"> <template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index"> :id="'viewSpotImg_'+(item*4)+'_1'+index">
</template> </template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100" <img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -177,32 +192,37 @@ ...@@ -177,32 +192,37 @@
<div v-if="item.ScenicArray.length==3"> <div v-if="item.ScenicArray.length==3">
<div class="row MB32"> <div class="row MB32">
<div class="flexS"> <div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap3_1 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_0'+index"
class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
:x="517" :y="280"></FeatureControls> @toSelectImg="SelectImg(0)" :x="517" :y="280"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic"> <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
</div> @change="uploadpic">
<VueDraggableResizable v-if="item.ScenicArray.length==3" </div>
:w="517" :h="280" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" <VueDraggableResizable v-if="item.ScenicArray.length==3" :w="517" :h="280"
:ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0"> <template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index"> :id="'viewSpotImg_'+(item*4)+'_0'+index">
</template> </template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100" <img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -226,31 +246,36 @@ ...@@ -226,31 +246,36 @@
</template> </template>
</div> </div>
<div class="ML26 flexS"> <div class="ML26 flexS">
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap3_1 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_1'+index"
class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
:x="517" :y="280"></FeatureControls> @toSelectImg="SelectImg(1)" :x="517" :y="280"></FeatureControls>
</div> </div>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" <VueDraggableResizable
:w="517" :h="280" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1"> <template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index"> :id="'viewSpotImg_'+(item*4)+'_1'+index">
</template> </template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100" <img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -258,31 +283,36 @@ ...@@ -258,31 +283,36 @@
</div> </div>
<div class="row"> <div class="row">
<div class="flexS"> <div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_2'+index" class="travelDaysMasterMap3_1 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_2'+index"
class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)"
:x="517" :y="280"></FeatureControls> @toSelectImg="SelectImg(2)" :x="517" :y="280"></FeatureControls>
</div> </div>
<VueDraggableResizable v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" <VueDraggableResizable
:w="517" :h="280" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false" v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(2)" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>2"> <template v-if="ScenicArrayList&&ScenicArrayList.length>2">
<img v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_2'+index"> :id="'viewSpotImg_'+(item*4)+'_2'+index">
</template> </template>
<img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2" class="absolute img100" <img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -301,32 +331,38 @@ ...@@ -301,32 +331,38 @@
<template v-if="item.ScenicArray.length==4"> <template v-if="item.ScenicArray.length==4">
<div class="row"> <div class="row">
<div class="flexS"> <div class="flexS">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap4_1 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_0'+index"
class="travelDaysMasterMap4_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
:x="696" :y="449"></FeatureControls> @toSelectImg="SelectImg(0)" :x="696" :y="449"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic"> <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
</div> @change="uploadpic">
<VueDraggableResizable v-if="item.ScenicArray.length==4" </div>
:h="449" :w="696" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" <VueDraggableResizable v-if="item.ScenicArray.length==4" :h="449" :w="696"
:ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" parent=".travelDaysMasterMap4_1" axis="y" @activated="onActivated(0)" :active="false" parent=".travelDaysMasterMap4_1" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop" :min-width="696"> :z="2" @dragstop="onViewSpotDragstop" :min-width="696">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0"> <template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100 borderRadius18" :src="ScenicArrayList[0].NewImaArray[0].Url" class="absolute img100 borderRadius18" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index"> :id="'viewSpotImg_'+(item*4)+'_0'+index">
</template> </template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100 borderRadius18" <img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index"> class="absolute img100 borderRadius18"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100 borderRadius18" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100 borderRadius18"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -343,38 +379,45 @@ ...@@ -343,38 +379,45 @@
<div class="row-sb" style="margin-top: 32px;"> <div class="row-sb" style="margin-top: 32px;">
<div class="flex1 column"> <div class="flex1 column">
<div> <div>
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_1'+index"
class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
:x="331" :y="214"></FeatureControls> @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :x="331" :y="214">
</div> </FeatureControls>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false" <VueDraggableResizable
:active="false" :parent="false" axis="y" @activated="onActivated(1)" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1"> <template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index"> :id="'viewSpotImg_'+(item*4)+'_1'+index">
</template> </template>
<img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1" class="absolute img100" <img v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index"> class="absolute img100" :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="MT28 width331"> <div class="MT28 width331">
<template v-if="item.ScenicArray.length>1"> <template v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">{{item.ScenicArray[1].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div> </div>
...@@ -383,38 +426,45 @@ ...@@ -383,38 +426,45 @@
</div> </div>
<div class="flex1 column ML33 MR33"> <div class="flex1 column ML33 MR33">
<div> <div>
<div :id="'viewSpotBox_'+(item*4)+'_2'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_2'+index"
class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
:x="331" :y="214"></FeatureControls> @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="331" :y="214">
</div> </FeatureControls>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false" <VueDraggableResizable
:active="false" :parent="false" axis="y" @activated="onActivated(2)" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>2"> <template v-if="ScenicArrayList&&ScenicArrayList.length>2">
<img v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_2'+index"> :id="'viewSpotImg_'+(item*4)+'_2'+index">
</template> </template>
<img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2" class="absolute img100" <img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index"> class="absolute img100" :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>2"> <template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">{{item.ScenicArray[2].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div> </div>
...@@ -423,38 +473,45 @@ ...@@ -423,38 +473,45 @@
</div> </div>
<div class="flex1 column"> <div class="flex1 column">
<div> <div>
<div :id="'viewSpotBox_'+(item*4)+'_3'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_3'+index"
class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
:x="331" :y="214"></FeatureControls> @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="331" :y="214">
</div> </FeatureControls>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0" :resizable="false" <VueDraggableResizable
:active="false" :parent="false" axis="y" @activated="onActivated(3)" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>3"> <template v-if="ScenicArrayList&&ScenicArrayList.length>3">
<img v-if="!ScenicArrayList[3].NewImaArray[0].FileType&&ScenicArrayList[3].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[3].NewImaArray[0].FileType&&ScenicArrayList[3].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[3].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[3].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_3'+index"> :id="'viewSpotImg_'+(item*4)+'_3'+index">
</template> </template>
<img v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3" class="absolute img100" <img v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index"> class="absolute img100" :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>3"> <template v-if="item.ScenicArray.length>3">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">{{item.ScenicArray[3].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[3].CouponsName}}</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
</div> </div>
...@@ -467,32 +524,38 @@ ...@@ -467,32 +524,38 @@
<div v-if="item.ScenicArray.length==5||item.ScenicArray.length>5"> <div v-if="item.ScenicArray.length==5||item.ScenicArray.length>5">
<div class="row-sb MB31"> <div class="row-sb MB31">
<div class=""> <div class="">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap5_1 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_0'+index"
class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)" @toSelectImg="SelectImg(0)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
:x="514" :y="291"></FeatureControls> @toSelectImg="SelectImg(0)" :x="514" :y="291"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index" @change="uploadpic"> <input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
</div> @change="uploadpic">
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="514" :h="291" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false" <VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="514"
:h="291" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)" :active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>0"> <template v-if="ScenicArrayList&&ScenicArrayList.length>0">
<img v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[0].NewImaArray[0].FileType&&ScenicArrayList[0].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[0].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_0'+index"> :id="'viewSpotImg_'+(item*4)+'_0'+index">
</template> </template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100" <img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_0'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_0'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -504,31 +567,36 @@ ...@@ -504,31 +567,36 @@
</div> </div>
</div> </div>
<div class="ML33"> <div class="ML33">
<div :id="'viewSpotBox_'+(item*4)+'_1'+index" class="travelDaysMasterMap5_1 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_1'+index"
class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
:x="514" :y="291"></FeatureControls> @toSelectImg="SelectImg(1)" :x="514" :y="291"></FeatureControls>
</div> </div>
<VueDraggableResizable v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" <VueDraggableResizable
:w="514" :h="291" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false" v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="514"
:h="291" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>1"> <template v-if="ScenicArrayList&&ScenicArrayList.length>1">
<img v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[1].NewImaArray[0].FileType&&ScenicArrayList[1].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[1].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_1'+index"> :id="'viewSpotImg_'+(item*4)+'_1'+index">
</template> </template>
<img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100" <img v-if="ScenicArrayList.length==0&&item.ScenicArray.length==0" class="absolute img100"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_1'+index"> :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_1'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==1&&item.ScenicArray.length==1&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
...@@ -543,38 +611,45 @@ ...@@ -543,38 +611,45 @@
<div class="row-sb"> <div class="row-sb">
<div class="column"> <div class="column">
<div> <div>
<div :id="'viewSpotBox_'+(item*4)+'_2'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_2'+index"
class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
:x="331" :y="214"></FeatureControls> @toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="331" :y="214">
</div> </FeatureControls>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false" <VueDraggableResizable
:active="false" :parent="false" axis="y" @activated="onActivated(2)" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>2"> <template v-if="ScenicArrayList&&ScenicArrayList.length>2">
<img v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[2].NewImaArray[0].FileType&&ScenicArrayList[2].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[2].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_2'+index"> :id="'viewSpotImg_'+(item*4)+'_2'+index">
</template> </template>
<img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2" class="absolute img100" <img v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index"> class="absolute img100" :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==2&&item.ScenicArray.length==2&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>2"> <template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div> </div>
...@@ -583,38 +658,45 @@ ...@@ -583,38 +658,45 @@
</div> </div>
<div class="column ML33 MR33"> <div class="column ML33 MR33">
<div> <div>
<div :id="'viewSpotBox_'+(item*4)+'_3'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_3'+index"
class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
:x="331" :y="214"></FeatureControls> @toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="331" :y="214">
</div> </FeatureControls>
<VueDraggableResizable v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0" :resizable="false" <VueDraggableResizable
:active="false" :parent="false" axis="y" @activated="onActivated(3)" v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>3"> <template v-if="ScenicArrayList&&ScenicArrayList.length>3">
<img v-if="!ScenicArrayList[3].NewImaArray[0].FileType&&ScenicArrayList[3].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[3].NewImaArray[0].FileType&&ScenicArrayList[3].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[3].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[3].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_3'+index"> :id="'viewSpotImg_'+(item*4)+'_3'+index">
</template> </template>
<img v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3" class="absolute img100" <img v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_2'+index"> class="absolute img100" :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_2'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==3&&item.ScenicArray.length==3&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="MT28"> <div class="MT28">
<template v-if="item.ScenicArray.length>3"> <template v-if="item.ScenicArray.length>3">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[3].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[3].CouponsName}}
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
</div> </div>
...@@ -623,38 +705,45 @@ ...@@ -623,38 +705,45 @@
</div> </div>
<div class="column"> <div class="column">
<div> <div>
<div :id="'viewSpotBox_'+(item*4)+'_4'+index" class="travelDaysMasterMap4_2 hidden relative borderRadius18"> <div :id="'viewSpotBox_'+(item*4)+'_4'+index"
class="travelDaysMasterMap4_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}"> <div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover"> <div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2"> <div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false" <FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)" :isTemplate="false" :isUploadImg="true" :isSelectImg="true"
:x="331" :y="214"></FeatureControls> @toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)" :x="331" :y="214">
</div> </FeatureControls>
<VueDraggableResizable v-if="item.ScenicArray.length>4||item.TrafficObj.trafficIntroduce.IntroduceImage" </div>
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_4'+index" tabindex="0" :resizable="false" <VueDraggableResizable
:active="false" :parent="false" axis="y" @activated="onActivated(4)" v-if="item.ScenicArray.length>4||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="331" :h="214" :ref="'viewSpotVds_' + item * 4 + '_4'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(4)"
:x="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.x:item.TrafficObj.trafficIntroduce.x" :x="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.y:item.TrafficObj.trafficIntroduce.y" :y="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
:z="2" @dragstop="onViewSpotDragstop"> :z="2" @dragstop="onViewSpotDragstop">
<template v-if="ScenicArrayList&&ScenicArrayList.length>4"> <template v-if="ScenicArrayList&&ScenicArrayList.length>4">
<img v-if="!ScenicArrayList[4].NewImaArray[0].FileType&&ScenicArrayList[4].NewImaArray[0].Url" <img
v-if="!ScenicArrayList[4].NewImaArray[0].FileType&&ScenicArrayList[4].NewImaArray[0].Url"
class="absolute img100" :src="ScenicArrayList[4].NewImaArray[0].Url" class="absolute img100" :src="ScenicArrayList[4].NewImaArray[0].Url"
:id="'viewSpotImg_'+(item*4)+'_4'+index"> :id="'viewSpotImg_'+(item*4)+'_4'+index">
</template> </template>
<img v-if="ScenicArrayList.length==4&&item.ScenicArray.length==4" class="absolute img100" <img v-if="ScenicArrayList.length==4&&item.ScenicArray.length==4"
:src="item.TrafficObj.trafficIntroduce.IntroduceImage" :id="'viewSpotImg_'+(item*4)+'_4'+index"> class="absolute img100" :src="item.TrafficObj.trafficIntroduce.IntroduceImage"
:id="'viewSpotImg_'+(item*4)+'_4'+index">
</VueDraggableResizable> </VueDraggableResizable>
<img <img
v-if="ScenicArrayList.length==4&&item.ScenicArray.length==4&&!item.TrafficObj.trafficIntroduce.IntroduceImage" v-if="ScenicArrayList.length==4&&item.ScenicArray.length==4&&!item.TrafficObj.trafficIntroduce.IntroduceImage"
class="absolute img100" :src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'"> class="absolute img100"
:src="domainManager().ViittoFileUrl+'/Upload/DefalutImage/DMC/defaultairline.png'">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="MT28 width331"> <div class="MT28 width331">
<template v-if="item.ScenicArray.length>4"> <template v-if="item.ScenicArray.length>4">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[4].CouponsName}}</div> <div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[4].CouponsName}}
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI"> <div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].Description"></vEditSpan> <vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].Description"></vEditSpan>
</div> </div>
...@@ -667,7 +756,8 @@ ...@@ -667,7 +756,8 @@
</template> </template>
<div class="travelDaysdetails-tsTextBox" <div class="travelDaysdetails-tsTextBox"
v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0"> v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0">
<div :id="'WarmTip_'+index" class="travelDaysdetails-tsText row relative" :style="{'background':'#EFECEC'}"> <div :id="'WarmTip_'+index" class="travelDaysdetails-tsText row relative"
:style="{'background':'#EFECEC'}">
<span class='travelDaysdetails-text0 absolute' style='line-height:25px;top: 15px;'>温馨提示：</span> <span class='travelDaysdetails-text0 absolute' style='line-height:25px;top: 15px;'>温馨提示：</span>
<div v-html="item.WarmTipObj.Description" class="travelDaysdetails-text0-r"></div> <div v-html="item.WarmTipObj.Description" class="travelDaysdetails-text0-r"></div>
</div> </div>
...@@ -694,7 +784,8 @@ ...@@ -694,7 +784,8 @@
</div> </div>
<div class="travelDaysdetails-text row"> <div class="travelDaysdetails-text row">
<span class="travelDaysdetails-text0">晚餐：</span> <span class="travelDaysdetails-text0">晚餐：</span>
<div class="travelDaysdetails-textC"> <template v-if="item&&item.DinnerArray&&item.DinnerArray.length>2"> <div class="travelDaysdetails-textC"> <template
v-if="item&&item.DinnerArray&&item.DinnerArray.length>2">
{{item.DinnerArray[2].DinnerName?item.DinnerArray[2].DinnerName:'无'}} {{item.DinnerArray[2].DinnerName?item.DinnerArray[2].DinnerName:'无'}}
</template> </template>
</div> </div>
...@@ -791,38 +882,40 @@ ...@@ -791,38 +882,40 @@
}, },
methods: { methods: {
infor(){ infor() {
this.RenderingOk = false; this.RenderingOk = false;
this.ScenicArrayList = [] this.ScenicArrayList = []
this.item.ScenicArray.forEach((x, index) => { this.item.ScenicArray.forEach((x, index) => {
if((this.item.TitleObj.ShowTripType==1&&this.item.ScenicArray&&this.item.ScenicArray.length>0) if ((this.item.TitleObj.ShowTripType == 1 && this.item.ScenicArray && this.item.ScenicArray.length > 0) ||
||(this.item.TitleObj.ShowTripType==2&&this.item.ScenicArray&&this.item.ScenicArray.length==1)){ (this.item.TitleObj.ShowTripType == 2 && this.item.ScenicArray && this.item.ScenicArray.length == 1)) {
if (x.DefaultNum > 0) { if (x.DefaultNum > 0) {
this.defaultScenicIndex = index; this.defaultScenicIndex = index;
this.ScenicArrayList.push(x) this.ScenicArrayList.push(x)
} }
}else{ } else {
this.ScenicArrayList.push(x) this.ScenicArrayList.push(x)
} }
}); });
if (this.ScenicArrayList.length == 0) { if (this.ScenicArrayList.length == 0) {
this.item.ScenicArray.forEach((x, index) => { this.item.ScenicArray.forEach((x, index) => {
if((this.item.TitleObj.ShowTripType==1&&this.item.ScenicArray&&this.item.ScenicArray.length>0) if ((this.item.TitleObj.ShowTripType == 1 && this.item.ScenicArray && this.item.ScenicArray.length >
||(this.item.TitleObj.ShowTripType==2&&this.item.ScenicArray&&this.item.ScenicArray.length==1)){ 0) ||
(this.item.TitleObj.ShowTripType == 2 && this.item.ScenicArray && this.item.ScenicArray.length == 1)
) {
if (index == 0) { if (index == 0) {
x.DefaultNum = 1; x.DefaultNum = 1;
this.defaultScenicIndex = index; this.defaultScenicIndex = index;
this.ScenicArrayList.push(x) this.ScenicArrayList.push(x)
} }
}else{ } else {
this.ScenicArrayList.push(x) this.ScenicArrayList.push(x)
} }
}); });
} }
this.RenderingOk = true; this.RenderingOk = true;
setTimeout(()=>{ setTimeout(() => {
this.pageHeight = document.querySelector(`#LineOfTravel${this.item * 4}_0${this.index}`).offsetHeight; this.pageHeight = document.querySelector(`#LineOfTravel${this.item * 4}_0${this.index}`).offsetHeight;
},500) }, 500)
this.$forceUpdate() this.$forceUpdate()
}, },
getHtmlPlainText(html_str) { getHtmlPlainText(html_str) {
...@@ -904,23 +997,21 @@ ...@@ -904,23 +997,21 @@
let that = this; let that = this;
that.$message.info('上传中...') that.$message.info('上传中...')
if (e.target.files.length > 0 && e.target.files[0].size > 0) { if (e.target.files.length > 0 && e.target.files[0].size > 0) {
// 压缩图片需要的一些元素和对象
var reader = new FileReader();
reader.onload = function (event) {
let blob = that.base64ToBlob(event.target.result);
let newArr = []; let newArr = [];
newArr.push(blob); newArr.push(e.target.files[0]);
var path = `/newFeature`; var path = `/newFeature`;
that.uploadSelfBlob(path, newArr, '', x => { that.UploadSelfFileT(path, newArr, x => {
let allPath = that.domainManager().ViittoFileUrl + x.data.FilePath; let allPath = that.domainManager().ViittoFileUrl + x.data.FilePath;
let i = e.target.id.split("_")[2]; let i = e.target.id.split("_")[2];
if (that.ScenicArrayList.length > 0) { if (that.ScenicArrayList.length > 0) {
that.ScenicArrayList[that.imgIndex].NewImaArray[0].Url = allPath that.ScenicArrayList[that.imgIndex].NewImaArray[0].Url = allPath
that.ScenicArrayList[that.imgIndex].NewImaArray[0].x = 0 that.ScenicArrayList[that.imgIndex].NewImaArray[0].x = 0
that.ScenicArrayList[that.imgIndex].NewImaArray[0].y = 0 that.ScenicArrayList[that.imgIndex].NewImaArray[0].y = 0
that.ScenicArrayList[that.imgIndex].NewScenicImg = JSON.stringify(that.ScenicArrayList[that.imgIndex].NewImaArray); that.ScenicArrayList[that.imgIndex].NewScenicImg = JSON.stringify(that.ScenicArrayList[that.imgIndex]
.NewImaArray);
if (that.item.ScenicArray && that.item.ScenicArray.length > 0) { if (that.item.ScenicArray && that.item.ScenicArray.length > 0) {
that.item.ScenicArray[that.defaultScenicIndex] = JSON.parse(JSON.stringify(that.ScenicArrayList[that.defaultScenicIndex])); that.item.ScenicArray[that.defaultScenicIndex] = JSON.parse(JSON.stringify(that.ScenicArrayList[that
.defaultScenicIndex]));
} }
} else { } else {
that.item.TrafficObj.trafficIntroduce.IntroduceImage = allPath that.item.TrafficObj.trafficIntroduce.IntroduceImage = allPath
...@@ -929,9 +1020,7 @@ ...@@ -929,9 +1020,7 @@
that.item.TrafficObj.Introduce = JSON.stringify(that.item.TrafficObj.trafficIntroduce); that.item.TrafficObj.Introduce = JSON.stringify(that.item.TrafficObj.trafficIntroduce);
} }
that.$message.success('上传成功'); that.$message.success('上传成功');
}); })
};
reader.readAsDataURL(e.target.files[0]);
} }
}, },
closeDMCchooseImg() { closeDMCchooseImg() {
...@@ -956,7 +1045,8 @@ ...@@ -956,7 +1045,8 @@
that.ScenicArrayList[that.imgIndex].NewImaArray.push(obj); that.ScenicArrayList[that.imgIndex].NewImaArray.push(obj);
that.ScenicArrayList[that.imgIndex].ScenicJson.x = 0 that.ScenicArrayList[that.imgIndex].ScenicJson.x = 0
that.ScenicArrayList[that.imgIndex].ScenicJson.y = 0 that.ScenicArrayList[that.imgIndex].ScenicJson.y = 0
that.ScenicArrayList[that.imgIndex].NewScenicImg = JSON.stringify(that.ScenicArrayList[that.imgIndex].NewImaArray); that.ScenicArrayList[that.imgIndex].NewScenicImg = JSON.stringify(that.ScenicArrayList[that.imgIndex]
.NewImaArray);
}); });
} else { } else {
this.item.TrafficObj.trafficIntroduce.IntroduceImage = selectImgArr[0].Path this.item.TrafficObj.trafficIntroduce.IntroduceImage = selectImgArr[0].Path
...@@ -966,7 +1056,8 @@ ...@@ -966,7 +1056,8 @@
} }
this.isShowScenicImg = false; this.isShowScenicImg = false;
if (this.item.ScenicArray && this.item.ScenicArray.length > 0) { if (this.item.ScenicArray && this.item.ScenicArray.length > 0) {
this.item.ScenicArray[this.defaultScenicIndex] = JSON.parse(JSON.stringify(this.ScenicArrayList[that.defaultScenicIndex])); this.item.ScenicArray[this.defaultScenicIndex] = JSON.parse(JSON.stringify(this.ScenicArrayList[that
.defaultScenicIndex]));
} }
} }
}, },
......
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