pbx-plugin-topbar-vue3

PBX Portal Common TopBar Component — Vue 3 + Ant Design Vue

与旧版的区别

| | 旧版 | 新版 | |------|------|------| | npm 包名 | pbx-plugin-peppol-topbar | pbx-plugin-topbar-vue3 | | Vue 版本 | 2.x | 3.x | | UI 库 | Element UI | Ant Design Vue 4 | | 构建工具 | Webpack 3 | Webpack 5 | | 输出格式 | UMD | UMD + ESM |

安装依赖

npm install pbx-plugin-topbar-vue3 --save

使用方式

import PBXTopBar from 'pbx-plugin-topbar-vue3'
app.use(PBXTopBar);

<topBar
  :userName="userName"
  :prtpName="prtpName"
  :item="item"
  :siteList="siteList"
  :portalList="portalList"
  :currentBizCode="currentBizCode"
  :apiLink="apiLink"
  :currentPortal="currentPortal"
  :linkUrlPaymentSeller="linkUrlPaymentSeller"
  :linkUrlPaymentBuyer="linkUrlPaymentBuyer"
  :linkUrlPeppol="linkUrlPeppol"
  :linkUrlB2B="linkUrlB2B"
  :linkUrlUserCenter="linkUrlUserCenter"
  :linkUrl="linkUrl"
  :buyerTrainingList="buyerTrainingList"
  @logout="handleLogout"
  @handleClick="handleClick"
  @goUserCenter="handleGoUserCenter"
/>

本地调试

# topbar 项目
cd pbx-plugin-topbar
npm run build
npm link

# 消费项目
cd ../your-project
npm link pbx-plugin-topbar-vue3

Events & Params

logout()
handleClick()
goUserCenter()

userName
prtpName
item : '0' or '1' or '2' or '3' or '4'
siteList : ['110201','110901']
portalList : ['10','20']
apiLink : 'http://192.168.0.110:8080/usercenter/'
currentBizCode : 'paymentBuyer' or 'paymentSeller'
currentPortal : '10' or '20'
linkUrlPaymentSeller : 'http://192.168.0.110:8080/pbxp-seller/#'
linkUrlPaymentBuyer : 'http://192.168.0.110:8080/pbxp-buyer/#'
linkUrlPeppol : 'http://192.168.0.110:8080/peppol/#'
linkUrlB2B : 'http://192.168.0.110:8080/pbx-b2b/loginB2b.action'
linkUrl : 'http://192.168.0.110:8080/passport/'