娟妹说增加酒店

src/components/taskPage/JapanHotel.vue

+<style scoped>
+.div1{
+    width: 100%;
+    height: auto;
+    position: relative;
+}
+.div1 img {
+    width: 100%;
+    z-index:100;
+}
+.Homeimg{
+    position: absolute;
+    z-index: 20000;
+    width: 45px!important;
+    height: 45px!important;
+    left: 56px;
+    top: 39px;
+    cursor: pointer;
+    
+}
+
+.bottom img{
+    width: 100%;
+    position: absolute;
+    z-index: 1
+
+}
+a{
+    text-decoration: none;
+    color:#111111;
+}
+.FM_div{
+    width:100%;
+    height:auto;
+    position: relative;
+}
+.FM_div img{
+    width:100%;
+    position: absolute;
+    z-index:100;
+}
+.div3 img{
+    width:100%;
+height: 100%;    
+}
+.JPhotelBtm,.JPhotelBtmPh{
+    width:100%;
+    padding-top:200px;
+    z-index:200;
+    text-align:center;
+}
+.JPhotelBtmPh div{
+    font-size:0.2rem;
+    text-align: center;
+}
+.JPhotelBtm div{
+    margin-bottom:20px;
+}
+</style>
+
+<template>
+<div>
+    <div style="position: relative;" v-show="isPhone">
+        <img @click="goUrl('Home')" class="Homeimg" src="../../assets/img/juan/home.png" alt />
+        <div class="div3 div1" ref="div3" >
+            <img class="img" src="../../assets/img/juan/Jpph1.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/Jpph2.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/Jpph3.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/Jpph4.jpg" alt=""/>
+        </div>
+        <div class="bottom" style="position:absolute;bottom:10px;width:100%;color:#fff;text-align:center;">
+            <div class="JPhotelBtmPh">
+                <div>东京羽田机器人酒店</div>
+                <div>水口世纪酒店</div>
+                <div>大阪湾广场酒店</div>
+                <div>千叶光芒酒店</div>
+            </div>
+        </div>
+    </div>
+    <div style="position: relative;"  v-show="!isPhone">
+        <img @click="goUrl('Home')" class="Homeimg" src="../../assets/img/juan/home.png" alt />
+        <div class="div1" ref="div1">
+            <img class="img" src="../../assets/img/juan/jp0.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/jp1.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/jp2.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/jp3.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/jp4.jpg" alt=""/>
+            <img class="img" src="../../assets/img/juan/jp5.jpg" alt=""/>
+        </div>
+        <div class="bottom" style="position:absolute;bottom:20px;width:100%;color:#fff;text-align:center;">
+            <div class="JPhotelBtm">
+                <div>东京羽田机器人酒店</div>
+                <div>水口世纪酒店</div>
+                <div>大阪湾广场酒店</div>
+                <div>千叶光芒酒店</div>
+                <div>成田日航国际酒店</div>
+                <div>京都东急酒店</div>
+                <div>名古屋JAL CITY酒店</div>
+                <div>神户湾喜来登酒店</div>
+                <div>绿水亭温泉大酒店</div>
+                <div>东京马洛德酒店</div>
+            </div>
+        </div>
+    </div>
+</div>
+    
+</template>
+<script>
+export default {
+  data() {
+    return {
+        ab:0,
+        SaleList:[],
+        cityId:262,
+        companyId:0,
+        isPhone:false,
+        height2:"0px",
+        ab3:0
+    };
+  },
+  mounted() {
+      this.$nextTick(()=>{
+        // this.getFirstImg();
+        // this.AutoExchange();
+      })
+      var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
+    let userAgentInfo = navigator.userAgent;
+    let Agents = ["Android", "iPhone",
+                "SymbianOS", "Windows Phone",
+                "iPad", "iPod"];
+    for (let v = 0; v < Agents.length; v++) {
+        if (userAgentInfo.indexOf(Agents[v]) > 0) {
+            this.isPhone = true;
+            // this.AutoExchange3();
+
+            break;
+        }
+    }
+  },
+  created() {
+      this.cityId=localStorage.cityId?localStorage.cityId:0;
+      this.companyId=localStorage.site?parseInt(localStorage.site):0;
+      this.Cztm();
+      let oWidth = window.screen.width;
+  },
+  components: {
+  },
+  methods: {
+    goLocalDes(idDes,obj){
+        let path = 'detailTwo'
+        path=`${path}/${encodeURIComponent(idDes)}/${obj.tcid}`;
+
+        let routeData = this.$router.resolve({ path:path});
+        window.open(routeData.href, '_blank');
+    },
+      goUrl(path){
+        this.$router.push({ path,query:{}})
+    },
+    Cztm(){
+        let Msg={
+            pageIndex:1,
+            pageSize:5,
+            companyId:this.companyId,
+            cityId:this.cityId,
+        };
+        this.apiJavaPost('/api/b2b/home/getHomeTravelSpecialSale',Msg,res=>{         
+            if(res.data.resultCode==1){
+                this.SaleList=res.data.data.pageData;  
+
+            }else{
+                this.Error(res.data.message);
+            }
+            },null)
+    },
+  }
+};
+</script>

src/components/taskPage/JuanSaid.vue

@@ -29,7 +29,11 @@
   background-size: cover;
 }
 .tst-laowo{
-  background: url('../../assets/img/juan/laowo_01.jpg') 100% center;
+  background: url('../../assets/img/juan/laowo_02.jpg') 100% center;
+  background-size: cover;
+}
+.tst-jphotel{
+  background: url('../../assets/img/juan/JPhotel2.jpg') 100% center;
   background-size: cover;
 }
 .tstt{
@@ -359,6 +363,9 @@
       <p class="f30" style="text-align:center;margin-top:100px">本季<span style="color:#EE4454">. 精选特惠</span></p>
       <p class="f20" style="color:#999999;text-align:center">Selected Recommendation</p>
       <div class="jxth destiDiv basefix">
+        <div @click="goUrl('JapanHotel')" class="destiItem tst-jphotel">
+        </div>
+
         <div @click="goUrl('Laowo')" class="destiItem tst-laowo">
         </div>
 
@@ -373,8 +380,8 @@
         </div>
         <!-- <div @click="goUrl('FoodImg2')" class="destiItem tst-four">
         </div> -->
-        <div @click="goUrl('Img5')" class="destiItem tst-five">
-        </div>
+        <!-- <div @click="goUrl('Img5')" class="destiItem tst-five">
+        </div> -->
         <!-- <div @click="goUrl('Juanski')" class="destiItem tst-huaxue">
         </div> -->
         <!-- <div class="destiItem">

src/router.js

@@ -11,6 +11,7 @@ import FoodImg from "./components/taskPage/FoodImg";
 import FoodImg2 from "./components/taskPage/FoodImg2";
 import FoodImg4 from "./components/taskPage/FoodImg4";
 import Laowo from "./components/taskPage/Laowo";
+import JapanHotel from "./components/taskPage/JapanHotel";
 import xiazaiAPP from "./components/taskPage/xiazaiAPP";
 import Fire from "./components/taskPage/Fire";
 import Img5 from "./components/taskPage/Img5";
@@ -792,6 +793,15 @@ export default new Router({
         headerShow: true,
       },
     },
+    {
+      path: '/JapanHotel',
+      name: 'JapanHotel',
+      component: JapanHotel,
+      meta: {
+        title: "卷妹说",
+        headerShow: true,
+      },
+    },
     {
       path: "/Fire",
       name: "Fire",