创建用户发展报告

src/pages/layout/leftnav/LeftNav.vue

@@ -1,15 +1,13 @@
 <template>
-  <div class="left-nav" >
-    <el-menu
-      class="el-menu-vertical-demo"
-      background-color="#324157"
-      text-color="#bfcbd9"
-      active-text-color="#20a0ff"
-      :router=true
-      :default-active="$route.path">
+  <div class="left-nav">
+    <el-menu class="el-menu-vertical-demo" background-color="#324157" text-color="#bfcbd9" active-text-color="#20a0ff"
+      :router=true :default-active="$route.path">
       <el-menu-item index="/reader/index" route="/reader/index">
         <span slot="title">朗读配音</span>
       </el-menu-item>
+      <el-menu-item index="/reader/develop" route="/reader/develop">
+        <span slot="title">用户发展报告</span>
+      </el-menu-item>
       <el-menu-item index="/soundBox/index" route="/soundBox/index">
         <span slot="title">学有义方-音箱</span>
       </el-menu-item>
@@ -19,7 +17,7 @@
       <el-menu-item index="/appStore/index" route="/appStore/index">
         <span slot="title">学有义方-APPStore</span>
       </el-menu-item>
-    <!--  <el-menu-item index="/skill/index" route="/skill/index">
+      <!--  <el-menu-item index="/skill/index" route="/skill/index">
         <span slot="title">智能语音</span>
       </el-menu-item>-->
       <el-menu-item index="/tv/index" route="/tv/index">
@@ -29,7 +27,7 @@
         <span slot="title">M-快乐学堂8.0</span>
       </el-menu-item>
       <el-menu-item index="/order/index" route="/order/index">
-          <span slot="title">TV-联运</span>
+        <span slot="title">TV-联运</span>
       </el-menu-item>
       <el-menu-item index="/skill/yey" route="/skill/yey">
         <span slot="title">爱上幼儿园</span>
@@ -50,14 +48,14 @@
   </div>
 </template>
 <style lang="less">
