页面修改

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/components/header.vue

@@ -6,7 +6,7 @@
     </div>
     <div class="UpgradedVersion-header-right">
       <div class="UpgradedVersion-header-title">
-        <vEditDiv :canEdit='canEdit' v-model="FeatureItem.LineShortName"></vEditDiv>
+        <vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.LineShortName"></vEditDiv>
       </div>
     </div>
   </div>

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/components/subheading.vue

@@ -18,7 +18,7 @@
       <div class="UpgradedVersion-subIdeText-box"
         v-if="FeatureData.pageTitle=='宿'||FeatureData.pageTitle=='食'||FeatureData.pageTitle=='景'">
         <div class="UpgradedVersion-subIdeText absolute z-index3">
-          <vEditDiv :canEdit='canEdit' v-model="first"></vEditDiv>
+          <vEditDiv :canEdit='canEdit' v-model="FeatureData.dataObj.SubName"></vEditDiv>
         </div>
         <div class="UpgradedVersion-subIdeTitle absolute">
           <div class="UpgradedVersion-subIdeTitleBj relative z-index1" :style="{'background':TripColor}"></div>
@@ -28,7 +28,7 @@
             </div>
             <div class="UpgradedVersion-sTR marginL20">
               <div class="UpgradedVersion-sTR-h">
-                <vEditDiv :canEdit='canEdit1' v-model="first1"></vEditDiv>
+                <vEditDiv :canEdit='canEdit1' v-model="FeatureData.dataObj.MainName"></vEditDiv>
               </div>
             </div>
           </div>
@@ -40,7 +40,6 @@
       <div :class="[Template==1?'':'subIdeImgBox']">
         <div class="UpgradedVersion-subIdeImgBox absolute row z-index1">
           <div class="UpgradedVersion-subIdeImgBoxL" :style="{'background':TripColor}">
-            <!-- <img src="http://192.168.10.214:8130/Upload/NewTripFeature/subheadingBj.png"/> -->
           </div>
           <div class="UpgradedVersion-subIdeImgBoxR" :style="{'background':TripColor}">&nbsp;</div>
         </div>
