From 697d7aff773f2531d4d95c1c6f9ffa36893b5777 Mon Sep 17 00:00:00 2001
From: binbin0314 <binbin0314@126.com>
Date: Thu, 14 Jan 2021 17:47:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=B5=E5=8C=96=E5=B9=B3=E5=8F=B0=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=88=9B=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HeadNav/HeadNav.vue      | 34 ++++-------
 src/router/index.js                     | 41 ++++++++++++-
 src/views/Hatch/Children/Fictitious.vue | 11 ++++
 src/views/Hatch/Children/Incubator.vue  | 18 ++++++
 src/views/Hatch/Children/Partner.vue    | 11 ++++
 src/views/Hatch/Children/Service.vue    | 11 ++++
 src/views/Hatch/Children/Space.vue      | 11 ++++
 src/views/Hatch/Children/Tutor.vue      | 11 ++++
 src/views/Hatch/Hatch.vue               | 24 ++++++++
 src/views/Hatch/components/LeftNav.vue  | 79 +++++++++++++++++++++++++
 10 files changed, 226 insertions(+), 25 deletions(-)
 create mode 100644 src/views/Hatch/Children/Fictitious.vue
 create mode 100644 src/views/Hatch/Children/Incubator.vue
 create mode 100644 src/views/Hatch/Children/Partner.vue
 create mode 100644 src/views/Hatch/Children/Service.vue
 create mode 100644 src/views/Hatch/Children/Space.vue
 create mode 100644 src/views/Hatch/Children/Tutor.vue
 create mode 100644 src/views/Hatch/Hatch.vue
 create mode 100644 src/views/Hatch/components/LeftNav.vue

diff --git a/src/components/HeadNav/HeadNav.vue b/src/components/HeadNav/HeadNav.vue
index bdc0cb6..c982d60 100644
--- a/src/components/HeadNav/HeadNav.vue
+++ b/src/components/HeadNav/HeadNav.vue
@@ -2,23 +2,13 @@
   <div class="white d-flex flex-row flex-nowrap px-10 align-center">
     <img @click="jumUrl('/')" alt class="logo-img" src="@/assets/logo.png" style="cursor: pointer" />
     <div class="flex-1 ml-8">
-      <a-dropdown
-        :disabled="item.children && item.children.length > 0 ? false : true"
-        :key="a"
-        class="list-down"
-        v-for="(item, a) in list"
-      >
+      <a-dropdown :disabled="item.children && item.children.length > 0 ? false : true" :key="a" class="list-down" v-for="(item, a) in list">
         <a @click="jumUrl(item.url)" class="ant-dropdown-link">
           {{ item.name }}&nbsp;&nbsp;
           <a-icon type="down" v-show="item.children && item.children.length > 0" />
         </a>
         <a-menu slot="overlay">
-          <a-menu-item
-            :key="b"
-            class="px-6 py-3"
-            style="text-align: center"
-            v-for="(con, b) in item.children"
-          >
+          <a-menu-item :key="b" class="px-6 py-3" style="text-align: center" v-for="(con, b) in item.children">
             <a @click="jumUrl(con.url)">{{ con.title }}</a>
           </a-menu-item>
         </a-menu>
@@ -30,11 +20,7 @@
         <template slot="title">
           <span>点击查看购物车！</span>
         </template>
-        <a-icon
-          @click="$router.push('/Cart')"
-          class="baseColor icon-head icon-head-right pointer"
-          type="shopping-cart"
-        />
+        <a-icon @click="$router.push('/Cart')" class="baseColor icon-head icon-head-right pointer" type="shopping-cart" />
       </a-tooltip>
       <router-link tag="span" to="/login">
         <a-icon class="icon-head pointer" style="right: 50px" type="user" />
@@ -74,31 +60,31 @@ export default {
         },
         {
           name: '孵化平台',
-          url: '',
+          url: '/Hatch/Space',
           children: [
             {
               title: '高新众创空间',
-              url: '',
+              url: '/Hatch/Space',
             },
             {
               title: '数字创时代企业孵化器',
-              url: '',
+              url: '/Hatch/Incubator',
             },
             {
               title: '虚拟孵化器',
-              url: '',
+              url: '/Hatch/Fictitious',
             },
             {
               title: '创业导师',
-              url: '',
+              url: '/Hatch/Tutor',
             },
             {
               title: '合作伙伴',
-              url: '',
+              url: '/Hatch/Partner',
             },
             {
               title: '创业服务',
-              url: '',
+              url: '/Hatch/Service',
             },
           ],
         },
diff --git a/src/router/index.js b/src/router/index.js
index c6b975b..acc89d2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,7 +3,7 @@
  * @email: 18603454788@163.com
  * @Date: 2021-01-13 16:33:32
  * @LastEditors: wally
- * @LastEditTime: 2021-01-14 16:32:22
+ * @LastEditTime: 2021-01-14 17:34:56
  */
 import Vue from 'vue';
 import VueRouter from 'vue-router';
@@ -184,6 +184,45 @@ const routes = [
       },
     ],
   },
