Skip to content

A
Athena
Commit 87e41d28 authored by huangyuanyuan's avatar huangyuanyuan
Browse files
Options

新增自由行列表

parent 5c742623
Show whitespace changes
Inline Side-by-side
Showing with 950 additions and 350 deletions
src/assets/css/home.css
View file @ 87e41d28
...@@ -613,3 +613,52 @@ p { ...@@ -613,3 +613,52 @@ p {
margin-right:10px; margin-right:10px;
color: #fff; color: #fff;
} }
.Home .color_33{
color: #333333;
font-weight:bold;
font-size: 14px;
}
.Home .home_footer{
margin:30px 0 15px 0;
}
.Home .home_footer .float{
float: left;
font-size: 12px;
color: #666666;
}
.Home .home_footer .float .iconfont{
font-size: 30px;
margin: 15px 10px;
}
.Home .home_footer .float ul li{
display: inline-block;
font-size: 12px;
color:#666666;
width: 50%;
padding:1px 0;
}
.Home .home_footer .float p{
padding:1px 0;
}
.Home .home_footer .el-col-6{
padding-left: 40px;
box-sizing: border-box;
}
.Home .phone{
width: 100%;
height:70px;
background:rgba(238,68,84,1);
margin-bottom:15px;
}
.Home .phone .qipao{
position: relative;
top: -2px;
display: inline-block;
font-size: 12px;
height: 34px;
width: 50px;
text-align: center;
line-height: 34px;
background: url('../img/home/qipao.png') no-repeat;
background-size:100% 100%;
}
\ No newline at end of file
src/components/DependentTravel/IndependentList.vue 0 → 100644
View file @ 87e41d28
<template>
<div class="visaList">
<!-- <div style="padding:10px 0">
<el-row :gutter="24" style="box-shadow:0px 4px 8px 0px rgba(107,107,107,0.18);">
<div class="common_width">
<ul class="top_ul">
<button @click="ArrowLeft" v-show="msg.pageIndex>1" type="button" class="el-carousel__arrow el-carousel__arrow--left"><i class="el-icon-arrow-left"></i></button>
<button @click="ArrowRight" v-show="msg.pageIndex!=pageCount" type="button" class="el-carousel__arrow el-carousel__arrow--right"><i class="el-icon-arrow-right"></i></button>
<li @click="SelectCountry(item.id)" :class="listmsg.visaCountryId==item.id?'visa_active':''" v-for="item in hotcountry" :key="item.countryId">
<img :src="item.countryIcon" alt="" :onerror="errorImg">
<p>{{item.countryName}}</p>
</li>
</ul>
</div>
</el-row>
</div> -->
<el-row :gutter="20" style="background:#F5F5F5;padding-bottom:40px">
<div class="common_width">
<!-- 选择条件 -->
<div class="Selectconditions">
<div>
<div class="select_title" style="top:15px">线路</div>
<ul class="select_ul" :class="lineselect?'':'select_ul_height'">
<li @click="ChangeLine(item)" :class="listmsg.lineId==item.id?'visa_active':''" v-for="item in linesList" :key="item.id">{{item.name}}</li>
</ul>
<span class="czd" @click="ChangeSelect(2)">{{lineselecttext}}<i :class="lineselect?'rolate':''" class="iconfont icon-moban"></i></span>
</div>
<div v-if="seriesList.length>0">
<div class="select_title" style="top:15px">系列</div>
<ul class="select_ul" :class="seriesn?'':'select_ul_height'">
<li @click="Selectseries(item)" :class="listmsg.lineTeamId==item.id?'visa_active':''" v-for="item in seriesList" :key="item.id">{{item.name}}</li>
</ul>
<span class="czd" @click="ChangeSelect(1)">{{seriescontext}}<i :class="seriesn?'rolate':''" class="iconfont icon-moban"></i></span>
</div>
<!-- 行程天数 -->
<div>
<div class="select_title" style="top:15px">行程天数</div>
<ul class="select_ul">
<li @click="SelectDay(item)" :class="listmsg.dayNum==item.id?'visa_active':''" v-for="item in tripDayList" :key="item.id">{{item.name}}</li>
</ul>
<!-- <span class="czd" @click="ChangeSelect(1)">{{seriescontext}}<i :class="seriesn?'rolate':''" class="iconfont icon-moban"></i></span> -->
</div>
<!-- 出发日期 -->
<div>
<div class="select_title" style="top:19px">出发日期</div>
<ul class="select_ul">
<li @click="SelectMonth(item)" :class="monthid==item.month?'visa_active':''" v-for="item in MonthDateList" :key="item.month">{{item.month}}月</li>
<el-date-picker size="mini" @change="ChangeDate"
v-model="listmsg.monthdate"
value-format='yyyy-MM-dd'
type="daterange"
range-separator="至"
start-placeholder="最早出发时间"
end-placeholder="最晚出发时间">
</el-date-picker>
</ul>
<!-- <span class="czd" @click="ChangeSelect(1)">{{seriescontext}}<i :class="seriesn?'rolate':''" class="iconfont icon-moban"></i></span> -->
</div>
<!-- 出发城市 -->
<div>
<div class="select_title" style="top:15px">出发城市</div>
<ul class="select_ul" :class="selectcon?'':'select_ul_height'">
<!-- <li @click="SelectCity(0)" :class="listmsg.companyId==0?'visa_active':''">不限</li> -->
<li @click="SelectCity(item.id)" :class="listmsg.id==item.id?'visa_active':''" v-for="item in startCityList" :key="item.id">{{item.startCityName}}</li>
</ul>
<span class="czd" @click="ChangeSelect(3)">{{selectcontext}}<i :class="selectcon?'rolate':''" class="iconfont icon-moban"></i></span>
</div>
<!-- 定制主题 -->
<div>
<div class="select_title" style="top:15px">定制主题</div>
<ul class="select_ul">
<li>团队建设</li>
<li>团队建设</li>
<li>团队建设</li>
<li>团队建设</li>
<li>团队建设</li>
<li>团队建设</li>
</ul>
<!-- <span class="czd" @click="ChangeSelect(1)">{{seriescontext}}<i :class="seriesn?'rolate':''" class="iconfont icon-moban"></i></span> -->
</div>
</div>
<!-- 列表 -->
<div class="datalist" v-loading="loading">
<p style="padding:0 8px;background:#DDDDDD;font-size:12px">
<span style="display:inline-block;">时间最近
<span class="caret-wrapper">
<i @click="OrderByPrice(1)" :class="listmsg.orderByPrice==1?'borderbottom':''" class="sort-caret ascending"></i>
<i @click="OrderByPrice(2)" :class="listmsg.orderByPrice==2?'bordertop':''" class="sort-caret descending"></i>
</span>
<!-- <span class="noben_span"><i class="iconfont icon-moban" :class="listmsg.orderByPrice==2?'rolate':''"></i></span> -->
</span>
<span style="display:inline-block;margin-left:15px">价格
<span class="caret-wrapper">
<i @click="OrderByBookAdvance(1)" :class="listmsg.orderByBookAdvance==1?'borderbottom':''" class="sort-caret ascending"></i>
<i @click="OrderByBookAdvance(2)" :class="listmsg.orderByBookAdvance==2?'bordertop':''" class="sort-caret descending"></i>
</span>
</span>
</p>
<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.coverImage[0].url" alt="" :onerror="errorImg">
</el-col>
<el-col class="div_2" :span="14" style="font-size:12px">
<p @click="GourlItem(item)" class="visa_title" style="font-size:16px;color:#000000">{{item.name}}</p>
<p><span v-for="(tag,index) in item.tagList" :key="index+100" class=tag>{{tag}}</span></p>
<p>出发日期：最早{{item.startDate}}出发</p>
<p>提前预定：{{item.bookAdvance}}个工作日</p>
</el-col>
<el-col :span="4" style="color:#FF680B;font-size:16px;">
￥<span style="font-weight:700">{{item.visaPrice | priceFormat}}</span><span style="font-size:12px">起</span>
</el-col>
<el-col :span="3" style="text-align:right">
<el-button @click="GourlItem(item)" size="small" style="border:1px solid #FF6633;color:#FF6633;">立即预定</el-button>
</el-col>
</el-row>
<el-pagination style="margin:15px;text-align:right"
background
layout="prev, pager, next"
@current-change="CurrentChange"
:total="total">
</el-pagination>
</div>
<div v-if="datalist.length==0" style="padding:15px 0;text-align:center">
<div class="empty-data"><i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了
</div>
</div>
</div>
</div>
</el-row>
</div>
</template>
<script>
import moment from 'moment'
export default {
data () {
return {
loading:false,
errorImg: 'this.src="' + require('assets/img/default.png') + '"',
seriesn:false,
seriescontext:"展开",
selectcon:false,
selectcontext:"展开",
lineselect:false,
lineselecttext:"展开",
msg:{
companyId:0,
pageIndex:1,
pageSize:12,
},
hotcountry:[],
listmsg:{
pageIndex:1,
pageSize:10,
lineId:0,
lineTeamId:0,
dayNum:0,
monthdate:[],
},
total:0,
datalist:[],
pageCount:0,
companyId:parseInt(localStorage.site),
startCityList:[],
linesList:[],
seriesList:[],
tripDayList:[],
MonthDateList:[],
monthid:0,
}
},
created(){
if(this.$route.query.id){
this.listmsg.visaCountryId=Number(this.$route.query.id);
}
},
mounted() {
// this.GetVisaCountry();
this.LoadMonth();
this.loadRecoItems()
},
methods: {
SelectMonth(item){
this.listmsg.monthdate=[];
this.monthid=item.month;
this.listmsg.monthdate.push(item.startDate);
this.listmsg.monthdate.push(item.endDate);
console.log(this.listmsg)
},
ChangeDate(){
console.log("sdff",this.listmsg.monthdate)
this.monthid=0;
},
LoadMonth(){
const currentmonth = moment().month();
let montharr=[currentmonth,currentmonth+1,currentmonth+2];
montharr.forEach(item=>{
const obj={};
obj.month=item+1;
obj.startDate = moment().month(item).startOf('month').format('YYYY-MM-DD');
obj.endDate = moment().month(item).endOf('month').format('YYYY-MM-DD');
this.MonthDateList.push(obj)
})
// console.log("MonthDateList",this.MonthDateList)
},
// 选择天数
SelectDay(item){
this.listmsg.dayNum=item.id;
},
// 选择系列
Selectseries(item){
this.listmsg.lineTeamId=item.id;
},
// 选择线路
ChangeLine(item){
this.listmsg.lineId=item.id;
this.seriesList=item.lineTeam;
},
loadRecoItems(){
if(this.companyId!=-1){
this.apipost('b2b_get_GetGroupSearchItem',{'companyId':this.companyId},r=>{
this.linesList=r.data.data.line;
this.startCityList=r.data.data.startCity;
this.tripDayList=r.data.data.tripDay;
},null)
}
},
SelectCountry(id){
this.listmsg.visaCountryId=id;
this.GetVisaProListChoose();
this.GetList();
},
CurrentChange(val){
this.listmsg.pageIndex=val;
this.GetList();
},
GetList(){
this.loading=true;
let arr= this.tagType1.concat(this.tagType2);
this.listmsg.tags=arr.concat(this.tagType3);
this.apiJavaPost(
"/api/b2b/visa/getVisaProductList",
this.listmsg,
res => {
this.loading=false;
if (res.data.resultCode == 1) {
this.datalist=res.data.data.pageData;
this.total=res.data.data.count;
this.datalist.forEach(item=>{
item.tagList=item.tagTames.split(",");
})
} else {
this.Error(res.data.message);
}
},
null
);
},
OrderByPrice(num){
this.listmsg.orderByPrice=num;
this.GetList();
},
OrderByBookAdvance(num){
this.listmsg.orderByBookAdvance=num;
this.GetList();
},
SelectCity(companyId){
this.listmsg.companyId=companyId;
this.GetList();
},
// 获取热门签证产品列表
GetHotVisaProduct(){
this.apiJavaPost(
"/api/b2b/visa/getHotVisaProduct",
this.msg,
res => {
if (res.data.resultCode == 1) {
} else {
this.Error(res.data.message);
}
},
null
);
},
GourlItem(item){
let isLogin = this.$store.state.isLogin;
if (isLogin == 0) {
this.Error("请先登录！");
this.$router.push({
path: "/login?type=1",
query: { path: this.$route.name }
});
}else{
this.$router.push({path: `/Visaitemsdetails?productId=${encodeURIComponent(item.idDes)}`});
}
},
ChangeSelect(num){
if(num==1){
this.seriesn=!this.seriesn;
this.seriescontext?this.seriescontext='收起':this.seriescontext='展开';
}
else if(num==2){
this.lineselect=!this.lineselect;
this.lineselecttext?this.lineselecttext='收起':this.lineselecttext='展开';
}
else{
this.selectcon=!this.selectcon;
this.selectcon?this.selectcontext='收起':this.selectcontext='展开';
}
},
}
}
</script>
<style>
@import "../../assets/css/reset.css";
.visaList .top_ul .el-carousel__arrow--left{
left: -30px;
top: 25px;
}
.visaList .top_ul .el-carousel__arrow--right{
right: -30px;
top: 25px;
}
.visaList .top_ul .el-carousel__arrow {
position: absolute;
}
.visaList .common_width{
width: 1080px;
margin: 0 auto;
}
.visaList .el-input__inner{
border-radius: 0;
}
.visaList .select_ul_height{
height: 22px;
}
.visaList .el-pagination .btn-next,.visaList .el-pagination .btn-prev{
width: 28px!important;
height: 28px!important;
}
.visaList .bordertop{
border-top-color:#EE4454!important;
}
.visaList .borderbottom{
border-bottom-color:#EE4454!important;
}
.visaList .caret-wrapper{
display: inline-flex;
flex-direction: column;
align-items: center;
height: 34px;
width: 24px;
vertical-align: middle;
cursor: pointer;
overflow: initial;
position: relative;
}
.visaList .sort-caret {
width: 0;
height: 0;
border: 5px solid transparent;
position: absolute;
left: 7px;
}
.visaList .sort-caret.ascending {
border-bottom-color: #c0c4cc;
top: 5px;
}
.visaList .sort-caret.descending {
border-top-color: #c0c4cc;
bottom: 7px;
}
.visaList .visa_active img{
border: 1px solid #EE4454!important;
}
.visaList .visa_active{
color: #EE4454!important;
font-weight: bold;
}
.content_list .row_content .visa_title:hover{
color: #EE4454!important;
text-decoration: underline;
cursor: pointer;
}
.content_list .row_content .div_2 p{
padding:4px 0;
font-weight:400;
color:#333333;
}
.visaList .datalist .content_list .row_content:nth-last-child(1){
border: none;
}
.visaList .datalist .content_list .row_content{
border-bottom: 1px solid #E6E6E6;
padding: 10px 0;
display: flex;
align-items: center;
}
.visaList .datalist .content_list{
padding: 15px;
box-sizing: border-box;
}
.visaList .datalist .content_list .tag{
border-radius: 4px;
border:1px solid #DFDFDF;
color:#666666;
font-weight: 400;
font-size: 12px;
margin-right:5px;
padding: 0 2px;
}
.visaList .datalist .content_list img{
width: 120px;
}
.visaList .datalist .icon-moban{
font-size: 10px;
}
.visaList .datalist .noben_span{
display: inline-flex;
align-items: center;
vertical-align: bottom;
}
.visaList .datalist{
background: #fff;
}
.visaList .rolate{
transform:rotateX(180deg);
margin-top: -5px!important;
transition: all 0.2s;
}
.select_ul li:hover{
color: #EE4454!important;
}
.select_ul li{
display: inline-block;
padding: 0 10px;
cursor: pointer;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.visaList .czd{
position: absolute;
right: 6px;
top: 14px;
display: flex;
align-items: center;
font-size: 12px;
color: #333333;
cursor: pointer;
}
.czd .icon-moban{
font-size: 12px;
margin-top: 5px;
margin-left: 6px;
}
.Selectconditions .select_ul{
padding-left:70px;
padding-right:50px;
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
.Selectconditions .select_title{
position: absolute;
/* font-size:14px; */
font-weight:bold;
color:#333333;
top: 20px;
}
.Selectconditions>div{
position: relative;
border-bottom: 1px solid #E6E6E6;
padding:15px 0;
}
.Selectconditions{
background: #fff;
padding:0 15px;
box-sizing: border-box;
border:1px solid rgba(236,236,236,1);
margin-top: 10px;
font-size: 12px;
}
.visaList .top_ul .top_ul_li_last .icon-diandian{
font-size: 26px;
color:#B3B3B3;
}
.visaList .top_ul .top_ul_li_last{
width:61px;
height:41px;
background:rgba(236,236,236,1);
border:1px solid rgba(236,236,236,1);
border-radius:2px;
line-height: 41px;
}
.visaList ul{
margin:0;
padding:0;
}
.visaList .top_ul{
margin-bottom: 10px;
position: relative;
}
.visaList .top_ul li:hover{
color:#EE4454;
font-weight:bold;
}
.visaList .top_ul li:hover img{
border:1px solid #EE4454;
}
.visaList .top_ul li{
font-size:12px;
color:#666666;
display: inline-block;
text-align: center;
cursor: pointer;
margin:0 13px;
}
.visaList .top_ul li img{
display: inline-block;
width: 62px;
height: 41px;
border:1px dashed #666666;
}
.visaList li{
list-style: none;
}
.visaList p{
margin:0;
}
.visaList{
font-family: "PingFang"
}
</style>
src/components/DependentTravel/IndependentTravel.vue
View file @ 87e41d28
<template> <template>
<div class="Indepentdent"> <div class="Indepentdent">
<div class="top_img"> <div class="top_img">
<div class="japen"> <el-carousel class="carousel" arrow="always" style="height:100%" :interval="10000" trigger="click">
<p class="_name">JAPAN</p> <el-carousel-item v-for="item in slideList" :key="item.url">
<p class="s_name">日本 自由行</p> <img :src='item.url'>
</div> </el-carousel-item>
</el-carousel>
<div class="box"> <div class="box">
<img src="../../assets/img/banner-dibu_09.png" alt> <img src="../../assets/img/banner-dibu_09.png" alt>
<!-- <div class="boxCont"></div> --> <!-- <div class="boxCont"></div> -->
</div> </div>
...@@ -15,39 +17,7 @@ ...@@ -15,39 +17,7 @@
<img class="right1" src="../../assets/img/travel/right1.png" alt> <img class="right1" src="../../assets/img/travel/right1.png" alt>
<el-row class="max-w1500" :gutter="0"> <el-row class="max-w1500" :gutter="0">
<el-col :span="18" :offset="3"> <el-col :span="18" :offset="3">
<!-- <div class="pro_list">
<div @mouseenter="enter(0)" @mouseleave="leave">
<img v-if="prolist==0" src="../../assets/img/travel/hover0.png" alt>
<p>大阪</p>
<p class="fg"></p>
<p>osaka</p>
</div>
<div @mouseenter="enter(1)" @mouseleave="leave">
<img v-if="prolist==1" src="../../assets/img/travel/hover1.png" alt>
<p>东京</p>
<p class="fg"></p>
<p>Tokyo</p>
</div>
<div @mouseenter="enter(2)" @mouseleave="leave">
<img v-if="prolist==2" src="../../assets/img/travel/hover2.png" alt>
<p>冲绳</p>
<p class="fg"></p>
<p>Okinawa</p>
</div>
<div @mouseenter="enter(3)" @mouseleave="leave">
<img v-if="prolist==3" src="../../assets/img/travel/hover3.png" alt>
<p>北海道</p>
<p class="fg"></p>
<p>Hokkaido</p>
</div>
<div @mouseenter="enter(4)" @mouseleave="leave">
<img v-if="prolist==4" src="../../assets/img/travel/hover4.png" alt>
<p>富士山</p>
<p class="fg"></p>
<p>Mount Fuji</p>
</div>
</div> -->
<!-- 当季精选特惠 -->
<div class="_top_box clearfix"> <div class="_top_box clearfix">
<div class='wrap'> <div class='wrap'>
<div class='left common'></div> <div class='left common'></div>
...@@ -91,12 +61,13 @@ ...@@ -91,12 +61,13 @@
<div class="partition_last"> <div class="partition_last">
<span>></span> <span>></span>
</div> </div>
<div class='wrap wrap2'> <div class='wrap wrap2' @click="Gourl('PersonalTailor')">
<div class='left common'></div> <div class='left common'></div>
<div class='right common'></div> <div class='right common'></div>
<p>立即定制</p> <p>立即定制</p>
</div> </div>
</div> </div>
<!-- 当季精选特惠 -->
<div style="margin-top:40px"> <div style="margin-top:40px">
<p style="text-align:center;font-family:PingFang-SC-Regular;">Hot areas in the season</p> <p style="text-align:center;font-family:PingFang-SC-Regular;">Hot areas in the season</p>
<div class="djjx"> <div class="djjx">
...@@ -104,39 +75,14 @@ ...@@ -104,39 +75,14 @@
<span class="cont_bottom">价格实惠内容更精彩</span> <span class="cont_bottom">价格实惠内容更精彩</span>
</div> </div>
<div class="Season_content"> <div class="Season_content">
<div> <div v-for="(item,index) in TreatmentList" :key="index+100" v-if="index<3">
<div class="Season_content_list"> <div class="Season_content_list" :style="{backgroundImage:'url('+item.imgCover[0].Url+')'}">
<div style="position:relative;height: 35px;background-color: white;bottom: -5px;"> <div style="position:relative;height: 35px;background-color: white;bottom: -5px;">
<!-- <img ref="img0" id="img0" src="../../assets/img/visa/country1.png" alt=""> --> <!-- <img ref="img0" id="img0" src="../../assets/img/visa/country1.png" alt=""> -->
<div :class="SeasonBtn==0 ? 'Season_moneyActive' :''" class="Season_money"> <div :class="SeasonBtn==0 ? 'Season_moneyActive' :''" class="Season_money">
<p style="font-size:12px;padding-top:10px">RMB</p> <p style="font-size:12px;padding-top:10px">RMB</p>
<p style="font-size:14px;font-weight:600"> <p style="font-size:14px;font-weight:600">
5680 {{item.b2BPrice}}
<span style="font-size:12px;font-weight:10">起</span>
</p>
</div>
</div>
<div style="padding: 3px 10px 10px;">
<p
style="font-size:16px;font-weight:600;text-align:center;background-color: white;"
>东京-大阪自由行</p>
<div
class="text"
>四季变化明显，樱花季节，富士山，银座，新宿，池袋东护城河对岸矗立着一幢标志性建筑飞檐重阁白墙黑瓦，精巧的建筑连同浓郁的日本民族风格一起半掩半映在绿树丛中，加上氤氲萦绕的氛围，使皇宫更显得几分神秘。仿佛整个东京仅存的一丁点文化底蕴都藏进了对岸的树丛里。</div>
</div>
<div>
<el-button size="mini" class="btn">立即购买</el-button>
</div>
</div>
</div>
<div>
<div class="Season_content_list">
<div style="position:relative;height: 35px;background-color: white;bottom: -5px;">
<!-- <img ref="img1" id="img1" src="../../assets/img/visa/country1.png" alt=""> -->
<div :class="SeasonBtn==1 ? 'Season_moneyActive' :''" class="Season_money">
<p style="font-size:12px;padding-top:10px">RMB</p>
<p style="font-size:14px;font-weight:600">
5680
<span style="font-size:12px;font-weight:10">起</span> <span style="font-size:12px;font-weight:10">起</span>
</p> </p>
</div> </div>
...@@ -144,52 +90,27 @@ ...@@ -144,52 +90,27 @@
<div style="padding: 3px 10px 10px;"> <div style="padding: 3px 10px 10px;">
<p <p
style="font-size:16px;font-weight:600;text-align:center;background-color: white;" style="font-size:16px;font-weight:600;text-align:center;background-color: white;"
>东京-大阪自由行</p> >{{item.title}}</p>
<div <div class="text">
class="text" <p>{{item.lineName}}</p>
>四季变化明显，樱花季节，富士山，银座，新宿，池袋东护城河对岸矗立着一幢标志性建筑飞檐重阁白墙黑瓦，精巧的建筑连同浓郁的日本民族风格一起半掩半映在绿树丛中，加上氤氲萦绕的氛围，使皇宫更显得几分神秘。仿佛整个东京仅存的一丁点文化底蕴都藏进了对岸的树丛里。</div> <p>{{item.ltName}}</p>
</div>
<div>
<el-button size="mini" class="btn">立即购买</el-button>
</div>
</div>
</div>
<div>
<!-- -->
<div class="Season_content_list">
<div style="position:relative;height: 35px;background-color: white;bottom: -5px;">
<!-- <img ref="img2" id="img2" src="../../assets/img/visa/country1.png" alt=""> -->
<div :class="SeasonBtn==2 ? 'Season_moneyActive' :''" class="Season_money">
<p style="font-size:12px;padding-top:10px">RMB</p>
<p style="font-size:14px;font-weight:600">
5680
<span style="font-size:12px;font-weight:10">起</span>
</p>
</div> </div>
</div> </div>
<div style="padding: 3px 10px 10px;">
<p
style="font-size:16px;font-weight:600;text-align:center;background-color: white;"
>东京-大阪自由行</p>
<div
class="text"
>四季变化明显，樱花季节，富士山，银座，新宿，池袋东护城河对岸矗立着一幢标志性建筑飞檐重阁白墙黑瓦，精巧的建筑连同浓郁的日本民族风格一起半掩半映在绿树丛中，加上氤氲萦绕的氛围，使皇宫更显得几分神秘。仿佛整个东京仅存的一丁点文化底蕴都藏进了对岸的树丛里。</div>
</div>
<div> <div>
<el-button size="mini" class="btn">立即购买</el-button> <el-button size="mini" class="btn">立即购买</el-button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="Season_content" style="padding: 0px 120px;"> <div v-if="TreatmentList.length>3" class="Season_content" style="padding: 0px 120px;">
<div> <div v-for="(item,index) in TreatmentList" :key="index" v-if="index>2 && index<5">
<div class="Season_content_list">
<div class="Season_content_list" :style="{backgroundImage:'url('+item.imgCover[0].Url+')'}">
<div style="position:relative;height: 35px;background-color: white;bottom: -5px;"> <div style="position:relative;height: 35px;background-color: white;bottom: -5px;">
<!-- <img ref="img0" id="img0" src="../../assets/img/visa/country1.png" alt=""> -->
<div :class="SeasonBtn==0 ? 'Season_moneyActive' :''" class="Season_money"> <div :class="SeasonBtn==0 ? 'Season_moneyActive' :''" class="Season_money">
<p style="font-size:12px;padding-top:10px">RMB</p> <p style="font-size:12px;padding-top:10px">RMB</p>
<p style="font-size:14px;font-weight:600"> <p style="font-size:14px;font-weight:600">
5680 {{item.b2BPrice}}
<span style="font-size:12px;font-weight:10">起</span> <span style="font-size:12px;font-weight:10">起</span>
</p> </p>
</div> </div>
...@@ -197,35 +118,11 @@ ...@@ -197,35 +118,11 @@
<div style="padding: 3px 10px 10px;"> <div style="padding: 3px 10px 10px;">
<p <p
style="font-size:16px;font-weight:600;text-align:center;background-color: white;" style="font-size:16px;font-weight:600;text-align:center;background-color: white;"
>东京-大阪自由行</p> >{{item.title}}</p>
<div <div class="text">
class="text" <p>{{item.lineName}}</p>
>四季变化明显，樱花季节，富士山，银座，新宿，池袋东护城河对岸矗立着一幢标志性建筑飞檐重阁白墙黑瓦，精巧的建筑连同浓郁的日本民族风格一起半掩半映在绿树丛中，加上氤氲萦绕的氛围，使皇宫更显得几分神秘。仿佛整个东京仅存的一丁点文化底蕴都藏进了对岸的树丛里。</div> <p>{{item.ltName}}</p>
</div>
<div>
<el-button size="mini" class="btn">立即购买</el-button>
</div>
</div>
</div>
<div>
<div class="Season_content_list">
<div style="position:relative;height: 35px;background-color: white;bottom: -5px;">
<!-- <img ref="img1" id="img1" src="../../assets/img/visa/country1.png" alt=""> -->
<div :class="SeasonBtn==1 ? 'Season_moneyActive' :''" class="Season_money">
<p style="font-size:12px;padding-top:10px">RMB</p>
<p style="font-size:14px;font-weight:600">
5680
<span style="font-size:12px;font-weight:10">起</span>
</p>
</div>
</div> </div>
<div style="padding: 3px 10px 10px;">
<p
style="font-size:16px;font-weight:600;text-align:center;background-color: white;"
>东京-大阪自由行</p>
<div
class="text"
>四季变化明显，樱花季节，富士山，银座，新宿，池袋东护城河对岸矗立着一幢标志性建筑飞檐重阁白墙黑瓦，精巧的建筑连同浓郁的日本民族风格一起半掩半映在绿树丛中，加上氤氲萦绕的氛围，使皇宫更显得几分神秘。仿佛整个东京仅存的一丁点文化底蕴都藏进了对岸的树丛里。</div>
</div> </div>
<div> <div>
<el-button size="mini" class="btn">立即购买</el-button> <el-button size="mini" class="btn">立即购买</el-button>
...@@ -237,6 +134,7 @@ ...@@ -237,6 +134,7 @@
</el-col> </el-col>
</el-row> </el-row>
</el-row> </el-row>
<!-- 热门速成自由行 -->
<el-row class="back_middle"> <el-row class="back_middle">
<img class="left1" src="../../assets/img/travel/left1.png" alt> <img class="left1" src="../../assets/img/travel/left1.png" alt>
<img class="right1" src="../../assets/img/travel/right1.png" alt> <img class="right1" src="../../assets/img/travel/right1.png" alt>
...@@ -249,9 +147,9 @@ ...@@ -249,9 +147,9 @@
<span class="cont_bottom cont_bottom2">2人成行快速成团出发</span> <span class="cont_bottom cont_bottom2">2人成行快速成团出发</span>
</div> </div>
</div> </div>
<el-row class="zyx"> <el-row class="zyx" v-for="(item,index) in HotCrashList" :key="index" v-if="index==0">
<el-col :span="12" style="position:relative"> <el-col :span="12" style="position:relative">
<div class="div_back" style="position:relative;"> <div class="div_back" style="position:relative;" :style="{backgroundImage:'url('+item.imgCover[0].Url+')'}">
<img class="img2" src="../../assets/img/travel/1.png" alt> <img class="img2" src="../../assets/img/travel/1.png" alt>
</div> </div>
</el-col> </el-col>
...@@ -259,24 +157,26 @@ ...@@ -259,24 +157,26 @@
<el-col :span="10"> <el-col :span="10">
<div> <div>
<p class="zyx_title"> <p class="zyx_title">
东京-大阪-富士山 {{item.title}}
<span class="persontravel">2人成行</span> <span class="persontravel">{{item.totalPosition}}人成行</span>
</p> </p>
<div class="zyx_content"> <div class="zyx_content">
<p>初游推荐，樱花季漫游东京，赠人气药妆</p> <p>余位 {{item.surplus}}</p>
<p>三款礼遇任您选，代订富士山/镰仓一日游初游推荐，樱花季漫游东京，赠人气药妆</p> <p>{{item.lineName}}</p>
<p>三款礼遇任您选，代订富士山/镰仓一日游</p> <p>{{item.ltName}}</p>
</div> </div>
<div class="zyx_pay"> <div class="zyx_pay">
<span style="color:#FF6633;font-size:12px"> <span style="color:#FF6633;font-size:12px">
<span>￥</span> <span>￥</span>
<span style="font-size:20px;font-weight:700">4880</span> <span style="font-size:20px;font-weight:700">{{item.b2BPrice}}</span>
<span>起</span> <span>起</span>
</span> </span>
<span style="color:#EE4454;margin-left:20px"> <span style="color:#EE4454;margin-left:20px">
<i class="iconfont icon-dingweiweizhi"></i> <i class="iconfont icon-dingweiweizhi"></i>
</span> </span>
<span style="font-size:12px">成都出发</span> <span style="font-size:12px">{{item.startCityName}}出发</span>
</div> </div>
<el-button <el-button
size="mini" size="mini"
...@@ -285,42 +185,47 @@ ...@@ -285,42 +185,47 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="zyx"> <el-row class="zyx" v-for="(item,index) in HotCrashList" :key="index" v-if="index==1">
<el-col :span="10"> <el-col :span="10">
<div> <div>
<p class="zyx_title"> <p class="zyx_title">
东京-大阪-富士山 {{item.title}}
<span class="persontravel">2人成行</span> <span class="persontravel">{{item.totalPosition}}人成行</span>
</p> </p>
<div class="zyx_content"> <div class="zyx_content">
<p>初游推荐，樱花季漫游东京，赠人气药妆</p> <p>余位 {{item.surplus}}</p>
<p>三款礼遇任您选，代订富士山/镰仓一日游初游推荐，樱花季漫游东京，赠人气药妆</p> <p>{{item.lineName}}</p>
<p>三款礼遇任您选，代订富士山/镰仓一日游</p> <p>{{item.ltName}}</p>
</div> </div>
<div class="zyx_pay"> <div class="zyx_pay">
<span style="color:#FF6633;font-size:12px"> <span style="color:#FF6633;font-size:12px">
<span>￥</span> <span>￥</span>
<span style="font-size:20px;font-weight:700">4880</span> <span style="font-size:20px;font-weight:700">{{item.b2BPrice}}</span>
<span>起</span> <span>起</span>
</span> </span>
<span style="color:#EE4454;margin-left:20px"> <span style="color:#EE4454;margin-left:20px">
<i class="iconfont icon-dingweiweizhi"></i> <i class="iconfont icon-dingweiweizhi"></i>
</span> </span>
<span style="font-size:12px">成都出发</span> <span style="font-size:12px">{{item.startCityName}}出发</span>
</div> </div>
<el-button size="mini" style="background:#EE4454;color:#fff;width:180px">立即抢购</el-button> <el-button
size="mini"
style="background:#EE4454;color:#fff;width:180px;padding: 8px 15px;border: 1px solid #ee4454;margin-top"
>立即抢购</el-button>
</div> </div>
</el-col> </el-col>
<el-col :span="12" style="position:relative"> <el-col :span="12" style="position:relative">
<div class="div_back" style="position:relative;"> <div class="div_back" style="position:relative;" :style="{backgroundImage:'url('+item.imgCover[0].Url+')'}">
<img class="img2" src="../../assets/img/travel/1.png" alt> <img class="img2" src="../../assets/img/travel/1.png" alt>
</div> </div>
</el-col> </el-col>
<el-col :span="2">&nbsp;</el-col> <el-col :span="2">&nbsp;</el-col>
</el-row> </el-row>
<el-row class="zyx"> <el-row class="zyx" v-for="(item,index) in HotCrashList" :key="index" v-if="index==2">
<el-col :span="12" style="position:relative"> <el-col :span="12" style="position:relative">
<div class="div_back" style="position:relative;"> <div class="div_back" style="position:relative;" :style="{backgroundImage:'url('+item.imgCover[0].Url+')'}">
<img class="img2" src="../../assets/img/travel/1.png" alt> <img class="img2" src="../../assets/img/travel/1.png" alt>
</div> </div>
</el-col> </el-col>
...@@ -328,24 +233,26 @@ ...@@ -328,24 +233,26 @@
<el-col :span="10"> <el-col :span="10">
<div> <div>
<p class="zyx_title"> <p class="zyx_title">
东京-大阪-富士山 {{item.title}}
<span class="persontravel">2人成行</span> <span class="persontravel">{{item.totalPosition}}人成行</span>
</p> </p>
<div class="zyx_content"> <div class="zyx_content">
<p>初游推荐，樱花季漫游东京，赠人气药妆</p> <p>余位 {{item.surplus}}</p>
<p>三款礼遇任您选，代订富士山/镰仓一日游初游推荐，樱花季漫游东京，赠人气药妆</p> <p>{{item.lineName}}</p>
<p>三款礼遇任您选，代订富士山/镰仓一日游</p> <p>{{item.ltName}}</p>
</div> </div>
<div class="zyx_pay"> <div class="zyx_pay">
<span style="color:#FF6633;font-size:12px"> <span style="color:#FF6633;font-size:12px">
<span>￥</span> <span>￥</span>
<span style="font-size:20px;font-weight:700">4880</span> <span style="font-size:20px;font-weight:700">{{item.b2BPrice}}</span>
<span>起</span> <span>起</span>
</span> </span>
<span style="color:#EE4454;margin-left:20px"> <span style="color:#EE4454;margin-left:20px">
<i class="iconfont icon-dingweiweizhi"></i> <i class="iconfont icon-dingweiweizhi"></i>
</span> </span>
<span style="font-size:12px">成都出发</span> <span style="font-size:12px">{{item.startCityName}}出发</span>
</div> </div>
<el-button <el-button
size="mini" size="mini"
...@@ -356,8 +263,11 @@ ...@@ -356,8 +263,11 @@
</el-row> </el-row>
<div> <div>
<div class="more_btn"> <div class="more_btn">
<span @click="Gourl('IndependentList')">
<p>查看更多</p> <p>查看更多</p>
<p class="_more">MORE</p> <p class="_more">MORE</p>
</span>
</div> </div>
</div> </div>
</el-col> </el-col>
...@@ -371,86 +281,18 @@ ...@@ -371,86 +281,18 @@
<span class="cont_bottom cont_bottom3">选择定制师定制你的专属行程</span> <span class="cont_bottom cont_bottom3">选择定制师定制你的专属行程</span>
</div> </div>
</div> </div>
<!-- <el-col :span="18" :offset="3" class="clearfix _item_box">
<div class="_line"></div>
<div class="_content">
<div class="_t1 _t_item">
<p><i class="iconfont icon-danju"></i></p>
<p class="_text">快速提交需求单</p>
</div>
<div class="_fl _r_arrow">
<i class="iconfont icon-arrowright1"></i>
</div>
<div class="_t1 _t_item">
<p><i class="iconfont icon-shouji"></i></p>
<p class="_text">免费发送方案</p>
</div>
<div class="_fl _r_arrow">
<i class="iconfont icon-arrowright1"></i>
</div>
<div class="_t1 _t_item">
<p><i class="iconfont icon-icon--"></i></p>
<p class="_text">沟通确认行程</p>
</div>
<div class="_fl _r_arrow">
<i class="iconfont icon-arrowright1"></i>
</div>
<div class="_t1 _t_item">
<p><i class="iconfont icon-icon--1"></i></p>
<p class="_text">签订合同愉快出行</p>
</div>
</div>
</el-col> -->
<el-col :span="18" :offset="3" class="clearfix _someone"> <el-col :span="18" :offset="3" class="clearfix _someone">
<div class="_someone_item" @click="goPersonalTailor"> <div v-if="index<4" v-for="(item,index) in CustomDesignerList" :key="item.name" class="_someone_item">
<div class="_someone_item_top">
<div>
<p class="_name">徐数学 /90后</p>
<p class="_xianlu">精通 <strong>日本线</strong></p>
</div>
</div>
<div class="_someone_item_bottom">
<div class="_someone_item_bottom_head">
<img src="../../assets/img/visa/activy.jpg" alt="">
</div>
</div>
</div>
<div class="_someone_item">
<div class="_someone_item_top">
<div>
<p class="_name">徐数学 /90后</p>
<p class="_xianlu">精通 <strong>日本线</strong></p>
</div>
</div>
<div class="_someone_item_bottom">
<div class="_someone_item_bottom_head">
<img src="../../assets/img/visa/activy.jpg" alt="">
</div>
</div>
</div>
<div class="_someone_item">
<div class="_someone_item_top">
<div>
<p class="_name">徐数学 /90后</p>
<p class="_xianlu">精通 <strong>日本线</strong></p>
</div>
</div>
<div class="_someone_item_bottom">
<div class="_someone_item_bottom_head">
<img src="../../assets/img/visa/activy.jpg" alt="">
</div>
</div>
</div>
<div class="_someone_item _someone_item_last">
<div class="_someone_item_top"> <div class="_someone_item_top">
<div> <div>
<p class="_name">徐数学 /90后</p> <p class="_name">{{item.name}} <span v-if="item.emBirthday!=''">/</span> {{item.emBirthday | Year}}</p>
<p class="_xianlu">精通 <strong>日本线</strong></p> <p class="_xianlu">精通 <strong>{{item.masterLine}}</strong></p>
</div> </div>
</div> </div>
<div class="_someone_item_bottom"> <div class="_someone_item_bottom">
<div class="_someone_item_bottom_head"> <div class="_someone_item_bottom_head">
<img src="../../assets/img/visa/activy.jpg" alt=""> <img v-if="item.emPhoto!=''" :src="item.emPhoto" alt="">
<img v-else src="../../assets/img/head_normal1.png" alt="">
</div> </div>
</div> </div>
</div> </div>
...@@ -501,25 +343,112 @@ export default { ...@@ -501,25 +343,112 @@ export default {
return { return {
top: 0, top: 0,
prolist: -1, prolist: -1,
SeasonBtn: -1 SeasonBtn: -1,
slidemsg:{
rbBranchId:localStorage.site,
slideType:4,
platformType:1
},
slideList:[],
CustomDesignerList:[],
commonmsg:{
companyId:localStorage.site,
freeRecommendType:1,
pageIndex:1,
pageSize:5,
},
commonmsg2:{
companyId:localStorage.site,
freeRecommendType:2,
pageIndex:1,
pageSize:5,
},
TreatmentList:[],
HotCrashList:[],
}; };
}, },
mounted() {}, created(){
},
mounted() {
this.getSlideList();
this.CustomDesigner();
this.Treatment();
this.HotCrash();
},
filters:{
Year(val){
let str="";
if(val){
str=val.substr(2,1)+"0后"
}
return str;
},
},
methods: { methods: {
goPersonalTailor: function () { HotCrash(){
this.$router.push({name: 'PersonalTailor'}); this.apipost('b2b_get_GetB2BFreeRecommendPageList',
this.commonmsg2,
res => {
console.log("HotCrash",res);
if (res.data.resultCode == 1) {
this.HotCrashList=res.data.data.pageData;
this.HotCrashList.forEach(item=>{
item.imgCover=JSON.parse(item.imgCover)
})
} else {
this.Error(res.data.message);
}
}, },
Seasonenter(num) { err => {}
this.$nextTick(() => { )
this.$refs[`img${num}`].style.height = 90 + "px";
this.SeasonBtn = num;
});
}, },
Seasonleave(num) { // 精选特惠
this.$nextTick(() => { Treatment(){
this.$refs[`img${num}`].style.height = 130 + "px"; this.apipost('b2b_get_GetB2BFreeRecommendPageList',
this.SeasonBtn = -1; this.commonmsg,
}); res => {
if (res.data.resultCode == 1) {
this.TreatmentList=res.data.data.pageData;
this.TreatmentList.forEach(item=>{
item.imgCover=JSON.parse(item.imgCover)
})
} else {
this.Error(res.data.message);
}
},
err => {}
)
},
// 专业定制师
CustomDesigner(){
this.apiJavaPost(
"/api/b2b/free/getTripCustomList",
{},
res => {
if(res.data.resultCode==1){
this.CustomDesignerList=res.data.data.pageData;
}
},
null
);
},
getSlideList(){
this.apiJavaPost(
"/api/b2b/free/getSlideList",
this.slidemsg,
res => {
if(res.data.resultCode==1){
this.slideList=res.data.data;
}else{
this.Error(res.data.me)
}
},
null
);
},
Gourl(name) {
this.$router.push({name: name});
}, },
enter(num) { enter(num) {
this.prolist = num; this.prolist = num;
...@@ -532,6 +461,19 @@ export default { ...@@ -532,6 +461,19 @@ export default {
</script> </script>
<style> <style>
.Indepentdent .carousel .el-carousel__container{
height: 100%;
}
.Indepentdent .carousel img{
width: 100%;
height: 100%;
}
.Indepentdent .el-carousel{
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
._fl{ ._fl{
float: left; float: left;
} }
...@@ -570,7 +512,7 @@ export default { ...@@ -570,7 +512,7 @@ export default {
.div_back { .div_back {
width: 535px; width: 535px;
height: 236px; height: 236px;
background: url("../../assets/img/travel/tc1.png") no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* display: inline-block; */ /* display: inline-block; */
margin: 5px auto; margin: 5px auto;
...@@ -703,7 +645,7 @@ export default { ...@@ -703,7 +645,7 @@ export default {
._someone_item{ ._someone_item{
float: left; float: left;
cursor: pointer; cursor: pointer;
margin-right: 80px; margin-right: 73px;
} }
._someone_item_last{ ._someone_item_last{
...@@ -726,9 +668,12 @@ export default { ...@@ -726,9 +668,12 @@ export default {
} }
._someone_item_top>div>p{ ._someone_item_top>div>p{
width: 20px; width: 20px;
height: 100%; height: 170px;
writing-mode: tb; writing-mode: tb;
font-family: "PingFangR"; font-family: "PingFangR";
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
} }
._someone_item_top>div>p._name{ ._someone_item_top>div>p._name{
margin-left: 15px; margin-left: 15px;
...@@ -736,9 +681,11 @@ export default { ...@@ -736,9 +681,11 @@ export default {
padding-top: 5PX; padding-top: 5PX;
} }
._someone_item_top>div>p._xianlu{ ._someone_item_top>div>p._xianlu{
padding: 0 6px;
margin-left: 15px; margin-left: 15px;
padding-top: 20PX; padding-top: 20PX;
font-size: 20px; font-size: 20px;
height: 158px;
} }
._someone_item_bottom{ ._someone_item_bottom{
width: 192px; width: 192px;
...@@ -762,7 +709,7 @@ export default { ...@@ -762,7 +709,7 @@ export default {
} }
.Indepentdent .Season_content .Season_content_list { .Indepentdent .Season_content .Season_content_list {
padding-top: 130px; padding-top: 130px;
background: url(../../assets/img/visa/activy.jpg); /* background: url(../../assets/img/visa/activy.jpg); */
background-position: 0 0; background-position: 0 0;
background-size: 300px 130px; background-size: 300px 130px;
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -794,6 +741,7 @@ export default { ...@@ -794,6 +741,7 @@ export default {
box-shadow: 0px 1px 8px 0px rgba(153, 153, 153, 0.6); box-shadow: 0px 1px 8px 0px rgba(153, 153, 153, 0.6);
} }
.Season_content_list .text { .Season_content_list .text {
min-height: 80px;
color: #666666; color: #666666;
font-size: 12px; font-size: 12px;
letter-spacing: 2px; letter-spacing: 2px;
...@@ -881,55 +829,7 @@ export default { ...@@ -881,55 +829,7 @@ export default {
font-family: "MicrosoftYaHei"; font-family: "MicrosoftYaHei";
} }
.Indepentdent .top_img .japen {
width: 472px;
height: 92px;
position: relative;
margin: 15px auto;
color: #ffffff;
text-align: center;
border: 1px solid #fff;
background: -webkit-gradient(
linear,
0% 0%,
0% 100%,
from(#6cadfe),
to(#79b4ff)
);
border: 1px solid #fff;
margin-top: 100px;
}
.Indepentdent .top_img .japen p._name {
font-size: 100px;
padding: 15px 0px;
position: absolute;
top: -98px;
left: 50px;
background: -webkit-gradient(
linear,
0% 0%,
0% 100%,
from(#66abff),
to(#76b1ff)
);
width: 80%;
}
.Indepentdent .top_img .japen p.s_name {
padding: 15px 0px;
position: absolute;
bottom: -30px;
left: 70px;
background: -webkit-gradient(
linear,
0% 0%,
0% 100%,
from(#75b1fe),
to(#82b8ff)
);
width: 70%;
font-family: "PingFangR";
font-size: 24px;
}
.Indepentdent ul, .Indepentdent ul,
p { p {
margin: 0; margin: 0;
...@@ -979,18 +879,19 @@ p { ...@@ -979,18 +879,19 @@ p {
} }
.Indepentdent .top_img { .Indepentdent .top_img {
width: 100%; width: 100%;
height: 530px; height: 400px;
position: relative; position: relative;
background: url("../../assets/img/travel/logo_back.png"); /* background: url("../../assets/img/travel/logo_back.png"); */
overflow: hidden; overflow: hidden;
} }
.box { .Indepentdent .box {
/* width: 104%; */ /* width: 104%; */
height: 99px; height: 99px;
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
z-index: 10;
/* left: 68px; */ /* left: 68px; */
} }
.boxCont { .boxCont {
......
src/components/Home.vue
View file @ 87e41d28
...@@ -907,42 +907,81 @@ ...@@ -907,42 +907,81 @@
</div> </div>
</div> </div>
<el-row class="home_footer">
<el-col :span="6">
<div class="float"><i class="iconfont icon-icon-test6"></i></div>
<div class="float" style="width:200px">
<p class="color_33">印象之旅</p>
<ul>
<li>跟团游</li>
<li>酒店</li>
<li>自由行</li>
<li>门票</li>
<li>当地游</li>
<li>签证</li>
<li>定制机票</li>
<li>机票</li>
</ul>
</div> </div>
<!-- 底部 -->
<div class="bottom1">
<el-row class="bottom1_row">
<el-col :span="2">
<span class="iconfont icon-zhifeiji"></span>
</el-col>
<el-col :span="4">
<span class="fontb">阳光行程</span>
<span class="fonts">透明公开</span>
</el-col>
<el-col :span="2">
<span class="iconfont icon-zhuqunguanli"></span>
</el-col>
<el-col :span="4">
<span class="fontb">阳光价格</span>
<span class="fonts">明码标价</span>
</el-col>
<el-col :span="2">
<span class="iconfont icon-woshou"></span>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="6">
<span class="fontb">阳光服务</span> <div class="float"><i class="iconfont icon-icon-test7"></i></div>
<span class="fonts">专属客服</span> <div class="float">
<p class="color_33">优惠渠道</p>
<div>
<p>特卖</p>
<p>积分商城</p>
<p>活动中心</p>
</div>
</div>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="6">
<span class="iconfont icon-dianhua"></span> <div class="float"><i class="iconfont icon-cailiao"></i></div>
<div class="float">
<p class="color_33">定制旅游</p>
<div>
<p>选择定制师</p>
<p>定制我的行程</p>
</div>
</div>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="6">
<span class="fonts">客户服务电话(免长途费)</span> <div class="float"><i class="iconfont icon-putonghuiyuan"></i></div>
<p class="fontb">4007-999-999</p> <div class="float">
<p class="color_33">个人中心</p>
<div>
<p>我的优惠券</p>
<p>我的积分</p>
<p>订单中心</p>
</div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<div class="phone">
<div style="width:1180px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content: flex-end;">
<el-col :span="1"><i class="iconfont icon-Shape2" style="color:#fff;font-size:30px"></i></el-col>
<el-col :span="4" style="color:#fff">
<p>客服服务电话
<!-- <img src="../assets/img/home/qipao.png" alt=""> -->
<span class="qipao">24小时</span>
</p>
<p style="font-size:18px;font-weight:700">028-88888888</p>
</el-col>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
......
src/components/Ticket/TicketHome.vue
View file @ 87e41d28
...@@ -2,17 +2,8 @@ ...@@ -2,17 +2,8 @@
<div class="ticket_home"> <div class="ticket_home">
<div class="banner" style="width:100%"> <div class="banner" style="width:100%">
<el-carousel arrow="always" :height="banner_height" :interval="10000" trigger="click" :style="{'background':'#ddd'}"> <el-carousel arrow="always" :height="banner_height" :interval="10000" trigger="click" :style="{'background':'#ddd'}">
<el-carousel-item> <el-carousel-item v-for="item in slideList" :key="item.url">
<img src='../../assets/img/ticket/banner01.jpg'> <img :src='item.url'>
</el-carousel-item>
<el-carousel-item>
<img src='../../assets/img/ticket/banner03.jpg'>
</el-carousel-item>
<el-carousel-item>
<img src='../../assets/img/ticket/banner05.jpg'>
</el-carousel-item>
<el-carousel-item>
<img src='../../assets/img/ticket/banner07.jpg'>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<div class="choose"> <div class="choose">
...@@ -316,7 +307,13 @@ export default { ...@@ -316,7 +307,13 @@ export default {
disabledDate(time) { disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; return time.getTime() < Date.now() - 8.64e7;
} }
} },
slidemsg:{
rbBranchId:localStorage.site,
slideType:3,
platformType:1
},
slideList:[],
}; };
}, },
mounted() { mounted() {
...@@ -326,8 +323,23 @@ export default { ...@@ -326,8 +323,23 @@ export default {
this.JXYH(); this.JXYH();
this.initAirlines(); this.initAirlines();
this.CFD(); this.CFD();
this.getSlideList();
}, },
methods: { methods: {
getSlideList(){
this.apiJavaPost(
"/api/b2b/free/getSlideList",
this.slidemsg,
res => {
if(res.data.resultCode==1){
this.slideList=res.data.data;
}else{
this.Error(res.data.me)
}
},
null
);
},
// 目的地城市信息 // 目的地城市信息
CityInfo1(val) { CityInfo1(val) {
this.choose_info.arrival_city = val.ID; this.choose_info.arrival_city = val.ID;
......
src/components/global/newHead.vue
View file @ 87e41d28
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
<!-- 首页 --> <!-- 首页 -->
<ul class="_t_nav_box clearfix"> <ul class="_t_nav_box clearfix">
<li :class="{_active: navActive === '0'}"> <li :class="{_active: navActive === '0'}">
<div @click="navActive = '0'"> <div @click="handleSelect('/Home', '0'),navActive = '0'">
<span>首页</span> <span>首页</span>
<span class="__splice">|</span> <span class="__splice">|</span>
</div> </div>
......
src/components/visa/VisaHomePage.vue
View file @ 87e41d28
...@@ -3,7 +3,11 @@ ...@@ -3,7 +3,11 @@
<div class="visahome"> <div class="visahome">
<div class="mall-swiper" style="margin-bottom:0"> <div class="mall-swiper" style="margin-bottom:0">
<div :height="swiperHeight"> <div :height="swiperHeight">
<img src='../../assets/img/visa/visahome.png'> <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'>
</el-carousel-item>
</el-carousel>
</div> </div>
<div class="search-box" :style="{'width':searchBoxWidth,'left':searchBoxLeft}"> <div class="search-box" :style="{'width':searchBoxWidth,'left':searchBoxLeft}">
...@@ -267,6 +271,12 @@ export default { ...@@ -267,6 +271,12 @@ export default {
pageSize:10, pageSize:10,
}, },
hotvisa:[], hotvisa:[],
slidemsg:{
rbBranchId:localStorage.site,
slideType:2,
platformType:1
},
slideList:[],
} }
}, },
mounted () { mounted () {
...@@ -276,8 +286,23 @@ export default { ...@@ -276,8 +286,23 @@ export default {
this.TimeLimited(); this.TimeLimited();
this.GetVisaCountry(); this.GetVisaCountry();
this.Gethotvisa(); this.Gethotvisa();
this.getSlideList();
}, },
methods: { methods: {
getSlideList(){
this.apiJavaPost(
"/api/b2b/free/getSlideList",
this.slidemsg,
res => {
if(res.data.resultCode==1){
this.slideList=res.data.data;
}else{
this.Error(res.data.me)
}
},
null
);
},
goUrl(idDes){ goUrl(idDes){
let isLogin = this.$store.state.isLogin; let isLogin = this.$store.state.isLogin;
if (isLogin == 0) { if (isLogin == 0) {
......
src/router.js
View file @ 87e41d28
...@@ -352,6 +352,16 @@ export default new Router({ ...@@ -352,6 +352,16 @@ export default new Router({
title: "首页" title: "首页"
} }
}, },
{
path: "/IndependentList",
name: "IndependentList",
component: resolve =>
require(["@/components/DependentTravel/IndependentList.vue"], resolve),
meta: {
title: "首页"
}
},
] ]
}, },
......
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