页面目录结构调整，menu上移方式修改

src/assets/scss/smp.scss

@@ -941,9 +941,9 @@ html,body{
   height:calc(100% - 40px);
 }
 
-/* smp monitorwarn index
+/* smp home
 ------------------------------ */
-.monitorwarn-index{
+.home{
   display: flex;
   width:100%;
   height:100%;

src/router/index.js

@@ -33,10 +33,10 @@ export const moduleRoutes = {
   redirect: {name: 'home'},
   meta: {title: '主入口布局'},
   children: [
-    {path: '/home', component: () => import('@/views/modules/home'), name: 'home', meta: {title: '首页'}},
-    {path: 'monitorwarn-index', component: () => import('@/views/monitorwarn/index/monitorwarn-index'), name: 'monitorwarn-index', meta: {title: '监测预警首页'}},
-    {path: 'monitorwarn/clue-list', component: () => import('@/views/monitorwarn/clueGathering/clue-list'), name: 'monitorwarn-index', meta: {title: '监测预警首页'}},
-    {path: 'modules/all-form-type', component: () => import('@/views/modules/all-form-type'), name: 'all-form-type', meta: {title: '所有表单'}}
+    // {path: '/home', component: () => import('@/views/modules/home'), name: 'home', meta: {title: '首页'}},
+    {path: 'home', component: () => import('@/views/business/home/home'), name: 'home', meta: {title: '首页'}},
+    {path: 'demo/list-demo', component: () => import('@/views/modules/demo/listDemo/list-demo'), name: 'list-demo', meta: {title: '列表页'}},
+    {path: 'demo/all-form-type', component: () => import('@/views/modules/demo/all-form-type'), name: 'all-form-type', meta: {title: '表单页'}}
   ]
 }
 

src/views/monitorwarn/index/monitorwarn-index-clue.vue

@@ -13,7 +13,7 @@
 <script>
 import smpCard from '@/components/smp-card'
 import imgText from '@/components/smp-img-text'
-import clueHd from './monitorwarn-index-clue-hd'
+import clueHd from './home-clue-hd'
 export default {
   data () {
     return {

src/views/monitorwarn/index/monitorwarn-index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="monitorwarn-index">
+  <div class="home">
     <page-left>
       <index-focus></index-focus>
       <statistic-echart></statistic-echart>
@@ -23,13 +23,13 @@ import pageRight from '@/components/smp-page-right'
 // import listTime from '@/components/smp-list-time'
 import mapSearch from '@/components/smp-map/smp-map-search'
 import mapFunc from '@/components/smp-map/smp-map-func'
-import indexFocus from './monitorwarn-index-focus'
-import indexDuty from './monitorwarn-index-duty'
-import indexStatistic from './monitorwarn-index-statistic'
-import statisticEchart from './monitorwarn-index-statistic-echart'
-import trendEchart from './monitorwarn-index-trend-echart'
-import indexClue from './monitorwarn-index-clue'
-import monitorwarMap from './monitorwarn-index-map'
+import indexFocus from './home-focus'
+import indexDuty from './home-duty'
+import indexStatistic from './home-statistic'
+import statisticEchart from './home-statistic-echart'
+import trendEchart from './home-trend-echart'
+import indexClue from './home-clue'
+import monitorwarMap from './home-map'
 export default {
   data () {
     return {
@@ -58,7 +58,7 @@ export default {
 </script>
 
 <style lang="scss">
-.monitorwarn-index{
+.home{
   padding: 0!important;
 }
 </style>

src/views/main/main-navbar-menu.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="navbar-menu">
-    <div class="nbm-wraper" :class="{'nbmw-open':menuOpen}">
+    <div class="nbm-wraper" ref="nbm-wraper" :class="{'nbmw-open':menuOpen}">
       <div class="nbm-item" :class="{'on':item.on}" v-for="(item,index) in menuList" :key="index" @click="gotoPage(item)">
         <i class="smp-nav-icon" :class="[item.icon,{'on':item.on}]"></i>
         <span>{{item.name}}</span>
@@ -23,77 +23,66 @@
 export default {
   data () {
     return {
+      lineWrapIndex: '',
       menuOpen: false,
       menuList: [
         {
           name: '首页',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_sy_n'
         },
         {
-          name: '列表页',
-          url: '/monitorwarn/clue-list',
-          on: false,
-          icon: 'smp-ni-nav_fxyp_n'
-        },
-        {
-          name: '表单页',
-          url: '/modules/all-form-type',
-          on: false,
-          icon: 'smp-ni-nav_fzsgzt_n'
-        },
-        {
           name: '监测预警',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_jcyj_n'
         },
         {
           name: '分析研判',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_fxyp_n'
         },
         {
           name: '指挥调度',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_zhdd_n'
         },
         {
           name: '效能评估',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_xnpg_n'
         },
         {
           name: '基础数据',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_jcsj_n'
         },
         {
           name: '基础组件',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_jczj_n'
         },
         {
           name: '反走私工作台',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_fzsgzt_n'
         },
         {
           name: '系统管理',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_xtgl_n'
         },
         {
           name: '智能运维',
-          url: '/monitorwarn-index',
+          url: '/home',
           on: false,
           icon: 'smp-ni-nav_znyw_n'
         }
@@ -105,19 +94,30 @@ export default {
       this.menuOpen = !this.menuOpen
     },
     gotoPage (item) {
-      let spliceItem = ''
+      this.upMenuItem(item)
       this.menuList.forEach((e, i) => {
         e.on = false
-        if (i === 0 || i === 1) {
+      })
+      item.on = true
+      this.$router.push({ path: item.url })
+    },
+    upMenuItem (item) {
+      let wraper = this.$refs['nbm-wraper']
+      let wraperW = wraper.getBoundingClientRect().width
+      let itemW = 120
+      this.lineWrapIndex = Math.floor(wraperW / itemW) - 1
+      let spliceItemIndex = ''
+      this.menuList.forEach((e, i) => {
+        if (i <= this.lineWrapIndex) {
           return
         }
         if (e.name === item.name) {
-          spliceItem = this.menuList.splice(i, 1)[0]
-          this.menuList.splice(1, 0, spliceItem)
+          spliceItemIndex = i
         }
       })
-      item.on = true
-      this.$router.push({ path: item.url })
+      if (spliceItemIndex !== '') {
+        this.menuList[spliceItemIndex] = this.menuList.splice(this.lineWrapIndex, 1, item)[0]
+      }
     }
   }
 }

src/views/main/main-sidebar-sub-menu.vue

@@ -10,7 +10,7 @@
     </div>
     <sub-menu v-for="item in menu.children" :key="item.id" :menu="item"></sub-menu>
   </el-submenu>
-  <el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)" :class="[{'smpsbm-lv2':menu.lv===2}]">
+  <el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu)" :class="[{'smpsbm-lv2':menu.lv===2}]">
     <i v-if="menu.lv===1" :class="['smp-nav-icon',menu.icon]"></i>
     <em class="smpsbm-point" v-if="menu.lv===2">&middot;</em>
     <span class="smpsbm-name">
@@ -38,11 +38,9 @@ export default {
     SubMenu
   },
   methods: {
-    // 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
-    gotoRouteHandle (menuId) {
-      var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter(item => item.meta.menuId === menuId)[0]
-      if (route) {
-        this.$router.push({ name: route.name })
+    gotoRouteHandle (item) {
+      if (item.url) {
+        this.$router.push({ path: item.url })
       }
     }
   }

src/views/main/main-sidebar.vue

@@ -26,6 +26,22 @@ export default {
       menuClose: this.$store.state.sidebarFold,
       sidebarMenuList: [
         {
+          name: '列表页',
+          url: '/demo/list-demo',
+          id: 'demo1',
+          lv: 1,
+          children: [],
+          icon: 'smp-ni-leftbar_jcyj'
+        },
+        {
+          name: '表单页',
+          url: '/demo/all-form-type',
+          id: 'demo2',
+          lv: 1,
+          children: [],
+          icon: 'smp-ni-leftbar_jcyj'
+        },
+        {
           name: '监测预警',
           id: '1',
           lv: 1,

src/views/monitorwarn/clueGathering/clue-list.vue

@@ -91,7 +91,7 @@
 </template>
 
 <script>
-import listTable from './clue-list-table'
+import listTable from './list-demo-table'
 
 export default {
   data () {
@@ -142,7 +142,7 @@ export default {
           id: '7'
         },
         {
-          name: '人共录入',
+          name: '人工录入',
           on: false,
           id: '8'
         },