Skip to content

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

修改搜索

parent 0775b035
Expand all Show whitespace changes
Inline Side-by-side
Showing with 13229 additions and 144 deletions
.nuxt/App.js
View file @ fd0af2a7
...@@ -3,7 +3,11 @@ import NuxtLoading from '~/components/loading.vue' ...@@ -3,7 +3,11 @@ import NuxtLoading from '~/components/loading.vue'
import '..\\assets\\main.css' import '..\\assets\\main.css'
import '..\\node_modules\\_swiper@4.0.7@swiper\\dist\\css\\swiper.min.css' import '..\\node_modules\\swiper\\dist\\css\\swiper.min.css'
import '..\\node_modules\\element-ui\\lib\\theme-chalk\\index.css'
import '..\\node_modules\\viewerjs\\dist\\viewer.css'
let layouts = { let layouts = {
...@@ -15,7 +19,7 @@ let layouts = { ...@@ -15,7 +19,7 @@ let layouts = {
let resolvedLayouts = {} let resolvedLayouts = {}
export default { export default {
head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"name":"keywords","content":"欣新房车，房车旅游，房车，房车租赁，房车销售，房车价格，房车之家，房车经济，房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售，房车租赁，房车旅游，房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"\u002Ffavicon.ico"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"}],"style":[],"script":[]}, head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"keywords","name":"keywords","content":"欣新房车，房车旅游，房车，房车租赁，房车销售，房车价格，房车之家，房车经济，房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售，房车租赁，房车旅游，房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fimage\u002F1\u002Fapp\u002F5d9c62b7412efd926f70e0ed5efb19a.png"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"}],"script":[{"src":"https:\u002F\u002Fdev.dfangche.com\u002Fh5\u002FappHtml\u002Fjs\u002Futil.js"}],"style":[]},
render(h, props) { render(h, props) {
const loadingEl = h('nuxt-loading', { ref: 'loading' }) const loadingEl = h('nuxt-loading', { ref: 'loading' })
const layoutEl = h(this.layout || 'nuxt') const layoutEl = h(this.layout || 'nuxt')
......
.nuxt/components/nuxt.js
View file @ fd0af2a7
import Vue from 'vue' import Vue from 'vue'
import NuxtChild from './nuxt-child' import NuxtChild from './nuxt-child'
import NuxtError from './nuxt-error.vue' import NuxtError from '../..\\layouts\\error.vue'
import { compile } from '../utils' import { compile } from '../utils'
export default { export default {
......
.nuxt/index.js
View file @ fd0af2a7
...@@ -5,7 +5,7 @@ import { createRouter } from './router.js' ...@@ -5,7 +5,7 @@ import { createRouter } from './router.js'
import NoSSR from './components/no-ssr.js' import NoSSR from './components/no-ssr.js'
import NuxtChild from './components/nuxt-child.js' import NuxtChild from './components/nuxt-child.js'
import NuxtLink from './components/nuxt-link.js' import NuxtLink from './components/nuxt-link.js'
import NuxtError from './components/nuxt-error.vue' import NuxtError from '..\\layouts\\error.vue'
import Nuxt from './components/nuxt.js' import Nuxt from './components/nuxt.js'
import App from './App.js' import App from './App.js'
import { setContext, getLocation, getRouteData } from './utils' import { setContext, getLocation, getRouteData } from './utils'
...@@ -13,6 +13,10 @@ import { setContext, getLocation, getRouteData } from './utils' ...@@ -13,6 +13,10 @@ import { setContext, getLocation, getRouteData } from './utils'
/* Plugins */ /* Plugins */
import nuxt_plugin_museui_2c5e8732 from 'nuxt_plugin_museui_2c5e8732' // Source: ..\\plugins\\muse-ui.js import nuxt_plugin_museui_2c5e8732 from 'nuxt_plugin_museui_2c5e8732' // Source: ..\\plugins\\muse-ui.js
import nuxt_plugin_filters_2b4f519a from 'nuxt_plugin_filters_2b4f519a' // Source: ..\\plugins\\filters.js
import nuxt_plugin_elementUI_3fa02fdd from 'nuxt_plugin_elementUI_3fa02fdd' // Source: ..\\plugins\\elementUI.js
import nuxt_plugin_baidu_7b6ad772 from 'nuxt_plugin_baidu_7b6ad772' // Source: ..\\plugins\\baidu.js
import nuxt_plugin_viewer_1261dfef from 'nuxt_plugin_viewer_1261dfef' // Source: ..\\plugins\\viewer.js
// Component: <no-ssr> // Component: <no-ssr>
...@@ -135,6 +139,10 @@ async function createApp (ssrContext) { ...@@ -135,6 +139,10 @@ async function createApp (ssrContext) {
// Plugin execution // Plugin execution
if (typeof nuxt_plugin_museui_2c5e8732 === 'function') await nuxt_plugin_museui_2c5e8732(app.context, inject) if (typeof nuxt_plugin_museui_2c5e8732 === 'function') await nuxt_plugin_museui_2c5e8732(app.context, inject)
if (typeof nuxt_plugin_filters_2b4f519a === 'function') await nuxt_plugin_filters_2b4f519a(app.context, inject)
if (typeof nuxt_plugin_elementUI_3fa02fdd === 'function') await nuxt_plugin_elementUI_3fa02fdd(app.context, inject)
if (typeof nuxt_plugin_baidu_7b6ad772 === 'function') await nuxt_plugin_baidu_7b6ad772(app.context, inject)
if (typeof nuxt_plugin_viewer_1261dfef === 'function') await nuxt_plugin_viewer_1261dfef(app.context, inject)
// If server-side, wait for async component to be resolved first // If server-side, wait for async component to be resolved first
......
.nuxt/router.js
View file @ fd0af2a7
...@@ -3,16 +3,35 @@ import Router from 'vue-router' ...@@ -3,16 +3,35 @@ import Router from 'vue-router'
Vue.use(Router) Vue.use(Router)
const _916d4edc = () => import('..\\pages\\vehicle.vue' /* webpackChunkName: "pages_vehicle" */).then(m => m.default || m) const _2288ad39 = () => import('..\\pages\\news.vue' /* webpackChunkName: "pages_news" */).then(m => m.default || m)
const _55fc1c46 = () => import('..\\pages\\news.vue' /* webpackChunkName: "pages_news" */).then(m => m.default || m) const _eda2e094 = () => import('..\\pages\\vehicle.vue' /* webpackChunkName: "pages_vehicle" */).then(m => m.default || m)
const _96254626 = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m) const _c1537b84 = () => import('..\\pages\\tour.vue' /* webpackChunkName: "pages_tour" */).then(m => m.default || m)
const _0e939319 = () => import('..\\pages\\activity.vue' /* webpackChunkName: "pages_activity" */).then(m => m.default || m) const _779d1112 = () => import('..\\pages\\aboutXx.vue' /* webpackChunkName: "pages_aboutXx" */).then(m => m.default || m)
const _1b677f5a = () => import('..\\pages\\aboutXx.vue' /* webpackChunkName: "pages_aboutXx" */).then(m => m.default || m) const _79554075 = () => import('..\\pages\\activity.vue' /* webpackChunkName: "pages_activity" */).then(m => m.default || m)
const _1b4d0cd2 = () => import('..\\pages\\campsite.vue' /* webpackChunkName: "pages_campsite" */).then(m => m.default || m) const _f3e28ba4 = () => import('..\\pages\\campsite.vue' /* webpackChunkName: "pages_campsite" */).then(m => m.default || m)
const _51cf86e2 = () => import('..\\pages\\tour.vue' /* webpackChunkName: "pages_tour" */).then(m => m.default || m) const _02741849 = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m)
const _5df21ee8 = () => import('..\\pages\\demoList\\demoList.vue' /* webpackChunkName: "pages_demoList_demoList" */).then(m => m.default || m) const _f87aa5f0 = () => import('..\\pages\\indexWeb.vue' /* webpackChunkName: "pages_indexWeb" */).then(m => m.default || m)
const _802b9bc2 = () => import('..\\pages\\demoList\\_id.vue' /* webpackChunkName: "pages_demoList__id" */).then(m => m.default || m) const _5e492c87 = () => import('..\\pages\\company.vue' /* webpackChunkName: "pages_company" */).then(m => m.default || m)
const _e86eea90 = () => import('..\\pages\\index.vue' /* webpackChunkName: "pages_index" */).then(m => m.default || m) const _1515a2d8 = () => import('..\\pages\\findList\\all.vue' /* webpackChunkName: "pages_findList_all" */).then(m => m.default || m)
const _564e97ce = () => import('..\\pages\\findList\\findTour.vue' /* webpackChunkName: "pages_findList_findTour" */).then(m => m.default || m)
const _2e21e1a6 = () => import('..\\pages\\vehicleList\\vehicleList.vue' /* webpackChunkName: "pages_vehicleList_vehicleList" */).then(m => m.default || m)
const _3a9a68c8 = () => import('..\\pages\\newsList\\newsList.vue' /* webpackChunkName: "pages_newsList_newsList" */).then(m => m.default || m)
const _602629c0 = () => import('..\\pages\\activityList\\activityList.vue' /* webpackChunkName: "pages_activityList_activityList" */).then(m => m.default || m)
const _abef63f6 = () => import('..\\pages\\findList\\findActivity.vue' /* webpackChunkName: "pages_findList_findActivity" */).then(m => m.default || m)
const _e4f6ca30 = () => import('..\\pages\\demoList\\demoList.vue' /* webpackChunkName: "pages_demoList_demoList" */).then(m => m.default || m)
const _56ebf6a6 = () => import('..\\pages\\campsiteDetails\\campsiteDetails.vue' /* webpackChunkName: "pages_campsiteDetails_campsiteDetails" */).then(m => m.default || m)
const _36a30da6 = () => import('..\\pages\\tourDetails\\tourDetails.vue' /* webpackChunkName: "pages_tourDetails_tourDetails" */).then(m => m.default || m)
const _927c7084 = () => import('..\\pages\\findList\\findCampsite.vue' /* webpackChunkName: "pages_findList_findCampsite" */).then(m => m.default || m)
const _13c8dfb4 = () => import('..\\pages\\findList\\findVehicle.vue' /* webpackChunkName: "pages_findList_findVehicle" */).then(m => m.default || m)
const _6993a612 = () => import('..\\pages\\findList\\findCompany.vue' /* webpackChunkName: "pages_findList_findCompany" */).then(m => m.default || m)
const _fa765ccc = () => import('..\\pages\\findList\\findNew.vue' /* webpackChunkName: "pages_findList_findNew" */).then(m => m.default || m)
const _4a8b1176 = () => import('..\\pages\\vehicleList\\_id.vue' /* webpackChunkName: "pages_vehicleList__id" */).then(m => m.default || m)
const _2c53115a = () => import('..\\pages\\newsList\\_id.vue' /* webpackChunkName: "pages_newsList__id" */).then(m => m.default || m)
const _55dabe96 = () => import('..\\pages\\tourDetails\\_id.vue' /* webpackChunkName: "pages_tourDetails__id" */).then(m => m.default || m)
const _349470d2 = () => import('..\\pages\\activityList\\_id.vue' /* webpackChunkName: "pages_activityList__id" */).then(m => m.default || m)
const _6b6ece86 = () => import('..\\pages\\campsiteDetails\\_id.vue' /* webpackChunkName: "pages_campsiteDetails__id" */).then(m => m.default || m)
const _8dab037a = () => import('..\\pages\\demoList\\_id.vue' /* webpackChunkName: "pages_demoList__id" */).then(m => m.default || m)
const _21cd8a48 = () => import('..\\pages\\index.vue' /* webpackChunkName: "pages_index" */).then(m => m.default || m)
...@@ -72,54 +91,149 @@ export function createRouter () { ...@@ -72,54 +91,149 @@ export function createRouter () {
linkExactActiveClass: 'nuxt-link-exact-active', linkExactActiveClass: 'nuxt-link-exact-active',
scrollBehavior, scrollBehavior,
routes: [ routes: [
{
path: "/vehicle",
component: _916d4edc,
name: "vehicle"
},
{ {
path: "/news", path: "/news",
component: _55fc1c46, component: _2288ad39,
name: "news" name: "news"
}, },
{ {
path: "/demo", path: "/vehicle",
component: _96254626, component: _eda2e094,
name: "demo" name: "vehicle"
}, },
{ {
path: "/activity", path: "/tour",
component: _0e939319, component: _c1537b84,
name: "activity" name: "tour"
}, },
{ {
path: "/aboutXx", path: "/aboutXx",
component: _1b677f5a, component: _779d1112,
name: "aboutXx" name: "aboutXx"
}, },
{
path: "/activity",
component: _79554075,
name: "activity"
},
{ {
path: "/campsite", path: "/campsite",
component: _1b4d0cd2, component: _f3e28ba4,
name: "campsite" name: "campsite"
}, },
{ {
path: "/tour", path: "/demo",
component: _51cf86e2, component: _02741849,
name: "tour" name: "demo"
},
{
path: "/indexWeb",
component: _f87aa5f0,
name: "indexWeb"
},
{
path: "/company",
component: _5e492c87,
name: "company"
},
{
path: "/findList/all",
component: _1515a2d8,
name: "findList-all"
},
{
path: "/findList/findTour",
component: _564e97ce,
name: "findList-findTour"
},
{
path: "/vehicleList/vehicleList",
component: _2e21e1a6,
name: "vehicleList-vehicleList"
},
{
path: "/newsList/newsList",
component: _3a9a68c8,
name: "newsList-newsList"
},
{
path: "/activityList/activityList",
component: _602629c0,
name: "activityList-activityList"
},
{
path: "/findList/findActivity",
component: _abef63f6,
name: "findList-findActivity"
}, },
{ {
path: "/demoList/demoList", path: "/demoList/demoList",
component: _5df21ee8, component: _e4f6ca30,
name: "demoList-demoList" name: "demoList-demoList"
}, },
{
path: "/campsiteDetails/campsiteDetails",
component: _56ebf6a6,
name: "campsiteDetails-campsiteDetails"
},
{
path: "/tourDetails/tourDetails",
component: _36a30da6,
name: "tourDetails-tourDetails"
},
{
path: "/findList/findCampsite",
component: _927c7084,
name: "findList-findCampsite"
},
{
path: "/findList/findVehicle",
component: _13c8dfb4,
name: "findList-findVehicle"
},
{
path: "/findList/findCompany",
component: _6993a612,
name: "findList-findCompany"
},
{
path: "/findList/findNew",
component: _fa765ccc,
name: "findList-findNew"
},
{
path: "/vehicleList/:id?",
component: _4a8b1176,
name: "vehicleList-id"
},
{
path: "/newsList/:id?",
component: _2c53115a,
name: "newsList-id"
},
{
path: "/tourDetails/:id?",
component: _55dabe96,
name: "tourDetails-id"
},
{
path: "/activityList/:id?",
component: _349470d2,
name: "activityList-id"
},
{
path: "/campsiteDetails/:id?",
component: _6b6ece86,
name: "campsiteDetails-id"
},
{ {
path: "/demoList/:id?", path: "/demoList/:id?",
component: _802b9bc2, component: _8dab037a,
name: "demoList-id" name: "demoList-id"
}, },
{ {
path: "/", path: "/",
component: _e86eea90, component: _21cd8a48,
name: "index" name: "index"
} }
], ],
......
.nuxt/utils.js
View file @ fd0af2a7
...@@ -120,7 +120,7 @@ export async function setContext(app, context) { ...@@ -120,7 +120,7 @@ export async function setContext(app, context) {
payload: context.payload, payload: context.payload,
error: context.error, error: context.error,
base: '/', base: '/',
env: {"host":"https://dev.dfangche.com"} env: {"host":"https://xxtest.upyuns.com"}
} }
// Only set once // Only set once
if (context.req) app.context.req = context.req if (context.req) app.context.req = context.req
......
assets/main.css
View file @ fd0af2a7
...@@ -121,7 +121,9 @@ h2{ ...@@ -121,7 +121,9 @@ h2{
color: #333; color: #333;
transition: all .5s cubic-bezier(.55, 0, .1, 1); transition: all .5s cubic-bezier(.55, 0, .1, 1);
} }
.flex-aic-noc{
display: flex;
}
.flex-aic{ .flex-aic{
display: flex; display: flex;
align-items: center; align-items: center;
......
components/findMenu.vue 0 → 100644
View file @ fd0af2a7
<template>
<div>
<div style="margin: 20px 0;padding: 0" class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
<span>搜索结果页</span>
</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>
</li>
</ul>
</div>
</template>
<script>
import axios from "../plugins/axios";
export default {
data() {
return {
router: "/",
tourType: [],
campsiteType: [],
findList: [
{ id: 1, value: "1", name: "综合", link: "/findList/all", number: 0 },
{ id: 2, value: "2", name: "车型", link: "/findList/findVehicle", number: 0 },
{ id: 3, value: "3", name: "旅游", link: "/findList/findTour", number: 0 },
{ id: 4, value: "4", name: "营地", link: "/findList/findCampsite", number: 0 },
{ id: 5, value: "5", name: "活动", link: "/findList/findActivity", number: 0 },
{ id: 6, value: "6", name: "新闻", link: "/findList/findNew", number: 0 },
{ id: 7, value: "7", name: "子公司", link: "/findList/findCompany", number: 0 }
],
allDetail: [],
carDetail: [],
tourDetail: [],
campsiteDetail: [],
actDetail: [],
newDetail: [],
companyDetail: [],
listQuery: {
type: "",
keyword: "",
page: "",
limit: ""
}
};
},
components: {},
created() {
let router = this.$route.path;
this.router = router;
this.getAll();
},
methods: {
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
this.findList[1].number = data.vehicle.totalCount;
this.findList[2].number = data.tour.totalCount;
this.findList[3].number = data.campsite.totalCount;
this.findList[4].number = data.activity.totalCount;
this.findList[5].number = data.news.totalCount;
this.findList[6].number = data.company.totalCount;
var allNum = 0;
for (var i = 1; i < 7; i++) {
allNum = allNum + this.findList[i].number;
}
this.findList[0].number = allNum;
}
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
}
.v-ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 70px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
</style>
components/footer.vue
View file @ fd0af2a7
...@@ -29,7 +29,8 @@ ...@@ -29,7 +29,8 @@
<li v-for="(item,index) in list" :key="index"> <li v-for="(item,index) in list" :key="index">
<!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> --> <!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> -->
<a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a> <a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
</li>| <span>|</span>
</li>
</ul> </ul>
</div> </div>
<div class="link-f flex-aic-jcc"> <div class="link-f flex-aic-jcc">
...@@ -144,11 +145,12 @@ import axios from '../plugins/axios' ...@@ -144,11 +145,12 @@ import axios from '../plugins/axios'
list-style-type: none; list-style-type: none;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
margin: 0 15px
} }
.fri li a{ .fri li a{
text-decoration: none; text-decoration: none;
color: #999; color: #999;
margin: 0 30px
} }
.fri li a:hover{ .fri li a:hover{
color: #1bbb9f !important; color: #1bbb9f !important;
......
components/menu.vue
View file @ fd0af2a7
...@@ -9,29 +9,42 @@ ...@@ -9,29 +9,42 @@
<div>您好！欢迎进入欣新房车集团官方网站</div> <div>您好！欢迎进入欣新房车集团官方网站</div>
<div class="ft-14" style="position: relative"> <div class="ft-14" style="position: relative">
<span style="margin-right:30px">服务热线： 4000-369-369</span> <span style="margin-right:30px">服务热线： 4000-369-369</span>
<nuxt-link <nuxt-link to="/indexWeb">
to="/indexWeb" <span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span>
> <span style="color:#666" @mouseenter="enter()" @mouseleave="leave()" >网站地图</span></nuxt-link> </nuxt-link>
<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="font-weight:600">关于欣新</div>
<div class="margin-Top"> <div class="margin-Top">
<div style="font-weight:600">产品展示</div> <div style="font-weight:600">产品展示</div>
<div style="margin-top:10px">房车租赁</div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li>房车旅行</li> <li style="margin-right:20px">
<li v-for="item in tourType" :key="item.id" style="margin-left:20px"> <nuxt-link to="/vehicle" style="color:#666">房车租赁</nuxt-link>
{{item.name}}
</li> </li>
<li
v-for="item in vehicleType"
:key="item.id"
style="width:70px;margin-right:10px"
>{{item.name}}</li>
</ul> </ul>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li>房车营地</li> <li style="margin-right:20px">
<li v-for="item in campsiteType" :key="item.id" style="margin-left:20px"> <nuxt-link to="/tour" style="color:#666">房车旅行</nuxt-link>
{{item.name}}
</li> </li>
<li v-for="item in tourType" :key="item.id" style="width:70px;margin-right:10px">{{item.name}}</li>
</ul>
<ul class="v-ul clearfix">
<li style="margin-right:20px">
<nuxt-link to="/campsite" style="color:#666">房车营地</nuxt-link>
</li>
<li
v-for="item in campsiteType"
:key="item.id"
style="width:70px;margin-right:10px"
>{{item.name}}</li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="margin-Top">
...@@ -40,8 +53,12 @@ ...@@ -40,8 +53,12 @@
<div class="margin-Top"> <div class="margin-Top">
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style="font-weight:600">新闻资讯</li> <li style="font-weight:600">新闻资讯</li>
<li style="margin-left:20px">欣新活动</li> <li style="margin-left:20px">
<li style="margin-left:20px">新闻动态</li> <nuxt-link to="/activity" style="color:#666">欣新活动</nuxt-link>
</li>
<li style="margin-left:20px">
<nuxt-link to="/news" style="color:#666">新闻动态</nuxt-link>
</li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="margin-Top">
...@@ -60,6 +77,14 @@ ...@@ -60,6 +77,14 @@
/> />
</div> </div>
</nuxt-link> </nuxt-link>
<el-input placeholder="车型/旅游路线/营地/活动/新闻/子公司" v-model="listQuery.keyword" class="input-with-select menu-select">
<el-select v-model="select" slot="prepend" placeholder="综合" style="width:90px">
<el-option v-for="menu in findList" :key="menu.id" :label="menu.name" :value="menu.value" style="width:90px">
<nuxt-link :to="menu.link" style="color:#666">{{menu.name}}</nuxt-link>
</el-option>
</el-select>
<el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button>
</el-input>
<!-- <ul class="users"> <!-- <ul class="users">
<li v-for="menu in menuList" :key="menu.id"> <li v-for="menu in menuList" :key="menu.id">
<nuxt-link <nuxt-link
...@@ -73,7 +98,7 @@ ...@@ -73,7 +98,7 @@
:class="router.indexOf(menu.link) != -1?'active':''" :class="router.indexOf(menu.link) != -1?'active':''"
>{{ menu.name }}</nuxt-link> >{{ menu.name }}</nuxt-link>
</li> </li>
</ul> --> </ul>-->
</div> </div>
<div class="menu-new"> <div class="menu-new">
<ul class="users"> <ul class="users">
...@@ -96,7 +121,7 @@ ...@@ -96,7 +121,7 @@
</template> </template>
<script> <script>
import axios from '../plugins/axios' import axios from "../plugins/axios";
export default { export default {
transition: "bounce", transition: "bounce",
name: "menuModal", name: "menuModal",
...@@ -112,39 +137,74 @@ export default { ...@@ -112,39 +137,74 @@ export default {
{ id: 4, name: "房车营地", link: "/campsite" }, { id: 4, name: "房车营地", link: "/campsite" },
{ id: 5, name: "欣新活动", link: "/activity" }, { id: 5, name: "欣新活动", link: "/activity" },
{ id: 6, name: "新闻动态", link: "/news" }, { id: 6, name: "新闻动态", link: "/news" },
{ id: 8, name: "联系我们", link: "/news" }, { id: 8, name: "联系我们", link: "/company" },
],
tourType: [],
vehicleType: [],
childType:[],
visibleMap: false,
select: "综合",
findList:[
{ id: 1,value:"1", name: "综合", link: "/findList/all" },
{ id: 2,value:"2", name: "车型", link: "/findList/findVehicle" },
{ id: 3,value:"3", name: "旅游", link: "/findList/findTour" },
{ id: 4,value:"4", name: "营地", link: "/findList/findCampsite" },
{ id: 5,value:"5", name: "活动", link: "/findList/findActivity" },
{ id: 6,value:"6", name: "新闻", link: "/findList/findNew" },
{ id: 7,value:"7", name: "子公司", link: "/findList/findCompany" }
], ],
tourType:[], listQuery: {
campsiteType:[], type: "",
visibleMap:false keyword: "",
page: "",
limit: "",
},
}; };
}, },
created() { created() {
let router = this.$route.path; let router = this.$route.path;
this.router = router; this.router = router;
this.getType() this.getType();
}, },
methods:{ methods: {
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;
const campsite = await axios.get("/api/campsite/campsiteTag/app/unauth/tags"); const campsite = await axios.get(
this.campsiteType = campsite.data.data "/api/campsite/campsiteTag/app/unauth/tags"
);
this.campsiteType = campsite.data.data;
const child = await axios.get(
"/vehicle/cata/app/unauth/types"
);
this.vehicleType = child.data.data;
console.log(this.childType);
}, },
enter(){ enter() {
var test = window.location.pathname; var test = window.location.pathname;
// console.log(test); // console.log(test);
if(test == "/indexWeb"){ if (test == "/indexWeb") {
this.visibleMap = false this.visibleMap = false;
}else{ } else {
this.visibleMap = true this.visibleMap = true;
} }
}, },
leave(){ leave() {
this.visibleMap = false this.visibleMap = false;
},
async findTo() {
let {
data: { data }
} = 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);
if(data.news.totalCount != 0){
this.$router.push('/findList/findNew')
}
} }
} }
}; };
</script> </script>
...@@ -157,10 +217,10 @@ export default { ...@@ -157,10 +217,10 @@ export default {
height: 0; height: 0;
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.clearfix { .clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/ *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
} }
@media screen and (min-width: 1120px) and (max-width: 1920px) { @media screen and (min-width: 1120px) and (max-width: 1920px) {
.menu-logo-l { .menu-logo-l {
width: 175px; width: 175px;
...@@ -203,7 +263,7 @@ export default { ...@@ -203,7 +263,7 @@ export default {
width: 1120px; width: 1120px;
margin: 0 auto; margin: 0 auto;
} }
.menu-new{ .menu-new {
font-family: sans-serif; font-family: sans-serif;
position: fixed; position: fixed;
top: 120px; top: 120px;
...@@ -212,14 +272,14 @@ export default { ...@@ -212,14 +272,14 @@ export default {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
background-color: #333; background-color: #333;
height: 60px; height: 54px;
} }
.users { .users {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
width: 1120px; width: 1120px;
justify-content: space-between; justify-content: space-between;
margin:0 auto; margin: 0 auto;
} }
.users li a { .users li a {
display: inline-block; display: inline-block;
...@@ -247,29 +307,35 @@ export default { ...@@ -247,29 +307,35 @@ 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: 20px;
font-size: 14px; font-size: 14px;
} }
.v-ul{ .v-ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: 10px; margin-top: 10px;
list-style: none; list-style: none;
} }
.v-ul li{ .v-ul li {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
float: left; float: left;
} }
.margin-Top{ .margin-Top {
margin-top:30px margin-top: 30px;
} }
.menu-select{
width: 500px;
position: absolute;
top: 10px;
right: 0
}
</style> </style>
nuxt.config.js
View file @ fd0af2a7
...@@ -20,7 +20,8 @@ module.exports = { ...@@ -20,7 +20,8 @@ module.exports = {
css: [ css: [
'~/assets/main.css', '~/assets/main.css',
'swiper/dist/css/swiper.min.css', 'swiper/dist/css/swiper.min.css',
'element-ui/lib/theme-chalk/index.css' 'element-ui/lib/theme-chalk/index.css',
'viewerjs/dist/viewer.css'
], ],
loading: '~/components/loading.vue', loading: '~/components/loading.vue',
...@@ -30,6 +31,7 @@ module.exports = { ...@@ -30,6 +31,7 @@ module.exports = {
{ src: '~plugins/filters.js', srr: false }, { src: '~plugins/filters.js', srr: false },
{ src: '~/plugins/elementUI.js', srr: false }, { src: '~/plugins/elementUI.js', srr: false },
{ src: '~/plugins/baidu.js', srr: true }, { src: '~/plugins/baidu.js', srr: true },
{ src: '~/plugins/viewer.js', srr: true },
], ],
build: { build: {
extend(config, { isDev, isClient }) { extend(config, { isDev, isClient }) {
......
package-lock.json 0 → 100644
View file @ fd0af2a7
This diff is collapsed.
pages/activityList/_id.vue
View file @ fd0af2a7
<template> <template>
<div> <div>
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;"> <div class="main-container">
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
......
pages/campsiteDetails/_id.vue
View file @ fd0af2a7
<template> <template>
<div> <div>
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;"> <div class="main-container" >
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
......
pages/company.vue 0 → 100644
View file @ fd0af2a7
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap">
<div class="bread-menu" style="margin-top: 20px;padding: 0;">
<nuxt-link to="/">首页></nuxt-link>
<span>联系我们</span>
<div class="clearfix" style="margin-top:22px">
<div style="float:left;width:526px;margin-right:69px;">
<div
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"
/>
</viewer>
</div>
<div style="float:left;width:500px">
<div
style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px"
>欣新房车集团总部</div>
<img
src="https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg"
alt
style="width:500px;height:320px"
/>
<p style="font-size:20px;margin-top:24px;color:#333333">欣新房车控股集团股份有限公司</p>
<div style="margin-top:25px;color:#666666">
<i class="el-icon-phone"></i>
4000-369-369
</div>
<div style="margin-top:13px;color:#666666">
<i class="el-icon-location"></i>
广东省 东莞市 松山湖 高新技术产院工业西路12号
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #fff">
<div class="wrap-list">
<div style="font-weight:600;font-size:20px;text-align: center;">
<span>全国子公司</span>
</div>
<div>省份s</div>
<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>
<h2 style="font-size:12px;color:#999;margin-bottom:7px">
<i class="el-icon-phone"></i>
电话:{{item.leaderContactInfo}}
</h2>
<h2 style="font-size:12px;color:#999">
<i class="el-icon-location"></i>
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</li>
</ul>
<div class="pagination-container">
<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>
</div>
</div>
</div>
</div>
<go-top></go-top>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../plugins/axios";
import menuModal from "../components/menu";
import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner";
import GoTop from "../components/goTop";
export default {
transition: "bounce",
components: {
GoTop,
menuModal,
footerModal,
vehicleBanner
},
created() {
this.getAll();
},
data() {
return {
childDetail: [],
listQuery: {
addrCity: "",
addrProvince: "",
page: 1,
limit: 10
},
totalCount: 0,
};
},
methods: {
async getAll() {
let {
data: { data }
} = await axios.post("api/uccn/app/unauth/branch_company/page", {
page: this.listQuery.page,
limit: this.listQuery.limit
});
this.childDetail = data.data;
this.totalCount = data.totalCount
console.log(this.childDetail);
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
},
head() {
return {
title: this.headList.title,
meta: [
{ hid: "keywords", name: "keywords", content: this.headList.keywords },
{
hid: "description",
name: "description",
content: this.headList.description
}
]
};
},
async asyncData() {
const { data } = await axios.get(
"/api/app/banner/app/unauth/findBannerlist?type=1&platform=1"
);
let cc = data.data;
let headData = await axios.get(
"/api/uccn/seo/app/unauth/officialWebsite/3"
);
let head = headData.data.data;
return { bannerList: cc, headList: head };
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.wrap-list {
width: 1120px;
margin: 0 auto 0px auto;
padding-top: 49px;
padding-bottom:40px
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 31px;
}
.v-ul li {
margin: 0;
padding: 20px;
list-style: none;
float: left;
width: 540px;
height: 140px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
/* border:1px solid #eee */
/* font-size: 22px;
padding-right: 30px; */
}
.v-ul li:nth-child(odd) {
margin-right: 40px;
}
</style>
pages/findList/all.vue 0 → 100644
View file @ fd0af2a7
This diff is collapsed.
pages/findList/findActivity.vue 0 → 100644
View file @ fd0af2a7
<template>
<div class="container" style="background: #fff;">
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<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">
<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">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i>
{{item.province}}{{item.city}}{{item.town}}{{item.address}}
</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<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>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
actDetail: [],
listQuery: {
type: "activity",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.getAll();
},
methods: {
async getAll() {
let {
data: { data }
} = 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) {
item.link = encodeURI(
"/activityList/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.actDetail = data;
this.totalCount = data.totalCount
//活动
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findCampsite.vue 0 → 100644
View file @ fd0af2a7
<template>
<div class="container" style="background: #fff;">
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<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">
<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">
<h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情
<img style="position: absolute;" src="../../assets/images/r.png" />
</button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<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>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
campsiteDetail: [],
listQuery: {
type: "campsite",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.getAll();
},
methods: {
async getAll() {
let {
data: { data }
} = 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) {
item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.campsiteDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findCompany.vue 0 → 100644
View file @ fd0af2a7
<template>
<div class="container" style="background: #fff;">
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<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">
<nuxt-link to="/" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i>
{{item.leaderContactInfo}}
</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:7px">
<i class="el-icon-location"></i>
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<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>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
companyDetail: [],
listQuery: {
type: "company",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.getAll();
},
methods: {
async getAll() {
let {
data: { data }
} = 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) {
// item.link = encodeURI(
// "/campsiteDetails/" + item.id + "?name=" + item.name
// );
// item.link = encodeURI(item.link);
// });
this.companyDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findNew.vue 0 → 100644
View file @ fd0af2a7
<template>
<div class="container" style="background: #fff;">
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<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">
<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">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<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>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
newDetail: [],
listQuery: {
type: "news",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.getAll();
},
methods: {
async getAll() {
let {
data: { data }
} = 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.list.map(function(item) {
item.link = encodeURI(
"/newsList/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.newDetail = data;
this.totalCount = data.total
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findTour.vue 0 → 100644
View file @ fd0af2a7
<template>
<div class="container" style="background: #fff;">
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<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">
<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">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">旅游详情<img style="position: absolute;" src="../../assets/images/r.png"/></button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<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>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
tourDetail: [],
listQuery: {
type: "tour",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.getAll();
},
methods: {
async getAll() {
let {
data: { data }
} = 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){
item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
item.link = encodeURI(item.link);
});
this.tourDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findVehicle.vue 0 → 100644
View file @ fd0af2a7
This diff is collapsed.
pages/indexWeb.vue
View file @ fd0af2a7
...@@ -12,18 +12,31 @@ ...@@ -12,18 +12,31 @@
<div style="font-weight:600">关于欣新</div> <div style="font-weight:600">关于欣新</div>
<div class="margin-Top"> <div class="margin-Top">
<div style="font-weight:600">产品展示</div> <div style="font-weight:600">产品展示</div>
<div style="margin-top:30px">房车租赁</div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li>房车旅行</li> <li style="margin-right:20px">
<li v-for="item in tourType" :key="item.id" style="margin-left:20px"> <nuxt-link to="/vehicle" style="color:#666">房车租赁</nuxt-link>
{{item.name}}
</li> </li>
<li
v-for="item in vehicleType"
:key="item.id"
style="width:70px;margin-right:10px"
>{{item.name}}</li>
</ul> </ul>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li>房车营地</li> <li style="margin-right:20px">
<li v-for="item in campsiteType" :key="item.id" style="margin-left:20px"> <nuxt-link to="/tour" style="color:#666">房车旅行</nuxt-link>
{{item.name}}
</li> </li>
<li v-for="item in tourType" :key="item.id" style="width:70px;margin-right:10px">{{item.name}}</li>
</ul>
<ul class="v-ul clearfix">
<li style="margin-right:20px">
<nuxt-link to="/campsite" style="color:#666">房车营地</nuxt-link>
</li>
<li
v-for="item in campsiteType"
:key="item.id"
style="width:70px;margin-right:10px"
>{{item.name}}</li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="margin-Top">
...@@ -32,8 +45,12 @@ ...@@ -32,8 +45,12 @@
<div class="margin-Top"> <div class="margin-Top">
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style="font-weight:600">新闻资讯</li> <li style="font-weight:600">新闻资讯</li>
<li style="margin-left:20px">欣新活动</li> <li style="margin-left:20px">
<li style="margin-left:20px">新闻动态</li> <nuxt-link to="/activity" style="color:#666">欣新活动</nuxt-link>
</li>
<li style="margin-left:20px">
<nuxt-link to="/news" style="color:#666">新闻动态</nuxt-link>
</li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="margin-Top">
...@@ -55,7 +72,8 @@ export default { ...@@ -55,7 +72,8 @@ export default {
data() { data() {
return { return {
tourType: [], tourType: [],
campsiteType: [] campsiteType: [],
vehicleType:[]
}; };
}, },
components: { components: {
...@@ -74,6 +92,11 @@ export default { ...@@ -74,6 +92,11 @@ export default {
"/api/campsite/campsiteTag/app/unauth/tags" "/api/campsite/campsiteTag/app/unauth/tags"
); );
this.campsiteType = campsite.data.data; this.campsiteType = campsite.data.data;
const child = await axios.get(
"/vehicle/cata/app/unauth/types"
);
this.vehicleType = child.data.data;
console.log(this.childType);
} }
} }
}; };
......
pages/newsList/_id.vue
View file @ fd0af2a7
<template> <template>
<div> <div>
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;"> <div class="main-container" >
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
......
pages/tourDetails/_id.vue
View file @ fd0af2a7
<template> <template>
<div> <div>
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;"> <div class="main-container" >
<div class="wrap" > <div class="wrap" >
<div class="bread-menu"> <div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
......
pages/vehicleList/_id.vue
View file @ fd0af2a7
<template> <template>
<div class="vehicle-container"> <div class="vehicle-container">
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;"> <div class="main-container" >
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
......
plugins/viewer.js 0 → 100644
View file @ fd0af2a7
import Vue from 'vue'
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer);
Viewer.setDefaults({
Options: {
"inline": true, "button": true, "navbar": true, "title": true,"toolbar": true,
"tooltip": true, "movable": true,"zoomable": true,"rotatable": true,
"scalable": true,"transition": true, "fullscreen": true, "keyboard": true,
"url": "data-source"
}
})
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