pmo-header

PMO public header

Usage no npm install needed!

<script type="module">
  import pmoHeader from 'https://cdn.skypack.dev/pmo-header';
</script>

README

pmo 公共 header组件

示例代码

  <com-header
    :userName="userName"
    :blcode="blcode"
    :searchData="userOwnRPs"
    activeLink="obj"
    @bsItemClick="handleBSItemClick">
  </com-header>

Attributes

参数 说明 类型 可选值 默认值
userName 用户头像 string
blcode 业务线字段 string
searchData 业务线搜索框 array []
activeLink 当前业务线标示 string obj, pipeline -
insideProcess 用于多入口路由内跳转启用push功能 Array - []

Events

事件名称 说明 回调参数
menuItemClick 导航菜单点击事件 当行菜单配置对象
bsItemClick 业务线搜索列表列点击事件 当行列对象

Data 数据

  [
    {
      name: 'target',
      title: '目标',
      children: [
        {
          name: 'okr',
          title: 'OKR',
          routerName: '',
          hrefUrl: `https://pmo.corpautohome.com/${params}/planmgt/okr/okrplan1`
        },
        {
          name: 'obj',
          title: '立项',
          routerName: 'KickoffView',
          hrefUrl: `http://pmo.corpautohome.com/view/obj/kickoff/${params}`
        }
      ]
    },
    {
      name: 'kanban',
      title: '看板',
      routerName: '',
      hrefUrl: `https://pmo.corpautohome.com/${params}/executionmgt/kanban`
    },
    {
      name: 'pipeline',
      title: '发布',
      routerName: 'PipelineView',
      hrefUrl: `https://pmo.corpautohome.com/${params}/executionmgt/process/index`
    }
  ];