diff --git a/src/pages/recruit/CheckList.vue b/src/pages/recruit/CheckList.vue
index 4175dc2..76b7ebf 100644
--- a/src/pages/recruit/CheckList.vue
+++ b/src/pages/recruit/CheckList.vue
@@ -36,3 +36,9 @@
         margin-left: 40px;
     }
 </style>
+<script>
+export default {};
+</script>
+
+<style>
+</style>
diff --git a/src/pages/recruit/PromoterList.vue b/src/pages/recruit/PromoterList.vue
index e69de29..b1f79c6 100644
--- a/src/pages/recruit/PromoterList.vue
+++ b/src/pages/recruit/PromoterList.vue
@@ -0,0 +1,10 @@
+<template>
+  <div>asd</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/pages/recruit/Recruit.vue b/src/pages/recruit/Recruit.vue
new file mode 100644
index 0000000..8c5d0fe
--- /dev/null
+++ b/src/pages/recruit/Recruit.vue
@@ -0,0 +1,46 @@
+<template>
+    <div>
+        <Menu v-show="false" ref="menu" mode="horizontal" :active-name="selectedItemName"  v-model="this.threeLevel[0] && this.threeLevel[0].id">
+            <MenuItem :name="cItem.id" :to="cItem.resource" v-for="cItem in threeLevel"
+                      :key="cItem.id">
+                {{cItem.name}}
+            </MenuItem>
+        </Menu>
+        <div>
+            <router-view/>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "ShopIncrease",
+        data() {
+            return {
+                threeLevel: [],
+                selectedItemName: null,
+            }
+        },
+        created() {
+            this.threeLevel = JSON.parse(sessionStorage.getItem("threeLevel")) || [];
+            this.menuInit();
+        },
+        mounted() {
+            this.threeLevel = JSON.parse(sessionStorage.getItem("threeLevel")) || [];
+            this.menuInit();
+        },
+        methods:{
+            menuInit(){
+                let that = this;
+                that.selectedItemName = that.threeLevel[0] && that.threeLevel[0].id;
+                this.$nextTick(() => {
+                    that.$refs.menu.updateActiveName();
+                });
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index a03512b..9aed9e8 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,273 +1,274 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import Login from '@/pages/Login'
-import ExternalContact from '@/pages/ExternalContact'
-import Home from '@/pages/Home'
-import AccountManager from '@/pages/user/AccountManager'
-import AccountManagerAdd from '@/pages/user/AccountManagerAdd'
-import AccountManagementModify from '@/pages/user/AccountManagementModify'
-import AccountManagerUpload from '@/pages/user/AccountManagerUpload'
-import RoleManager from '@/pages/user/RoleManager'
-import IncreaseManager from '@/pages/shop/IncreaseManager'
-import CustomerView from '@/pages/home/CustomerView'
-import TableAnalysis from '@/pages/TableAnalysis'
-import AddCustomerTable from '@/pages/analysis/AddCustomerTable'
-import ApplyCustomerTable from '@/pages/analysis/ApplyCustomerTable'
-import ZeroExtendDetail from '@/pages/home/ZeroExtendDetail'
-import CustomerDetail from '@/pages/home/CustomerDetail'
-import IncreaseData from '@/pages/shop/IncreaseData'
-import IncreaseDataCompany from '@/pages/shop/IncreaseDataCompany'
-import IncreaseDataStaff from '@/pages/shop/IncreaseDataStaff'
-import IncreaseDataStore from '@/pages/shop/IncreaseDataStore'
-import IncreaseStaffManager from '@/pages/shop/IncreaseStaffManager'
-import IncreaseStaffManagerBatchAdd from '@/pages/shop/IncreaseStaffManagerBatchAdd'
-import IncreaseStoreManager from '@/pages/shop/IncreaseStoreManager'
-import IncreaseConfigure from '@/pages/shop/IncreaseConfigure'
-import IncreaseGroupSendConfigure from '@/pages/shop/IncreaseGroupSendConfigure'
-import IncreaseWelcomeConfigure from '@/pages/shop/IncreaseWelcomeConfigure'
-import IncreaseGroupSendConfigureAdd from '@/pages/shop/IncreaseGroupSendConfigureAdd'
-import NoPermission from '@/pages/shop/NoPermission'
-import CustomerViewHome from '@/pages/home/CustomerViewHome'
-import ActivityAnalysis from '@/pages/activity/ActivityAnalysis'
-import ActivityManager from '@/pages/activity/ActivityManager'
-import ActivityPlan from '@/pages/activity/ActivityPlan'
-import ActivityCode from '@/pages/activity/ActivityCode'
-import GuideCode from '@/pages/activity/GuideCode'
+import Vue from "vue";
+import Router from "vue-router";
+import Login from "@/pages/Login";
+import ExternalContact from "@/pages/ExternalContact";
+import Home from "@/pages/Home";
+import AccountManager from "@/pages/user/AccountManager";
+import AccountManagerAdd from "@/pages/user/AccountManagerAdd";
+import AccountManagementModify from "@/pages/user/AccountManagementModify";
+import AccountManagerUpload from "@/pages/user/AccountManagerUpload";
+import RoleManager from "@/pages/user/RoleManager";
+import IncreaseManager from "@/pages/shop/IncreaseManager";
+import CustomerView from "@/pages/home/CustomerView";
+import TableAnalysis from "@/pages/TableAnalysis";
+import AddCustomerTable from "@/pages/analysis/AddCustomerTable";
+import ApplyCustomerTable from "@/pages/analysis/ApplyCustomerTable";
+import ZeroExtendDetail from "@/pages/home/ZeroExtendDetail";
+import CustomerDetail from "@/pages/home/CustomerDetail";
+import IncreaseData from "@/pages/shop/IncreaseData";
+import IncreaseDataCompany from "@/pages/shop/IncreaseDataCompany";
+import IncreaseDataStaff from "@/pages/shop/IncreaseDataStaff";
+import IncreaseDataStore from "@/pages/shop/IncreaseDataStore";
+import IncreaseStaffManager from "@/pages/shop/IncreaseStaffManager";
+import IncreaseStaffManagerBatchAdd from "@/pages/shop/IncreaseStaffManagerBatchAdd";
+import IncreaseStoreManager from "@/pages/shop/IncreaseStoreManager";
+import IncreaseConfigure from "@/pages/shop/IncreaseConfigure";
+import IncreaseGroupSendConfigure from "@/pages/shop/IncreaseGroupSendConfigure";
+import IncreaseWelcomeConfigure from "@/pages/shop/IncreaseWelcomeConfigure";
+import IncreaseGroupSendConfigureAdd from "@/pages/shop/IncreaseGroupSendConfigureAdd";
+import NoPermission from "@/pages/shop/NoPermission";
+import CustomerViewHome from "@/pages/home/CustomerViewHome";
+import ActivityAnalysis from "@/pages/activity/ActivityAnalysis";
+import ActivityManager from "@/pages/activity/ActivityManager";
+import ActivityPlan from "@/pages/activity/ActivityPlan";
+import ActivityCode from "@/pages/activity/ActivityCode";
+import GuideCode from "@/pages/activity/GuideCode";
+import Recruit from "@/pages/recruit/Recruit";
 
-Vue.use(Router)
+Vue.use(Router);
 const router = new Router({
-  mode: 'history',
-  base: '/youke',
+  mode: "history",
+  base: "/youke",
   routes: [
     {
-      path: '/',
-      redirect: '/login',
+      path: "/",
+      redirect: "/login",
     },
     {
-      path: '/login',
-      name: 'login',
+      path: "/login",
+      name: "login",
       component: Login,
     },
     {
-      path: '/external/contact',
-      name: 'externalContact',
+      path: "/external/contact",
+      name: "externalContact",
       component: ExternalContact,
     },
     {
-      path: '/home',
-      name: 'Home',
+      path: "/home",
+      name: "Home",
       component: Home,
       children: [
         {
-          path: '/activity/manager',
-          name: 'ActivityManager',
+          path: "/activity/manager",
+          name: "ActivityManager",
           component: ActivityManager,
         },
         {
-          path: '/activity/plan',
-          name: 'ActivityPlan',
+          path: "/activity/plan",
+          name: "ActivityPlan",
           component: ActivityPlan,
           children: [],
         },
         {
-          path: '/activity/plan/code',
-          name: 'ActivityCode',
+          path: "/activity/plan/code",
+          name: "ActivityCode",
           component: ActivityCode,
         },
         {
-          path: '/activity/plan/GuideCode',
-          name: 'GuideCode',
+          path: "/activity/plan/GuideCode",
+          name: "GuideCode",
           component: GuideCode,
         },
         {
-          path: '/activity/analysis',
-          name: 'ActivityAnalysis',
+          path: "/activity/analysis",
+          name: "ActivityAnalysis",
           component: ActivityAnalysis,
         },
         {
-          path: '/account/manager',
-          name: 'AccountManager',
+          path: "/account/manager",
+          name: "AccountManager",
           component: AccountManager,
         },
         {
-          path: '/account/management/add',
-          name: 'AccountManagerAdd',
+          path: "/account/management/add",
+          name: "AccountManagerAdd",
           component: AccountManagerAdd,
         },
         {
-          path: '/account/management/modify',
-          name: 'AccountManagementModify',
+          path: "/account/management/modify",
+          name: "AccountManagementModify",
           component: AccountManagementModify,
         },
         {
-          path: '/account/upload',
-          name: 'AccountManagerUpload',
+          path: "/account/upload",
+          name: "AccountManagerUpload",
           component: AccountManagerUpload,
         },
         {
-          path: '/role/manager',
-          name: 'RoleManager',
+          path: "/role/manager",
+          name: "RoleManager",
           component: RoleManager,
         },
         {
-          path: '/shop/increase/manager',
-          name: 'IncreaseManager',
+          path: "/shop/increase/manager",
+          name: "IncreaseManager",
           component: IncreaseManager,
           children: [
             {
-              path: '/',
-              redirect: '/shop/increase/manager/store',
+              path: "/",
+              redirect: "/shop/increase/manager/store",
             },
             {
-              path: '/shop/increase/manager/store',
-              name: 'IncreaseStoreManager',
+              path: "/shop/increase/manager/store",
+              name: "IncreaseStoreManager",
               component: IncreaseStoreManager,
             },
             {
-              path: '/shop/increase/manager/staff',
-              name: 'IncreaseStaffManager',
+              path: "/shop/increase/manager/staff",
+              name: "IncreaseStaffManager",
               component: IncreaseStaffManager,
             },
             {
-              path: '/shop/increase/manager/staff/batch/add',
-              name: 'IncreaseStaffManagerBatchAdd',
+              path: "/shop/increase/manager/staff/batch/add",
+              name: "IncreaseStaffManagerBatchAdd",
               component: IncreaseStaffManagerBatchAdd,
             },
             {
-              path: '/shop/increase/welcome/list',
-              component: () => import('@/pages/shop/IncreaseWelcomeList'),
+              path: "/shop/increase/welcome/list",
+              component: () => import("@/pages/shop/IncreaseWelcomeList"),
             },
             {
-              path: '/shop/increase/welcome/edit',
-              component: () => import('@/pages/shop/IncreaseWelcomeEdit'),
+              path: "/shop/increase/welcome/edit",
+              component: () => import("@/pages/shop/IncreaseWelcomeEdit"),
             },
           ],
         },
         {
-          path: '/table/analysis',
-          name: 'TableAnalysis',
+          path: "/table/analysis",
+          name: "TableAnalysis",
           component: TableAnalysis,
           children: [
             {
-              path: '/',
-              redirect: '/table/analysis/customer/add',
+              path: "/",
+              redirect: "/table/analysis/customer/add",
             },
             {
-              path: '/table/analysis/customer/add',
-              name: 'AddCustomerTable',
+              path: "/table/analysis/customer/add",
+              name: "AddCustomerTable",
               component: AddCustomerTable,
             },
             {
-              path: '/table/analysis/customer/apply',
-              name: 'ApplyCustomerTable',
+              path: "/table/analysis/customer/apply",
+              name: "ApplyCustomerTable",
               component: ApplyCustomerTable,
             },
           ],
         },
         {
-          path: '/shop/increase/configure',
-          name: 'IncreaseConfigure',
+          path: "/shop/increase/configure",
+          name: "IncreaseConfigure",
           component: IncreaseConfigure,
           children: [
             {
-              path: '/',
-              redirect: '/shop/increase/configure/welcome',
+              path: "/",
+              redirect: "/shop/increase/configure/welcome",
             },
             {
-              path: '/shop/increase/configure/group',
-              name: 'IncreaseGroupSendConfigure',
+              path: "/shop/increase/configure/group",
+              name: "IncreaseGroupSendConfigure",
               component: IncreaseGroupSendConfigure,
             },
             {
-              path: '/shop/increase/configure/welcome',
-              name: 'IncreaseWelcomeConfigure',
+              path: "/shop/increase/configure/welcome",
+              name: "IncreaseWelcomeConfigure",
               component: IncreaseWelcomeConfigure,
             },
             {
-              path: '/shop/increase/configure/group/add',
-              name: 'IncreaseGroupSendConfigureAdd',
+              path: "/shop/increase/configure/group/add",
+              name: "IncreaseGroupSendConfigureAdd",
               component: IncreaseGroupSendConfigureAdd,
             },
           ],
         },
         {
-          path: '/shop/increase/data',
-          name: 'IncreaseData',
+          path: "/shop/increase/data",
+          name: "IncreaseData",
           component: IncreaseData,
           children: [
             {
-              path: '/',
-              redirect: '/shop/increase/data/region',
+              path: "/",
+              redirect: "/shop/increase/data/region",
             },
             {
-              path: '/shop/increase/data/region',
-              name: 'IncreaseDataCompany',
+              path: "/shop/increase/data/region",
+              name: "IncreaseDataCompany",
               component: IncreaseDataCompany,
             },
             {
-              path: '/shop/increase/data/store',
-              name: 'IncreaseDataStore',
+              path: "/shop/increase/data/store",
+              name: "IncreaseDataStore",
               component: IncreaseDataStore,
             },
             {
-              path: '/shop/increase/data/staff',
-              name: 'IncreaseDataStaff',
+              path: "/shop/increase/data/staff",
+              name: "IncreaseDataStaff",
               component: IncreaseDataStaff,
             },
           ],
         },
         {
-          path: '/recruit',
-          component: IncreaseData,
+          path: "/recruit",
+          component: Recruit,
           children: [
             {
-              path: '/recruit/bulletin/index',
-              component: () => import('@/pages/recruit/BulletinIndex'),
+              path: "/recruit/bulletin/index",
+              component: () => import("@/pages/recruit/BulletinIndex"),
             },
             {
-              path: '/recruit/check/list',
-              component: () => import('@/pages/recruit/CheckList'),
+              path: "/recruit/check/list",
+              component: () => import("@/pages/recruit/CheckList"),
             },
             {
-              path: '/recruit/promoter/list',
-              component: () => import('@/pages/recruit/PromoterList'),
+              path: "/recruit/promoter/list",
+              component: () => import("@/pages/recruit/PromoterList"),
             },
           ],
         },
         {
-          path: '/customer/view',
-          name: 'CustomerView',
+          path: "/customer/view",
+          name: "CustomerView",
           component: CustomerView,
         },
         {
-          path: '/zero/extend/detail',
-          name: 'ZeroExtendDetail',
+          path: "/zero/extend/detail",
+          name: "ZeroExtendDetail",
           component: ZeroExtendDetail,
         },
         {
-          path: '/customer/data/detail',
-          name: 'CustomerDetail',
+          path: "/customer/data/detail",
+          name: "CustomerDetail",
           component: CustomerDetail,
         },
         {
-          path: '/no/permission',
-          name: 'NoPermission',
+          path: "/no/permission",
+          name: "NoPermission",
           component: NoPermission,
         },
       ],
     },
     {
-      path: '/customer/view/home',
-      name: 'CustomerViewHome',
+      path: "/customer/view/home",
+      name: "CustomerViewHome",
       component: CustomerViewHome,
     },
   ],
-})
+});
 /*
  * 跳转前的处理事件
  * */
 router.beforeEach(function(to, from, next) {
-  next()
-})
+  next();
+});
 
-export default router
+export default router;