yunzer_go/mobile

企业级办公App

一个基于UniApp开发的企业级办公移动应用，提供完整的办公功能解决方案。

功能特性

🏠 工作台

• 数据概览: 待审批数量、考勤状态、报销进度等关键数据展示
• 快捷操作: 自定义快捷功能入口，支持拖拽排序
• 常用工具: 计算器、通讯录、文件传输等辅助工具

💬 消息

• 会话管理: 支持单聊和群聊，消息预览和未读提醒
• 通知中心: 按类型分组的系统通知，支持分类查看
• 消息搜索: 全局搜索会话和通知内容

⚙️ 功能

• 人事管理: 考勤打卡、请假申请、加班申请、调休记录
• 财务报销: 报销提交、进度查询、历史记录
• 工作协同: 任务管理、会议预订、项目协作
• 资源管理: 客户目录、企业文件库、权限管理

👤 我的

• 个人信息: 头像、姓名、部门、工号等基础信息
• 数据概览: 考勤率、任务完成数、待报销金额
• 账号安全: 密码修改、手机绑定、账号注销
• APP设置: 消息提醒、主题切换、缓存清理、版本更新
• 帮助反馈: 常见问题、意见反馈、客服联系

技术架构

前端技术栈

• 框架: UniApp (Vue 3 + Vite)
• 状态管理: Pinia + 持久化插件
• UI组件: uView UI 2.0
• 样式: SCSS + 响应式设计
• 构建工具: Vite

项目结构

mobile/
├── pages/                 # 页面文件
│   ├── index/            # 工作台
│   ├── message/          # 消息
│   ├── function/         # 功能
│   └── profile/          # 我的
├── src/
│   ├── store/            # 状态管理
│   ├── components/       # 通用组件
│   ├── utils/            # 工具函数
│   └── api/              # API接口
├── static/               # 静态资源
│   └── tabbar/           # TabBar图标
├── App.vue               # 应用入口
├── main.js               # 主文件
├── pages.json            # 页面配置
├── manifest.json         # 应用配置
└── vue.config.js         # Vite配置

核心设计理念

1. 用户体验优先

• 3步内触达: 确保用户3步内可触达任意功能
• 个性化定制: 支持快捷操作自定义和主题切换
• 智能提醒: 未读消息红点提示，避免信息遗漏

2. 功能模块化

• 分类聚合: 按业务场景分类，避免功能杂乱
• 权限控制: 基于角色的功能权限管理
• 流程跟踪: 申请流程实时进度跟踪

3. 数据驱动

• 实时数据: 工作数据实时更新和同步
• 智能分析: 使用频率统计，自动优化功能排序
• 离线支持: 关键数据本地缓存，支持离线使用

开发指南

环境要求

• Node.js >= 16.0.0
• HBuilderX 或 VS Code + uni-app插件

安装依赖

npm install

开发运行

# H5端
npm run dev:h5

# 微信小程序
npm run dev:mp-weixin

# App端
npm run dev:app

构建发布

# 构建H5
npm run build:h5

# 构建微信小程序
npm run build:mp-weixin

# 构建App
npm run build:app

配置说明

1. API配置

在 src/api/index.js 中修改 BASE_URL 为实际的后端API地址。

2. 权限配置

在 src/store/userStore.js 中配置用户权限列表。

3. 主题配置

在 App.vue 中修改全局样式变量。

4. TabBar图标

将图标文件放置在 static/tabbar/ 目录下，参考 static/tabbar/README.md。

功能扩展

添加新页面

1. 在 pages/ 目录下创建页面文件夹
2. 在 pages.json 中注册页面路由
3. 如需要TabBar，添加到 tabBar.list 配置中

添加新组件

1. 在 src/components/ 目录下创建组件文件
2. 在需要使用的页面中导入组件
3. 遵循Vue 3 Composition API规范

添加新API

1. 在 src/api/index.js 中添加API方法
2. 在页面中导入并使用API
3. 处理请求和响应拦截器

部署说明

微信小程序

1. 在微信公众平台注册小程序
2. 配置 manifest.json 中的 mp-weixin.appid
3. 使用微信开发者工具上传代码

App端

1. 配置 manifest.json 中的App信息
2. 使用HBuilderX云打包或本地打包
3. 生成安装包并分发

H5端

1. 构建完成后将 dist/build/h5 目录部署到Web服务器
2. 配置域名和HTTPS证书

许可证

MIT License

联系方式

如有问题或建议，请联系开发团队。