enloop-modules
这是 Enloop-Hub 开发过程中产生的公共组件库,用于类似Enloop-Hub系统开发,本项目基于 element ui,方便更快地开发风格类似的项目。
1.导入依赖:
yarn add @enjoyor/enloop-modules
2.在main.js引入:
import enloop from '@enjoyor/enloop-modules'
import '@enjoyor/enloop-modules/enloop-modules.css'
Vue.use(enloop)
ETop 页面顶部
功能包括:顶部跳转到管控桌面、退出、获取系统名称、获取用户名;
<e-top system-code="DI_DESIGN"></e-top>
属性列表:
属性名称 | 说明 | 默认值 |
---|---|---|
show-message-tip | 是否显示信息推送框 | false |
show-help | 是否显示帮助按钮 | false |
system-code | 系统编码 | |
menus | 下拉菜单数组 | ['退出'] |
函数列表:
函数名称 | 说明 | 参数 |
---|---|---|
dropdownMenuClick | 下拉菜单点击事件 | 菜单名称、$event |
helperClick | 帮助按钮点击事件 | $event |
需要注意的是:
- 1.根目录下的 .env 一定要有
VUE_APP_NAME='/xxx'
; - 2.vue.config.js 至少要有:
devServer: {
port: 82,
proxy: {
'/api-*': {
target: 'http://192.168.93.73:8201',
changeOrigin: true
},
'/cas-server': {
target: 'http://192.168.93.73:8080',
changeOrigin: true
}
}
}