Skip to content

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

update

parent e15847a6
Hide whitespace changes
Inline Side-by-side
Showing with 101 additions and 41 deletions
src/components/global/head.vue
View file @ f6c30a21
......@@ -89,9 +89,9 @@ color:rgba(51,51,51,1);
</el-submenu> -->
<el-menu-item index="2-1" @click="handleSelect('2-1',false)"><a href="javascript:void(0);">跟团游</a></el-menu-item>
<el-menu-item index="2-2" @click="handleSelect('2-2',true)"><a href="javascript:void(0);">当地游</a></el-menu-item>
<!-- <el-menu-item index="3" @click="goUrl('TicketHome',true)"><a href="javascript:void(0);">机票</a></el-menu-item>
<!-- <el-menu-item index="3" @click="goUrl('TicketHome',true)"><a href="javascript:void(0);">机票</a></el-menu-item> -->
<el-menu-item index="4" @click="goUrl('VisaHomePage',true)"><a href="javascript:void(0);">签证</a></el-menu-item>
<el-menu-item index="5" @click="goUrl('IndependentTravel',true)"><a href="javascript:void(0);">自由行</a></el-menu-item> -->
<!-- <el-menu-item index="5" @click="goUrl('IndependentTravel',true)"><a href="javascript:void(0);">自由行</a></el-menu-item> -->
<!-- <el-menu-item index="5"><a href="javascript:void(0);">机票</a></el-menu-item>
<el-menu-item index="2"><a href="javascript:void(0);">酒店</a></el-menu-item>
......
src/components/visa/SchedProduct.vue
View file @ f6c30a21
......@@ -321,7 +321,7 @@ export default {
created(){
if(this.$route.query.productId){
this.productId=this.$route.query.productId;
this.productId=decodeURIComponent(this.$route.query.productId);
}
if(sessionStorage.guestinfo){
......
src/components/visa/VisaHomePage.vue
View file @ f6c30a21
......@@ -100,7 +100,7 @@
<div class="Qzlist">
<div v-for="item in timeList" :key="item.id">
<div @click="goUrl(item.idDes)" v-for="item in timeList" :key="item.id">
<div>
<img :src="item.countryIcon" alt="">
</div>
......@@ -139,8 +139,8 @@
</el-row>
<p style="text-align:center;font-family:PingFang;font-size:14px;">Popular countries</p>
<div class="row_flex" type="flex" justify="space-between">
<div @click="goUrlVisaList(item.countryId)" v-for="item in hotcountry" :key="item.id">
<div class="row_flex" type="flex">
<div @click="goUrlVisaList(item.id)" v-for="item in hotcountry" :key="item.id">
<img :src="item.countryImage[0]" alt="">
<div class="country_side">
<p class="country_img"><img :src="item.countryIcon" alt=""></p>
......@@ -149,7 +149,7 @@
<transition name="el-zoom-in-center">
<div class="popular_coun_hover">
<p class="country_img"><img :src="item.countryIcon" alt=""></p>
<p style="font-size:20px">{{item.countryName}}</p>
<p style="font-size:18px">{{item.countryName}}</p>
<div class="coun_hover_visa">
<div>
<img src="../../assets/img/visa/gq.png" alt="">
......@@ -194,7 +194,7 @@
<p style="text-align:center;font-family:PingFang;font-size:14px;">Popular Visa</p>
<div class="visa_flex" type="flex" justify="space-between">
<div class="el-col" v-for="item in hotvisa" :key="item.id">
<div @click="goUrl(item.idDes)" class="el-col" v-for="item in hotvisa" :key="item.id">
<img :src="item.countryIcon" alt="">
<div class="visa_content">
<p class="visa_title">{{item.name}}</p>
......@@ -278,7 +278,22 @@ export default {
this.Gethotvisa();
},
methods: {
goUrl(idDes){
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(idDes)}`});
}
},
goUrlVisaList(id){
console.log(id);
this.$router.push({path: `/Visalist?id=${id}`});
},
Gethotvisa(){
......@@ -327,12 +342,6 @@ export default {
null
);
},
leave(){
this.CountryHover=false;
},
enter(){
this.CountryHover=true;
},
goSearch(){
if(this.searchText!=''){
let query={keywords:encodeURIComponent(this.searchText)}
......@@ -443,7 +452,7 @@ export default {
}
.visa_flex {
display: flex;
justify-content: space-around;
justify-content:flex-start;
flex-wrap: wrap;
}
.visa_flex .el-col:hover{
......@@ -492,7 +501,7 @@ export default {
.row_flex{
width: 100%;
padding-top:20px;
justify-content: space-around;
justify-content: flex-start;
display: flex;
flex-wrap: wrap;
}
......@@ -508,15 +517,16 @@ export default {
padding: 20px 0 0 30px;
box-sizing: border-box;
/* display: none; */
transition: all 0.5s;
transition: all linear 0.5s;
opacity: 0;
}
.row_flex>div{
position: relative;
width:18%;
margin-left: 1.5%;
cursor: pointer;
transition: all .5s linear;
transition: all linear .5s;
}
.row_flex>div img{
width: 100%;
......@@ -525,11 +535,11 @@ export default {
.row_flex>div:hover .popular_coun_hover{
/* display: block; */
opacity: 1;
transition: all 0.5s linear;
transition: all linear 0.5s ;
}
.row_flex>div:hover .country_side{
opacity: 0;
transition: all 0.3s linear;
transition: all linear 0.3s;
}
.gq{
background: #6EA3F1;
......@@ -565,14 +575,16 @@ export default {
}
.visahome .Qzlist{
display: flex;
justify-content: space-around;
justify-content:flex-start;
font-family: "PingFang";
flex-wrap: wrap;
}
.visahome .Qzlist>div{
display: inline-flex;
width: 299px;
width: 25%;
height: 190px;
padding:0 15px;
box-sizing: border-box;
align-items: center;
transition: all 0.5s;
}
......
src/components/visa/Visaitemsdetails.vue
View file @ f6c30a21
......@@ -6,7 +6,7 @@
<p style="font-size:12px;margin:20px 0">
<span style="color:#EE4454">签证办理<i class="iconfont icon-gengduo1"></i></span>
<span style="color:#EE4454">{{visadeatils.name}}<i class="iconfont icon-gengduo1"></i></span>
旅游签证【{{visadeatils.sendCityName}}送签】·拒签全退+可停留{{visadeatils.stayDays}}天
旅游签证【{{visadeatils.sendCityName}}送签】·拒签全退+可停留{{visadeatils.stayDays}}
</p>
</div>
<el-row class="details">
......@@ -17,7 +17,7 @@
&nbsp;
</el-col>
<el-col style="font-size:12px" :span="17">
<p style="font-weight:400;font-size:18px;margin:0"> 旅游签证【{{visadeatils.sendCityName}}送签】·拒签全退+可停留{{visadeatils.stayDays}}天</p>
<p style="font-weight:400;font-size:18px;margin:0"> {{visadeatils.name}}旅游签证【{{visadeatils.sendCityName}}送签】·拒签全退+可停留{{visadeatils.stayDays}}</p>
<!-- <p><span class="visa_type">个签</span></p> -->
<p class="visa_des">
<span>签证类型：</span>
......@@ -37,7 +37,7 @@
</span>
</p>
<p class="visa_des">
<span>可停留天数：</span><span>{{visadeatils.stayDays}}天</span>
<span>可停留天数：</span><span>{{visadeatils.stayDays}}</span>
</p>
<p class="visa_des">
<span>签证有效期：</span><span>{{visadeatils.visaValidity}}</span>
......@@ -289,7 +289,7 @@ export default {
},
created(){
if(this.$route.query.productId){
this.productId=this.$route.query.productId;
this.productId=decodeURIComponent(this.$route.query.productId);
this.GetDetails();
}
},
......@@ -303,6 +303,7 @@ export default {
"b2b_get_GetVisaProductInfo",
{ productId: this.productId },
res => {
// console.log(res);
if (res.data.resultCode == 1) {
this.visadeatils=res.data.data;
this.ProductInfo=res.data.data.visaProductInfo;
......@@ -325,7 +326,7 @@ export default {
return;
}
sessionStorage.guestinfo=JSON.stringify(this.peopleform)
this.$router.push({path: `/SchedProduct?productId=${this.productId}`});
this.$router.push({path: `/SchedProduct?productId=${encodeURIComponent(this.productId)}`});
},
......@@ -357,7 +358,7 @@ export default {
<style>
@import "../../assets/css/reset.css";
.Visaitemsdetails .common_div .common_margin{
padding:10px;
padding:20px 10px;
box-sizing: border-box;
}
.Visaitemsdetails .common_div{
......
src/components/visa/Visalist.vue
View file @ f6c30a21
......@@ -4,7 +4,11 @@
<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">
<li @click="SelectCountry(item.countryId)" :class="listmsg.visaCountryId==item.countryId?'visa_active':''" v-for="item in hotcountry" :key="item.countryId">
<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>
<!-- <span class="iconfont icon-xiangzuo"></span>
<span class="iconfont icon-arrowright1"></span> -->
<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>
......@@ -22,7 +26,7 @@
<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.cityId)" :class="listmsg.companyId==item.cityId?'visa_active':''" v-for="item in cityList" :key="item.cityId">{{item.cityName}}({{item.productCount}})</li>
<li @click="SelectCity(item.companyId)" :class="listmsg.companyId==item.companyId?'visa_active':''" v-for="item in cityList" :key="item.cityId">{{item.cityName}}({{item.productCount}})</li>
</ul>
<span class="czd" @click="ChangeSelect">{{selectcontext}}<i :class="selectcon?'rolate':''" class="iconfont icon-moban"></i></span>
......@@ -93,7 +97,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.coverImage[0].url" alt="">
<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>
......@@ -136,7 +140,7 @@ export default {
msg:{
companyId:0,
pageIndex:1,
pageSize:15,
pageSize:12,
},
hotcountry:[],
cityList:[],
......@@ -156,6 +160,8 @@ export default {
},
total:0,
datalist:[],
pageCount:0,
}
......@@ -175,9 +181,28 @@ export default {
},
methods: {
ArrowLeft(){
if(this.msg.pageIndex<=1){
this.Error("当前为第一页")
}else{
this.msg.pageIndex--;
this.GetVisaCountry()
}
},
ArrowRight(){
if(this.msg.pageIndex==this.pageCount){
this.Error("当前为最后一页")
}else{
this.msg.pageIndex++;
this.GetVisaCountry()
}
},
SelectCountry(id){
this.listmsg.visaCountryId=id;
this.GetVisaProListChoose();
this.GetList();
},
CurrentChange(val){
this.listmsg.pageIndex=val;
......@@ -192,7 +217,6 @@ export default {
this.listmsg,
res => {
this.loading=false;
// console.log(res);
if (res.data.resultCode == 1) {
this.datalist=res.data.data.pageData;
this.total=res.data.data.count;
......@@ -215,8 +239,9 @@ export default {
this.listmsg.orderByBookAdvance=num;
this.GetList();
},
SelectCity(cityId){
this.listmsg.companyId=cityId;
SelectCity(companyId){
this.listmsg.companyId=companyId;
this.GetList();
},
// 获取签证产品国家筛选子项
GetVisaProListChoose(){
......@@ -227,7 +252,7 @@ export default {
"/api/b2b/visa/getProductCountryChildSearchItem",
msg,
res => {
// console.log(res);
if (res.data.resultCode == 1) {
this.cityList=res.data.data.cityList;
this.tagItem=res.data.data.tagItem;
......@@ -241,13 +266,14 @@ export default {
// 获取签证国家
GetVisaCountry(){
this.apiJavaPost(
"/api/b2b/visa/getVisaHotCountry",
"/api/b2b/visa/getVisaProductSearchItem",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.hotcountry=res.data.data.pageData;
this.pageCount=res.data.data.pageCount;
if(this.listmsg.visaCountryId==0){
this.listmsg.visaCountryId=this.hotcountry[0].countryId;
this.listmsg.visaCountryId=this.hotcountry[0].id;
}
this.GetVisaProListChoose();
this.GetList();
......@@ -283,7 +309,7 @@ export default {
});
}else{
this.$router.push({path: `/Visaitemsdetails?productId=${item.idDes}`});
this.$router.push({path: `/Visaitemsdetails?productId=${encodeURIComponent(item.idDes)}`});
}
},
......@@ -298,6 +324,17 @@ export default {
<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;
......@@ -306,7 +343,7 @@ export default {
border-radius: 0;
}
.visaList .select_ul_height{
height: 24px;
height: 22px;
}
.el-pagination .btn-next, .el-pagination .btn-prev{
width: 28px!important;
......@@ -346,6 +383,9 @@ export default {
border-top-color: #c0c4cc;
bottom: 7px;
}
.visaList .visa_active img{
border: 1px solid #EE4454!important;
}
.visaList .visa_active{
color: #EE4454!important;
font-weight: bold;
......@@ -455,6 +495,7 @@ export default {
margin-top: 10px;
font-size: 12px;
}
.visaList .top_ul .top_ul_li_last .icon-diandian{
font-size: 26px;
color:#B3B3B3;
......@@ -473,10 +514,15 @@ export default {
}
.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;
......@@ -484,12 +530,13 @@ export default {
display: inline-block;
text-align: center;
cursor: pointer;
margin-right:20px;
margin:0 13px;
}
.visaList .top_ul li img{
display: inline-block;
width: 62px;
height: 41px;
border:1px dashed #666666;
}
.visaList li{
list-style: none;
......
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