Ihr-portal-layout NPM

base-portal-layout

base portal common layout

Build Setup

# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

门户菜单工程

属性说明

参数	说明	类型	默认值
navMenuData	顶部导航数据	Array	[]
navActiveName	顶部导航选中项	String	——
hideSidebar	是否隐藏侧边栏菜单	Boolean	false
menuData	左侧边栏菜单列表	Array	[]
currentRoutePath	当前路由路径,路由变化时需重新赋值	String	——
accountInfo	用户信息	Array	[]

属性传值示例

navMenuData

let navMenuData = [
  {
    menuid: '2',
    menuname: 'xxx中心',
    url: '/test1',
    iconprev: '',
    children: []
  }
]

menuData

// 有一级菜
let menuData = [
  {
    menuid: '500',
    menuname: '测试管理',
    url: '',
    iconprev: 'book-multiple',
    children: []
  }
]
// 有二级菜单
let menuData = [
  {
    menuid: '500',
    menuname: '测试管理',
    url: '',
    iconprev: 'book-multiple',
    children: [
      {
        menuid: '600',
        menuname: '客服类',
        url: '',
        iconprev: '',
        children: []
      },
      {
        menuid: '601',
        menuname: '服务类',
        url: '/test3',
        iconprev: '',
        children: []
      }
    ]
  }
]
// 有三级菜单
let menuData = [
  {
    menuid: '500',
    menuname: '测试管理',
    url: '',
    iconprev: 'book-multiple',
    children: [
      {
        menuid: '600',
        menuname: '客服类',
        url: '',
        iconprev: '',
        children: [
          {
            menuid: '700',
            menuname: '测试1',
            url: '/test1',
            iconprev: '',
            children: []
          },
          {
            menuid: '701',
            menuname: '测试2',
            url: '/test2',
            iconprev: '',
            children: []
          }
        ]
      },
      {
        menuid: '601',
        menuname: '服务类',
        url: '/test3',
        iconprev: '',
        children: []
      }
    ]
  }
]