修改搜索

.nuxt/App.js

@@ -3,7 +3,11 @@ import NuxtLoading from '~/components/loading.vue'
 
 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 = {
@@ -15,7 +19,7 @@ let layouts = {
 let resolvedLayouts = {}
 
 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) {
     const loadingEl = h('nuxt-loading', { ref: 'loading' })
     const layoutEl = h(this.layout || 'nuxt')

.nuxt/components/nuxt.js

 import Vue from 'vue'
 import NuxtChild from './nuxt-child'
-import NuxtError from './nuxt-error.vue'
+import NuxtError from '../..\\layouts\\error.vue'
 import { compile } from '../utils'
 
 export default {

.nuxt/index.js

@@ -5,7 +5,7 @@ import { createRouter } from './router.js'
 import NoSSR from './components/no-ssr.js'
 import NuxtChild from './components/nuxt-child.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 App from './App.js'
 import { setContext, getLocation, getRouteData } from './utils'
@@ -13,6 +13,10 @@ import { setContext, getLocation, getRouteData } from './utils'
 
 /* Plugins */
 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>
@@ -135,6 +139,10 @@ async function createApp (ssrContext) {
   // Plugin execution
   
   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

.nuxt/router.js

@@ -3,16 +3,35 @@ import Router from 'vue-router'
 
 Vue.use(Router)
 
-const _916d4edc = () => import('..\\pages\\vehicle.vue' /* webpackChunkName: "pages_vehicle" */).then(m => m.default || m)
-const _55fc1c46 = () => import('..\\pages\\news.vue' /* webpackChunkName: "pages_news" */).then(m => m.default || m)
-const _96254626 = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m)
-const _0e939319 = () => import('..\\pages\\activity.vue' /* webpackChunkName: "pages_activity" */).then(m => m.default || m)
-const _1b677f5a = () => import('..\\pages\\aboutXx.vue' /* webpackChunkName: "pages_aboutXx" */).then(m => m.default || m)
-const _1b4d0cd2 = () => 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 _5df21ee8 = () => import('..\\pages\\demoList\\demoList.vue' /* webpackChunkName: "pages_demoList_demoList" */).then(m => m.default || m)
-const _802b9bc2 = () => import('..\\pages\\demoList\\_id.vue' /* webpackChunkName: "pages_demoList__id" */).then(m => m.default || m)
-const _e86eea90 = () => import('..\\pages\\index.vue' /* webpackChunkName: "pages_index" */).then(m => m.default || m)
+const _2288ad39 = () => 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 _c1537b84 = () => import('..\\pages\\tour.vue' /* webpackChunkName: "pages_tour" */).then(m => m.default || m)
+const _779d1112 = () => 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 _f3e28ba4 = () => import('..\\pages\\campsite.vue' /* webpackChunkName: "pages_campsite" */).then(m => m.default || m)
+const _02741849 = () => import('..\\pages\\demo.vue' /* webpackChunkName: "pages_demo" */).then(m => m.default || m)
+const _f87aa5f0 = () => import('..\\pages\\indexWeb.vue' /* webpackChunkName: "pages_indexWeb" */).then(m => m.default || m)
+const _5e492c87 = () => import('..\\pages\\company.vue' /* webpackChunkName: "pages_company" */).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 () {
     linkExactActiveClass: 'nuxt-link-exact-active',
     scrollBehavior,
     routes: [
-		{
-			path: "/vehicle",
-			component: _916d4edc,
-			name: "vehicle"
-		},
 		{
 			path: "/news",
-			component: _55fc1c46,
+			component: _2288ad39,
 			name: "news"
 		},
 		{
-			path: "/demo",
-			component: _96254626,
-			name: "demo"
+			path: "/vehicle",
+			component: _eda2e094,
+			name: "vehicle"
 		},
 		{
-			path: "/activity",
-			component: _0e939319,
-			name: "activity"
+			path: "/tour",
+			component: _c1537b84,
+			name: "tour"
 		},
 		{
 			path: "/aboutXx",
-			component: _1b677f5a,
+			component: _779d1112,
 			name: "aboutXx"
 		},
+		{
+			path: "/activity",
+			component: _79554075,
+			name: "activity"
+		},
 		{
 			path: "/campsite",
-			component: _1b4d0cd2,
+			component: _f3e28ba4,
 			name: "campsite"
 		},
 		{
-			path: "/tour",
-			component: _51cf86e2,
-			name: "tour"
+			path: "/demo",
+			component: _02741849,
+			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",
-			component: _5df21ee8,
+			component: _e4f6ca30,
 			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?",
-			component: _802b9bc2,
+			component: _8dab037a,
 			name: "demoList-id"
 		},
 		{
 			path: "/",
-			component: _e86eea90,
+			component: _21cd8a48,
 			name: "index"
 		}
     ],

.nuxt/utils.js

@@ -120,7 +120,7 @@ export async function setContext(app, context) {
       payload: context.payload,
       error: context.error,
       base: '/',
-      env: {"host":"https://dev.dfangche.com"}
+      env: {"host":"https://xxtest.upyuns.com"}
     }
     // Only set once
     if (context.req) app.context.req = context.req

assets/main.css

@@ -121,7 +121,9 @@ h2{
   color: #333;
   transition: all .5s cubic-bezier(.55, 0, .1, 1);
 }
-
+.flex-aic-noc{
+  display: flex;
+}
 .flex-aic{
   display: flex;
   align-items: center;

components/findMenu.vue

+<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

@@ -29,7 +29,8 @@
          <li v-for="(item,index) in list" :key="index">
            <!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> -->
            <a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
-          </li>|
+           <span>|</span>
+          </li>
         </ul>
     </div>
     <div class="link-f flex-aic-jcc">
@@ -144,11 +145,12 @@ import axios from '../plugins/axios'
     list-style-type: none;
     padding: 0px;
     margin: 0px;
-    margin: 0 15px
+    
   }
   .fri li a{
     text-decoration: none;
     color: #999;
+    margin: 0 30px
   }
   .fri li a:hover{
     color: #1bbb9f !important;

components/menu.vue

@@ -9,45 +9,62 @@
           <div>您好！欢迎进入欣新房车集团官方网站</div>
           <div class="ft-14" style="position: relative">
             <span style="margin-right:30px">服务热线： 4000-369-369</span>
-            <nuxt-link
-              to="/indexWeb"
-            > <span style="color:#666"  @mouseenter="enter()" @mouseleave="leave()" >网站地图</span></nuxt-link>
-           
+            <nuxt-link to="/indexWeb">
+              <span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span>
+            </nuxt-link>
+
             <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="margin-top:10px">房车租赁</div>
-                <ul class="v-ul clearfix">
-                  <li>房车旅行</li>
-                  <li  v-for="item in tourType" :key="item.id" style="margin-left:20px">
-                    {{item.name}}
-                  </li>
-                </ul>
-                <ul class="v-ul clearfix">
-                  <li>房车营地</li>
-                  <li  v-for="item in campsiteType" :key="item.id" style="margin-left:20px">
-                    {{item.name}}
-                  </li>
-                </ul>
-              </div>
-              <div class="margin-Top">
-                <div style="font-weight:600">招商加盟</div>
-              </div>
-              <div class="margin-Top">
-                 <ul class="v-ul clearfix">
-                  <li style="font-weight:600">新闻资讯</li>
-                  <li style="margin-left:20px">欣新活动</li>
-                  <li style="margin-left:20px">新闻动态</li>
-                </ul>
-              </div>
-              <div class="margin-Top">
-                <div style="font-weight:600">联系我们</div>
-              </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>
+              <ul class="v-ul clearfix">
+                <li style="margin-right:20px">
+                  <nuxt-link to="/vehicle" style="color:#666">房车租赁</nuxt-link>
+                </li>
+                <li
+                  v-for="item in vehicleType"
+                  :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="/tour" style="color:#666">房车旅行</nuxt-link>
+                </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>
+            </div>
+            <div class="margin-Top">
+              <div style="font-weight:600">招商加盟</div>
             </div>
+            <div class="margin-Top">
+              <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>
+                <li style="margin-left:20px">
+                  <nuxt-link to="/news" style="color:#666">新闻动态</nuxt-link>
+                </li>
+              </ul>
+            </div>
+            <div class="margin-Top">
+              <div style="font-weight:600">联系我们</div>
+            </div>
+          </div>
         </div>
       </div>
       <div class="menu">
@@ -60,6 +77,14 @@
             />
           </div>
         </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">
           <li v-for="menu in menuList" :key="menu.id">
             <nuxt-link
@@ -73,7 +98,7 @@
               :class="router.indexOf(menu.link) != -1?'active':''"
             >{{ menu.name }}</nuxt-link>
           </li>
-        </ul> -->
+        </ul>-->
       </div>
       <div class="menu-new">
         <ul class="users">
@@ -96,7 +121,7 @@
 </template>
 
 <script>
-import axios from '../plugins/axios'
+import axios from "../plugins/axios";
 export default {
   transition: "bounce",
   name: "menuModal",
@@ -112,55 +137,90 @@ export default {
         { id: 4, name: "房车营地", link: "/campsite" },
         { id: 5, name: "欣新活动", link: "/activity" },
         { id: 6, name: "新闻动态", link: "/news" },
-        { id: 8, name: "联系我们", link: "/news" },
+        { id: 8, name: "联系我们", link: "/company" },
       ],
-      tourType:[],
-      campsiteType:[],
-      visibleMap:false
+      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" }
+      ],
+      listQuery: {
+        type: "",
+        keyword: "",
+        page: "",
+        limit: "",
+      },
+      
     };
   },
   created() {
     let router = this.$route.path;
     this.router = router;
-    this.getType()
+    this.getType();
   },
-  methods:{
-     async getType() {
-      const tour = await axios.get("/api/uccn/app/unauth/tour/tagList" );
+  methods: {
+    async getType() {
+      const tour = await axios.get("/api/uccn/app/unauth/tour/tagList");
       this.tourType = tour.data.data;
-      const campsite  = await axios.get("/api/campsite/campsiteTag/app/unauth/tags");
-      this.campsiteType = campsite.data.data
+      const campsite = await axios.get(
+        "/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(){
-      var test = window.location.pathname; 
+    enter() {
+      var test = window.location.pathname;
       // console.log(test);
-      if(test == "/indexWeb"){
-        this.visibleMap = false
-      }else{
-        this.visibleMap = true
+      if (test == "/indexWeb") {
+        this.visibleMap = false;
+      } else {
+        this.visibleMap = true;
       }
-      
     },
-    leave(){
-      this.visibleMap = false
+    leave() {
+      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>
 
 <style scoped>
 .clearfix:after {
-    /*伪元素是行内元素 正常浏览器清除浮动方法*/
-    content: "";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-  }
-  .clearfix {
-    *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
-  }
+  /*伪元素是行内元素 正常浏览器清除浮动方法*/
+  content: "";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+.clearfix {
+  *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
+}
 @media screen and (min-width: 1120px) and (max-width: 1920px) {
   .menu-logo-l {
     width: 175px;
@@ -203,7 +263,7 @@ export default {
   width: 1120px;
   margin: 0 auto;
 }
-.menu-new{
+.menu-new {
   font-family: sans-serif;
   position: fixed;
   top: 120px;
@@ -212,14 +272,14 @@ export default {
   width: 100%;
   margin: 0 auto;
   background-color: #333;
-  height: 60px;
+  height: 54px;
 }
 .users {
   list-style-type: none;
   display: flex;
   width: 1120px;
   justify-content: space-between;
-  margin:0 auto;
+  margin: 0 auto;
 }
 .users li a {
   display: inline-block;
@@ -247,29 +307,35 @@ export default {
   border-top: 8px solid #999;
   border-bottom: 8px solid transparent;
 }
-.webMap{
+.webMap {
   position: absolute;
   top: 30px;
   right: 0px;
   background-color: #fff;
-  padding:20px;
+  padding: 20px;
   font-size: 14px;
 }
 
-.v-ul{
+.v-ul {
   margin: 0;
   padding: 0;
   margin-top: 10px;
   list-style: none;
-  
 }
-.v-ul li{
+.v-ul li {
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
 }
-.margin-Top{
-  margin-top:30px
+.margin-Top {
+  margin-top: 30px;
 }
+.menu-select{
+  width: 500px;
+  position: absolute;
+  top: 10px;
+  right: 0
+}
+
 </style>

nuxt.config.js

@@ -20,7 +20,8 @@ module.exports = {
     css: [
       '~/assets/main.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',
@@ -30,6 +31,7 @@ module.exports = {
       { src: '~plugins/filters.js', srr: false },
       { src: '~/plugins/elementUI.js', srr: false },
       { src: '~/plugins/baidu.js', srr: true },
+      { src: '~/plugins/viewer.js', srr: true },
     ],
     build: {
         extend(config, { isDev, isClient }) {

package.json

@@ -30,6 +30,7 @@
     "muse-ui": "^2.1.0",
     "nuxt": "^1.0.0",
     "swiper": "^4.0.7",
+    "v-viewer": "^1.4.2",
     "vue-infinite-loading": "^2.4.4",
     "vue-infinite-scroll": "^2.0.2"
   },

pages/activityList/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 140px;">
+    <div class="main-container">
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>

pages/campsiteDetails/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container"  style="margin-top: 140px;">
+    <div class="main-container" >
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>

pages/company.vue

+<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

+<template>
+  <div class="container" style="background: #fff;">
+    <menu-modal></menu-modal>
+    <div class="main-container">
+      <div class="wrap" style="background:#fff">
+        <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" class="v-li">
+            <nuxt-link :to="menu.link" style="color:#000" :class="menu.id== 1?'active':''">{{ menu.name }} ({{menu.number}})</nuxt-link>
+          </li>
+        </ul>
+        <div>
+          <div>
+            <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">
+                MORE
+                <img style="width:12px" src="../../assets/images/r-9.png" />
+                 </nuxt-link>
+              </div>
+            </div>
+            <ul class="v-ul clearfix list">
+              <li v-for="item in carDetail.data" :key="item.id">
+                <nuxt-link :to="item.link" class="flex-aic-noc">
+                  <div style="padding:13px 0 2px 28px">
+                    <img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" />
+                  </div>
+                  <div style="margin-left: 22px;">
+                    <h2 style="font-size: 18px;font-weight:Light">{{ item.name }}</h2>
+                    <div class="flex-aic-noc" style="margin:16px 0 26px 0">
+                      <span
+                        class="flex-aic-noc config"
+                        v-for="(iitem,iindex) in item.uccnCataList"
+                        :key="iitem.id"
+                      >
+                        <img
+                          style="margin-right: 5px;"
+                          v-if="iindex==0"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRBRkVDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRBRkRDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLS+CAAAADISURBVHjaYvz//z8DNQATA5UAdQ2aNWvWWyAOo8QgFigtBMRSQMMYgXQzENsC8XIgXgPENnj0vwHio2lpaf9Z0CS8gbgayrYD4o9AvIyAYxYAcSJ6GL1AYn8F4u9E+CoWI7CBTjwDpFyBuAHqvS1ALEgAiyCHEbJhe4DUHiShD8QENiMoQQIDGZQq7wPxMxIjiw+I3wItd0R20WMgPk+iQYZA7IDutfVAkyeQYgrQJwXQ2KV+FnlHRviAwHNYZDAO89xPDQAQYAC8zTagKPdHCQAAAABJRU5ErkJggg=="
+                        />
+                        <img
+                          style="margin-right: 5px;"
+                          v-if="iindex==1"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRCMDJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRCMDFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmkBcLEAAADwSURBVHjaYvz//z8DNQATA5UA1QxiARGzZs36CaTYyDTjV1paGjsLlPMdxCHHFKAjPsBdhCZhCKSCgPgeEC8CWvCXaK8hGaILpJYAcQcQ2wGxGRBnAsWDgXQsFv19WA0CAn8g7ge6YjFQ81Ig+wpUfB8Q38Vi0E1cBt0BGQY0ZB7UNa+h4oJArIDFoOe4DALZ6gvEL6Cal0DFFYHYAYtBD3AZ1A7E7kD8FJrGJgBdZw306l4gey+OWMNqECgtLUXicwCxAFBxDJAuwWJOAZwFymszZ878AKLJwTC91M0iIBrofHKLga8ggnH4FiMAAQYAZvR1GACV0mMAAAAASUVORK5CYII="
+                        />
+                        <img
+                          style="margin-right: 5px;"
+                          v-if="iindex==2"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNENUU3MTJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNENUU3MTFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhIc0EUAAAFvSURBVHjarJM9SwNBEIYv0UQUP5ImnQiW2qWzsEhjY3eF1lfk/oK/wb+QFFebIpWVTcDGLmBjI6hIMJAmKgQ1Rs5n4Y2ZO67zBh52bm/m3dnZ3UIcx14etpyeaLVabi6AU6hDFcbQhwuIwjCcpfMKtiJE9hi6UHMJ0IORvhtawH37iN1lCknkBq6gSeBrRrUVhjYcwYEVK5rtdCVyAj8med1ozfTfxXWVt6iIiSb+OezCVD3ZhyG4ynbgXf42fMADnFFV+68iNTbSdsrCVVLSgZQ1LsGK4iLleVaorsZa24At+ZvGn1tPeYnjr+o0PK3u7Nok3Rq/pHGkvITQWEfsqUfOjmEgkUP5q2zrXv9ryksI9XVPLs3KL/Asf4DAU2prDeUleuRubKB7MtWpvME3fMJXxn0KlJcQirTntkQqVPAIE9dkxqERKShupLyFkN6OrxvbgbV5AP+mqUo6ivPtm8v/reX6+v9jRS8n+xVgAORemfNTP4ZNAAAAAElFTkSuQmCC"
+                        />
+                        {{iitem.name}}
+                      </span>
+                    </div>
+                    <button class="buttonDetails">
+                      租车详情
+                      <img style="position: absolute;" src="../../assets/images/r.png" />
+                    </button>
+                  </div>
+                </nuxt-link>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <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">
+                MORE
+                <img style="width:12px" src="../../assets/images/r-9.png" />
+                 </nuxt-link>
+              </div>
+            </div>
+            <ul class="v-ul clearfix list">
+              <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>
+            <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">
+                MORE
+                <img style="width:12px" src="../../assets/images/r-9.png" />
+                 </nuxt-link>
+              </div>
+            </div>
+            <ul class="v-ul clearfix list">
+              <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>
+            <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">
+                MORE
+                <img style="width:12px" src="../../assets/images/r-9.png" />
+                 </nuxt-link>
+              </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>
+            <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">
+                MORE
+                <img style="width:12px" src="../../assets/images/r-9.png" />
+                 </nuxt-link>
+              </div>
+            </div>
+            <ul class="v-ul clearfix list list-four">
+              <li v-for="item in newDetail.data" :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>
+            <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">
+                MORE
+                <img style="width:12px" src="../../assets/images/r-9.png" />
+                 </nuxt-link>
+              </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>
+      </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";
+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: {
+    GoTop,
+    menuModal,
+    footerModal
+  },
+  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}`
+      );
+      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;
+      // 车型
+      data.vehicle.data.map(function(item) {
+        item.link = encodeURI("/vehicleList/" + item.id + "?name=" + item.name);
+        item.link = encodeURI(item.link);
+        item.pictureList = item.picture.split(",");
+        item.coverPic = item.coverPic
+          ? item.coverPic
+          : item.pictureList.length > 0
+          ? item.pictureList[0]
+          : "";
+      });
+      this.allDetail = data;
+      this.carDetail = data.vehicle;
+      // 旅游
+      data.tour.data.map(function(item) {
+        item.link = encodeURI("/tourDetails/" + item.id + "?name=" + item.name);
+        item.link = encodeURI(item.link);
+      });
+      this.tourDetail = data.tour;
+      //营地
+      data.campsite.data.map(function(item) {
+        item.link = encodeURI(
+          "/campsiteDetails/" + item.id + "?name=" + item.name
+        );
+        item.link = encodeURI(item.link);
+      });
+      this.campsiteDetail = data.campsite;
+      //活动
+      data.activity.data.map(function(item) {
+        item.link = encodeURI("/activityList/" + item.id);
+        item.link = encodeURI(item.link);
+      });
+      this.actDetail = data.activity;
+      //新闻
+      data.news.data.map(function(item) {
+        item.link = encodeURI("/newsList/" + item.id + "?name=" + item.title);
+        item.link = encodeURI(item.link);
+      });
+      this.newDetail = data.news;
+      //子公司
+      // data.company.data.map(function(item){
+      //     item.link = encodeURI('/newsList/' + item.id+'?name='+item.title);
+      //     item.link = encodeURI(item.link);
+      //   });
+      this.companyDetail = data.company;
+    }
+  }
+};
+</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; */
+}
+.active-a:hover{
+   color: #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;
+}
+.list li:hover {
+  box-shadow: 0 0 5px #ccc;
+}
+.list li:first-child {
+  margin-right: 20px;
+}
+.list-four li:first-child {
+  margin-bottom: 17px;
+}
+.list-four li:nth-child(2) {
+  margin-bottom: 17px;
+}
+.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/findActivity.vue

+<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

+<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

+<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

+<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

+<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

+<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 carDetail.data" :key="item.id">
+                <nuxt-link :to="item.link" class="flex-aic-noc">
+                  <div style="padding:13px 0 2px 28px">
+                    <img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" />
+                  </div>
+                  <div style="margin-left: 22px;">
+                    <h2 style="font-size: 18px;font-weight:Light">{{ item.name }}</h2>
+                    <div class="flex-aic-noc" style="margin:16px 0 26px 0">
+                      <span
+                        class="flex-aic-noc config"
+                        v-for="(iitem,iindex) in item.uccnCataList"
+                        :key="iitem.id"
+                      >
+                        <img
+                          style="margin-right: 5px;"
+                          v-if="iindex==0"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRBRkVDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRBRkRDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLS+CAAAADISURBVHjaYvz//z8DNQATA5UAdQ2aNWvWWyAOo8QgFigtBMRSQMMYgXQzENsC8XIgXgPENnj0vwHio2lpaf9Z0CS8gbgayrYD4o9AvIyAYxYAcSJ6GL1AYn8F4u9E+CoWI7CBTjwDpFyBuAHqvS1ALEgAiyCHEbJhe4DUHiShD8QENiMoQQIDGZQq7wPxMxIjiw+I3wItd0R20WMgPk+iQYZA7IDutfVAkyeQYgrQJwXQ2KV+FnlHRviAwHNYZDAO89xPDQAQYAC8zTagKPdHCQAAAABJRU5ErkJggg=="
+                        />
+                        <img
+                          style="margin-right: 5px;"
+                          v-if="iindex==1"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRCMDJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRCMDFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmkBcLEAAADwSURBVHjaYvz//z8DNQATA5UA1QxiARGzZs36CaTYyDTjV1paGjsLlPMdxCHHFKAjPsBdhCZhCKSCgPgeEC8CWvCXaK8hGaILpJYAcQcQ2wGxGRBnAsWDgXQsFv19WA0CAn8g7ge6YjFQ81Ig+wpUfB8Q38Vi0E1cBt0BGQY0ZB7UNa+h4oJArIDFoOe4DALZ6gvEL6Cal0DFFYHYAYtBD3AZ1A7E7kD8FJrGJgBdZw306l4gey+OWMNqECgtLUXicwCxAFBxDJAuwWJOAZwFymszZ878AKLJwTC91M0iIBrofHKLga8ggnH4FiMAAQYAZvR1GACV0mMAAAAASUVORK5CYII="
+                        />
+                        <img
+                          style="margin-right: 5px;"
+                          v-if="iindex==2"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNENUU3MTJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNENUU3MTFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhIc0EUAAAFvSURBVHjarJM9SwNBEIYv0UQUP5ImnQiW2qWzsEhjY3eF1lfk/oK/wb+QFFebIpWVTcDGLmBjI6hIMJAmKgQ1Rs5n4Y2ZO67zBh52bm/m3dnZ3UIcx14etpyeaLVabi6AU6hDFcbQhwuIwjCcpfMKtiJE9hi6UHMJ0IORvhtawH37iN1lCknkBq6gSeBrRrUVhjYcwYEVK5rtdCVyAj8med1ozfTfxXWVt6iIiSb+OezCVD3ZhyG4ynbgXf42fMADnFFV+68iNTbSdsrCVVLSgZQ1LsGK4iLleVaorsZa24At+ZvGn1tPeYnjr+o0PK3u7Nok3Rq/pHGkvITQWEfsqUfOjmEgkUP5q2zrXv9ryksI9XVPLs3KL/Asf4DAU2prDeUleuRubKB7MtWpvME3fMJXxn0KlJcQirTntkQqVPAIE9dkxqERKShupLyFkN6OrxvbgbV5AP+mqUo6ivPtm8v/reX6+v9jRS8n+xVgAORemfNTP4ZNAAAAAElFTkSuQmCC"
+                        />
+                        {{iitem.name}}
+                      </span>
+                    </div>
+                    <button class="buttonDetails">
+                      租车详情
+                      <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,
+      carDetail: [],
+    
+      listQuery: {
+        type: "vehicle",
+        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("/vehicleList/" + item.id + "?name=" + item.name);
+        item.link = encodeURI(item.link);
+        item.pictureList = item.picture.split(",");
+        item.coverPic = item.coverPic
+          ? item.coverPic
+          : item.pictureList.length > 0
+          ? item.pictureList[0]
+          : "";
+      });
+      this.carDetail = 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/indexWeb.vue

@@ -12,29 +12,46 @@
           <div style="font-weight:600">关于欣新</div>
               <div class="margin-Top">
                 <div style="font-weight:600">产品展示</div>
-                <div style="margin-top:30px">房车租赁</div>
-                <ul class="v-ul clearfix">
-                  <li>房车旅行</li>
-                  <li  v-for="item in tourType" :key="item.id" style="margin-left:20px">
-                    {{item.name}}
-                  </li>
-                </ul>
-                <ul class="v-ul clearfix">
-                  <li>房车营地</li>
-                  <li  v-for="item in campsiteType" :key="item.id" style="margin-left:20px">
-                    {{item.name}}
-                  </li>
-                </ul>
+                 <ul class="v-ul clearfix">
+                <li style="margin-right:20px">
+                  <nuxt-link to="/vehicle" style="color:#666">房车租赁</nuxt-link>
+                </li>
+                <li
+                  v-for="item in vehicleType"
+                  :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="/tour" style="color:#666">房车旅行</nuxt-link>
+                </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>
               </div>
               <div class="margin-Top">
-                <div style="font-weight:600">招商加盟</div>
-              </div>
-              <div class="margin-Top">
-                 <ul class="v-ul clearfix">
-                  <li style="font-weight:600">新闻资讯</li>
-                  <li style="margin-left:20px">欣新活动</li>
-                  <li style="margin-left:20px">新闻动态</li>
-                </ul>
+              <div style="font-weight:600">招商加盟</div>
+            </div>
+            <div class="margin-Top">
+              <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>
+                <li style="margin-left:20px">
+                  <nuxt-link to="/news" style="color:#666">新闻动态</nuxt-link>
+                </li>
+              </ul>
               </div>
               <div class="margin-Top">
                 <div style="font-weight:600">联系我们</div>
@@ -55,7 +72,8 @@ export default {
   data() {
     return {
       tourType: [],
-      campsiteType: []
+      campsiteType: [],
+      vehicleType:[]
     };
   },
   components: {
@@ -74,6 +92,11 @@ export default {
         "/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);
     }
   }
 };

pages/newsList/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 140px;">
+    <div class="main-container" >
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>

pages/tourDetails/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 140px;">
+    <div class="main-container" >
       <div class="wrap" >
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>

pages/vehicleList/_id.vue

 <template>
   <div class="vehicle-container">
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 140px;">
+    <div class="main-container" >
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>

plugins/viewer.js

+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"
+    }
+})