Commit 39952120 authored by huangyuanyuan's avatar huangyuanyuan

当地美食

parent fd4815ae
......@@ -65,6 +65,7 @@
height: 12px;
position: relative;
top: 2px;
cursor: pointer;
}
.LocalCuisine .pxDiv{
padding: 15px 0;
......
......@@ -13,6 +13,9 @@
.commonF .f20{
font-size: 20px;
}
.commonF .f32{
font-size:32px;
}
.commonF .pfR{
font-family: "PingFangR";
}
......
......@@ -12,3 +12,103 @@
text-align: center;
margin: 45px auto;
}
.GroupTour .GroupTour_top_bg{
position: relative;
height: 522px;
color:#333;
font-family: "PingFang";
}
.GroupTour .GroupTour_top_bg .bg{
width: 1180px;
margin:0 auto;
min-height: 50px;
z-index: 1000;
position: relative;
}
.GroupTour .GroupTour_top_bg img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.GroupTour .GroupTour_top_bg .alltype{
width:200px;
height:40px;
background:rgba(240,93,107,1)!important;
color: #fff;
box-sizing: border-box;
font-size:14px;
text-align: center;
line-height: 40px;
padding:0!important;
}
.GroupTour .GroupTour_top_bg .typeLi>li{
padding:10px 30px 10px 35px;
box-sizing: border-box;
background: #ffffff;
position: relative;
width:200px;
border-bottom:1px solid #E9E9E9;
cursor: pointer;
}
.GroupTour .GroupTour_top_bg .typeLi>li:last-child{
border-bottom: none;
}
.GroupTour .GroupTour_top_bg .typeLi>li .jumpHover{
position: absolute;
top: -1px;
left: 200px;
width: 500px;
background: #fff;
padding:10px 20px;
box-sizing: border-box;
border: 1px solid #E9E9E9;
}
.GroupTour .GroupTour_top_bg .typeLi>li .typeTile{
font-family: "PingFangR";
}
.GroupTour .GroupTour_top_bg .typeLi>li .typeAdress{
color:#666666;
font-size: 12px;
margin-top:8px;
}
.GroupTour .GroupTour_top_bg .typeLi>li .typeAdress span{
margin-right: 5px;
}
.GroupTour .GroupTour_top_bg .jumpTitle{
font-family: "PingFangR";
border-bottom:1px solid #E9E9E9;
height: 30px;
line-height: 28px;
}
.GroupTour .GroupTour_top_bg .jumpTitle .jumpTitleSpan{
display: inline-block;
border-bottom: 3px solid #EE4454;
}
.GroupTour .GroupTour_top_bg .jumpHover{
display: none;
transition: all .5s ease;
}
.GroupTour .GroupTour_top_bg .jumpHover li{
color:#888888;
}
.GroupTour .GroupTour_top_bg .typeLi>li .right_border{
position: absolute;
top: 0;
right: -3px;
z-index: 3;
width: 4px;
height: 100%;
background: #fff;
display: none;
}
.GroupTour .GroupTour_top_bg .typeLi>li:hover .jumpHover{
display: block;
}
.GroupTour .GroupTour_top_bg .typeLi>li:hover .right_border{
display: block;
}
\ No newline at end of file
......@@ -40,6 +40,13 @@
margin-bottom: 8px;
cursor: pointer;
}
.Home .Home_top .el-radio__input.is-checked .el-radio__inner{
border-color: #FD6473;
background: #FD6473;
}
.Home .Home_top .el-radio__input.is-checked+.el-radio__label{
color: #FD6473;
}
.Home .green_span {
display: inline-block;
width: 3px;
......@@ -56,7 +63,8 @@
text-align: center;
font-size: 14px;
float: right;
font-family: "PingFangR"
font-family: "PingFangR";
cursor: pointer;
}
.Home .Home_top .tag_right .el-form-item__label {
color: #666666;
......@@ -71,7 +79,7 @@
border:1px solid rgba(216,218,220,1);
margin-bottom:10px;
}
.Home .Home_top .tag_right .chooseticketul li span:nth-child(1){
.Home .Home_top .tag_right .chooseticketul li>span:nth-child(1){
padding-left: 10px;
color:#666666;
}
......
......@@ -150,7 +150,7 @@
<div v-if="im==0" v-for="(img,im) in Scen.childItem.imaArray" :key="img.url" style="font-size:14px;margin-top:20px;overflow:auto">
<!-- <img :onerror="defaultImg" :src="img.url" style="width:200px;height:133px;float:left;" alt=""> -->
<img v-if="!img.url" src="../../assets/img/default.png" style="width:200px;height:133px;float:left;" alt="">
<img v-else :src="img.url" style="width:200px;height:133px;float:left;" alt="">
<img v-else :src='compressImg(img.url, "filt", 245, "")' style="width:200px;height:133px;float:left;" alt="">
<div style="float:left;margin-left:20px;width:719px">
<p><span style="color:#5F95E8;font-size:16px;margin-bottom:13px">{{Scen.childItem.couponsName}}</span></p>
......@@ -171,7 +171,7 @@
<p style="font-size:16px;"><span>餐饮</span><span style="color:#5F95E8;margin-left:5px">{{Res.childItem.dinnerName}}</span></p>
<div v-if="im==0" v-for="(img,im) in Res.childItem.imaArray" :key="img.url" style="font-size:14px;margin-top:20px;overflow:auto">
<img :src="img.url" style="width:200px;height:133px;float:left;" alt="">
<img :src='compressImg(img.url, "filt", 245, "")' style="width:200px;height:133px;float:left;" alt="">
<div v-if="Res.childItem.description" style="float:left;margin-left:20px;width:719px">
<p v-html="Res.childItem.description"></p>
</div>
......
......@@ -124,7 +124,7 @@
<div class="content_list" v-if="datalist.length>0">
<el-row class="row_content" v-for="item in datalist" :key="item.id">
<el-col :span="3">
<img :src="item.imgCover[0].Url" alt="" :onerror="errorImg">
<img :src='compressImg(item.imgCover[0].Url, "filt", 245, "")' alt="" :onerror="errorImg">
</el-col>
<el-col class="div_2" :span="14" style="font-size:12px">
<p @click="goUrl('detail',item.id,item.tcid)" class="visa_title" style="font-size:16px;color:#000000">
......
......@@ -3,7 +3,7 @@
<div class="top_img">
<el-carousel class="carousel" arrow="always" style="height:100%" :interval="10000" trigger="click">
<el-carousel-item v-for="item in slideList" :key="item.url">
<img :src='item.url'>
<img :src='compressImg(item.url, "filt", 245, "")'>
</el-carousel-item>
</el-carousel>
<div class="box">
......
......@@ -5,6 +5,75 @@
<el-row class="GroupTour">
<!-- 顶部图片 -->
<el-row class="GroupTour_top_bg">
<div class="bg">
<ul class="typeLi">
<li class="alltype">所有分类</li>
<li>
<span class="right_border"></span>
<p class="typeTile">日本线</p>
<p class="typeAdress">
<span>东京</span>
<span>高雄</span>
<span>北海道</span>
</p>
<div class="jumpHover">
<p class="jumpTitle"><span class="jumpTitleSpan">日本线</span></p>
<ul style="font-size:12px">
<li style="margin-top:15px;">
<p style="color:#111111;font-family:'PingFangR'">热门目的地</p>
<div style="margin-top:6px">
<span>东京<span style="padding:0 6px">|</span></span>
<span>高雄<span style="padding:0 6px">|</span></span>
<span>北海道 <span style="padding:0 6px">|</span></span>
<span>东京<span style="padding:0 6px">|</span></span>
</div>
</li>
<li style="margin-top:15px;">
<p style="color:#111111;font-family:'PingFangR'">热门目的地</p>
<div style="margin-top:6px">
<span>东京 <span> | </span></span>
<span>高雄 <span> | </span></span>
<span>北海道 <span> | </span></span>
</div>
</li>
</ul>
</div>
</li>
<li>
<span class="right_border"></span>
<p class="typeTile">日本线</p>
<p class="typeAdress">
<span>东京</span>
<span>高雄</span>
<span>北海道</span>
</p>
<div class="jumpHover">
<p class="jumpTitle"><span class="jumpTitleSpan">日本线</span></p>
<ul style="font-size:12px">
<li style="margin-top:15px;">
<p style="color:#111111;font-family:'PingFangR'">热门目的地</p>
<div style="margin-top:6px">
<span>东京<span style="padding:0 6px">|</span></span>
<span>高雄<span style="padding:0 6px">|</span></span>
<span>北海道 <span style="padding:0 6px">|</span></span>
<span>东京<span style="padding:0 6px">|</span></span>
</div>
</li>
<li style="margin-top:15px;">
<p style="color:#111111;font-family:'PingFangR'">热门目的地</p>
<div style="margin-top:6px">
<span>东京 <span> | </span></span>
<span>高雄 <span> | </span></span>
<span>北海道 <span> | </span></span>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
<img src="../../assets/img/groupTour/top_bg.png" alt="">
</el-row>
<el-row class="_list" v-loading="loading">
......
This diff is collapsed.
......@@ -5,7 +5,7 @@
<div v-for="(item,index) in dataList" :key="index+5000" style="margin-bottom:20px">
<li>
<div>
<img style="width:143px;height:106px;" :src="item.coverImgs[0]" alt="">
<img style="width:143px;height:106px;" :src='compressImg(item.coverImgs[0], "filt", 245, "")' alt="">
</div>
<div class="secondDiv">
<p @click="GoUrl(item)" style="font-size:16px;color:#2A5532;cursor:pointer">{{item.name}}</p>
......@@ -49,7 +49,7 @@
<ul class="hottour_ul">
<p class="pfR font14" style="margin-bottom:8px">热门景点</p>
<li @click="GoUrl(item)" v-for="(item,index) in hotList" :key="index+2000">
<img :src="item.coverImgs[0]" alt="">
<img :src='compressImg(item.coverImgs[0], "filt", 245, "")' alt="">
<div class="hotcontent">
<span style="color:#fff;width:125px;" class="textHidden font12">{{item.name}}</span>
<span style="width:75px;color:#FDAC11;text-align:right">
......
This diff is collapsed.
......@@ -283,6 +283,9 @@ export default {
}
}
if(this.$route.query.id){
this.msg.countryId=Number(this.$route.query.id);
}
},
mounted() {
......
......@@ -20,7 +20,9 @@
<div class="sidenav_right">
<el-carousel class="carousel" arrow="always" style="height:100%" :interval="10000" trigger="click">
<el-carousel-item v-for="item in slideList" :key="item.url">
<img :src='item.url'>
<!-- <img :src='item.url'> -->
<img :src='compressImg(item.url, "filt", 245, "")' alt="">
</el-carousel-item>
</el-carousel>
</div>
......@@ -71,10 +73,10 @@
</div>
</div>
</div>
<div class="basefix dayContent" style="margin-top:17px">
<div v-loading="dayLoad" class="basefix dayContent" style="margin-top:17px">
<div class="dayConDiv1">
<div @click="goOneDayDetail(item)" v-if="index<2" v-for="(item,index) in abroadList" :key="index+300">
<img v-if="index==0" :key="img.url" v-for="(img,index) in item.imgCover" :src="img.url" alt="">
<img v-if="index==0" :key="img.url" v-for="(img,index) in item.imgCover" :src='compressImg(img.url, "filt", 245, "")' alt="">
<span class="daydes">{{item.title}}</span>
<span class="price"><span class="pfR font18">{{item.b2BPrice}}</span></span>
</div>
......@@ -83,7 +85,7 @@
<ul>
<li @click="goOneDayDetail(item)" v-if="index>1" v-for="(item,index) in abroadList" :key="index+200">
<div class="imgDiv">
<img v-if="index==0" :key="img.url" v-for="(img,index) in item.imgCover" :src="img.url" alt="">
<img v-if="index==0" :key="img.url" v-for="(img,index) in item.imgCover" :src='compressImg(img.url, "filt", 245, "")' alt="">
<span class="country">{{item.lineShortName}}</span>
<p class="price">
<span><span class="font18 pfR">{{item.b2BPrice}}</span></span>
......@@ -104,7 +106,7 @@
</div>
<ul class="hottour_ul">
<li @click="goOneDayDetail(item)" v-for="(item,index) in abroadhotList" :key="index+100">
<img v-if="index==0" :key="img.url" v-for="(img,index) in item.imgCover" :src="img.url" alt="">
<img v-if="index==0" :key="img.url" v-for="(img,index) in item.imgCover" :src='compressImg(img.url, "filt", 245, "")' alt="">
<div class="hotcontent">
<span class="textHidden font12">{{item.title}}</span>
<p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px"><span class="pfR font14">{{item.b2BPrice}}</span></p>
......@@ -140,9 +142,10 @@
<span>大阪环球影城</span>
</div>
</div>
<ul class="ticketRight basefix">
<ul v-loading="ticketLoad" class="ticketRight basefix">
<li @click="GoTicket(item)" v-for="item in ticketList" :key="item.id">
<img :src="item.coverImgs[0]" alt="">
<!-- <img :src="item.coverImgs[0]" alt=""> -->
<img :src='compressImg(item.coverImgs[0], "filt", 245, "")' alt="">
<!-- <div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<p style="margin-top:3px;">电影</p>
......@@ -289,7 +292,7 @@
</div>
<div class="outone_top_right">
<div class="content">
<span @click="SelectCountry(item.countryId)" :class="ticketmsg.countryId==item.countryId?'outone_active':''" v-for="item in countryticketList" :key="item.countryId">
<span @click="SelectFood(item.countryId)" :class="foodmsg.countryId==item.countryId?'outone_active':''" v-for="item in foodcountryList" :key="item.countryId">
{{item.countryName}}</span>
<a @click="GoCuisine()">更多美食</a>
......@@ -300,9 +303,10 @@
<div class="ticketLeft">
<img style="width:100%;height:100%" src="../../assets/img/localtour/meishi.png" alt="">
</div>
<ul class="ticketRight basefix">
<li @click="GoTicket(item)" v-for="item in ticketList" :key="item.id">
<img :src="item.coverImgs[0]" alt="">
<ul v-loading="foodLoad" class="ticketRight basefix">
<li @click="GoTicket(item)" v-for="item in foodList" :key="item.id">
<!-- <img :src="item.coverImgs[0]" alt=""> -->
<img :src='compressImg(item.coverImgs[0], "filt", 245, "")' alt="">
<div class="bottom">
<span>{{item.name}}</span>
<span class="font12 textHidden1">¥<a class="font14">{{item.b2bPrice | NoDesnum}}</a>起/人</span>
......@@ -345,6 +349,17 @@ export default {
countryId:-1,
},
ticketList:[],
foodcountryList:[],
foodmsg:{
countryId:0,
pageIndex:1,
pageSize:8,
},
foodList:[],
foodLoad:false,
dayLoad:false,
ticketLoad:false,
}
},
mounted() {
......@@ -353,8 +368,39 @@ export default {
this.GetAbroad();
this.GetHotAbroad();
this.GetCuntryTicket();
this.getFoodCountryItem();
},
methods: {
SelectFood(countryId){
this.foodmsg.countryId=countryId;
this.FoodCountryList();
},
FoodCountryList(){
this.foodLoad=true;
this.apiJavaPost('/api/b2b/food/getHomeFoodList',this.foodmsg,res=>{
this.foodLoad=false;
if(res.data.resultCode==1){
this.foodList=res.data.data.pageData;
}else{
this.Error(res.data.message);
}
},null)
},
getFoodCountryItem(){
this.apiJavaPost('/api/b2b/food/getFoodCountryItem',{},res=>{
// console.log(res);
if(res.data.resultCode==1){
this.foodcountryList=res.data.data;
if(this.foodcountryList.length>0){
this.foodmsg.countryId= this.foodcountryList[0].countryId;
this.FoodCountryList();
}
}else{
this.Error(res.data.message);
}
},null)
},
GoCuisine(){
this.$router.push({ path:'/LocalCuisine'})
},
......@@ -379,7 +425,9 @@ export default {
},
// 门票列表
GetTicketList(){
this.ticketLoad=true;
this.apiJavaPost('/api/b2b/scenic/getHomeTicketList',this.ticketmsg,res=>{
this.ticketLoad=false;
if(res.data.resultCode==1){
this.ticketList=res.data.data.pageData;
}else{
......@@ -423,7 +471,9 @@ export default {
},
// 获取境外一日游推荐产品
GetAbroad(){
this.dayLoad=true;
this.apiJavaPost('/api/b2b/dayTrip/getHomeRecommendProduct',this.abroadMsg,res=>{
this.dayLoad=false;
if(res.data.resultCode==1){
this.abroadList=res.data.data.pageData;
// console.log("this.abroadList",this.abroadList);
......
......@@ -3,7 +3,7 @@
<ul class="oneList">
<li @click="goOneDayDetail(item)" v-for="(item,index) in dataList" :key="index+200">
<div>
<img style="width:199px;height:148px;" :src="item.imgCover[0].url" alt="">
<img style="width:199px;height:148px;" :src='compressImg(item.imgCover[0].url, "filt", 245, "")' alt="">
</div>
<div class="secondDiv">
<p style="font-size:16px;color:#2A5532;cursor:pointer">{{item.title}}</p>
......@@ -36,7 +36,7 @@
<ul class="hottour_ul">
<p class="pfR font14" style="margin-bottom:8px">历史浏览</p>
<li @click="goOneDayDetail(item)" v-for="(item,index) in Historylist" :key="index+2000">
<img :src="item.imgCover[0].url" alt="">
<img :src='compressImg(item.imgCover[0].url, "filt", 245, "")' alt="">
<div class="hotcontent">
<span class="textHidden font12">{{item.title}}</span>
<p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px"><span class="pfR font14">{{item.b2BPrice | NoDesnum}}</span></p>
......
......@@ -4,7 +4,7 @@
<!-- 头部 -->
<div class="TicketHead">
<div class="TicketHeadLeft">
<img style="width:499px;height:281px;display:inline-block" :src="imgHoverSrc" alt="">
<img style="width:499px;height:281px;display:inline-block" :src='compressImg(imgHoverSrc, "filt", 245, "")' alt="">
<div class="block">
<i @click="ImgBefore" :class="ImgIndex==0?'green':''" class="ChangeImgTab" style="margin-left:0">
<span class="iconfont icon-xiangzuo"></span>
......@@ -14,7 +14,7 @@
<li v-if="index<10" @mouseover="LiHover(item,index)" :class="imgHover==index?'liActive':''" v-for="(item,index) in dataDes.coverImgs" :key="index" >
<a href="#">
<img :src="item" :onerror="defaultImg" alt="">
<img :src='compressImg(item, "filt", 245, "")' :onerror="defaultImg" alt="">
</a>
</li>
......
......@@ -396,7 +396,6 @@ export default {
} else {
this.endcity = true;
}
console
},
// 出发地城市信息
CityInfo(val) {
......
......@@ -13,14 +13,14 @@
<el-form class="choose_form" ref="form" :model="choose_info" label-width="100px">
<el-form-item class="form_big" label="出发地">
<el-popover
<el-popover v-model="startcity" :visible-arrow="false"
placement="bottom"
trigger="click">
<div v-show="startcity" class="citycompent">
<div class="citycompent">
<v-city @CityInfo="CityInfo" @CityCompClose="CityCompClose"></v-city>
</div>
<span slot="reference">
<el-input size="small" clearable @focus="CityCompStatus('start')" class="ChooseCity" v-model="choose_info.departure_cityname" placeholder="城市">
<el-input size="small" clearable class="ChooseCity" v-model="choose_info.departure_cityname" placeholder="城市">
</el-input>
</span>
</el-popover>
......@@ -48,14 +48,14 @@
<el-input-number size="mini" v-model="choose_info.lr" :min="0" :max="10" label="描述文字"></el-input-number>
</el-form-item>
<el-form-item class="form_big" label="目的地">
<el-popover
<el-popover v-model="endcity" :visible-arrow="false"
placement="bottom"
trigger="click">
<div v-show="endcity" class="citycompent">
<div class="citycompent">
<v-city1 @CityInfo1="CityInfo1" @CityCompClose1="CityCompClose1"></v-city1>
</div>
<span slot="reference">
<el-input size="mini" clearable @focus="CityCompStatus('end')" class="ChooseCity" v-model="choose_info.arrival_cityname" placeholder="城市">
<el-input size="mini" clearable class="ChooseCity" v-model="choose_info.arrival_cityname" placeholder="城市">
</el-input>
</span>
</el-popover>
......
......@@ -138,7 +138,13 @@
<span class="__splice">|</span>
</div>
</li>
<li :class="{_active: navActive === 1}" class="__tour">
<li :class="{_active: navActive ===1}">
<div @click="handleSelect('/heel', 1), navActive = 1">
<span>跟团游</span>
<span class="__splice">|</span>
</div>
</li>
<!-- <li :class="{_active: navActive === 1}" class="__tour">
<el-menu class="el-menu-demo" mode="horizontal">
<el-submenu index="2" popper-class="new_header_nav_three_select">
<template slot="title" ><span @click="handleSelect('/heel', 1), navActive = 1">跟团游</span></template>
......@@ -184,24 +190,7 @@
</el-submenu>
</el-menu>
<span class="__splice">|</span>
<!-- <div @click="handleSelect('/heel', 1), navActive = 1">
<span>跟团游</span>
<span class="__splice">|</span>
</div> -->
<!-- <div>
<el-dropdown trigger="click" placement="bottom-start">
<span class="el-dropdown-link">
<span class="__cp">跟团游<i class="iconfont icon-xia"></i></span>
</span>
<el-dropdown-menu class="changelanguage" slot="dropdown">
<el-dropdown-item @click.native="handleSelect('/heel',1)">跟团游</el-dropdown-item>
<el-dropdown-item @click.native="">跟团游2</el-dropdown-item>
<el-dropdown-item @click.native="">跟团游3</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<span class="__splice">|</span>
</div> -->
</li>
</li> -->
<!-- 自由行 -->
<li :class="{_active: navActive === 2}">
<div @click="handleSelect('/IndependentTravel', 2), navActive = 2">
......@@ -223,21 +212,6 @@
</li>
<!-- <li :class="{_active: navActive === 3}" class="__tour">
<el-menu class="el-menu-demo" mode="horizontal">
<el-submenu index="2" popper-class="new_header_nav_three_select">
<template slot="title" ><span @click="handleSelect('/Localtourhome', 3), navActive = 3">当地游</span></template>
<el-menu-item index="2-1">
<p @click="handleSelect('/LocalCuisine', 3), navActive = 3" style="padding:6px 0">当地美食</p>
</el-menu-item>
</el-submenu>
</el-menu>
<span class="__splice">|</span>
</li> -->
<!-- 当地游 -->
<li :class="{_active: navActive === 3}">
<div @click="handleSelect('/Localtourhome', 3), navActive = 3">
......
......@@ -118,7 +118,7 @@ Vue.filter('priceFormat', function (value) {
if (value == null) {
return 0.00;
}
let nStr = value.toFixed(0)+".00"
let nStr = value.toFixed(0)
nStr += '';
let x = nStr.split('.');
let x1 = x[0];
......
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