Skip to content

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

行程特色 新增首页

parent 153ac709
Show whitespace changes
Inline Side-by-side
Showing with 758 additions and 5 deletions
src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/featureHome2.vue 0 → 100644
View file @ 27970613
<template>
<div class="featureHome-form">
<div class="featureHome-text featureHome2-text z-index1">
<div class="featureHome2-logoBox">
<div class="featureHome2-logoL">
<img v-if="FeatureItem.dataObj.LineShortName=='日本'"
src="https://imgfile.oytour.com/static/featureHome2_0.png"/>
<img v-if="FeatureItem.dataObj.LineShortName=='欧洲'"
src="https://imgfile.oytour.com/static/featureHome2_1.png"/>
<img v-if="FeatureItem.dataObj.LineShortName=='中国'"
src="https://imgfile.oytour.com/static/featureHome2_z.png"/>
<img v-if="FeatureItem.dataObj.LineShortName=='南亚'"
src="https://imgfile.oytour.com/static/featureHome2_n.png"/>
<img v-if="FeatureItem.dataObj.LineShortName=='韩国'"
src="https://imgfile.oytour.com/static/featureHome2_h.png"/>
</div>
<div class="featureHome2-logoBoxR">
<div class="featureHome-text-box featureHome2-text-box">
<div class="featureHome-text-box-sod featureHome2-text-box-sod" :style="{'color':TripColor}">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.LtName"></vEditDiv>
</div>
</div>
<div class="featureHome-text-titleTwo featureHome2-text-titleTwo">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.Title"></vEditDiv>
</div>
</div>
</div>
</div>
<div class="featureHome-left UpgradedVersion-Hover">
<div class="featureHome-vToolBar-one featureHome2-vToolBar-one absolute z-index3">
<FeatureControls :index="index" :FeatureData="FeatureItem" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" :isAddImg="false" :isDeleteImg="false" @toUploadImg="UploadImg"
@toSelectImg="SelectImg" @toAddImg="AddImg" @toDeleteImg="DeleteImg" :x="697" :y="930" :isShowSelect="true"
:DataArray="DataArray"></FeatureControls>
<input type="file" style="display:none" :id="'homefile_'+(FeatureItem * 2 + 1) + '_'+index" @change="uploadpic">
</div>
<div class="featureHome-vToolBar-two absolute z-index3">
<FeatureControls :index="index" :FeatureData="FeatureItem" :ControlsType="'column'"
:isDeletePage="FeatureItem.isDeletePage" :pagesType="1" @toAddPages="toAddPages"
@toDeletePages="toDeletePages" @toMovePages="toMovePages">
</FeatureControls>
</div>
<div class="featureHome-left-one featureHome2-left-one bjF6 absolute z-index2"
:id="'viewSpotBox_' + (FeatureItem * 4 + 1) + '_' +index">
<VueDraggableResizable v-if="FeatureItem.dataObj.ImgList&&FeatureItem.dataObj.ImgList.length>0" :w="1123"
:h="749" :ref="'viewSpotVds_' + (FeatureItem * 4 + 1) + '_'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(FeatureItem * 4 + 1, index)"
:x="FeatureItem.dataObj.ImgList[0].x" :y="FeatureItem.dataObj.ImgList[0].y" :z="2" @dragstop="onViewSpotDragstop">
<img :src="FeatureItem.dataObj.ImgList[0].url" :id="'viewSpotImg_' + (FeatureItem * 4 + 1) + '_'+index" />
</VueDraggableResizable>
<!-- 蒙层 -->
<div class="featureHome2-form featureHome2-formHover relative z-index3"
:style="{'background':backgroundColor,'left':FeatureItem.dataObj.maskPosition?'756px':'0px'}">
<el-tooltip class="item" effect="dark" :content="FeatureItem.dataObj.maskPosition?'蒙层靠左':'蒙层靠右'" placement="bottom">
<div class="featureHome2-formMask absolute"
@click="FeatureItem.dataObj.maskPosition=!FeatureItem.dataObj.maskPosition">
<i :class="[FeatureItem.dataObj.maskPosition?'el-icon-arrow-left':'el-icon-arrow-right']"></i>
</div>
</el-tooltip>
<div class="row-aic featureHome2-b15">
<!-- 餐食 -->
<div class="featureHome2-Markers0-img">
<img src="https://imgfile.oytour.com/static/featureHome2_2.png"/>
</div>
<div class="featureHome2-left-twoTitle z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.Meal"></vEditDiv>
</div>
</div>
<div class="featureHome-left-two featureHome2-left-two z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.MealName"></vEditDiv>
</div>
<div class="featureHome-left-two featureHome2-left-two z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.MealName2"></vEditDiv>
</div>
<div class="featureHome2-left-twoT24 featureHome2-bottomBorder1"></div>
<!-- 酒店 -->
<div class="featureHome2-left-twoT24">
<div class="row-aic featureHome2-b15">
<div class="featureHome2-Markers0-img">
<img src="https://imgfile.oytour.com/static/featureHome2_2.png"/>
</div>
<div class="featureHome2-left-twoTitle z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.Host"></vEditDiv>
</div>
</div>
<div class="featureHome-left-two featureHome2-left-two z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.HostName"></vEditDiv>
</div>
<div class="featureHome-left-two featureHome2-left-two z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.HostName2"></vEditDiv>
</div>
</div>
<div class="featureHome2-left-twoT24 featureHome2-bottomBorder1"></div>
<!-- 风景 -->
<div class="featureHome2-left-twoT24">
<div class="row-aic featureHome2-b15">
<div class="featureHome2-Markers0-img">
<img src="https://imgfile.oytour.com/static/featureHome2_2.png"/>
</div>
<div class="featureHome2-left-twoTitle z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.Scene"></vEditDiv>
</div>
</div>
<div class="featureHome-left-two featureHome2-left-two featureHome2-left-twoTitleClamp7 z-index1">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.SceneDesc"></vEditDiv>
</div>
</div>
</div>
</div>
<div class="featureHome2-bottom-form absolute row">
<div class="featureHome2B-vertical row">
<div class="featureHome2B-verticalL">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.SceneTitle2"></vEditDiv>
</div>
<div class="featureHome2B-verticalR">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.SceneDesc2"></vEditDiv>
</div>
</div>
<div class="featureHome2B-vertical featureHome2B-verticalL62 row">
<div class="featureHome2B-verticalL">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.HostTitle"></vEditDiv>
</div>
<div class="featureHome2B-verticalR">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.HostDesc"></vEditDiv>
</div>
</div>
<div class="featureHome2B-cross column">
<div class="featureHome2B-crossOne">
<div class="featureHome2B-crossTitle">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.SceneTitle3"></vEditDiv></div>
<div class="featureHome-left-three featureHome2-left-three z-index2">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.SceneDesc3"></vEditDiv>
</div>
</div>
<div class="featureHome2B-crossTime">
<div class="featureHome2B-crossTimeBOX">
<div class="featureHome2B-crossTimeB">
<img v-if="FeatureItem.dataObj.LineShortName=='日本'" src="https://imgfile.oytour.com/static/featureHome2_3.png"/>
<img v-else src="https://imgfile.oytour.com/static/featureHome2_4.png"/>
</div>
</div>
</div>
</div>
</div>
</div>
<el-dialog custom-class="resourceImgAdd" :title="$t('sm.chooseImg')" center :visible.sync="isShowScenicImg">
<!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:isCheckmore="1"
v-bind:imgType="choseType" v-bind:queryItem="queryItem" v-bind:IsShowAdd="true" v-bind:IsShowVideo="true">
</DMCchooseImg>
</el-dialog>
</div>
</template>
<script>
import vEditDiv from "../TravelTemp/VEditDiv";
import FeatureControls from "./components/featureControls";
import DMCchooseImg from "../../../commonPage/DMCchooseImg.vue";
import VueDraggableResizable from "vue-draggable-resizable";
export default {
components: {
vEditDiv,
FeatureControls,
DMCchooseImg,
VueDraggableResizable
},
props: [
'TripColor',
'index',
'FeatureItem',
'canEdit',
'DataArray'
],
data() {
return {
//选取弹窗
isShowScenicImg: false,
choseType: 0,
//点击传递对象
queryItem: {
queryName: '',
queryId: 0,
},
borderBox: '',
currentIndex: null,
imgIndex: null,
backgroundColor: null,
};
},
methods: {
onActivated(i, j) {
this.currentIndex = i;
this.imgIndex = j;
},
onViewSpotDragstopY(x, y) {
let imgWidth = document.querySelector(
"#viewSpotImg_" + (this.FeatureItem * 2 + 1) + "_" + this.index
).width;
let boxWidth = document.querySelector(
"#viewSpotBox_" + (this.FeatureItem * 2 + 1) + "_" + this.index
).offsetWidth;
let cha = boxWidth - imgWidth;
if (cha <= 0) {
if (x < 0 && x < cha) {
x = cha;
} else if (x > 0) {
x = 0;
}
} else {
if (x < 0) {
x = 0;
} else if (x > 0 && x > cha) {
x = cha;
}
}
this.FeatureItem.dataObj.ImgList[0].x = x;
this.$refs["viewSpotVds_" + (this.FeatureItem * 2 + 1) + "_" + this.index]._data.left = x;
},
onViewSpotDragstop(x, y) {
let imgHeight = document.querySelector(
"#viewSpotImg_" + (this.FeatureItem * 2 + 1) + "_" + this.index
).height;
let boxHeight = document.querySelector(
"#viewSpotBox_" + (this.FeatureItem * 2 + 1) + "_" + this.index
).offsetHeight;
let cha = boxHeight - imgHeight;
if (cha <= 0) {
if (y < 0 && y < cha) {
y = cha;
} else if (y > 0) {
y = 0;
}
} else {
if (y < 0) {
y = 0;
} else if (y > 0 && y > cha) {
y = cha;
}
}
this.FeatureItem.dataObj.ImgList[0].y = y;
this.$refs["viewSpotVds_" + (this.FeatureItem * 2 + 1) + "_" + this.index]._data.top = y;
},
UploadImg() {
document.querySelector(`#homefile_${(this.FeatureItem * 2 + 1)}_${this.index}`).click();
},
uploadpic(e) {
let that = this;
var postJson = {
// ConfigId: 8757,
// MapLevel: 11,
};
that.$message.info('上传中...')
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 = [];
newArr.push(blob);
var fileName = `${that.uuid(10, 10)}.png`;
var path = `/newFeature`;
that.uploadSelfBlob(path, newArr, postJson, x => {
let allPath = that.domainManager().ViittoFileUrl + x.data.FilePath;
let i = e.target.id.split("_")[2];
that.FeatureItem.dataObj.ImgList[0].url = allPath
that.FeatureItem.dataObj.ImgList[0].x = 0
that.FeatureItem.dataObj.ImgList[0].y = 0
that.$message.success('上传成功');
});
};
reader.readAsDataURL(e.target.files[0]);
}
},
SelectImg() {
this.isShowScenicImg = true
},
AddImg() {
},
DeleteImg() {
},
toAddPages() {
this.$emit('toAddPages', this.index, this.FeatureItem)
},
toDeletePages() {
this.$emit('toDeletePages', this.index)
},
toMovePages(opType) {
this.$emit('toMovePages', opType, this.index);
},
closeDMCchooseImg() {
this.isShowScenicImg = false;
},
getDMCimg(selectImgArr) {
this.FeatureItem.dataObj.ImgList[0].url = selectImgArr[0].Path;
this.FeatureItem.dataObj.ImgList[0].x = 0
this.FeatureItem.dataObj.ImgList[0].y = 0
this.isShowScenicImg = false;
}
},
computed: {},
watch: {
TripColor: {
handler(val, oldVal) {
this.borderBox = '2px solid ' + val
this.backgroundColor = this.hexToRgb(val, 0.7)
},
deep: false,
immediate: true
},
},
mounted() {
}
};
</script>
<style scoped>
@import url("../../../../assets/css/UpgradedVersion.css");
/deep/.featureHome-vToolBar-three .el-input .el-input__inner {
height: 28px;
}
.featureHome-text.featureHome2-text{
padding: 95px 62px 0 62px;
overflow: hidden;
}
.featureHome2-logoBox{
display: flex;
}
.featureHome2-logoL{
width: 153px;
height: 153px;
flex-shrink: 0;
background: #fff;
}
.featureHome2-logoL img{
width: 100%;
height: 100%;
}
.featureHome2-logoBoxR{
flex-grow: 1;
overflow: hidden;
margin-left: 37px;
}
.featureHome-text.featureHome2-text .edit_div{
font-size: 34px;
}
.featureHome-text-box.featureHome2-text-box{
margin: 18px 0px 21px 0px;
text-align: left;
}
.featureHome-text-box.featureHome2-text-box .edit_div{
font-size: 54px;
height: auto;
}
.featureHome-text-box-sod.featureHome2-text-box-sod{
padding: 0;
word-spacing: normal;
text-overflow: ellipsis;
overflow: hidden;
}
.featureHome-text-titleTwo.featureHome2-text-titleTwo{
padding: 0;
height: inherit;
}
.featureHome-text-titleTwo.featureHome2-text-titleTwo .edit_div{
font-family: DengXian;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.featureHome-left-one.featureHome2-left-one{
width: 100%;
height: 749px;
top: 275px;
bottom: inherit;
}
.featureHome-left-one.featureHome2-left-one img{
width: 100%;
}
.featureHome-vToolBar-one.featureHome2-vToolBar-one{
top: 240px;
}
.featureHome2-form{
padding: 58px 28px 52px 28px;
width: 367px;
height: 100%;
}
.featureHome-left-two.featureHome2-left-two{
width: auto;
padding: 0;
}
.featureHome-left-two.featureHome2-left-two .edit_div{
max-height: inherit;
height: inherit;
font-size: 21px;
line-height: 34px;
font-weight: 500;
font-family: PingFang SC !important;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.featureHome-right-three.featureHome2-right-three{
z-index: 4;
}
.featureHome2-left-twoTitle{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex-grow: 1;
}
.featureHome2-left-twoTitle .edit_div{
width: 100%;
font-size: 28px;
color: #fff;
font-family: FZCuSong-B09S;
font-weight: 400;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.featureHome2-left-twoT47{
margin-top: 47px;
}
.featureHome2-left-twoT24{
margin-top: 24px;
}
.featureHome2-left-twoT15{
margin-top: 15px;
}
.featureHome2-bottomBorder1{
width: 100%;
height: 1px;
background: #fff;
opacity: 0.5;
}
.featureHome2-left-two.featureHome2-left-twoTitleClamp2 .edit_div{
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.featureHome2-left-two.featureHome2-left-twoTitleClamp4 .edit_div{
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.featureHome2-left-two.featureHome2-left-twoTitleClamp7 .edit_div{
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.featureHome2-left-two.featureHome2-left-twoTitleClamp8 .edit_div{
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
.featureHome2-Markers0-img{
flex-shrink: 0;
margin-right: 10px;
}
.featureHome2-Markers0-img img{
width: 20px;
height: 21px;
display: block;
}
.featureHome2-b15{
margin-bottom: 15px;
}
.featureHome2-bottom-form{
width: 100%;
padding: 0 49px 0 94px;
top: 1060px;
}
.featureHome2B-vertical .edit_div{
writing-mode: vertical-rl;
}
.featureHome2B-verticalL .edit_div{
font-size: 36px;
color: #2A2A2A;
font-family: DengXian !important;
font-weight: bold;
}
.featureHome2B-verticalL{
max-width: 100px;
margin-right: 4px;
height: 445px;
overflow: hidden;
text-overflow: ellipsis;
}
.featureHome2B-verticalR{
max-width: 90px;
height: 445px;
overflow: hidden;
text-overflow: ellipsis;
}
.featureHome2B-verticalR .edit_div{
font-size: 23px;
color: #808080;
}
.featureHome2B-verticalL62{
margin-left: 62px;
}
.featureHome2B-cross{
overflow: hidden;
margin-left: 101px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.featureHome2B-crossOne{
min-height: 360px;
}
.featureHome2B-crossTitle{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
padding-top: 20px;
}
.featureHome2B-crossTitle::after{
display: block;
content: ' ';
position: absolute;
top: 0;
background: #2a2a2a;
width: 38px;
height: 7px;
}
.featureHome2B-crossTitle .edit_div{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 40px;
font-weight: 400px;
color: #2A2A2A;
font-family: FZCuSong-B09S;
}
.featureHome-left-three.featureHome2-left-three{
max-height: inherit;
height: inherit;
margin-top: 10px;
margin-bottom: 10px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.featureHome-left-three.featureHome2-left-three .edit_div{
font-size: 23px;
color: #808080;
/* font-family: PingFang SC; */
line-height: 42px;
font-weight: 500;
}
.featureHome2B-crossTime{
display: flex;
justify-content: end;
}
.featureHome2B-crossTime::after{
}
.featureHome2B-crossTimeBOX{
position: relative;
padding-top: 10px;
}
.featureHome2B-crossTimeBOX::after{
display: block;
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: #2a2a2a;
}
.featureHome2B-crossTimeB{
margin-top: 5px;
}
.featureHome2B-crossTimeB img{
width: 388px;
height: auto;
}
.featureHome2-formMask{
right: 0;
top: 0;
padding: 4px 15px;
background: rgba(0, 0, 0, 0.7);
border-radius: 2px;
color: #fff;
opacity: 0;
transition: opacity 2s ease;
font-size: 18px;
}
.featureHome2-formHover:hover .featureHome2-formMask{
opacity: 1;
}
</style>
src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/index.vue
View file @ 27970613
......@@ -6,11 +6,14 @@
<!-- logo -->
<Header :TripColor="TripColor" :canEdit="canEdit" :FeatureItem="item"></Header>
<!-- 首页 -->
<featureHome2 v-if="item.pageType==7" :canEdit="canEdit" :index="index" :FeatureItem="item" :TripColor="TripColor"
@UploadImg="UploadImg" @toAddPages="AddPages" @toDeletePages="DeletePages" @toMovePages="MovePages"
:DataArray="DataArray"></featureHome2>
<featureHome v-if="item.pageType==1" :canEdit="canEdit" :index="index" :FeatureItem="item" :TripColor="TripColor"
@UploadImg="UploadImg" @toAddPages="AddPages" @toDeletePages="DeletePages" @toMovePages="MovePages"
:DataArray="DataArray"></featureHome>
<!-- 其余页 -->
<div v-else>
<div v-if="item.pageType!=1&&item.pageType!=7">
<headerTitle :FeatureItem="item" :TripColor="TripColor" :canEdit="canEdit"></headerTitle>
<!-- 介绍、宿食景页 -->
<otherJourney :index="index" :FeatureItem="item" :canEdit="canEdit" :TripColor="TripColor"
......@@ -47,6 +50,7 @@
import Header from "./components/header";
import headerTitle from "./components/headerTitle";
import featureHome from "./featureHome";
import featureHome2 from "./featureHome2";
import otherJourney from "./otherJourney";
import UpgradedVersionDetails from "./UpgradedVersionDetails";
import vEditDiv from "../TravelTemp/VEditDiv";
......@@ -56,6 +60,7 @@
Header,
headerTitle,
featureHome,
featureHome2,
otherJourney,
UpgradedVersionDetails,
vEditDiv,
......@@ -74,6 +79,13 @@
isDeletePage: true,
dataObj: {},
},
{
pageTitle: '首页2',
pageType: 7,
pageTemplate: 0,
isDeletePage: true,
dataObj: {},
},
{
pageTitle: '首页',
pageType: 2,
......@@ -108,7 +120,7 @@
isDeletePage: true,
pageTemplate: 3,
dataObj: {},
}
},
],
homeBg3: "https://imgfile.oytour.com/Static/NewTripFeature/homeBg3.jpg",
homeBg1: "https://imgfile.oytour.com/Static/NewTripFeature/homeBg1.jpg",
......@@ -175,11 +187,34 @@
pageData.pageTitle = "食";
this.getDinnerData(tripObj, newObj);
}
//景
//景MainDescTextScene
else if (pageData.pageType == 6) {
pageData.pageTitle = "景";
this.getScenicData(tripObj, newObj);
}
//首页2
else if (pageData.pageType == 7) {
pageData.pageTitle = "首页2";
pageData.dataObj.ImgList[0].x = 0
if(!newObj.SceneDesc){
newObj.maskPosition = false
newObj.Meal = '餐食'
newObj.MealName = tripObj.dinnerArray.length>0?tripObj.dinnerArray[0].MainName:'餐食名称'
newObj.MealName2 = tripObj.dinnerArray.length>1?tripObj.dinnerArray[1].MainName:'餐食名称'
newObj.Host = '住宿'
newObj.HostName = tripObj.hotelArray.length>0?tripObj.hotelArray[0].MainName:'酒店名称'
newObj.HostName2 = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
newObj.Scene = '风景'
newObj.SceneDesc = tripObj.scenicArray.length>0?tripObj.scenicArray[0].MainName+'：'+tripObj.scenicArray[0].MainDesc:'景点描述信息'
newObj.SceneTitle2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainName:'景点名称'
newObj.SceneDesc2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainDesc:'景点描述信息'
newObj.HostTitle = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
newObj.HostDesc = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainDesc:'酒店描述信息'
newObj.SceneTitle3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainName:'景点名称'
newObj.SceneDesc3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainDesc:'景点描述信息'
}
this.getHomeData(tripObj, newObj);
}
pageData.dataObj = newObj;
this.pageList.splice(index, 0, pageData);
},
......@@ -246,10 +281,75 @@
oldJson.forEach(item => {
item.isDeletePage = true;
});
let PageType = oldJson.find(x=>{
return x.pageType == 7
})
if(!PageType){
let obj = {
...oldJson[0]
}
obj.pageType = 7
oldJson.unshift(JSON.parse(JSON.stringify(obj)))
}
oldJson.forEach(x=>{
if(x.pageType == 7){
x.dataObj.ImgList[0].x = 0
if(!x.dataObj.SceneDesc) {
x.dataObj.maskPosition= false
x.dataObj.Meal = '餐食'
x.dataObj.MealName = tripObj.dinnerArray.length>0?tripObj.dinnerArray[0].MainName:'餐食名称'
x.dataObj.MealName2 = tripObj.dinnerArray.length>1?tripObj.dinnerArray[1].MainName:'餐食名称'
x.dataObj.Host = '住宿'
x.dataObj.HostName = tripObj.hotelArray.length>0?tripObj.hotelArray[0].MainName:'酒店名称'
x.dataObj.HostName2 = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
x.dataObj.Scene = '风景'
x.dataObj.SceneDesc = tripObj.scenicArray.length>0?tripObj.scenicArray[0].MainName+'：'+tripObj.scenicArray[0].MainDesc:'景点描述信息'
x.dataObj.SceneTitle2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainName:'景点名称'
x.dataObj.SceneDesc2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainDesc:'景点描述信息'
x.dataObj.HostTitle = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
x.dataObj.HostDesc = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainDesc:'酒店描述信息'
x.dataObj.SceneTitle3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainName:'景点名称'
x.dataObj.SceneDesc3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainDesc:'景点描述信息'
}
}
})
this.pageList = oldJson;
console.log(this.pageList,'====6666')
this.RenderingOk = true;
} else {
let PageType = this.pageList.find(x=>{
return x.pageType == 7
})
if(!PageType){
let obj = {
...this.pageList[0]
}
obj.pageType = 7
this.pageList.unshift(JSON.parse(JSON.stringify(obj)))
}
this.pageList.forEach(x=>{
if(x.pageType == 7){
x.dataObj.ImgList[0].x = 0
if(!x.dataObj.SceneDesc) {
x.dataObj.maskPosition= false
x.dataObj.Meal = '餐食'
x.dataObj.MealName = tripObj.dinnerArray.length>0?tripObj.dinnerArray[0].MainName:'餐食名称'
x.dataObj.MealName2 = tripObj.dinnerArray.length>1?tripObj.dinnerArray[1].MainName:'餐食名称'
x.dataObj.Host = '住宿'
x.dataObj.HostName = tripObj.hotelArray.length>0?tripObj.hotelArray[0].MainName:'酒店名称'
x.dataObj.HostName2 = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
x.dataObj.Scene = '风景'
x.dataObj.SceneDesc = tripObj.scenicArray.length>0?tripObj.scenicArray[0].MainName+'：'+tripObj.scenicArray[0].MainDesc:'景点描述信息'
x.dataObj.SceneTitle2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainName:'景点名称'
x.dataObj.SceneDesc2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainDesc:'景点描述信息'
x.dataObj.HostTitle = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
x.dataObj.HostDesc = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainDesc:'酒店描述信息'
x.dataObj.SceneTitle3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainName:'景点名称'
x.dataObj.SceneDesc3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainDesc:'景点描述信息'
}
}
})
this.pageList.forEach(pItem => {
var newObj = this.getDetailsObj();
......@@ -280,6 +380,28 @@
else if (pItem.pageType == 6) {
this.getScenicData(tripObj, newObj);
}
//首页2
else if (pItem.pageType == 7) {
newObj.ImgList[0].x = 0
if(!newObj.SceneDesc){
newObj.maskPosition = false
newObj.Meal = '餐食'
newObj.MealName = tripObj.dinnerArray.length>0?tripObj.dinnerArray[0].MainName:'餐食名称'
newObj.MealName2 = tripObj.dinnerArray.length>1?tripObj.dinnerArray[1].MainName:'餐食名称'
newObj.Host = '住宿'
newObj.HostName = tripObj.hotelArray.length>0?tripObj.hotelArray[0].MainName:'酒店名称'
newObj.HostName2 = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
newObj.Scene = '风景'
newObj.SceneDesc = tripObj.scenicArray.length>0?tripObj.scenicArray[0].MainName+'：'+tripObj.scenicArray[0].MainDesc:'景点描述信息'
newObj.SceneTitle2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainName:'景点名称'
newObj.SceneDesc2 = tripObj.scenicArray.length>1?tripObj.scenicArray[1].MainDesc:'景点描述信息'
newObj.HostTitle = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainName:'酒店名称'
newObj.HostDesc = tripObj.hotelArray.length>1?tripObj.hotelArray[1].MainDesc:'酒店描述信息'
newObj.SceneTitle3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainName:'景点名称'
newObj.SceneDesc3 = tripObj.scenicArray.length>2?tripObj.scenicArray[2].MainDesc:'景点描述信息'
}
this.getHomeData(tripObj, newObj);
}
pItem.dataObj = newObj;
});
this.RenderingOk = true;
......@@ -778,7 +900,6 @@
watch: {
FeatureData: {
handler(val, oldVal) {
},
deep: true,
immediate: true
......
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