# CMH-mobile **Repository Path**: jycjyc123/cmh-mobile ## Basic Information - **Project Name**: CMH-mobile - **Description**: 测盟汇系统的移动端小程序代码 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-06-24 - **Last Updated**: 2025-07-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 测盟汇移动端 - cmh-mobile 基于uni-app开发的电子质量管理协会移动端应用，为协会会员提供便捷的移动服务平台。 ## 📱 项目概述 测盟汇移动端是一个功能完整的移动应用，提供协会信息展示、会议管理、标准定制、培训服务等核心功能。 ## 🚀 技术栈 - **框架**: uni-app (Vue 3.x) - **语言**: JavaScript/TypeScript, uvue - **样式**: SCSS, uni.scss - **状态管理**: Vuex - **构建工具**: HBuilderX ## 📁 项目结构 ``` cmh-mobile/ ├── pages/ # 页面文件 │ ├── index/ # 主页 │ ├── modules/ # 功能模块 │ │ ├── conference/ # 会议研讨 │ │ ├── standard/ # 标准定制 │ │ ├── training/ # 技术培训 │ │ ├── tools/ # 工具研发 │ │ └── welfare/ # 公益行动 │ ├── meeting/ # 会议管理 │ ├── news/ # 行业动态 │ ├── user/ # 用户中心 │ ├── analysis/ # 数据分析 │ └── register/ # 注册页面 ├── static/ # 静态资源 │ ├── icons/ # 图标文件 │ ├── images/ # 图片资源 │ ├── tabbar/ # 底部导航图标 │ └── logo.png # 应用Logo ├── common/ # 公共代码 │ ├── js/ # 工具函数 │ └── common.css # 公共样式 ├── components/ # 组件库 ├── store/ # 状态管理 └── 文档/ # 项目文档 ``` ## ✨ 功能特性 ### 🏠 主页功能 - ✅ **轮播横幅**: 展示重要活动和公告 - ✅ **功能模块导航**: 5大核心业务模块入口 - ✅ **协会信息**: 协会简介和基本信息 - ✅ **最新会议**: 展示最新的会议信息（无图片设计） - ✅ **行业动态**: 最新资讯和新闻（无图片设计） - ✅ **统计数据**: 会员数量、会议数量等关键数据 - ✅ **Tab切换**: 会议和动态信息的切换展示 ### 📊 会议研讨模块 (/pages/modules/conference/) - ✅ **会议列表**: 展示所有可用会议 - ✅ **会议分类**: 按类型筛选会议（技术研讨、学术交流、行业峰会等） - ✅ **会议状态**: 报名中、进行中、已结束等状态管理 - ✅ **快速操作**: 发起会议、我的会议、搜索会议 - ✅ **会议详情**: 会议信息、时间、地点、参与人数 - ✅ **操作功能**: 分享会议、参与会议 - ✅ **统一设计**: 紫色渐变主题，emoji图标 ### 📋 标准定制模块 (/pages/modules/standard/) - ✅ **标准列表**: 展示标准制定项目 - ✅ **状态管理**: 制定中、审核中、待发布、已发布 - ✅ **分类筛选**: 6个标准分类 - ✅ **标准详情**: 标准名称、描述、制定机构、参与单位 - ✅ **操作功能**: 分享标准、参与制定 - ✅ **统一设计**: 与会议研讨页面完全一致的设计风格 - ✅ **彩色状态标签**: 不同状态使用不同颜色标识 ### 🎓 技术培训模块 (/pages/modules/training/) - ✅ **培训课程**: 展示所有培训项目 - ✅ **课程分类**: 基础培训、进阶培训、专项培训等 - ✅ **培训信息**: 时间、讲师、价格信息 - ✅ **状态管理**: 报名中、进行中、已结束 - ✅ **操作功能**: 分享培训、立即报名 - ✅ **统一设计**: 与其他模块保持一致的UI风格 ### 🔧 工具研发模块 (/pages/modules/tools/) - ✅ **工具列表**: 展示研发工具项目 - ✅ **工具分类**: 测试工具、分析工具、管理工具等 - ✅ **开发状态**: 规划中、开发中、测试中、已发布 - ✅ **工具信息**: 开发团队、预计时间、功能描述 - ✅ **操作功能**: 分享工具、申请参与 - ✅ **统一设计**: 完全重构后的统一界面 ### 💚 公益行动模块 (/pages/modules/welfare/) - ✅ **公益项目**: 展示公益活动和项目 - ✅ **活动分类**: 教育支持、技术援助、社区服务等 - ✅ **项目信息**: 时间、目标、参与人数 - ✅ **状态管理**: 筹备中、进行中、已完成 - ✅ **操作功能**: 分享项目、参与公益 - ✅ **统一设计**: 移除进度条，简化信息展示 ### 📰 新闻动态功能 - ✅ **新闻列表**: 行业资讯和协会动态 - ✅ **新闻详情**: 完整新闻内容展示 - ✅ **分类筛选**: 按新闻类型筛选 - ✅ **收藏功能**: 收藏重要新闻 - ✅ **分享功能**: 分享新闻内容 - ✅ **无图片设计**: 简洁的纯文字展示 ### 📅 会议管理功能 - ✅ **会议列表**: 所有会议的完整列表 - ✅ **会议详情**: 详细的会议信息页面 - ✅ **会议筛选**: 多维度筛选和搜索 - ✅ **状态管理**: 会议状态的完整管理 - ✅ **操作功能**: 报名、分享、收藏 ### 👤 用户中心功能 - ✅ **用户信息**: 个人资料展示 - ✅ **登录系统**: 用户登录功能 - ✅ **个人中心**: 用户个人信息管理 ### 📊 数据分析功能 - ✅ **数据统计**: 用户行为和应用数据分析 - ✅ **图表展示**: 数据可视化展示 - ✅ **实时更新**: 数据实时刷新功能 ## 🎨 设计特色 ### 统一的设计语言 - **主色调**: 紫色渐变系统 (#4f46e5 → #7c3aed → #ec4899 → #f59e0b) - **图标系统**: 使用emoji替代图片，提升性能和一致性 - **卡片设计**: 统一的圆角卡片布局 - **按钮样式**: 一致的操作按钮设计 ### 模块页面统一布局 1. **头部区域**: 渐变背景 + 标题 + 统计数据 2. **快速操作**: 3个横向操作卡片 3. **分类标签**: 6个分类标签（包含"全部"） 4. **主要内容**: 卡片列表 + 筛选功能 5. **操作按钮**: 分享 + 主要操作按钮 ### 无图片设计理念 - 使用emoji替代小图标，减少资源加载 - 简洁的文字布局，提升阅读体验 - 专注内容本身，避免视觉干扰 ## 🛠️ 开发说明 ### 环境要求 - HBuilderX 3.0+ - Node.js 14.0+ - uni-app CLI (可选) ### 安装运行 ```bash # 克隆项目 git clone [项目地址] # 安装依赖 npm install # 运行项目 (在HBuilderX中运行) # 或使用命令行 npm run dev:mp-weixin # 微信小程序 npm run dev:app # App ``` ### 项目配置 - `manifest.json`: 应用配置 - `pages.json`: 页面路由配置 - `uni.scss`: 全局样式变量 ## 📋 当前状态 ### ✅ 已完成功能 - 完整的主页布局和功能 - 5个业务模块的统一设计实现 - 新闻动态系统 - 会议管理系统 - 用户登录系统 - 数据分析功能 - 无图片的简洁设计 ### 🔄 技术特点 - 响应式设计，适配多种屏幕尺寸 - 模块化代码结构，易于维护 - 统一的设计语言和交互规范 - 高性能的emoji图标系统 - 完整的状态管理 ### 📱 支持平台 - 微信小程序 - App (Android/iOS) - H5网页版 ## 📞 技术支持 项目采用uni-app框架开发，支持一套代码发布到多个平台。所有功能模块都已实现基础功能，具备完整的用户交互和数据展示能力。 ## 📄 许可证 [根据实际情况添加许可证信息] --- **最后更新**: 2024年12月 | **版本**: v1.0.0