无URL页面展示特定页面，主导航下无子导航关闭左侧导航和面包屑，样式修改

src/assets/scss/smp.scss

@@ -733,6 +733,7 @@ html,body{
     }
     &.on{
       background-color: $smp--color-white;
+      background-image: url('~@/assets/img/nav/menu-btn-bg.jpg');
       span{
         color:$smp--color-blue;
       }
@@ -745,6 +746,9 @@ html,body{
     width:120px;
     height:80px;
   }
+  .nbmw-open .nbm-item.on{
+    background-image: none;
+  }
 }
 
 /* smp navbar-news
@@ -790,6 +794,7 @@ html,body{
   padding:0 10px;
   position:relative;
   z-index:101;
+  cursor: pointer;
   .nu-main{
     display: flex;
     height:40px;
@@ -944,6 +949,15 @@ html,body{
         color:$smp--color-white;
       }
     }
+    .el-menu-item:hover{
+      background-color:$smp--color-blue ;
+      .smpsbm-point{
+        color:$smp--color-white;
+      }
+      .smpsbm-name{
+        color:$smp--color-white;
+      }
+    }
     .el-submenu.is-opened{
       background-color: $smp--color-gray_f5;
       .el-menu--inline{
@@ -1545,4 +1559,24 @@ html,body{
     align-items: center;
     justify-content: center;
   }
+}
+
+// 无地址对应页面
+.main-no-url-page{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f8f8f8;
+  width:100%;
+  height: 100%;
+  font-size:40px;
+  background-image: url('~@/assets/img/common/nopage-bg.png');
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 500px 500px;
+}
+
+// 主导航菜单下无子菜单，左侧隐藏
+.aui-wrapper.all-main-wraper .smp_main-r.main-no-left{
+  padding-left:10px;
 }

src/router/index.js

@@ -138,9 +138,9 @@ function fnAddDynamicMenuRoutes (menuList = [], routes = []) {
     let path = menuList[i].path
     let componentPath = menuList[i].componentPath
     let url = menuList[i].url
-    if (!url) {
-      continue
-    }
+    // if (!url) {
+    //   continue
+    // }
 
     // 组装路由
     var route = {
@@ -155,11 +155,14 @@ function fnAddDynamicMenuRoutes (menuList = [], routes = []) {
     }
 
     // url = 'https://juejin.im/' // 测试用
+    // console.log(url, menuList[i].name, i)
     if (isURL(url)) {
       route.meta.iframeURL = url
       route.component = () => import(`@/views/modules/home`)
     } else {
-      route.component = () => import(`@/views/${componentPath}`)
+      route.meta.iframeURL = ''
+      route.component = () => import(`@/views/main/main-no-url-page`)
+      // route.component = () => import(`@/views/${componentPath}`)
     }
     // console.log(route)
     // console.log(route)

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

@@ -162,6 +162,7 @@ export default {
         return e.UUID === rootOne.UUID
       })[0]
       _this.setIndexPage(menuOne)
+      this.setSidebarByChild(menuOne)
       function getParent (UUID) {
         let item = _this.menuDataAll.filter((e) => {
           return e.UUID === UUID
@@ -188,8 +189,16 @@ export default {
         e.on = false
       })
       item.on = true
+      this.setSidebarByChild(item)
       this.$router.push({ path: item.url })
     },
+    setSidebarByChild (item) {
+      if (!item.children || item.children.length === 0) {
+        this.$parent.$parent.isMainMenuHaveChild = false
+      } else {
+        this.$parent.$parent.isMainMenuHaveChild = true
+      }
+    },
     setCurrentMenuItem (item) {
       // console.log(item)
       this.currentMenuItem = item

src/views/main/main-no-url-page.vue

@@ -0,0 +1,25 @@
+<template>
+  <main class="main-no-url-page">
+    <!-- 这个页面为空 -->
+  </main>
+</template>
+
+<script>
+
+export default {
+  data () {
+    return {
+
+    }
+  },
+  watch: {
+
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+}
+</script>

src/views/main/main-sidebar.vue

@@ -180,6 +180,7 @@ export default {
   },
   watch: {
     currentMenuItem () {
+      console.log(123)
       this.currentMenuList = this.currentMenuItem.children || []
       this.currentMenuName = this.currentMenuItem.name
       this.initMenu()

src/views/main/main.vue

@@ -2,14 +2,14 @@
   <div :style="auiWrapper" v-loading.fullscreen.lock="loading" :element-loading-text="$t('loading')" class="aui-wrapper all-main-wraper">
     <template v-if="!loading">
       <div class="smp_main-t">
-        <main-navbar v-if="navbarFlag"/>
+        <main-navbar ref="mainNavbar" v-if="navbarFlag"/>
       </div>
       <div class="smp_main-b">
-        <div class="smp_main-l">
+        <div class="smp_main-l" v-show="isMainMenuHaveChild">
           <main-sidebar v-if="sidebarFlag"/>
         </div>
-        <div class="smp_main-r" :class="{'onClose':$store.state.sidebarFold}">
-          <content-crumb></content-crumb>
+        <div class="smp_main-r" :class="{'onClose':$store.state.sidebarFold,'main-no-left':!isMainMenuHaveChild}">
+          <content-crumb v-if="isMainMenuHaveChild"></content-crumb>
           <main-content />
         </div>
       </div>
@@ -41,7 +41,8 @@ export default {
       navbarFlag: false,
       sidebarFlag: false,
       mainContent: 'aui-content__wrapper',
-      auiWrapper: ''
+      auiWrapper: '',
+      isMainMenuHaveChild: true
     }
   },
   components: {