README
开发
# 进入项目目录
cd 【项目目录】
# 设置私服地址(内网,保证能访问公司内网)
npm config set registry http://192.168.70.162:8081/repository/npm-group/
# 安装依赖
npm install
# 启动服务
npm start
浏览器访问 http://localhost:8000
发布
# 构建生产环境
npm run build
项目结构说明
系统流程 文件夹说明
子系统文件夹
当业务含有流程时:业务文件夹下必须建立flow文件夹,并且流程相关内容(表单、form-config.js)必须放在该文件夹下;
当业务是自定义列文件夹时,对应的新增、编辑、查看表单弹框组件直接放入该业务文件夹下,文件名需与其各自功能对应,
另外流程流转表单只需要写表单项,而自定义列相关表单需要手写弹窗逻辑
1、流程flow文件夹说明:
form-config.js文件必须存在;
其余内部单个文件名必须与form-config.js中配置对应。
form-config.js中:根据页面类型配置表单部位,
页面类型:0 - 新增(modalType: add)、撤销(modalType: backout)、维护(modalType: maintain)、查看(modalType: detail)、结转(modalType: carry)
1 - 审批(编辑modalType: edit、办理modalType: deal、撤回modalType: revocation等)
2 - 经办(编辑modalType: edit、办理modalType: deal、撤回modalType: revocation等)
3 - 复核(编辑modalType: edit、办理modalType: deal、撤回modalType: revocation等)
4 - 记账(编辑modalType: edit、办理modalType: deal、撤回modalType: revocation等)
5 - 受理(编辑modalType: edit、办理modalType: deal、撤回modalType: revocation等)
2、当为自定义列相关表单:
内部文件名需要按照以下格式进行命名:
update.vue: 新增、编辑、详情表单
setting.vue: 配置表单(如果有)
3、既是程流转表单文件夹又为为自定义列相关表单(暂无此类用法,可忽略)
update.vue: 新增、编辑、详情表单,存放在业务文件夹下
form-config.js文件必须存在;存放在flow文件夹下
其余【流程相关】内部单个文件名必须与form-config.js中配置对应,存放在flow文件夹下。
4、弹框内容,父组件会传回一些属性:
menuinfo: 左侧菜单所有信息
moduleId: 菜单id
itemData: 行数据
businessno: 菜单业务类型
validateRules: 自定义校验规则
getFieldDecorator: 表单项装饰器
form: form实例
modalType: 弹窗类型,新增(add)、编辑(edit)、维护(maintain)、查看(detail)、办理(deal)
size: 弹框大小,full/large/normal/small, 自定义列页面【行内操作按钮配置】可以配置modalSize
visible: 弹窗是否显示(仅新增编辑页面会有)
closeModal: 方法,关闭弹窗回调(仅新增编辑页面会有)