0.11.13 • Published 2 years ago
uums-modules v0.11.13
uums 统一用户管理系统
组件开发提示: 1. 组件内禁止使用全局样式(造成严重污染问题) 2. PC上勿使用 rem 单位(使用不当严重影响体验) 3. axios 禁止使用全局的拦截器,请创建新的实例
开始
项目地址 gitlab上的链接
git clone http://192.168.1.44:8888/framework/package
npm install
安装依赖包npm start
开启开发服务器npm run build
进行打包npm run build-analyzer
进行打包与体积分析npm run lint
运行代码校验
简介
基于vue-cli@3.0, 并使用
- UI框架 element-ui
- 路由管理 vue-router
- HTTP请求 axios
- 模拟数据 mockjs
- 状态管理 vuex
目录结构说明
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 库,则需要额外的引入:
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'
}
-------------------------------------------------------------------------------------------------------------------
<template>
<UserManage :dicData='DicObject' :ipconfig='ipconfig'></UserManage>
</template>
<srcipt>
import { UserManage } from '../../lib';
export default{};
</script>
uums功能介绍
子系统管理
- 子系统的增,删,改,查。
- 子系统信息(系统名称,appKey, 系统地址, 表单地址, 系统图标等)
权限管理
- 权限(子级权限)的增,删,改,查。
- 权限信息(子系统,上级权限,权限名称,权限标识符,权限类型等)
字典值管理
- 字典值的增,删,改,查。
- 字典信息(子系统,上级字典,类型,代码,代码名称)
节假日管理
- 全年的双休设置
- 每天的节假日设置,修改和删除
用户管理
- 用户的增,删,改,查。
- 用户的角色分配
- 用户信息(登录名,姓名,联系方式,密码等)
请假管理
- 请假信息的新增,查询,删除
- 一条请假的销假
角色管理
- 角色的增,删,改,查。
- 用户分配
- 角色信息(角色名称,角色显示名,角色类型等)
机构管理
- 机构(子级机构)的增,删,改,查。
- 机构信息(上级机构,机构名称,机构编码,机构类型,归属区域,区域类型等)
区域管理
- 区域(子级区域)的增,删,改,查。
- 区域信息(区域名称,区域编码,区域类型)
序列号配置
- 序列号的新增,修改,删除,查询
- 序列号的配置(四种类型)
序列号回收
- 序列号的查询,回收
序列号历史
- 序列号的查询
日志查询
- 各个子系统日志的查询,导出
- 日志信息(操作菜单,操作用户,URI,提交方式,操作者IP,操作时间)
模块间的关系--> word文档
开发中遇到的问题
element-UI的版本问题
- table组件: v2.9.2+ 新增 tree-props属性(渲染嵌套数据的配置选项), 树形表格中配置子级数据更加方便。
- image组件: v.2.8.2+ 才拥有此组件。
0.11.13
2 years ago