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