Skip to content

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

修改网站地图

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