jupiter-test

资金业务管理系统

Usage no npm install needed!

<script type="module">
  import jupiterTest from 'https://cdn.skypack.dev/jupiter-test';
</script>

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: 方法,关闭弹窗回调(仅新增编辑页面会有)