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: []
      }
    ]
  }
]

事件说明

| 事件名 | 说明 | 参数 | | ---------- | -------------- | -------------------- | | jumpRouter | 侧边栏路由跳转 | 侧边栏菜单项对应 URL | | logout | 注销 | —— |