项目结构
这里列出来了项目代码的层级结构主要是内层菜单的组件存放位置,方便快速上手。
可以访问https://wangyuxiang.vip/web/A慧审通项目.html 查看图片
内层菜单
内层菜单之前是写死的,我根据目前的外层菜单的配置优化了内层菜单动态生成,但是还是可以再度进行优化,这个需要跟后端进行沟通,修改外层菜单的字段数量或结构
可以通过外层菜单的增删来达到添加菜单和删除菜单的功能,主要的逻辑是:

在资源管理中客户菜单下的从第三个开始都是内层菜单,必须保证内层菜单在第二个之后!!
这里内层菜单生成的逻辑是前端从外层菜单中截取需要的内层菜单,通过动态组件的方式引入动态渲染,具体请看代码 src/router/utils 文件
组织架构树
组织架构树是公共的,每个菜单都有,只是做了一个显示和隐藏,具体的逻辑也是在src/router/utils 文件,在组织架构树改动时,只需要添加或删除相应的菜单即可,如果有需要,可以跟后端沟通添加一个字段来通过配置的形式显示和隐藏组织架构树,只需要添加一个字段即可。
改成配置的方式的优缺点:
优点:
方便快速修改菜单的组织架构树
缺点:
用户自己也可以通过这个来修改是否显示组织架构树,那么就会与当前组件的逻辑产生冲突,极有可能会产生生产环境报错的情况(所以修改要慎重,一定要确保隐藏组织架构树后不报错!)
基本的样式逻辑
这个项目的要求是在每个界面相同的按钮颜色要保持一致,所以如果需要添加按钮或修改按钮的颜色只需要引入reset-button.scss这个公共的样式文件
onlyoffice
onlyoffice是一个很强大的开源办公套件,在onlyoffice的使用过程中,一个很大的坑就是在为onlyoffice添加身份认证的逻辑时,要将整个config的配置传给后端,后端根据这个config配置生成一个token,将token添加在config中,才可以正确的访问onlyoffice!
token认证流程
根据需求添加onlyoffice配置(config对象) ---> 传递给后端 ---> 后端生成token ---> 将token放在config对象中 ---> 传递给onlyoffice服务器 ---> 访问成功
参数限制
在onlyoffice中有一些参数是高级参数,必须要后端为文件添加权限,才可以正确使用,例如: copy等,具体可以问ai或查询官方文档
表格相关
在慧审通审计作业平台中,表格统一使用vxe-table这个表格,目前这个表格的版本是最新的版本,支持目前官方上所有的功能。
vxe-table表格优点:
- 支持大数据量表格,通过虚拟渲染提升渲染速度
- 具备很多动画类的功能
vxe-table表格缺陷:
- 只能支持几十万行数据量的展示,如果是百万级别的数据,那就要换一种方式展示(例如: canvas表格/字节的VTable)
- 复杂动画卡顿问题
百万级别的数据不是不可能,在当前系统中财务基础数据中的国标文件最大的文件有800多万条数据,所以这方面知识需要快速的了解并优化。
