Description
# 工业设备售后管理App原型
这是一个基于HTML和Tailwind CSS开发的工业设备售后管理App高保真原型。该原型设计模拟了一个完整的工业设备售后管理系统，包括设备管理、工单处理、零部件管理等核心功能。
## 项目特点
– **高保真UI设计**：采用现代化的UI设计，符合iOS/Android设计规范
– **完整的功能流程**：覆盖了工业设备售后管理的主要业务流程
– **响应式布局**：适配不同尺寸的移动设备
– **基于Web技术**：使用HTML、Tailwind CSS和FontAwesome构建
– **模拟真实App体验**：包含状态栏、导航栏等元素，增强真实感
## 包含页面
1. **登录页面**：用户登录界面，支持账号密码登录和其他登录方式
2. **首页/仪表盘**：主页面，展示工作概览、设备状态和最近工单
3. **设备列表**：所有设备的列表视图，包含设备状态和基本信息
4. **设备详情**：设备的详细信息，包括状态、参数和维修历史
5. **工单列表**：所有工单的列表视图，按时间和状态分组
6. **工单详情**：工单的详细信息，包括状态、维修记录和所需零部件
7. **创建工单**：创建新工单的表单，包括设备选择、故障描述等
8. **零部件管理**：零部件库存管理，包括库存状态和详细信息
9. **技术支持**：技术支持页面，包括远程支持、常见问题和专家咨询
10. **个人资料**：用户个人中心，展示个人信息和工作状态
11. **设置**：应用设置页面，包括账户、通知和应用设置
## 如何使用
1. 克隆或下载本项目
2. 打开`index.html`文件查看所有原型页面
3. 点击各个页面内的链接可以在页面之间进行导航
## 技术栈
– HTML5
– [Tailwind CSS](https://tailwindcss.com/) – 用于快速构建UI
– [Font Awesome](https://fontawesome.com/) – 提供图标支持
## 设计说明
– 原型设计基于iPhone 15 Pro尺寸(390x844px)
– 使用iOS风格的UI元素和交互模式
– 采用蓝色为主色调，搭配绿色、黄色和红色作为功能色
– 使用圆角设计增强视觉友好性
## 开发者说明
这个原型设计可以作为实际App开发的参考，开发者可以基于此原型进行：
– UI/UX设计评审
– 功能流程验证
– 用户体验测试
– 前端开发参考
Reviews
There are no reviews yet.