@@ -114,8 +113,6 @@
     ],
     data() {
       return {
-        first: '五星级风景美术馆',
-        first1: '新仓山浅间公园',
         canEdit: true,
         canEdit1: true,
         canEdit2: true,

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/featureHome.vue

@@ -32,11 +32,11 @@
         </template>
       </div>
       <div class="featureHome-left-two absolute z-index1" :style="{'background':TripColor}">
-        <vEditDiv :canEdit='canEdit3' v-model="FeatureItem.dataObj.IndexName"></vEditDiv>
+        <vEditDiv :canEdit='canEdit3' v-model="FeatureItem.dataObj.DetailsName"></vEditDiv>
       </div>
       <div class="featureHome-Markers Markers absolute z-index1" :style="{'background':TripColor}"></div>
       <div class="featureHome-left-three absolute z-index2">
-        <vEditDiv :canEdit='canEdit4' v-model="FeatureItem.dataObj.IndexDesc"></vEditDiv>
+        <vEditDiv :canEdit='canEdit4' v-model="FeatureItem.dataObj.MainDesc"></vEditDiv>
       </div>
     </div>
     <div class="featureHome-right">
@@ -54,10 +54,10 @@
           <div class="featureHomeBjW1 featureHomeBj4 relative" :style="{'background':TripColor}">&nbsp;</div>
         </div>
         <div class="featureHome-three-text featureHome-three-textOne absolute">
-          <vEditDiv :canEdit='canEdit7' v-model="FeatureItem.dataObj.AreaName2"></vEditDiv>
+          <vEditDiv :canEdit='canEdit7' v-model="FeatureItem.dataObj.MainName"></vEditDiv>
         </div>
         <div class="featureHome-three-text featureHome-three-textTwo absolute">
-          <vEditDiv :canEdit='canEdit8' v-model="FeatureItem.dataObj.AreaName"></vEditDiv>
+          <vEditDiv :canEdit='canEdit8' v-model="FeatureItem.dataObj.SubName"></vEditDiv>
         </div>
         <div>
           <div class="featureHomeBjH2 featureHomeBj5 relative" :style="{'background':TripColor}">&nbsp;</div>

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/index.vue

@@ -4,7 +4,7 @@
     <div class="UpgradedVersion-box UpgradedVersion-homebj relative"
       :class="{'UpgradedVersion-otherBj':item.name=='食详情'}" v-for="(item,index) in pageList" :key="index+1000">
       <!-- logo -->
-      <Header :TripColor="TripColor" :FeatureItem="FeatureData"></Header>
+      <Header :TripColor="TripColor" :FeatureItem="item"></Header>
       <!-- 首页 -->
       <featureHome v-if="item.pageType==1" :index="index" :FeatureItem="item" :TripColor="TripColor"
         @toAddPages="AddPages" @toDeletePages="DeletePages"></featureHome>
@@ -16,17 +16,18 @@
           @toDeletePages="DeletePages" @setTemplate="setTemplate" v-if="item.pageType!=1"></otherJourney>
         <!-- 食详情页 -->
         <UpgradedVersionDetails :index="index" :FeatureData="item" :TripColor="TripColor" @toAddPages="AddPages"
-          @toDeletePages="DeletePages" v-if="item.name=='食详情'"></UpgradedVersionDetails>
+          @toDeletePages="DeletePages" v-if="item.pageTitle=='食详情'"></UpgradedVersionDetails>
         <!-- otherJourney-footer 食景 食详情 -->
-        <div v-if="item.name!='首页'" :class="{'otherJourney-footer':item.name=='食'||item.name=='景'||item.name=='食详情'}">
+        <div v-if="item.pageTitle!='首页'"
+          :class="{'otherJourney-footer':item.pageTitle=='食'||item.pageTitle=='景'||item.pageTitle=='食详情'}">
           <div class="otherJourney-introduceFooter absolute z-index1 row-aic"
-            :style="{'background':item.name=='食'||item.name=='景'||item.name=='食详情'?TripColor:''}">
-            <template v-if="item.name!=='食'&&item.name!=='景'&&item.name!=='食详情'">
+            :style="{'background':item.pageTitle=='食'||item.pageTitle=='景'||item.pageTitle=='食详情'?TripColor:''}">
+            <template v-if="item.pageTitle!=='食'&&item.pageTitle!=='景'&&item.pageTitle!=='食详情'">
               <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="FeatureData.LineShortName"></vEditDiv>
+                <vEditDiv class="z-index2" :canEdit='canEdit' v-model="item.LineShortName"></vEditDiv>
               </div>
               <div class="introduceFooterBJ introduceFootertThree" :style="{'background':TripColor}">&nbsp;</div>
               <div class="introduceFooterBJ introduceFootertFour" :style="{'background':TripColor}">&nbsp;</div>
@@ -134,6 +135,20 @@
         this.pageList[index].Template = TemplateType
         this.$forceUpdate()
       },
+      getDetailsObj() {
+        var detailsObj = {
+          LineName: "", //线路名称
+          LineShortName: "", //线路简称
+          LtName: "", //系列名称
+          Title: "", //行程名称
+          MainName: "", //主标题
+          SubName: " ", //副标题
+          DetailsName: "", //详细标题
+          ImgList: [], //图片
+          MainDesc: "", //描述
+        };
+        return detailsObj;
+      },
       initFeature() {
         var oldJson = this.FeatureData.FeatureHtmlJson ?
           JSON.parse(JSON.stringify(this.FeatureData.FeatureHtmlJson)) :
@@ -142,78 +157,70 @@
 
         } 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) {
-              pItem.dataObj = {
-                LineName: this.FeatureData.LineName,
-                LtName: this.FeatureData.LtName,
-                Title: this.FeatureData.Title,
-                AreaName: "大阪 京都 富士山 伊豆 都 H", //地区
-                AreaName2: "冲绳 大阪城公园湖 伊豆  H", //地区
-                IndexName: "浅草寺 Senso-ji Temple",
-                ImgList: [{
-                  url: "http://imgfile.oytour.com/Upload/DMC/DsrkBYw5MnQnzk2WzksZ4knrrKFbeP3a.jpg"
-                }],
-                IndexDesc: "东京最著名、最古老的寺庙，也是日本的门脸、浅草的象征。频繁的庙会活动让你零距离感受日本江户风俗。据说寺内有一座在公元628年偶然被当地渔民打捞上来的观音金像，每年都有许多人前来寺庙祈福保平安。院内有雷门、五重塔等著名古迹；还有90余家商铺的仲见世商店街，可以买到当地特产和吉祥物。在浅草寺可以求签问凶吉，如果不走运抽到了“凶”，和当地人一样系在抽签的地方就可以驱散霉运了。",
-              };
+              newObj.MainName = "大阪 京都 富士山 伊豆 都 H"; //地区1
+              newObj.SubName = "冲绳 大阪城公园湖 伊豆  H"; //地区2
+              newObj.DetailsName = "浅草寺 Senso-ji Temple";
+              newObj.ImgList = [{
+                url: "http://imgfile.oytour.com/Upload/DMC/DsrkBYw5MnQnzk2WzksZ4knrrKFbeP3a.jpg"
+              }];
+              newObj.MainDesc =
+                "东京最著名、最古老的寺庙，也是日本的门脸、浅草的象征。频繁的庙会活动让你零距离感受日本江户风俗。据说寺内有一座在公元628年偶然被当地渔民打捞上来的观音金像，每年都有许多人前来寺庙祈福保平安。院内有雷门、五重塔等著名古迹；还有90余家商铺的仲见世商店街，可以买到当地特产和吉祥物。在浅草寺可以求签问凶吉，如果不走运抽到了“凶”，和当地人一样系在抽签的地方就可以驱散霉运了。";
             }
             //介绍页面
             else if (pItem.pageType == 2) {
-              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 == 3) {
-              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 == 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.MainName = "日本旅行专家";
+              newObj.SubName = "『印象日本』日本豪华游代名词";
+              newObj.ImgList = [{
+                url: "http://imgfile.oytour.com/Upload/DMC/a2Fn2zajwMsxNHaWPdD5idKJD8RyCG5H.jpg"
+              }];
+              newObj.MainDesc =
+                "印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ";
+            }
+            //详情页面 
+            else if (pItem.pageType == 3) {
+              newObj.MainName = "详情页面";
+              newObj.SubName = "『印象日本』日本豪华游代名词";
+              newObj.ImgList = [{
+                url: "http://imgfile.oytour.com/Upload/DMC/a2Fn2zajwMsxNHaWPdD5idKJD8RyCG5H.jpg"
+              }];
+              newObj.MainDesc =
+                "印象日本独家使用京 都 车 站旁 的 京都 千 饭店 ~酒店房间 37 平 方公 尺！ 房型 多样 设 计， 京都千饭店外观为京町家的格子风格，非常引人注目。饭店以「Personal Comfort Hotel」为概念所打造，意思就是追求每个人入住时的舒适感。从有着庭院的大厅穿过以京町家的内庭长廊为主题所建的信道，便可看见用玻璃纱创作的艺术装置随风轻柔地飘动着。再往旁边一看，眼前只见充满开放感的挑高空间。有如通往神社寺庙大门般的大型阶梯充满了存在感。在柔和的光线包围下，一瞬间忘了自己是身处在建筑物之中。让人联想到京都传统建筑的内部装潢没有刻意的高调奢华，但连小细节都做得非常精致，散发出古都特有的风情。低調沉穩的寬敞客房。讓入住者可以從陽台或窗邊觀賞庭園的綠色景緻，同時享受頂級的休閒時光。 ";
+            }
+            //酒店 
+            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;
           });
         }
 

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/otherJourney.vue

@@ -29,7 +29,7 @@
     <!-- otherJourney-otherDetails 宿、食 景详情 -->
     <div :class="[FeatureItem.pageTitle=='宿'||FeatureItem.pageTitle=='食'||FeatureItem.pageTitle=='景'?'otherJourney-otherDetails':'']">
       <div class="otherJourney-details absolute z-index1">
-        <vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.IndexDesc"></vEditDiv>
+        <vEditDiv :canEdit='canEdit' v-model="FeatureItem.dataObj.MainDesc"></vEditDiv>
       </div>
     </div>
     <el-dialog custom-class="resourceImgAdd" :title="$t('sm.chooseImg')" center :visible.sync="isShowScenicImg">