Skip to content

V
vue-ssr
Commit a01440cf authored by guoyou's avatar guoyou
Browse files
Options

顶部搜索,分公司搜索

parent 644c074c
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 56 deletions
components/menu.vue
View file @ a01440cf
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
<el-button <el-button
slot="append" slot="append"
style="width:88px;height:42px;background:#1bbb9f;color:#fff;border-radius: 0;" style="width:88px;height:42px;background:#1bbb9f;color:#fff;border-radius: 0;"
class="search" class="search"
@click="findTo()" @click="findTo()"
>搜索</el-button> >搜索</el-button>
<!-- <el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button> --> <!-- <el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button> -->
...@@ -132,13 +132,16 @@ ...@@ -132,13 +132,16 @@
</li> </li>
<li> <li>
<nuxt-link to="/vehicle?types=" :class="router== '/vehicle'?'active':''">房车租赁</nuxt-link> <!-- <nuxt-link to="/vehicle?types=" :class="router== '/vehicle'?'active':''">房车租赁</nuxt-link> -->
<nuxt-link to="/vehicle?types=" :class="router.indexOf('vehicle') == 1?'active':''">房车租赁</nuxt-link>
</li> </li>
<li> <li>
<nuxt-link to="/tour?tagIds=" :class="router== '/tour'?'active':''">房车旅游</nuxt-link> <!-- <nuxt-link to="/tour?tagIds=" :class="router== '/tour'?'active':''">房车旅游</nuxt-link> -->
<nuxt-link to="/tour?tagIds=" :class="router.indexOf('tour') == 1?'active':''">房车旅游</nuxt-link>
</li> </li>
<li> <li>
<nuxt-link to="/campsite?types=" :class="router== '/campsite'?'active':''">房车营地</nuxt-link> <!-- <nuxt-link to="/campsite?types=" :class="router== '/campsite'?'active':''">房车营地</nuxt-link> -->
<nuxt-link to="/campsite?types=" :class="router.indexOf('campsite') == 1?'active':''">房车营地</nuxt-link>
</li> </li>
<!-- <li style="position: relative" class="select"> <!-- <li style="position: relative" class="select">
<nuxt-link <nuxt-link
...@@ -164,7 +167,8 @@ ...@@ -164,7 +167,8 @@
<nuxt-link to="/" :class="router== '/aboutXx'?'active':''">招商加盟</nuxt-link> <nuxt-link to="/" :class="router== '/aboutXx'?'active':''">招商加盟</nuxt-link>
</!--> </!-->
<li style="position: relative" class="news-msg"> <li style="position: relative" class="news-msg">
<nuxt-link to="/activity" :class="router== '/activity' || router== '/news' ?'active':''"> <!-- <nuxt-link to="/activity" :class="router== '/activity' || router== '/news' ?'active':''"> -->
<nuxt-link to="/activity" :class="router.indexOf('activity') == 1?'active':'' || router.indexOf('news') == 1?'active':''">
新闻资讯 新闻资讯
<span class="arrow"></span> <span class="arrow"></span>
</nuxt-link> </nuxt-link>
...@@ -212,7 +216,10 @@ ...@@ -212,7 +216,10 @@
<div class="sidebar"> <div class="sidebar">
<ul> <ul>
<li> <li>
<a href="https://p.qiao.baidu.com/cps2/chatIndex?speedLogId=15716279636992e55_1571627963699_14930&eid=28588720&reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2213772364%22%2C%22userId%22%3A%2228588720%22%2C%22pageId%22%3A0%7D" target="_blank"> <a
href="https://p.qiao.baidu.com/cps2/chatIndex?speedLogId=15716279636992e55_1571627963699_14930&eid=28588720&reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2213772364%22%2C%22userId%22%3A%2228588720%22%2C%22pageId%22%3A0%7D"
target="_blank"
>
<span class="iconfont iconkefu"></span> <span class="iconfont iconkefu"></span>
<p>在线咨询</p> <p>在线咨询</p>
</a> </a>
...@@ -247,7 +254,7 @@ ...@@ -247,7 +254,7 @@
<li @click="goTop"> <li @click="goTop">
<nuxt-link to="##"> <nuxt-link to="##">
<span class="iconfont iconhuidaodingbu"></span> <span class="iconfont iconhuidaodingbu"></span>
<p>回到顶部</p> <p>回到顶部</p>
</nuxt-link> </nuxt-link>
</li> </li>
</ul> </ul>
...@@ -408,8 +415,9 @@ export default { ...@@ -408,8 +415,9 @@ export default {
this.visibleMap = false this.visibleMap = false
}, },
findTo() { findTo() {
if (this.listQuery.keyword == undefined) { if (this.listQuery.keyword == undefined) {
;(this.listQuery.keyword = ''), console.log(2) this.listQuery.keyword = ''
} }
this.$router.push({ this.$router.push({
path: this.select, path: this.select,
...@@ -424,17 +432,17 @@ export default { ...@@ -424,17 +432,17 @@ export default {
} }
</script> </script>
<style> <style>
.search:hover{ .search:hover {
background: rgb(18,156,132) !important; background: rgb(18, 156, 132) !important;
} }
.el-input--suffix:hover{ .el-input--suffix:hover {
color: #1bbb9f !important; color: #1bbb9f !important;
} }
.el-input--suffix:hover.el-input__suffix{ .el-input--suffix:hover.el-input__suffix {
color: #1bbb9f !important; color: #1bbb9f !important;
} }
.el-select-dropdown__item.selected{ .el-select-dropdown__item.selected {
color: #1bbb9f; color: #1bbb9f;
} }
.el-input-group__append, .el-input-group__append,
.el-input-group__prepend { .el-input-group__prepend {
...@@ -514,10 +522,10 @@ export default { ...@@ -514,10 +522,10 @@ export default {
text-align: center; text-align: center;
} }
.select-news li:hover { .select-news li:hover {
background: #1bbb9f !important; background: #1bbb9f !important;
} }
.select-news li:hover a{ .select-news li:hover a {
color: #fff; color: #fff;
} }
.select-product li a:hover { .select-product li a:hover {
border: none !important; border: none !important;
......
pages/aboutXx.vue
View file @ a01440cf
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<div class="brand-en">HISTORY</div> <div class="brand-en">HISTORY</div>
<div class="brand-cn">品牌故事</div> <div class="brand-cn">品牌故事</div>
<div class="brand-desc"> <div class="brand-desc">
欣新房车控股集团（广东）股份有限公司于18年成立，注册资金3000万，总部设立于东莞市松山湖，是一家专业从事房车销售，房车租赁，房车自驾出游路线策划，房车托管及房车产业配套与服务的公司，公司将以全新的商业模式与经营理念，让房车生活走向大众，我们将竭诚为消费者提供舒适、便捷、轻松、快乐的房车生活。 欣新房车控股集团（东莞）股份有限公司于18年成立，注册资金3000万，总部设立于东莞市松山湖，是一家专业从事房车销售，房车租赁，房车自驾出游路线策划，房车托管及房车产业配套与服务的公司，公司将以全新的商业模式与经营理念，让房车生活走向大众，我们将竭诚为消费者提供舒适、便捷、轻松、快乐的房车生活。
</div> </div>
</div> </div>
</div> </div>
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
<div class="brand-en">US</div> <div class="brand-en">US</div>
<div class="brand-cn">联系我们</div> <div class="brand-cn">联系我们</div>
<div class="brand-desc"> <div class="brand-desc">
<span>欣新房车控股集团（广东）股份有限公司</span> <span>欣新房车控股集团（东莞）股份有限公司</span>
<span>电话：4000-369-369</span> <span>电话：4000-369-369</span>
<span>地址：广东省东莞市松山湖工业西路12号</span> <span>地址：广东省东莞市松山湖工业西路12号</span>
</div> </div>
......
pages/findList/findActivity.vue
View file @ a01440cf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div style="font-size:18px;font-weight:Bold">欣新活动</div> <div style="font-size:18px;font-weight:Bold">欣新活动</div>
</div> </div>
<ul class="v-ul clearfix list list-four"> <ul class="v-ul clearfix list list-four">
<li v-for="item in actDetail.data" :key="item.id"> <li v-for="item in actDetail" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" /> <img class="v-img-cover" :src="item.banner" alt="房车租赁" />
<div style="margin-left: 11px;position: relative;text-align: left;"> <div style="margin-left: 11px;position: relative;text-align: left;">
...@@ -85,16 +85,16 @@ export default { ...@@ -85,16 +85,16 @@ export default {
} = await axios.get( } = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}` `/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
); );
console.log(data); // console.log(data);
data.data.map(function(item) { data.activity.data.map(function(item) {
item.link = encodeURI( item.link = encodeURI(
"/activityList/" + item.id + "?name=" + item.name "/activityList/" + item.id + "?name=" + item.title
); );
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
}); });
this.actDetail = data; this.actDetail = data.activity.data;
this.totalCount = data.totalCount this.totalCount = data.activity.totalCount
//活动 //活动
}, },
......
pages/findList/findCampsite.vue
View file @ a01440cf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div style="font-size:18px;font-weight:Bold">房车营地</div> <div style="font-size:18px;font-weight:Bold">房车营地</div>
</div> </div>
<ul class="v-ul clearfix list list-four"> <ul class="v-ul clearfix list list-four">
<li v-for="item in campsiteDetail.data" :key="item.id"> <li v-for="item in campsiteDetail" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" /> <img class="v-img-cover" :src="item.logo" alt="房车租赁" />
<div style="margin-left: 11px;position: relative;text-align: left;"> <div style="margin-left: 11px;position: relative;text-align: left;">
...@@ -86,14 +86,14 @@ export default { ...@@ -86,14 +86,14 @@ export default {
); );
console.log(data); console.log(data);
data.data.map(function(item) { data.campsite.data.map(function(item) {
item.link = encodeURI( item.link = encodeURI(
"/campsiteDetails/" + item.id "/campsiteDetails/" + item.id
); );
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
}); });
this.campsiteDetail = data; this.campsiteDetail = data.campsite.data;
this.totalCount = data.totalCount this.totalCount = data.campsite.totalCount
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.listQuery.page = val; this.listQuery.page = val;
......
pages/findList/findCompany.vue
View file @ a01440cf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div style="font-size:18px;font-weight:Bold">欣新子公司</div> <div style="font-size:18px;font-weight:Bold">欣新子公司</div>
</div> </div>
<ul class="v-ul clearfix list list-four"> <ul class="v-ul clearfix list list-four">
<li v-for="item in companyDetail.data" :key="item.id"> <li v-for="item in companyDetail" :key="item.id">
<div class="flex-aic-noc"> <div class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" /> <img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative;text-align: left;"> <div style="margin-left: 11px;position: relative;text-align: left;">
...@@ -88,7 +88,7 @@ export default { ...@@ -88,7 +88,7 @@ export default {
} = await axios.get( } = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}` `/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
); );
console.log(data); // console.log(data);
// data.data.map(function(item) { // data.data.map(function(item) {
// item.link = encodeURI( // item.link = encodeURI(
...@@ -96,8 +96,8 @@ export default { ...@@ -96,8 +96,8 @@ export default {
// ); // );
// item.link = encodeURI(item.link); // item.link = encodeURI(item.link);
// }); // });
this.companyDetail = data; this.companyDetail = data.company.data;
this.totalCount = data.totalCount this.totalCount = data.company.totalCount
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.listQuery.page = val; this.listQuery.page = val;
......
pages/findList/findNew.vue
View file @ a01440cf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div style="font-size:18px;font-weight:Bold">欣新资讯</div> <div style="font-size:18px;font-weight:Bold">欣新资讯</div>
</div> </div>
<ul class="v-ul clearfix list list-four"> <ul class="v-ul clearfix list list-four">
<li v-for="item in newDetail.list" :key="item.id"> <li v-for="item in newDetail" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" /> <img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
<div style="margin-left: 11px;position: relative;text-align: left;"> <div style="margin-left: 11px;position: relative;text-align: left;">
...@@ -83,14 +83,14 @@ export default { ...@@ -83,14 +83,14 @@ export default {
); );
console.log(data); console.log(data);
data.list.map(function(item) { data.news.data.map(function(item) {
item.link = encodeURI( item.link = encodeURI(
"/newsList/" + item.id + "?name=" + item.name "/newsList/" + item.id + "?name=" + item.title
); );
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
}); });
this.newDetail = data; this.newDetail = data.news.data;
this.totalCount = data.total this.totalCount = data.news.total
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.listQuery.page = val; this.listQuery.page = val;
......
pages/findList/findTour.vue
View file @ a01440cf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div style="font-size:18px;font-weight:Bold">房车旅游</div> <div style="font-size:18px;font-weight:Bold">房车旅游</div>
</div> </div>
<ul class="v-ul clearfix list list-four"> <ul class="v-ul clearfix list list-four">
<li v-for="item in tourDetail.data" :key="item.id"> <li v-for="item in tourDetail" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" /> <img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative;text-align: left;"> <div style="margin-left: 11px;position: relative;text-align: left;">
...@@ -29,9 +29,6 @@ ...@@ -29,9 +29,6 @@
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination> layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div> </div>
</div> </div>
</div> </div>
<footer-modal></footer-modal> <footer-modal></footer-modal>
...@@ -82,13 +79,15 @@ export default { ...@@ -82,13 +79,15 @@ export default {
} = await axios.get( } = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}` `/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
); );
console.log(data);
// 旅游 // 旅游
data.data.map(function(item){ data.tour.data.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id); item.link = encodeURI('/tourDetails/' + item.id);
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
}); });
this.tourDetail = data; this.tourDetail = data.tour.data;
this.totalCount = data.totalCount this.totalCount = data.tour.totalCount
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.listQuery.page = val; this.listQuery.page = val;
......
pages/findList/findVehicle.vue
View file @ a01440cf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div style="font-size:18px;font-weight:Bold">房车车型</div> <div style="font-size:18px;font-weight:Bold">房车车型</div>
</div> </div>
<ul class="v-ul clearfix list list-four"> <ul class="v-ul clearfix list list-four">
<li v-for="item in carDetail.data" :key="item.id"> <li v-for="item in carDetail" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<div style="padding:13px 0 2px 28px"> <div style="padding:13px 0 2px 28px">
<img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" /> <img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" />
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<span <span
class="flex-aic-noc config" class="flex-aic-noc config"
v-for="(iitem,iindex) in item.uccnCataList" v-for="(iitem,iindex) in item.uccnCataList"
:key="iitem.id" :key="iindex"
> >
<img <img
style="margin-right: 5px;" style="margin-right: 5px;"
...@@ -111,9 +111,8 @@ export default { ...@@ -111,9 +111,8 @@ export default {
} = await axios.get( } = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}` `/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
); );
// 车型 // 车型
data.data.map(function(item) { data.vehicle.data.map(function(item) {
item.link = encodeURI("/vehicleList/" + item.id + "?name=" + item.name); item.link = encodeURI("/vehicleList/" + item.id + "?name=" + item.name);
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
item.pictureList = item.picture.split(","); item.pictureList = item.picture.split(",");
...@@ -123,8 +122,11 @@ export default { ...@@ -123,8 +122,11 @@ export default {
? item.pictureList[0] ? item.pictureList[0]
: ""; : "";
}); });
this.carDetail = data;
this.totalCount = data.totalCount // console.log(data.vehicle.data);
this.carDetail = data.vehicle.data;
this.totalCount =data.vehicle.totalCount
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.listQuery.page = val; this.listQuery.page = val;
......
pages/index.vue
View file @ a01440cf
...@@ -313,7 +313,7 @@ ...@@ -313,7 +313,7 @@
<li @mouseleave="leave()"> <li @mouseleave="leave()">
<img :src="memberList[0].bigIcon" :class="{miniPic1:!grade.common}" alt /> <img :src="memberList[0].bigIcon" :class="{miniPic1:!grade.common}" alt />
<p>{{memberList[0].name}}</p> <p>{{memberList[0].name}}</p>
<p>{{memberList[0].price}}</p> <p>{{memberList[0].price}}元</p>
<p></p> <p></p>
<div v-if="grade.common == true" class="membership-rules"> <div v-if="grade.common == true" class="membership-rules">
...@@ -344,7 +344,7 @@ ...@@ -344,7 +344,7 @@
<li @mouseleave="leave()"> <li @mouseleave="leave()">
<img :src="memberList[1].bigIcon" :class="{miniPic2:!grade.gold}" alt /> <img :src="memberList[1].bigIcon" :class="{miniPic2:!grade.gold}" alt />
<p>{{memberList[1].name}}</p> <p>{{memberList[1].name}}</p>
<p>{{memberList[1].price}}</p> <p>{{memberList[1].price}}元</p>
<p></p> <p></p>
<div v-if="grade.gold == true" class="membership-rules"> <div v-if="grade.gold == true" class="membership-rules">
...@@ -374,7 +374,7 @@ ...@@ -374,7 +374,7 @@
<li @mouseleave="leave()"> <li @mouseleave="leave()">
<img :src="memberList[2].bigIcon" :class="{miniPic3:!grade.diamond}" alt /> <img :src="memberList[2].bigIcon" :class="{miniPic3:!grade.diamond}" alt />
<p>{{memberList[2].name}}</p> <p>{{memberList[2].name}}</p>
<p>{{memberList[2].price}}</p> <p>{{memberList[2].price}}元</p>
<p></p> <p></p>
<div v-if="grade.diamond == true" class="membership-rules"> <div v-if="grade.diamond == true" class="membership-rules">
......
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