crust-sub-system-link v1.2.0

crust-sub-system-link

行业云子系统链接菜单

环境

vue-element-template

使用方法

//permission.js
import router from './router'
import { SubSystemLink } from 'sub-system-link'

const subSystemLink = new SubSystemLink({
  server: 'http://10000.gr329806.bfui2yv4.956eed.grapps.cn',//网关地址，必填
  router,//router对象，必填
  title: '',//菜单标题，选填，默认为“原生应用”
  icon: ''//菜单icon，选填，默认为link
})

//...

if (hasToken) {
    if (to.path === '/login') {
      next({ path: '/' })
      NProgress.done()
    } else {
      const hasGetUserInfo = store.getters.name
      if (hasGetUserInfo) {
        next()
      } else {
        try {
          await store.dispatch('user/getInfo')
          await subSystemLink.addRoutes()            //添加此行
          next()
        } catch (error) {
          await store.dispatch('user/resetToken')
          Message.error(error || 'Has Error')
          next(`/login?redirect=${to.path}`)
          NProgress.done()
        }
      }
    }
  }

//...

经过以上配置后，应该可以在左侧菜单出现子系统链接了。这里点击链接是用_black方式打开的。

如果需要使用_self方式打开，需要做如下修改：

//layouts/components/Sidebar/Link.vue

methods: {
    linkProps(to) {
      if (this.isExternal) {
        return {
          href: to,
          target: '_blank',   //此处改成_self
          rel: 'noopener'
        }
      }
      return {
        to: to
      }
    }
  }
}

更新

v1.2.0

• 自身应用不显示
• 自定义标题与icon

v1.1.0

• 根据isDisplay字段确定是否出现在左侧菜单栏