From 9cb902b25225135f386d3ed503859dc94a460ff5 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Fri, 10 Jan 2020 15:16:21 +0800
Subject: [PATCH] 解决方案

---
 src/components/commonHeaderFooter/VHeader.vue     |  1 +
 src/router/index.js                               |  5 +++++
 src/views/case/index.vue                          |  2 +-
 src/views/solution/components/solutionSelect0.vue | 13 +++++++++++++
 src/views/solution/components/solutionSelect1.vue | 13 +++++++++++++
 src/views/solution/components/solutionSelect2.vue | 13 +++++++++++++
 src/views/solution/index.vue                      | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 7 files changed, 111 insertions(+), 1 deletion(-)
 create mode 100644 src/views/solution/components/solutionSelect0.vue
 create mode 100644 src/views/solution/components/solutionSelect1.vue
 create mode 100644 src/views/solution/components/solutionSelect2.vue
 create mode 100644 src/views/solution/index.vue

diff --git a/src/components/commonHeaderFooter/VHeader.vue b/src/components/commonHeaderFooter/VHeader.vue
index bd302c6..7e6aeb0 100644
--- a/src/components/commonHeaderFooter/VHeader.vue
+++ b/src/components/commonHeaderFooter/VHeader.vue
@@ -22,6 +22,7 @@ export default {
       routerData:[
         {name:'首页',pathLink:'/home'},
         {name:'关于我们',pathLink:'/about'},
+        {name:'解决方案',pathLink:'/solution'},
         {name:'产品中心',pathLink:'/product'},
         {name:'经典案例',pathLink:'/case'},
         {name:'新闻中心',pathLink:'/news'},
diff --git a/src/router/index.js b/src/router/index.js
index 96136fe..64931ce 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -52,6 +52,11 @@ export default new Router({
       path: '/caseDetail/:caseId',
       name: 'caseDetail',
       component: () => import('@/views/caseDetail')
+    },
+    {
+      path: '/solution',
+      name: 'solution',
+      component: () => import('@/views/solution')
     }
 
 
diff --git a/src/views/case/index.vue b/src/views/case/index.vue
index 134d000..44d1e3d 100644
--- a/src/views/case/index.vue
+++ b/src/views/case/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="widthCommon" >
+    <div class="" >
       <commonBanner mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonBanner>
       <div class="tab-wrapper">
         <ul class="tab-main widthCommon">
diff --git a/src/views/solution/components/solutionSelect0.vue b/src/views/solution/components/solutionSelect0.vue
new file mode 100644
index 0000000..3ec6563
--- /dev/null
+++ b/src/views/solution/components/solutionSelect0.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>0</div>
+</template>
+
+<script>
+export default {
+  name: 'solutionSelect0'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/solution/components/solutionSelect1.vue b/src/views/solution/components/solutionSelect1.vue
new file mode 100644
index 0000000..124a48f
--- /dev/null
+++ b/src/views/solution/components/solutionSelect1.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>1</div>
+</template>
+
+<script>
+export default {
+  name: 'solutionSelect1'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/solution/components/solutionSelect2.vue b/src/views/solution/components/solutionSelect2.vue
new file mode 100644
index 0000000..62dd035
--- /dev/null
+++ b/src/views/solution/components/solutionSelect2.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>2</div>
+</template>
+
+<script>
+export default {
+  name: 'solutionSelect2'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/solution/index.vue b/src/views/solution/index.vue
new file mode 100644
index 0000000..2a53596
--- /dev/null
+++ b/src/views/solution/index.vue
@@ -0,0 +1,65 @@
+<template>
+    <div>
+      <commonBanner mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonBanner>
+      <div class="tab-wrapper">
+        <ul class="tab-main widthCommon">
+          <li
+            v-for="(item, index) in tabData"
+            :key="item"
+            @click="changeTab(index,item)"
+            :class="{tabActive:currentIndex==index}"
+          >{{item}}</li>
+        </ul>
+      </div>
+
+      <div class="bread ">
+        <div class=" widthCommon">
+          您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 经典案例 -> {{name}}
+        </div>
+      </div>
+      <div class="widthCommon">
+        <keep-alive>
+          <component :is="tabView"></component>
+        </keep-alive>
+      </div>
+    </div>
+</template>
+
+<script>
+import commonBanner from '@/components/commonBanner'
+import solutionSelect0 from './components/solutionSelect0'
+import solutionSelect1 from './components/solutionSelect1'
+import solutionSelect2 from './components/solutionSelect2'
+
+export default {
+  name: 'index',
+  components:{
+    commonBanner, solutionSelect0, solutionSelect1, solutionSelect2
+  },
+  data(){
+    return{
+      tabData:[
+        '智慧停车','公安交通','公共交通'
+      ],
+      currentIndex:0,
+      tabView:'solutionSelect0',
+      name:'智慧停车'
+    }
+  },
+  methods:{
+    changeTab:function (index,item) {
+      console.log(index)
+      this.currentIndex = index
+      this.tabView = 'solutionSelect'+index
+      this.name = item
+    },
+    pagePhotoChange:function (pInfo) {
+      console.log(pInfo)
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
--
libgit2 0.21.4