Skip to content

V
vue-ssr
Commit 53c744e5 authored by linjw's avatar linjw
Browse files
Options

修改网站地图

parent 3474d430
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2416 additions and 199 deletions
.nuxt/router.js
View file @ 53c744e5
This diff is collapsed.
assets/code.json 0 → 100644
View file @ 53c744e5
This diff is collapsed.
assets/main.css
View file @ 53c744e5
...@@ -93,7 +93,7 @@ body { ...@@ -93,7 +93,7 @@ body {
} }
.main-container{ .main-container{
margin-top:180px; margin-top:174px;
min-height: 600px; min-height: 600px;
min-width: 1120px; min-width: 1120px;
overflow: hidden; overflow: hidden;
......
components/findMenu.vue
View file @ 53c744e5
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li v-for="menu in findList" :key="menu.id"> <li v-for="menu in findList" :key="menu.id">
<nuxt-link :to="menu.link" style="color:#000" :class="router== menu.link?'active':''">{{ menu.name }} ({{menu.number}})</nuxt-link> <nuxt-link :to="menu.link + '?keywords=' + listQuery.keyword" style="color:#000" :class="router== menu.link?'active':''">{{ menu.name }} ({{menu.number}})</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -46,13 +46,16 @@ export default { ...@@ -46,13 +46,16 @@ export default {
}, },
components: {}, components: {},
created() { created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
let router = this.$route.path; let router = this.$route.path;
this.router = router; this.router = router;
this.getAll();
}, },
methods: { methods: {
async getAll() { async getAll() {
this.listQuery.keyword = this.$route.query.keywords; // this.listQuery.keyword = this.$route.query.keywords;
let { let {
data: { data } data: { data }
} = await axios.get( } = await axios.get(
......
components/menu.vue
View file @ 53c744e5
...@@ -16,55 +16,61 @@ ...@@ -16,55 +16,61 @@
<span class="triangle-down"></span> <span class="triangle-down"></span>
</div> </div>
<div class="webMap" v-if="visibleMap" @mouseenter="enter()" @mouseleave="leave()"> <div class="webMap" v-if="visibleMap" @mouseenter="enter()" @mouseleave="leave()">
<div style="font-weight:600">关于欣新</div> <div style="padding-bottom:23px;overflow:hidden;border-bottom:1px solid #F2F2F2" >关于欣新</div>
<div class="margin-Top"> <div >
<div style="font-weight:600">产品展示</div> <div style="margin-top:23px">产品展示</div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style="margin-right:20px"> <li style="margin-right:12px">
<nuxt-link to="/vehicle" style="color:#666">房车租赁</nuxt-link> <nuxt-link to="/vehicle" >房车租赁</nuxt-link>
</li> </li>
<li <li
v-for="item in vehicleType" v-for="item in vehicleType"
:key="item.id" :key="item.id"
style="width:70px;margin-right:10px" style=""
>{{item.name}}</li> >{{item.name}}</li>
</ul> </ul>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix" style="margin-top:9px">
<li style="margin-right:20px"> <li style="margin-right:12px;"
<nuxt-link to="/tour" style="color:#666">房车旅行</nuxt-link> @click="chooseSelect()">
房车旅行
</li> </li>
<li v-for="item in tourType" :key="item.id" style="width:70px;margin-right:10px">{{item.name}}</li> <li
v-for="item in tourType"
:key="item.id"
@click="chooseSelect(item.id)"
>{{item.name}}</li>
</ul> </ul>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:20px"> <li style="margin-right:12px" @click="chooseType()">
<nuxt-link to="/campsite" style="color:#666">房车营地</nuxt-link> 房车营地
</li> </li>
<li <li
v-for="item in campsiteType" v-for="item in campsiteType"
:key="item.id" :key="item.id"
style="width:70px;margin-right:10px" @click="chooseType(item.id)"
>{{item.name}}</li> >{{item.name}}</li>
</ul> </ul>
</div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >
<div style="">招商加盟</div>
</div> </div>
<div class="margin-Top"> <div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="font-weight:600">招商加盟</div> <div style="padding-top:22px">新闻资讯</div>
</div>
<div class="margin-Top">
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style="font-weight:600">新闻资讯</li>
<li style="margin-left:20px"> <li style="">
<nuxt-link to="/activity" style="color:#666">欣新活动</nuxt-link> <nuxt-link to="/activity" >欣新活动</nuxt-link>
</li> </li>
<li style="margin-left:20px"> <li style="">
<nuxt-link to="/news" style="color:#666">新闻动态</nuxt-link> <nuxt-link to="/news" >新闻动态</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="margin-Top">
<div style="font-weight:600">联系我们</div> <div style="">联系我们</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="menu"> <div class="menu">
...@@ -133,9 +139,9 @@ export default { ...@@ -133,9 +139,9 @@ export default {
menuList: [ menuList: [
{ id: 1, name: "首页", link: "/" }, { id: 1, name: "首页", link: "/" },
{ id: 7, name: "欣新介绍", link: "/aboutXx" }, { id: 7, name: "欣新介绍", link: "/aboutXx" },
{ id: 2, name: "房车租赁", link: "/vehicle" }, { id: 2, name: "房车租赁", link: "/vehicle?types=" },
{ id: 3, name: "房车旅行", link: "/tour" }, { id: 3, name: "房车旅行", link: '/tour?tagIds=' },
{ id: 4, name: "房车营地", link: "/campsite" }, { id: 4, name: "房车营地", link: "/campsite?types=" },
{ id: 5, name: "欣新活动", link: "/activity" }, { id: 5, name: "欣新活动", link: "/activity" },
{ id: 6, name: "新闻动态", link: "/news" }, { id: 6, name: "新闻动态", link: "/news" },
{ id: 8, name: "联系我们", link: "/company" }, { id: 8, name: "联系我们", link: "/company" },
...@@ -160,16 +166,42 @@ export default { ...@@ -160,16 +166,42 @@ export default {
page: "", page: "",
limit: "", limit: "",
}, },
}; };
}, },
created() { created() {
// console.log(this);
if(this.$route.path == '/findList/all'||this.$route.path == '/findList/findVehicle'||this.$route.path == '/findList/findTour'||this.$route.path == '/findList/findCampsite'||this.$route.path == '/findList/findActivity'||this.$route.path == '/findList/findNew'||this.$route.path == '/findList/findCompany'){
this.select = this.$route.path;
}else{
this.select = "/findList/all"
}
this.listQuery.keyword = this.$route.query.keywords; this.listQuery.keyword = this.$route.query.keywords;
let router = this.$route.path; let router = this.$route.path;
this.router = router; this.router = router;
this.getType(); this.getType();
}, },
methods: { methods: {
chooseSelect(e){
if(e == undefined){
e = "",
console.log(2);
}
this.$router.push({ path: '/tour', query: { tagIds: e } });
console.log(e);
this.$emit('goTour',e);
this.visibleMap = false;
},
chooseType(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/campsite', query: { types: e } });
console.log(e);
this.$emit('goCam',e);
this.visibleMap = false;
},
async getType() { async getType() {
const tour = await axios.get("/api/uccn/app/unauth/tour/tagList"); const tour = await axios.get("/api/uccn/app/unauth/tour/tagList");
this.tourType = tour.data.data; this.tourType = tour.data.data;
...@@ -197,6 +229,10 @@ export default { ...@@ -197,6 +229,10 @@ export default {
this.visibleMap = false; this.visibleMap = false;
}, },
findTo(){ findTo(){
if(this.listQuery.keyword == undefined){
this.listQuery.keyword = "",
console.log(2);
}
this.$router.push({ path: this.select, query: { keywords: this.listQuery.keyword } }); this.$router.push({ path: this.select, query: { keywords: this.listQuery.keyword } });
console.log(this.select); console.log(this.select);
console.log(this.listQuery.keyword); console.log(this.listQuery.keyword);
...@@ -306,19 +342,24 @@ export default { ...@@ -306,19 +342,24 @@ export default {
border-top: 8px solid #999; border-top: 8px solid #999;
border-bottom: 8px solid transparent; border-bottom: 8px solid transparent;
} }
.webMap { .webMap {
position: absolute; position: absolute;
top: 30px; top: 30px;
right: 0px; right: 0px;
background-color: #fff; background-color: #fff;
padding: 20px; padding: 24px 28px 24px 31px;
font-size: 14px; font-size: 14px;
/* width: 1120px; */
height: 470px;
margin: 0 auto 30px auto;
background:rgba(255,255,255,1);
box-shadow:0px 5px 20px 0px rgba(153,153,153,0.3);
} }
.v-ul { .v-ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: 10px; margin-top: 15px;
list-style: none; list-style: none;
} }
.v-ul li { .v-ul li {
...@@ -326,9 +367,24 @@ export default { ...@@ -326,9 +367,24 @@ export default {
padding: 0; padding: 0;
list-style: none; list-style: none;
float: left; float: left;
cursor: pointer;
width:90px;height:30px;line-height:30px;text-align:center
}
a{
text-decoration: none;
color: #666666
}
.v-ul li:hover{
background-color: #1BBB9F;
color: #fff
}
.v-ul li:hover a{
/* background-color: #1BBB9F; */
color: #fff
} }
.margin-Top { .margin-Top{
margin-top: 30px; margin-top:22px;
} }
.menu-select{ .menu-select{
width: 500px; width: 500px;
......
package-lock.json
View file @ 53c744e5
...@@ -3789,11 +3789,13 @@ ...@@ -3789,11 +3789,13 @@
}, },
"balanced-match": { "balanced-match": {
"version": "1.0.0", "version": "1.0.0",
"bundled": true "bundled": true,
"optional": true
}, },
"brace-expansion": { "brace-expansion": {
"version": "1.1.11", "version": "1.1.11",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"balanced-match": "^1.0.0", "balanced-match": "^1.0.0",
"concat-map": "0.0.1" "concat-map": "0.0.1"
...@@ -3806,15 +3808,18 @@ ...@@ -3806,15 +3808,18 @@
}, },
"code-point-at": { "code-point-at": {
"version": "1.1.0", "version": "1.1.0",
"bundled": true "bundled": true,
"optional": true
}, },
"concat-map": { "concat-map": {
"version": "0.0.1", "version": "0.0.1",
"bundled": true "bundled": true,
"optional": true
}, },
"console-control-strings": { "console-control-strings": {
"version": "1.1.0", "version": "1.1.0",
"bundled": true "bundled": true,
"optional": true
}, },
"core-util-is": { "core-util-is": {
"version": "1.0.2", "version": "1.0.2",
...@@ -3917,7 +3922,8 @@ ...@@ -3917,7 +3922,8 @@
}, },
"inherits": { "inherits": {
"version": "2.0.3", "version": "2.0.3",
"bundled": true "bundled": true,
"optional": true
}, },
"ini": { "ini": {
"version": "1.3.5", "version": "1.3.5",
...@@ -3927,6 +3933,7 @@ ...@@ -3927,6 +3933,7 @@
"is-fullwidth-code-point": { "is-fullwidth-code-point": {
"version": "1.0.0", "version": "1.0.0",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"number-is-nan": "^1.0.0" "number-is-nan": "^1.0.0"
} }
...@@ -3939,17 +3946,20 @@ ...@@ -3939,17 +3946,20 @@
"minimatch": { "minimatch": {
"version": "3.0.4", "version": "3.0.4",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"brace-expansion": "^1.1.7" "brace-expansion": "^1.1.7"
} }
}, },
"minimist": { "minimist": {
"version": "0.0.8", "version": "0.0.8",
"bundled": true "bundled": true,
"optional": true
}, },
"minipass": { "minipass": {
"version": "2.3.5", "version": "2.3.5",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"safe-buffer": "^5.1.2", "safe-buffer": "^5.1.2",
"yallist": "^3.0.0" "yallist": "^3.0.0"
...@@ -3966,6 +3976,7 @@ ...@@ -3966,6 +3976,7 @@
"mkdirp": { "mkdirp": {
"version": "0.5.1", "version": "0.5.1",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"minimist": "0.0.8" "minimist": "0.0.8"
} }
...@@ -4038,7 +4049,8 @@ ...@@ -4038,7 +4049,8 @@
}, },
"number-is-nan": { "number-is-nan": {
"version": "1.0.1", "version": "1.0.1",
"bundled": true "bundled": true,
"optional": true
}, },
"object-assign": { "object-assign": {
"version": "4.1.1", "version": "4.1.1",
...@@ -4048,6 +4060,7 @@ ...@@ -4048,6 +4060,7 @@
"once": { "once": {
"version": "1.4.0", "version": "1.4.0",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"wrappy": "1" "wrappy": "1"
} }
...@@ -4153,6 +4166,7 @@ ...@@ -4153,6 +4166,7 @@
"string-width": { "string-width": {
"version": "1.0.2", "version": "1.0.2",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"code-point-at": "^1.0.0", "code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0", "is-fullwidth-code-point": "^1.0.0",
......
pages/campsite.vue
View file @ 53c744e5
<template> <template>
<div> <div>
<menu-modal></menu-modal> <menu-modal @goCam="goCam"></menu-modal>
<div class="main-container"> <div class="main-container">
<vehicle-banner <vehicle-banner
:list = "bannerList" :list = "bannerList"
...@@ -108,6 +108,7 @@ export default { ...@@ -108,6 +108,7 @@ export default {
}; };
}, },
created() { created() {
this.listQuery.type = this.$route.query.types;
this.getType(); this.getType();
this.getAll(); this.getAll();
}, },
...@@ -118,9 +119,15 @@ export default { ...@@ -118,9 +119,15 @@ export default {
chooseSelect() { chooseSelect() {
console.log(this.typeList); console.log(this.typeList);
this.listQuery.type = this.typeList this.listQuery.type = this.typeList;
this.$router.push({ path: "/campsite", query: { types: this.listQuery.type } });
this.getAll(); this.getAll();
}, },
goCam(e){
this.listQuery.type = e;
this.getAll();
this.typeList="营地类型";
},
handleCurrentChange(val) { handleCurrentChange(val) {
this.listQuery.pageNo = val; this.listQuery.pageNo = val;
this.getAll(); this.getAll();
......
pages/company.vue
View file @ 53c744e5
...@@ -12,11 +12,7 @@ ...@@ -12,11 +12,7 @@
style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px" style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px"
>欣新房车全国分布图</div> >欣新房车全国分布图</div>
<viewer> <viewer>
<img <img src="../assets/images/company.png" alt style="width:526px;height:430px" />
src="../assets/images/company.png"
alt=""
style="width:526px;height:430px"
/>
</viewer> </viewer>
</div> </div>
<div style="float:left;width:500px"> <div style="float:left;width:500px">
...@@ -46,7 +42,38 @@ ...@@ -46,7 +42,38 @@
<div style="font-weight:600;font-size:20px;text-align: center;"> <div style="font-weight:600;font-size:20px;text-align: center;">
<span>全国子公司</span> <span>全国子公司</span>
</div> </div>
<div>省份s</div> <!-- 省份 -->
<div class="province-city" >
<span style="margin-right:14px">省份</span>
<el-select v-model="province" placeholder="请选择省份" @change="provinceChanged">
<el-option :key="''" :label="'全部'" :value="''"></el-option>
<el-option
v-for="item in provinces"
:key="item.code+100"
:label="item.name"
:value="item.code"
></el-option>
</el-select>
<span style="margin:0 14px 0 35px">城市</span>
<el-select
v-model="city"
:loading="loadingCity"
@change="cityChanged"
placeholder="请选择城市"
>
<el-option :key="''" :label="'全部'" :value="''"></el-option>
<el-option
v-for="item in cities"
:key="item.code"
:label="item.name"
:value="item.code"
></el-option>
</el-select>
<el-button plain @click="chooseCity()" style="margin-left:35px;width:104px;height:38px" icon="el-icon-search">筛选</el-button>
</div>
<!-- 公司 -->
<div style="margin-top: 31px;" v-if="this.visibility">该城市暂时没有分公司信息</div>
<div v-if="!this.visibility">
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li v-for="item in childDetail" :key="item.comnpanyBaseId"> <li v-for="item in childDetail" :key="item.comnpanyBaseId">
<h2 style="font-size:18px;margin-bottom:24px">{{item.name}}</h2> <h2 style="font-size:18px;margin-bottom:24px">{{item.name}}</h2>
...@@ -61,12 +88,17 @@ ...@@ -61,12 +88,17 @@
</li> </li>
</ul> </ul>
<div class="pagination-container"> <div class="pagination-container">
<el-pagination @current-change="handleCurrentChange" <el-pagination
:current-page.sync="listQuery.page" @current-change="handleCurrentChange"
@size-change="handleSizeChange" :current-page.sync="listQuery.page"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" @size-change="handleSizeChange"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination> :page-sizes="[10,20,30, 50]"
</div> :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper"
:total="totalCount"
></el-pagination>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -82,6 +114,7 @@ import menuModal from "../components/menu"; ...@@ -82,6 +114,7 @@ import menuModal from "../components/menu";
import footerModal from "../components/footer"; import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner"; import vehicleBanner from "../components/vehicleBanner";
import GoTop from "../components/goTop"; import GoTop from "../components/goTop";
import provinceCity from "../assets/code.json";
export default { export default {
transition: "bounce", transition: "bounce",
components: { components: {
...@@ -92,9 +125,16 @@ export default { ...@@ -92,9 +125,16 @@ export default {
}, },
created() { created() {
this.getAll(); this.getAll();
this.provinces = provinceCity.provinces;
},
mounted() {
this.province = this.provinceCode;
this.provinceChanged(this.provinceCode);
this.city = this.cityCode;
}, },
data() { data() {
return { return {
visibility:false,
childDetail: [], childDetail: [],
listQuery: { listQuery: {
addrCity: "", addrCity: "",
...@@ -103,6 +143,11 @@ export default { ...@@ -103,6 +143,11 @@ export default {
limit: 10 limit: 10
}, },
totalCount: 0, totalCount: 0,
loadingCity: false,
province: "",
city: "",
provinces: [],
cities: []
}; };
}, },
methods: { methods: {
...@@ -111,21 +156,72 @@ export default { ...@@ -111,21 +156,72 @@ export default {
data: { data } data: { data }
} = await axios.post("api/uccn/app/unauth/branch_company/page", { } = await axios.post("api/uccn/app/unauth/branch_company/page", {
page: this.listQuery.page, page: this.listQuery.page,
limit: this.listQuery.limit limit: this.listQuery.limit,
addrCity:this.listQuery.addrCity,
addrProvince:this.listQuery.addrProvince
}); });
this.childDetail = data.data; this.childDetail = data.data;
this.totalCount = data.totalCount if(this.childDetail == undefined){
this.visibility = true
}else{
this.visibility = false
}
this.totalCount = data.totalCount;
console.log(this.childDetail); console.log(this.childDetail);
this.listQuery.addrCity = "";
this.listQuery.addrProvince = ""
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.listQuery.page = val; this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
provinceChanged(value) {
if (value !== "") {
this.loadingCity = true;
for (var item of this.provinces) {
if (item.code === value) {
this.cities = item.cities;
this.city = "";
this.loadingCity = false;
break;
} else {
continue;
}
}
} else {
this.cities = [];
this.city = "";
}
this.$emit("selectChange", this.province, this.city);
},
cityChanged(value) {
this.$emit("selectChange", this.province, this.city);
},
chooseCity(){
if(this.city == undefined && this.province == undefined){ // 没选
console.log(1);
return
}if(this.city == "" && this.province == ""){ //全选
this.getAll(); this.getAll();
}, console.log(2);
handleSizeChange(val) { }if(this.city == "" && this.province != ""){ //选省没选市
this.listQuery.limit = val; this.listQuery.addrProvince = this.province+'00';
this.listQuery.page = 1;
this.getAll(); this.getAll();
}, console.log(3);
}if(this.city != "" && this.province != ""){ //选省选市
this.listQuery.addrProvince = this.province+'00';
this.listQuery.addrCity = this.city+'00';
this.getAll();
console.log(4);
}
}
}, },
head() { head() {
return { return {
...@@ -171,7 +267,7 @@ export default { ...@@ -171,7 +267,7 @@ export default {
width: 1120px; width: 1120px;
margin: 0 auto 0px auto; margin: 0 auto 0px auto;
padding-top: 49px; padding-top: 49px;
padding-bottom:40px padding-bottom: 40px;
} }
.v-ul { .v-ul {
margin: 0; margin: 0;
...@@ -196,4 +292,8 @@ export default { ...@@ -196,4 +292,8 @@ export default {
.v-ul li:nth-child(odd) { .v-ul li:nth-child(odd) {
margin-right: 40px; margin-right: 40px;
} }
.province-city{
text-align: center;
margin-top:40px
}
</style> </style>
pages/findList/all.vue
View file @ 53c744e5
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<div class="margin-Top clearfix title-find"> <div class="margin-Top clearfix title-find">
<div style="float:left">房车车型</div> <div style="float:left">房车车型</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px"> <div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link to="/findList/findVehicle" style="color:#999999" class="active-a"> <nuxt-link :to="'/findList/findVehicle?keywords=' + listQuery.keyword" style="color:#999999" class="active-a">
MORE MORE
<img style="width:12px" src="../../assets/images/r-9.png" /> <img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link> </nuxt-link>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
<div class="margin-Top clearfix title-find"> <div class="margin-Top clearfix title-find">
<div style="float:left">房车旅游</div> <div style="float:left">房车旅游</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px"> <div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link to="/findList/findTour" style="color:#999999" class="active-a"> <nuxt-link :to="'/findList/findTour?keywords=' + listQuery.keyword" style="color:#999999" class="active-a">
MORE MORE
<img style="width:12px" src="../../assets/images/r-9.png" /> <img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link> </nuxt-link>
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
<div class="margin-Top clearfix title-find"> <div class="margin-Top clearfix title-find">
<div style="float:left">房车营地</div> <div style="float:left">房车营地</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px"> <div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link to="/findList/findCampsite" style="color:#999999" class="active-a"> <nuxt-link :to="'/findList/findCampsite?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE MORE
<img style="width:12px" src="../../assets/images/r-9.png" /> <img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link> </nuxt-link>
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
<div class="margin-Top clearfix title-find"> <div class="margin-Top clearfix title-find">
<div style="float:left">欣新活动</div> <div style="float:left">欣新活动</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px"> <div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link to="/findList/findActivity" style="color:#999999" class="active-a"> <nuxt-link :to="'/findList/findActivity?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE MORE
<img style="width:12px" src="../../assets/images/r-9.png" /> <img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link> </nuxt-link>
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
<div class="margin-Top clearfix title-find"> <div class="margin-Top clearfix title-find">
<div style="float:left">欣新资讯</div> <div style="float:left">欣新资讯</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px"> <div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link to="/findList/findNew" style="color:#999999" class="active-a"> <nuxt-link :to="'/findList/findNew?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE MORE
<img style="width:12px" src="../../assets/images/r-9.png" /> <img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link> </nuxt-link>
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
<div class="margin-Top clearfix title-find"> <div class="margin-Top clearfix title-find">
<div style="float:left">欣新子公司</div> <div style="float:left">欣新子公司</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px"> <div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link to="/findList/findCompany" style="color:#999999" class="active-a"> <nuxt-link :to="'/findList/findCompany?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE MORE
<img style="width:12px" src="../../assets/images/r-9.png" /> <img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link> </nuxt-link>
......
pages/findList/findActivity.vue
View file @ 53c744e5
<template> <template>
<div class="container" style="background: #fff;"> <div class="container" style="background: #fff;">
<menu-modal></menu-modal> <menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap" style="background:#fff"> <div class="wrap" style="background:#fff">
...@@ -70,9 +70,15 @@ export default { ...@@ -70,9 +70,15 @@ export default {
findMenu findMenu
}, },
created() { created() {
console.log(this);
this.listQuery.keyword = this.$route.query.keywords;
this.getAll(); this.getAll();
}, },
methods: { methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
......
pages/findList/findCampsite.vue
View file @ 53c744e5
<template> <template>
<div class="container" style="background: #fff;"> <div class="container" style="background: #fff;">
<menu-modal></menu-modal> <menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap" style="background:#fff"> <div class="wrap" style="background:#fff">
...@@ -70,9 +70,14 @@ export default { ...@@ -70,9 +70,14 @@ export default {
findMenu findMenu
}, },
created() { created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll(); this.getAll();
}, },
methods: { methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
......
pages/findList/findCompany.vue
View file @ 53c744e5
<template> <template>
<div class="container" style="background: #fff;"> <div class="container" style="background: #fff;">
<menu-modal></menu-modal> <menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap" style="background:#fff"> <div class="wrap" style="background:#fff">
...@@ -74,9 +74,14 @@ export default { ...@@ -74,9 +74,14 @@ export default {
findMenu findMenu
}, },
created() { created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll(); this.getAll();
}, },
methods: { methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
......
pages/findList/findNew.vue
View file @ 53c744e5
<template> <template>
<div class="container" style="background: #fff;"> <div class="container" style="background: #fff;">
<menu-modal></menu-modal> <menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap" style="background:#fff"> <div class="wrap" style="background:#fff">
...@@ -67,9 +67,14 @@ export default { ...@@ -67,9 +67,14 @@ export default {
findMenu findMenu
}, },
created() { created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll(); this.getAll();
}, },
methods: { methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
......
pages/findList/findTour.vue
View file @ 53c744e5
<template> <template>
<div class="container" style="background: #fff;"> <div class="container" style="background: #fff;">
<menu-modal></menu-modal> <menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap" style="background:#fff"> <div class="wrap" style="background:#fff">
<find-menu @childByValue="childByValue"></find-menu> <find-menu></find-menu>
<div> <div>
<div class="margin-Top clearfix title-find"> <div class="margin-Top clearfix title-find">
...@@ -67,10 +67,15 @@ export default { ...@@ -67,10 +67,15 @@ export default {
findMenu findMenu
}, },
created() { created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll(); this.getAll();
}, },
methods: { methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
...@@ -94,13 +99,7 @@ export default { ...@@ -94,13 +99,7 @@ export default {
this.listQuery.page = 1; this.listQuery.page = 1;
this.getAll(); this.getAll();
}, },
childByValue(childValue) {
// childValue就是子组件传过来的值
console.log(childValue);
this.listQuery.keyword = childValue;
this.getAll();
}
} }
}; };
</script> </script>
......
pages/indexWeb.vue
View file @ 53c744e5
<template> <template>
<div class="container" style="background: #fff;"> <div class="container" >
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap" style="background:#fff"> <div class="wrap" style="">
<div style="margin: 20px 0;padding: 0"> <div style="margin: 20px 0;padding: 0" class="shouy">
<nuxt-link to="/" style="color:#000">首页></nuxt-link> <nuxt-link to="/" >首页></nuxt-link>
<span>网站地图</span> <span>网站地图</span>
</div> </div>
<div class="webMap"> <div class="webMap">
<div style="font-weight:600">关于欣新</div> <div style="padding-bottom:23px;overflow:hidden;border-bottom:1px solid #F2F2F2" >关于欣新</div>
<div class="margin-Top"> <div >
<div style="font-weight:600">产品展示</div> <div style="margin-top:23px">产品展示</div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style="margin-right:20px"> <li style="margin-right:12px">
<nuxt-link to="/vehicle" style="color:#666">房车租赁</nuxt-link> <nuxt-link to="/vehicle" >房车租赁</nuxt-link>
</li> </li>
<li <li
v-for="item in vehicleType" v-for="item in vehicleType"
:key="item.id" :key="item.id"
style="width:70px;margin-right:10px" style=""
>{{item.name}}</li> >{{item.name}}</li>
</ul> </ul>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix" style="margin-top:9px">
<li style="margin-right:20px"> <li style="margin-right:12px;"
<nuxt-link to="/tour" style="color:#666">房车旅行</nuxt-link> @click="chooseSelect()">
房车旅行
</li> </li>
<li v-for="item in tourType" :key="item.id" style="width:70px;margin-right:10px">{{item.name}}</li> <li
v-for="item in tourType"
:key="item.id"
@click="chooseSelect(item.id)"
>{{item.name}}</li>
</ul> </ul>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:20px"> <li style="margin-right:12px" @click="chooseType()">
<nuxt-link to="/campsite" style="color:#666">房车营地</nuxt-link> 房车营地
</li> </li>
<li <li
v-for="item in campsiteType" v-for="item in campsiteType"
:key="item.id" :key="item.id"
style="width:70px;margin-right:10px" @click="chooseType(item.id)"
>{{item.name}}</li> >{{item.name}}</li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >
<div style="font-weight:600">招商加盟</div> <div style="">招商加盟</div>
</div> </div>
<div class="margin-Top"> <div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="padding-top:22px">新闻资讯</div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style="font-weight:600">新闻资讯</li>
<li style="margin-left:20px"> <li style="">
<nuxt-link to="/activity" style="color:#666">欣新活动</nuxt-link> <nuxt-link to="/activity" >欣新活动</nuxt-link>
</li> </li>
<li style="margin-left:20px"> <li style="">
<nuxt-link to="/news" style="color:#666">新闻动态</nuxt-link> <nuxt-link to="/news" >新闻动态</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="margin-Top">
<div style="font-weight:600">联系我们</div> <div style="">联系我们</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -85,6 +91,22 @@ export default { ...@@ -85,6 +91,22 @@ export default {
this.getType(); this.getType();
}, },
methods: { methods: {
chooseSelect(e){
if(e == undefined){
e = "",
console.log(2);
}
this.$router.push({ path: '/tour', query: { tagIds: e } });
console.log(e);
},
chooseType(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/campsite', query: { types: e } });
console.log(e);
},
async getType() { async getType() {
const tour = await axios.get("/api/uccn/app/unauth/tour/tagList"); const tour = await axios.get("/api/uccn/app/unauth/tour/tagList");
this.tourType = tour.data.data; this.tourType = tour.data.data;
...@@ -97,7 +119,10 @@ export default { ...@@ -97,7 +119,10 @@ export default {
); );
this.vehicleType = child.data.data; this.vehicleType = child.data.data;
console.log(this.childType); console.log(this.childType);
} },
// goTo(){
// this.$router.push({ path: "/campaite", query: { type: 53 } });
// }
} }
}; };
</script> </script>
...@@ -116,16 +141,17 @@ export default { ...@@ -116,16 +141,17 @@ export default {
} }
.webMap { .webMap {
background-color: #fff; background-color: #fff;
padding: 20px; padding: 24px 28px 24px 31px;
font-size: 14px; font-size: 14px;
width: 1120px; width: 1120px;
height: 470px;
margin: 0 auto 30px auto; margin: 0 auto 30px auto;
} }
.v-ul { .v-ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: 30px; margin-top: 15px;
list-style: none; list-style: none;
} }
.v-ul li { .v-ul li {
...@@ -133,8 +159,28 @@ export default { ...@@ -133,8 +159,28 @@ export default {
padding: 0; padding: 0;
list-style: none; list-style: none;
float: left; float: left;
cursor: pointer;
width:90px;height:30px;line-height:30px;text-align:center
}
.v-ul li:hover{
background-color: #1BBB9F;
color: #fff
}
a{
text-decoration: none;
color: #666666
}
.v-ul li:hover a{
background-color: #1BBB9F;
color: #fff
} }
.margin-Top{ .margin-Top{
margin-top:70px margin-top:22px;
}
.shouy{
color: #666666
}
.shouy a:hover{
color: #1BBB9F
} }
</style> </style>
pages/tour.vue
View file @ 53c744e5
<template> <template>
<div> <div>
<menu-modal></menu-modal> <menu-modal v-on:goTour = "goTour"></menu-modal>
<div class="main-container"> <div class="main-container">
<div> <div>
<vehicle-banner <vehicle-banner
...@@ -25,7 +25,6 @@ ...@@ -25,7 +25,6 @@
</div> </div>
<div class="clearfix total-div" style="background-color: #fff;padding:13px 0 19px 14px;color:#666;height:50px"> <div class="clearfix total-div" style="background-color: #fff;padding:13px 0 19px 14px;color:#666;height:50px">
共{{totalCount}}个旅行路线 共{{totalCount}}个旅行路线
<!-- <div class="selectDiv"> -->
<el-select <el-select
style="width:150px;height:30px;float:right;margin:-8px 10px 10px 0" style="width:150px;height:30px;float:right;margin:-8px 10px 10px 0"
value-key="id" value-key="id"
...@@ -40,15 +39,8 @@ ...@@ -40,15 +39,8 @@
:value="item.id"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
<!-- <select
@change="choose($event)"
style="width:145px;text-align:center;height:30px;float:right;border:none;outline: none;color:#666;padding-left:30px"
>
<option value>旅行类型</option>
<option v-for="item in dataType" :value="item.id" :key="item.id" style="outline: none;">{{ item.name }}</option>
<option value>全部</option>
</select> -->
<!-- </div> -->
</div> </div>
<h3 v-if="dataNull" style="margin:20px 0;background-color: #fff;padding:20px">暂无信息</h3> <h3 v-if="dataNull" style="margin:20px 0;background-color: #fff;padding:20px">暂无信息</h3>
<ul class="campsiteDetail" v-if="!dataNull"> <ul class="campsiteDetail" v-if="!dataNull">
...@@ -92,6 +84,8 @@ ...@@ -92,6 +84,8 @@
vehicleBanner vehicleBanner
}, },
created() { created() {
this.listQuery.tagId = this.$route.query.tagIds;
this.getType(); this.getType();
this.getAll(); this.getAll();
}, },
...@@ -119,9 +113,15 @@ ...@@ -119,9 +113,15 @@
}; };
}, },
methods:{ methods:{
goTour(e){
this.listQuery.tagId = e;
this.typeList="旅行类型"
this.getAll();
},
chooseSelect() { chooseSelect() {
console.log(this.typeList); console.log(this.typeList);
this.listQuery.tagId = this.typeList this.listQuery.tagId = this.typeList;
this.$router.push({ path: "/tour", query: { tagIds: this.listQuery.tagId } });
this.getAll(); this.getAll();
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
......
pages/vehicle.vue
View file @ 53c744e5
...@@ -23,6 +23,20 @@ ...@@ -23,6 +23,20 @@
</div> </div>
<div class="total-div"> <div class="total-div">
共{{totalCount}}款车型 共{{totalCount}}款车型
<el-select
style="width:150px;height:30px;float:right;margin:-8px 10px 10px 0"
value-key="id"
v-model="typeList"
placeholder="旅行类型"
@change="chooseSelect()">
<el-option
v-for="item in dataType"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</div> </div>
<ul class="campsiteDetail clearfix"> <ul class="campsiteDetail clearfix">
<li v-for="item in dataDetail" :key="item.id" class="vehicle-item"> <li v-for="item in dataDetail" :key="item.id" class="vehicle-item">
...@@ -82,6 +96,8 @@ ...@@ -82,6 +96,8 @@
data() { data() {
return { return {
// headList:{}, // headList:{},
typeList:"车型",
dataType:"",
totalCount: 0, totalCount: 0,
dataDetail: [], dataDetail: [],
bannerList: [],//车型banner列表 bannerList: [],//车型banner列表
...@@ -103,6 +119,8 @@ ...@@ -103,6 +119,8 @@
}; };
}, },
created() { created() {
this.listQuery.type = this.$route.query.types;
this.getType();
this.getAll(); this.getAll();
this.getBanner(); this.getBanner();
// this.getHead() // this.getHead()
...@@ -141,11 +159,21 @@ ...@@ -141,11 +159,21 @@
let banner = tempBannerData.data.data; let banner = tempBannerData.data.data;
this.bannerList = banner; this.bannerList = banner;
}, },
chooseSelect(e) { chooseSelect() {
console.log(e.target.value); console.log(this.typeList);
this.listQuery.type = e.target.value; this.listQuery.type = this.typeList;
this.getAll(); this.$router.push({ path: "/vehicle", query: { types: this.listQuery.type } });
}, this.getAll();
},
async getType() {
const {
data: { data }
} = await axios.get("/vehicle/cata/app/unauth/types" );
data.unshift({id:"",name:'全部'})
this.dataType = data;
console.log(data);
this.loading = false
},
async getAll() { async getAll() {
let { let {
data: { data } data: { data }
......
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