+  // 孵化平台
+  {
+    path: '/Hatch/Space',
+    name: 'Hatch',
+    component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/Hatch/Hatch.vue'),
+    children: [
+      {
+        // 高新众创空间
+        path: '/Hatch/Space',
+        name: 'Space',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/Hatch/Children/Space.vue'),
+      },
+      {
+        path: '/Hatch/Incubator',
+        name: 'Incubator',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/Hatch/Children/Incubator.vue'),
+      },
+      {
+        path: '/Hatch/Fictitious',
+        name: 'Fictitious',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/Hatch/Children/Fictitious.vue'),
+      },
+      {
+        path: '/Hatch/Tutor',
+        name: 'Tutor',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/Hatch/Children/Tutor.vue'),
+      },
+      {
+        path: '/Hatch/Partner',
+        name: 'Partner',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/Hatch/Children/Partner.vue'),
+      },
+      {
+        path: '/Hatch/Service',
+        name: 'Service',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/Hatch/Children/Service.vue'),
+      },
+    ],
+  },
 ];
 
 const router = new VueRouter({
diff --git a/src/views/Hatch/Children/Fictitious.vue b/src/views/Hatch/Children/Fictitious.vue
new file mode 100644
index 0000000..1f738d5
--- /dev/null
+++ b/src/views/Hatch/Children/Fictitious.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>虚拟孵化器</div>
+</template>
+<script>
+export default {
+  name: 'Fictitious',
+  data() {
+    return {};
+  },
+};
+</script>
diff --git a/src/views/Hatch/Children/Incubator.vue b/src/views/Hatch/Children/Incubator.vue
new file mode 100644
index 0000000..ee80582
--- /dev/null
+++ b/src/views/Hatch/Children/Incubator.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-14 17:34:23
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-14 17:37:46
+-->
+<template>
+  <div>数智创世代企业孵化器</div>
+</template>
+<script>
+export default {
+  name: 'Incubator',
+  data() {
+    return {};
+  },
+};
+</script>
diff --git a/src/views/Hatch/Children/Partner.vue b/src/views/Hatch/Children/Partner.vue
new file mode 100644
index 0000000..f820f62
--- /dev/null
+++ b/src/views/Hatch/Children/Partner.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>合作伙伴</div>
+</template>
+<script>
+export default {
+  name: 'Partner',
+  data() {
+    return {};
+  },
+};
+</script>
diff --git a/src/views/Hatch/Children/Service.vue b/src/views/Hatch/Children/Service.vue
new file mode 100644
index 0000000..c1b4ea6
--- /dev/null
+++ b/src/views/Hatch/Children/Service.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>创业服务</div>
+</template>
+<script>
+export default {
+  name: 'Service',
+  data() {
+    return {};
+  },
+};
+</script>
diff --git a/src/views/Hatch/Children/Space.vue b/src/views/Hatch/Children/Space.vue
new file mode 100644
index 0000000..2cb735d
--- /dev/null
+++ b/src/views/Hatch/Children/Space.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>高新众创空间</div>
+</template>
+<script>
+export default {
+  name: 'Space',
+  data() {
+    return {};
+  },
+};
+</script>
diff --git a/src/views/Hatch/Children/Tutor.vue b/src/views/Hatch/Children/Tutor.vue
new file mode 100644
index 0000000..e5b94ad
--- /dev/null
+++ b/src/views/Hatch/Children/Tutor.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>创业导师</div>
+</template>
+<script>
+export default {
+  name: 'Tutor',
+  data() {
+    return {};
+  },
+};
+</script>
diff --git a/src/views/Hatch/Hatch.vue b/src/views/Hatch/Hatch.vue
new file mode 100644
index 0000000..a6c4365
--- /dev/null
+++ b/src/views/Hatch/Hatch.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="inner" style="margin-top: 50px; margin-bottom: 100px">
+    <left-nav style="float: left" />
+    <div style="width: 83%; float: right">
+      <router-view></router-view>
+    </div>
+  </div>
+</template>
+
+<script>
+import LeftNav from './components/LeftNav.vue';
+export default {
+  name: 'Hatch',
+  components: { LeftNav },
+  data() {
+    return {
+      title: '孵化平台',
+      arr: [{ name: '孵化平台', url: '' }],
+    };
+  },
+};
+</script>
+
+<style scoped lang="stylus"></style>
diff --git a/src/views/Hatch/components/LeftNav.vue b/src/views/Hatch/components/LeftNav.vue
new file mode 100644
index 0000000..50ccaee
--- /dev/null
+++ b/src/views/Hatch/components/LeftNav.vue
@@ -0,0 +1,79 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-13 17:25:56
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-14 17:42:17
+-->
+<template>
+  <div class="nav-box">
+    <div :class="activeNum === index ? 'nav-box-active' : ''" :key="index" @click="jump(item.url, index)" v-for="(item, index) in list">
+      {{ item.title }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'LeftNav',
+  data() {
+    return {
+      str: '导航条',
+      activeNum: 0,
+      list: [
+        {
+          title: '高新众创空间',
+          url: '/Hatch/Space',
+        },
+        {
+          title: '数字创时代企业孵化器',
+          url: '/Hatch/Incubator',
+        },
+        {
+          title: '虚拟孵化器',
+          url: '/Hatch/Fictitious',
+        },
+        {
+          title: '创业导师',
+          url: '/Hatch/Tutor',
+        },
+        {
+          title: '合作伙伴',
+          url: '/Hatch/Partner',
+        },
+        {
+          title: '创业服务',
+          url: '/Hatch/Service',
+        },
+      ],
+    };
+  },
+  created() {
+    if (this.$route.fullPath === '/Hatch/Incubator') {
+      this.activeNum = 1;
+    } else if (this.$route.fullPath === '/Hatch/Fictitious') {
+      this.activeNum = 2;
+    } else if (this.$route.fullPath === '/Hatch/Tutor') {
+      this.activeNum = 3;
+    } else if (this.$route.fullPath === '/Hatch/Partner') {
+      this.activeNum = 4;
+    } else if (this.$route.fullPath === '/Hatch/Service') {
+      this.activeNum = 5;
+    } else {
+      this.activeNum = 0;
+    }
+  },
+  methods: {
+    jump(url, index) {
+      if (this.$route.fullPath === url) {
+        this.$message.success('已在当前界面');
+      } else {
+        this.$router.push(url);
+        this.activeNum = index;
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="stylus"></style>