Skip to content

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

111

parent 05542621
Show whitespace changes
Inline Side-by-side
Showing with 82 additions and 84 deletions
src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/components/header.vue
View file @ 2f1626ec
......@@ -4,6 +4,7 @@
<img class="header-leftBj absolute z-index2" :src="backgroundImgBj2" />
<img class="header-leftImg" src="http://192.168.10.214:8130/Upload/NewTripFeature/headerLogoTwo.png" />
</div>
<div class="UpgradedVersion-header-right">
<div class="UpgradedVersion-header-title">
<vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.LineShortName"></vEditDiv>
......@@ -41,6 +42,13 @@
deep: false,
immediate: true
},
FeatureItem: {
handler(val,oldVal) {
},
deep: true,
immediate: true
}
},
mounted() {
......
src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/index.vue
View file @ 2f1626ec
......@@ -2,9 +2,9 @@
<div id="newFeatureBox3">
<!-- UpgradedVersion-homebj 首页、介绍、食、宿、景 UpgradedVersion-otherBj 餐介绍 -->
<div class="UpgradedVersion-box UpgradedVersion-homebj relative"
:class="{'UpgradedVersion-otherBj':item.name=='食详情'}" v-for="(item,index) in pageList" :key="index+1000">
:class="{'UpgradedVersion-otherBj':item.pageType==3}" v-for="(item,index) in pageList" :key="index+1000">
<!-- logo -->
<Header :TripColor="TripColor" :FeatureItem="item"></Header>
<Header :TripColor="TripColor" :FeatureItem="FeatureData"></Header>
<!-- 首页 -->
<featureHome v-if="item.pageType==1" :index="index" :FeatureItem="item" :TripColor="TripColor"
@toAddPages="AddPages" @toDeletePages="DeletePages"></featureHome>
......@@ -16,18 +16,17 @@
@toDeletePages="DeletePages" @setTemplate="setTemplate" v-if="item.pageType!=1"></otherJourney>
<!-- 食详情页 -->
<UpgradedVersionDetails :index="index" :FeatureData="item" :TripColor="TripColor" @toAddPages="AddPages"
@toDeletePages="DeletePages" v-if="item.pageType==3"></UpgradedVersionDetails>
@toDeletePages="DeletePages" v-if="item.name=='食详情'"></UpgradedVersionDetails>
<!-- otherJourney-footer 食景 食详情 -->
<div v-if="item.pageTitle!='首页'"
:class="{'otherJourney-footer':item.pageTitle=='食'||item.pageTitle=='景'||item.pageTitle=='食详情'}">
<div v-if="item.name!='首页'" :class="{'otherJourney-footer':item.name=='食'||item.name=='景'||item.name=='食详情'}">
<div class="otherJourney-introduceFooter absolute z-index1 row-aic"
:style="{'background':item.pageTitle=='食'||item.pageTitle=='景'||item.pageTitle=='食详情'?TripColor:''}">
<template v-if="item.pageTitle!=='食'&&item.pageTitle!=='景'&&item.pageTitle!=='食详情'">
:style="{'background':item.name=='食'||item.name=='景'||item.name=='食详情'?TripColor:''}">
<template v-if="item.name!=='食'&&item.name!=='景'&&item.name!=='食详情'">
<div class="introduceFooterBJ introduceFooterOne" :style="{'background':TripColor}">&nbsp;</div>
<div class="introduceFooterBJ introduceFootertTwo" :style="{'background':TripColor}">&nbsp;</div>
<div class="introduceFooter-text row-aic">
<img src="http://192.168.10.214:8130/Upload/NewTripFeature/footerLogo.png" />
<vEditDiv class="z-index2" :canEdit='canEdit' v-model="item.LineShortName"></vEditDiv>
<vEditDiv class="z-index2" :canEdit='canEdit' v-model="FeatureData.LineShortName"></vEditDiv>
</div>
<div class="introduceFooterBJ introduceFootertThree" :style="{'background':TripColor}">&nbsp;</div>
<div class="introduceFooterBJ introduceFootertFour" :style="{'background':TripColor}">&nbsp;</div>
......@@ -135,21 +134,6 @@
this.pageList[index].Template = TemplateType
this.$forceUpdate()
},
getDetailsObj() {
var detailsObj = {
LineName: "", //线路名称
LineShortName: "", //线路简称
LtName: "", //系列名称
Title: "", //行程名称
MainName: "", //主标题
SubName: " ", //副标题
DetailsName: "", //详细标题
ImgList: [], //图片
MainDesc: "", //描述
SubList: [],
};
return detailsObj;
},
initFeature() {
var oldJson = this.FeatureData.FeatureHtmlJson ?
JSON.parse(JSON.stringify(this.FeatureData.FeatureHtmlJson)) :
......@@ -158,77 +142,82 @@
} else {
this.pageList.forEach(pItem => {
var newObj = this.getDetailsObj();
newObj.LineName = this.FeatureData.LineName;
newObj.LtName = this.FeatureData.LtName;
newObj.Title = this.FeatureData.Title;
newObj.LineShortName = this.FeatureData.LineShortName;
//首页
if (pItem.pageType == 1) {
newObj.MainName = "大阪 京都 富士山 伊豆 都 H"; //地区1
newObj.SubName = "冲绳 大阪城公园湖 伊豆 H"; //地区2
newObj.DetailsName = "浅草寺 Senso-ji Temple";
newObj.ShadowName = "遇见最美好的自己";
newObj.SubShadowName = "在古老的日本樱花街道";
newObj.ImgList = [{
pItem.dataObj = {
LineName: this.FeatureData.LineName,
LtName: this.FeatureData.LtName,
Title: this.FeatureData.Title,
AreaName: "大阪 京都 富士山 伊豆 都 H", //地区
AreaName2: "冲绳 大阪城公园湖 伊豆 H", //地区
IndexName: "浅草寺 Senso-ji Temple",
LineShortName: "",
ImgList: [{
url: "http://imgfile.oytour.com/Upload/DMC/DsrkBYw5MnQnzk2WzksZ4knrrKFbeP3a.jpg"
}];
newObj.MainDesc =
"东京最著名、最古老的寺庙，也是日本的门脸、浅草的象征。频繁的庙会活动让你零距离感受日本江户风俗。据说寺内有一座在公元628年偶然被当地渔民打捞上来的观音金像，每年都有许多人前来寺庙祈福保平安。院内有雷门、五重塔等著名古迹；还有90余家商铺的仲见世商店街，可以买到当地特产和吉祥物。在浅草寺可以求签问凶吉，如果不走运抽到了“凶”，和当地人一样系在抽签的地方就可以驱散霉运了。";
}],
IndexDesc: "东京最著名、最古老的寺庙，也是日本的门脸、浅草的象征。频繁的庙会活动让你零距离感受日本江户风俗。据说寺内有一座在公元628年偶然被当地渔民打捞上来的观音金像，每年都有许多人前来寺庙祈福保平安。院内有雷门、五重塔等著名古迹；还有90余家商铺的仲见世商店街，可以买到当地特产和吉祥物。在浅草寺可以求签问凶吉，如果不走运抽到了“凶”，和当地人一样系在抽签的地方就可以驱散霉运了。",
};
}
//介绍页面
else if (pItem.pageType == 2) {
newObj.MainName = "日本旅行专家";
newObj.SubName = "『印象日本』日本豪华游代名词";
newObj.ImgList = [{
pItem.dataObj = {
LtName: this.FeatureData.LtName,
Title: this.FeatureData.Title,
MainName: "日本旅行专家",
SubName: "『印象日本』日本豪华游代名词",
ImgList: [{
url: "http://imgfile.oytour.com/Upload/DMC/a2Fn2zajwMsxNHaWPdD5idKJD8RyCG5H.jpg"
}];
newObj.MainDesc =
"印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ";
}
//详情页面
else if (pItem.pageType == 3) {
var dinnerObj = {
MainName: "特色餐1",
}],
IndexDesc: "印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ",
};
} else if (pItem.pageType == 3) {
pItem.dataObj = {
LtName: this.FeatureData.LtName,
Title: this.FeatureData.Title,
MainName: "日本旅行专家",
SubName: "『印象日本』日本豪华游代名词",
ImgList: [{
url: "http://imgfile.oytour.com/Upload/DMC/a2Fn2zajwMsxNHaWPdD5idKJD8RyCG5H.jpg"
}],
MainDesc: "特色餐描述"
IndexDesc: "印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ",
};
} else if (pItem.pageType == 4) {
pItem.dataObj = {
LtName: this.FeatureData.LtName,
Title: this.FeatureData.Title,
MainName: "日本旅行专家",
SubName: "『印象日本』日本豪华游代名词",
ImgList: [{
url: "http://imgfile.oytour.com/Upload/DMC/a2Fn2zajwMsxNHaWPdD5idKJD8RyCG5H.jpg"
}],
IndexDesc: "印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ",
};
} else if (pItem.pageType == 5) {
pItem.dataObj = {
LtName: this.FeatureData.LtName,
Title: this.FeatureData.Title,
MainName: "日本旅行专家",
SubName: "『印象日本』日本豪华游代名词",
ImgList: [{
url: "http://imgfile.oytour.com/Upload/DMC/a2Fn2zajwMsxNHaWPdD5idKJD8RyCG5H.jpg"
}],
IndexDesc: "印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ",
};
} else if (pItem.pageType == 6) {
pItem.dataObj = {
LtName: this.FeatureData.LtName,
Title: this.FeatureData.Title,
MainName: "日本旅行专家",
SubName: "『印象日本』日本豪华游代名词",
ImgList: [{
url: "http://imgfile.oytour.com/Upload/DMC/a2Fn2zajwMsxNHaWPdD5idKJD8RyCG5H.jpg"
}],
IndexDesc: "印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ",
};
newObj.SubList.push(dinnerObj);
newObj.SubList.push(dinnerObj);
newObj.SubList.push(dinnerObj);
}
//酒店
else if (pItem.pageType == 4) {
newObj.MainName = "富士山花园酒店";
newObj.SubName = "特色酒店";
newObj.ImgList = [{
url: "https://imgfile.oytour.com/Upload/DMC/202305290204327370000000012.jpg"
}];
newObj.MainDesc = "新大谷INN东京位于山手线大崎车站徒步一分钟，离品川，涉谷，原宿，都非常近，方便购物 观光，酒店房间干净 舒适，";
} //餐
else if (pItem.pageType == 5) {
newObj.MainName = "箱根湖畔日式料理";
newObj.SubName = "特色餐食";
newObj.ImgList = [{
url: "http://imgfile.oytour.com/Upload/DMC/Z4DbAPRPmBPkaJQyxwesEWAz3sbZadNj.jpg"
}];
newObj.MainDesc = "箱根湖畔日式料理箱根湖畔日式料理箱根湖畔日式料理箱根湖畔日式料理箱根湖畔日式料理箱根湖畔日式料理箱根湖畔日式料理";
}
//景点
else if (pItem.pageType == 6) {
newObj.MainName = "东京秋叶原动漫.电器";
newObj.SubName = "特色景点";
newObj.ImgList = [{
url: "http://imgfile.oytour.com/Upload/DMC/20200201061804955.jpg"
}];
newObj.MainDesc =
"秋叶原是与时代尖端产业同步的电器大街，亦是目前世界上数一数二的电子科技街，集和了各种世界尖端科技产品，以及动漫商店，是许多年轻游客赴日必到的景点之一。秋叶原动漫大道这里可以说是动漫控们的天堂，因为不仅仅可以看到原汁原味的日本萌妹子化装成各种动漫造型，你也可以购买动漫人物的各种Q版造型，这条街上随处可见这种COS造型";
}
pItem.dataObj = newObj;
});
}
console.log("this.pageList", this.pageList);
},
},
......@@ -240,7 +229,8 @@
handler(val, oldVal) {
console.log("UpgradedVersion_Feature", this.FeatureData);
},
deep: true
deep: true,
immediate: true
},
},
mounted() {
......
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