调整目录显示

src/router/index.js

@@ -171,14 +171,14 @@ function fnAddDynamicMenuRoutesMy (menuList = [], routes = []) {
    } else if (menuList[i].url && /\S/.test(menuList[i].url)) {
      menuList[i].url = menuList[i].url.replace(/^\//, '')
      var route = {
        path: addMeetingId(menuList[i].url.replace('/', '-'), menuList[i].parentId),
        path: addMeetingId(menuList[i].url.replace('/', '-'), menuList[i].me),
        component: null,
        name: addMeetingId(menuList[i].url.replace('/', '-'), menuList[i].parentId),
        name: addMeetingId(menuList[i].url.replace('/', '-'), menuList[i].me),
        meta: {
          menuId: menuList[i].menuId,
          title: menuList[i].name,
          isDynamic: true,
          isTab: menuList[i].isTab,
          isTab: false,
          iframeUrl: ''
        }
      }
@@ -213,9 +213,9 @@ function fnAddDynamicMenuRoutesMy (menuList = [], routes = []) {
  }
}
function addMeetingId (url, parentId) {
function addMeetingId (url, me) {
  // console.log(url)
  if (parentId === 76) {
  if (me === 1) {
    url += '/:id'
  }
  return url

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

@@ -12,7 +12,6 @@
        :key="item.menuId"
        :menu="item"
        :dynamicMenuRoutes="dynamicMenuRoutes"
        v-if="item.me!=0 || meetingId!=0"  
      >
    </sub-menu>
    </template>
@@ -26,11 +25,6 @@
<script>
  import SubMenu from './main-sidebar-sub-menu'
  export default {
    data () {
      return {
        meetingId: 0
      }
    },
    name: 'sub-menu',
    props: {
      menu: {
@@ -50,14 +44,6 @@
        get () { return this.$store.state.common.sidebarLayoutSkin }
      }
    },
    watch: {
      '$route' (to, from) {
        // 对路由变化作出响应...
        // console.log(this.$route.params)
        this.meetingId = this.$route.params.hasOwnProperty('id') ? this.$route.params.id :0
        console.log(this.meetingId)
      }
    },
    methods: {
      // 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
      gotoRouteHandle (menu) {

src/views/main-sidebar.vue

@@ -28,7 +28,8 @@
          v-for="menu in menuList"
          :key="menu.menuId"
          :menu="menu"
          :dynamicMenuRoutes="dynamicMenuRoutes">
          :dynamicMenuRoutes="dynamicMenuRoutes"
          :meetindId="meetingId">
        </sub-menu>
      </el-menu>
    </div>
@@ -41,7 +42,8 @@
  export default {
    data () {
      return {
        dynamicMenuRoutes: []
        dynamicMenuRoutes: [],
        meetingId: 0
      }
    },
    components: {
@@ -73,15 +75,49 @@
    },
    watch: {
      $route: 'routeHandle'
      // '$route' (to, from) {
      //   // 对路由变化作出响应...
      //   // console.log(this.$route.params)
      //   this.meetingId = this.$route.params.hasOwnProperty('id') ? this.$route.params.id : 0
      //   console.log(this.meetingId)
      // }
    },
    created () {
      this.menuList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
      // console.log(JSON.parse(sessionStorage.getItem('menuList') || '[]'))
      let mList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
      let myList = []
      mList.forEach(element => {
        if (element.me === 0) {
          myList.push(element)
        }
      })
      // this.menuList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
      this.menuList = myList
      this.dynamicMenuRoutes = JSON.parse(sessionStorage.getItem('dynamicMenuRoutes') || '[]')
      console.log(this.$route)
      this.routeHandle(this.$route)
    },
    methods: {
      // 路由操作
      routeHandle (route) {
        console.log(this.meetingId + '103')
        this.meetingId = this.$route.params.hasOwnProperty('id') ? this.$route.params.id : 0
        console.log(this.meetingId + '105')
        if (this.meetingId !== 0) {
          this.menuList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
          console.log(this.menuList)
        } else {
          let mList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
          let myList = []
          mList.forEach(element => {
            if (element.me === 0) {
              myList.push(element)
            }
          })
          console.log(myList)
          // this.menuList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
          this.menuList = myList
        }
        if (route.meta.isTab) {
          // tab选中, 不存在先添加
          var tab = this.mainTabs.filter(item => item.name === route.name)[0]