> 组件开发提示:<br> > **1. 组件内禁止使用全局样式(造成严重污染问题)**<br> > **2. PC上勿使用 rem 单位(使用不当严重影响体验)**<br> > **3. axios 禁止使用全局的拦截器,请创建新的实例**<br>
npm install uums-modulesgit clone http://192.168.1.44:8888/framework/package
npm install 安装依赖包
npm start 开启开发服务器
npm run build 进行打包
npm run build-analyzer 进行打包与体积分析
npm run lint 运行代码校验
uums-package
- examples - 使用uums包的demo
- lib - 打包文件
- src - 主业务代码目录
- api - 数据的请求方法
- components - 共用的组件
- gmDicSelect.vue 字典值下拉框
- gmDicSpan.vue 字典值span
- gmTreeSelect.vue 下拉树组件
- gmPagination.vue 分页组件
- config - 后台服务的配置
- modal - 模态框组件
- plugins - 使用的插件
- styles - 样式
- utils - 工具函数存放目录
- axios.js 对axios的封装
- update-token.js 给接口访问设置token
- common.js 一些公用的方法 全部存储在GM对象中
- validate.js 对element-ui中表单验证的封装
- views - 模块组件
- app-manage - 子系统管理
- area - 区域管理
- dictionary - 字典管理
- organization - 机构管理
- holiday - 节假日管理
- leave - 请假管理
- log - 日志管理
- permission - 权限管理
- role-manage - 角色管理
- serialize-config - 序列号配置
- serialize-history - 序列号历史
- serialize-recycle - 序列号回收
- user-manage - 用户管理
- mixin.js -混入对象(用于统一处理获取字典)
- index.js - 所有模块的引入/导出口
`
uums包的使用方法
> 注意:如果你的项目中没有使用 element-ui 库,则需要额外的引入:
`JS
import '@greatmap/uums-modules/lib/element-ui.js';
`
`
example中的引用方式
例如:引用用户管理的模块
创建一个user.vue文件,从lib引入所需组件包
说明:DicObject为uums所需的字典,一般需要在登录的时候请求字典并缓存到本地然后调用组件时拿到字典对象,v0.11.2版本后将字典的获取融到组件里去了。即无需再传字典值了(传了也行)
iconfig为uums所需要的IP地址,需要以下几个地址:
{
UNIFY_IP: 'http://192.168.5.43:8189/',
LOGIN_SERVER: 'http://192.168.1.82:8082/gm-sso-server/', // 单点登录服务路径
UUMS_SERVER: 'http://192.168.1.82:8082/uums-server/', //uums服务路径
FMS_SERVER: 'http://192.168.5.35:82/fms-server/', // FMS服务路径
LOGIN_PATH: 'http://192.168.1.82:8082/ldimp/gs-login',
APP_KEY: 'gm-uums'
}
-------------------------------------------------------------------------------------------------------------------
import { UserManage } from '../../lib';
export default{};
``