特别注意
如果你遇到了下面问题，包括对话框无法关闭、列表错乱/卡住/无法打开等奇怪问题，请检查node_modules/vue的版本，如果是3.4.x，由于antd-vue的要求，需要降级后使用。 或者使用yarn重新安装依赖，项目里的yarn.lock为3.2.40版本。
建议先阅读docs/dev_readme.md下的内容
路由配置
为了符合UI规范的要求，框架对流程表单页面的布局进行了定制开发，对于新系统需要手动创建菜单
待办列表
- 组件名称 FlowListPage2
- 路由地址 /flowList/todo
- 组件路径 /secondDev/processTasksPage.vue
草稿箱
- 组件名称 FlowListPage
- 路由地址 /flowList/draft
- 组件路径 /secondDev/processTasksPage.vue
我的单据
- 组件名称 FlowListPage3
- 路由地址 /flowList/myProcess
- 组件路径 /secondDev/processTasksPage.vue
新建待办
router.push({
path: `/flow/:schemaId/0/createFlow`
});
无流程新建
router.push({
path: `/form/表单名/0/createForm`,
query: {
formPath: '模块目录名/表单名'
}
});
技术选型
- 开发框架采用 Vue3 版本：3.3.4+（>3.4会导致UI问题）
- 构建工具采用 Vite 版本： 4.3.8+
- 包管理采用 pnpm版本 6.20+
- 多语言框架采用 i18n 版本 9.2.2
- ui 框架采用 Ant-Design-Vue 版本：3.0+
- http 请求库 采用 axios 版本 1.4.0+
- 代码计算库 采用 jsbi-calculator 版本 0.3.6+
- 框架开发语言采用 TypeScript 版本 5.0.4+
- 工作流组件采用 bpmn.js 版本 8.7+
- 时间工具库采用 day.js 版本 1.11.0+
- 状态管理库采用 pinia 版本 2.0.12 +
- 图表库采用 echarts版本 5.3.1+
- excel 操作库采用 exceljs 版本 4.3.0+
- 工具类采用 lodash-es 版本 4.17.21+
- 工具类采用 vueuse 版本 10.1.2+
- 打印工具类库 采用 printjs 版本 1.6.0+
- 二维码类库 采用 qrcode 版本 1.5.0+
- 拖拽组件 采用 vuedraggable 版本 4.1.0+
- 富文本编辑器 采用 wangeditor 版本 4.6.13+
- 项目 git 提交管理库 采用 husky 版本 8.0.3+
- 项目框架结构采用 Vben 作为基础，搭建而成。
- 其他技术及版本 以 Vben 文档 以及 package.json 做参考
特性
- 最新技术栈：使用 Vue3/vite3 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- 主题：可配置的主题
- 国际化：内置完善的国际化方案
- Mock 数据 内置 Mock 数据方案
- 权限 内置完善的动态路由权限生成方案
- 组件 二次封装了多个常用的组件
准备
- node 和 git -项目开发环境
- Vite - 熟悉 vite 特性
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript基本语法 - Es6+ - 熟悉 es6 基本语法
- Vue-Router-Next - 熟悉 vue-router 基本使用
- Ant-Design-Vue - ui 基本使用
- Mock.js - mockjs 基本语法
安装使用
- 安装依赖
cd front
pnpm install
- 运行
pnpm dev
- 打包
pnpm build
Git 贡献提交规范
- 参考 vue 规范 Angular)
feat增加新功能fix修复问题/BUGstyle代码风格相关无影响运行结果的perf优化/性能提升refactor重构revert撤销修改test测试相关docs文档/注释chore依赖更新/脚手架配置修改等workflow工作流改进ci持续集成types类型定义文件更改wip开发中
相关仓库
- vite-plugin-mock - 用于本地及开发环境数据 mock
- vite-plugin-html - 用于 html 模版转换及压缩
- vite-plugin-style-import - 用于组件库样式按需引入
- vite-plugin-theme - 用于在线切换主题色等颜色相关配置
- vite-plugin-imagemin - 用于打包压缩图片资源
- vite-plugin-compression - 用于打包输出.gz|.brotil 文件
- vite-plugin-svg-icons - 用于快速生成 svg 雪碧图