-  .left-nav {
-    width: 180px;
-    height: 100%;
-    position: fixed;
-    background-color: #324157;
-    .el-menu {
-      border: none;
-    }
+.left-nav {
+  width: 180px;
+  height: 100%;
+  position: fixed;
+  background-color: #324157;
+  .el-menu {
+    border: none;
   }
+}
 </style>
 

src/pages/reader/develop.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="wrapper">
+    32323
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper{}
+</style>

src/router/router.js

@@ -1,151 +1,171 @@
-import Vue from 'vue';
-import Router from 'vue-router';
-import tab from 'components/tab';
-import Login from  '@/pages/login/Login';
-import Layout from  '@/pages/layout/Layout';
-Vue.use(Router)
+import Vue from "vue";
+import Router from "vue-router";
+import tab from "components/tab";
+import Login from "@/pages/login/Login";
+import Layout from "@/pages/layout/Layout";
+Vue.use(Router);
 
 const router = new Router({
   // mode: 'history',
   // base: process.env.BASE_URL,
   routes: [
     {
-      path: '/login',
-      name:'login',
-      component: Login,
+      path: "/login",
+      name: "login",
+      component: Login
     },
     {
-      path: '/',
-      name:'layout',
+      path: "/",
+      name: "layout",
       component: Layout,
-      redirect: '/login',
+      redirect: "/login",
       hidden: true
     },
+
     {
-      path: '/soundBox',
+      path: "/soundBox",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'xyyf-soundBox',
-        meta: { title: '学有义方-音箱', url: '/soundBox/index' },
-        component: () => import('@/pages/xyyf/SoundBox'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "xyyf-soundBox",
+          meta: { title: "学有义方-音箱", url: "/soundBox/index" },
+          component: () => import("@/pages/xyyf/SoundBox")
+        }
+      ]
     },
     {
-      path: '/adaline',
+      path: "/adaline",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'xyyf-adaline',
-        meta: { title: '学有义方-学习机', url: '/adaline/index' },
-        component: () => import('@/pages/xyyf/Adaline'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "xyyf-adaline",
+          meta: { title: "学有义方-学习机", url: "/adaline/index" },
+          component: () => import("@/pages/xyyf/Adaline")
+        }
+      ]
     },
     {
-      path: '/appStore',
+      path: "/appStore",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'xyyf-appStore',
-        meta: { title: '学有义方-APPStore', url: '/appStore/index' },
-        component: () => import('@/pages/xyyf/AppStore'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "xyyf-appStore",
+          meta: { title: "学有义方-APPStore", url: "/appStore/index" },
+          component: () => import("@/pages/xyyf/AppStore")
+        }
+      ]
     },
-
-
-
-
-
-
-
     {
-      path: '/order',
+      path: "/order",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'Order',
-        meta: { title: 'TV-联运', url: '/order/index' },
-        component: () => import('@/pages/order/Order'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "Order",
+          meta: { title: "TV-联运", url: "/order/index" },
+          component: () => import("@/pages/order/Order")
+        }
+      ]
     },
     {
-      path: '/skill',
+      path: "/skill",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'Skill',
-        meta: { title: '技能相关', url: '/skill/index' },
-        component: () => import('@/pages/skill/Skill'),
-      },
-      {
-        path: 'yey',
-        name:'Skill-yey',
-        meta: { title: '爱上幼儿园', url: '/skill/yey' },
-        component: () => import('@/pages/skill/yey'),
-      },
-      {
-        path: 'xqb',
-        name:'Skill-xqb',
-        meta: { title: '学前领先班', url: '/skill/xqb' },
-        component: () => import('@/pages/skill/xqb'),
-      },
-      {
-        path: 'xxms',
-        name:'Skill-xxms',
-        meta: { title: '小学名师优课', url: '/skill/xxms' },
-        component: () => import('@/pages/skill/xxms'),
-      },
+      children: [
+        {
+          path: "index",
+          name: "Skill",
+          meta: { title: "技能相关", url: "/skill/index" },
+          component: () => import("@/pages/skill/Skill")
+        },
+        {
+          path: "yey",
+          name: "Skill-yey",
+          meta: { title: "爱上幼儿园", url: "/skill/yey" },
+          component: () => import("@/pages/skill/yey")
+        },
+        {
+          path: "xqb",
+          name: "Skill-xqb",
+          meta: { title: "学前领先班", url: "/skill/xqb" },
+          component: () => import("@/pages/skill/xqb")
+        },
+        {
+          path: "xxms",
+          name: "Skill-xxms",
+          meta: { title: "小学名师优课", url: "/skill/xxms" },
+          component: () => import("@/pages/skill/xxms")
+        }
       ]
     },
     {
-      path: '/tv',
+      path: "/tv",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'Tv',
-        meta: { title: 'tv8.0', url: '/tv/index' },
-        component: () => import('@/pages/tv/TV'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "Tv",
+          meta: { title: "tv8.0", url: "/tv/index" },
+          component: () => import("@/pages/tv/TV")
+        }
+      ]
     },
     {
-      path: '/mobile',
+      path: "/mobile",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'mobile',
-        meta: { title: 'Mobile 8.0', url: '/mobile/index' },
-        component: () => import('@/pages/mobile/Mobile'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "mobile",
+          meta: { title: "Mobile 8.0", url: "/mobile/index" },
+          component: () => import("@/pages/mobile/Mobile")
+        }
+      ]
     },
     {
-      path: '/oppo',
+      path: "/oppo",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'oppo',
-        meta: { title: 'tv8.0', url: '/oppo/index' },
-        component: () => import('@/pages/oppo/xxtbfd'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "oppo",
+          meta: { title: "tv8.0", url: "/oppo/index" },
+          component: () => import("@/pages/oppo/xxtbfd")
+        }
+      ]
     },
     {
-      path: '/baidu',
+      path: "/baidu",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'baidu',
-        meta: { title: 'tv8.0', url: '/baidu/index' },
-        component: () => import('@/pages/baidu/Skill'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "baidu",
+          meta: { title: "tv8.0", url: "/baidu/index" },
+          component: () => import("@/pages/baidu/Skill")
+        }
+      ]
     },
     {
-      path: '/reader',
+      path: "/reader",
       component: Layout,
-      children: [{
-        path: 'index',
-        name:'reader',
-        meta: { title: '语文朗读配音', url: '/reader/index' },
-        component: () => import('@/pages/reader/index'),
-      }]
+      children: [
+        {
+          path: "index",
+          name: "reader",
+          meta: { title: "语文朗读配音", url: "/reader/index" },
+          component: () => import("@/pages/reader/index")
+          // component: () => import("@/pages/reader/develop")
+        },
+        {
+          path: "develop",
+          name: "xkx-develop",
+          meta: { title: "用户发展报告", url: "/reader/develop" },
+          component: () => import("@/pages/reader/develop")
+        }
+      ]
     },
     // {
     //   path: '/course',
@@ -179,6 +199,6 @@ const router = new Router({
     //   }]
     // }
   ]
-})
+});
 
-export default router
+export default router;