Industrial-image-management.../src/views/system-resource/device-management/procurement/README.md

210 lines
6.2 KiB
Markdown
Raw Normal View History

2025-08-05 21:41:13 +08:00
# 设备采购模块
## 功能概述
设备采购模块是一个完整的企业设备采购管理系统,提供设备采购的全生命周期管理,包括采购申请、订单管理、供应商管理、设备入库等功能。
## 主要功能
### 1. 采购记录管理
- **新增采购记录**:支持完整的设备采购信息录入
- **编辑采购记录**:修改已存在的采购记录信息
- **查看采购记录**:查看采购记录的详细信息
- **删除采购记录**:删除不需要的采购记录
### 2. 搜索功能
- **多条件搜索**:支持按设备名称、型号、供应商、状态等条件搜索
- **时间范围搜索**:支持按采购时间、入库时间、启用时间范围搜索
- **价格范围搜索**:支持按价格范围搜索
- **状态搜索**:支持按设备状态、位置状态、健康状态搜索
### 3. 数据展示
- **统计卡片**:显示采购总数、待处理、已完成、采购总额等统计信息
- **表格展示**:分页展示采购记录列表
- **状态标签**:使用不同颜色的标签显示设备状态
- **价格格式化**:自动格式化价格显示
### 4. 数据导出
- **Excel导出**支持将采购记录导出为Excel文件
- **筛选导出**:支持按搜索条件导出数据
## 技术架构
### 前端技术栈
- **Vue 3**使用Composition API
- **TypeScript**:提供类型安全
- **Arco Design Vue**UI组件库
- **Vite**:构建工具
### 后端技术栈
- **Spring Boot**:后端框架
- **MyBatis Plus**ORM框架
- **MySQL**:数据库
- **Swagger**API文档
### 数据模型
- **EquipmentEntity**:设备实体类
- **EquipmentReq**:设备请求类
- **EquipmentResp**:设备响应类
- **EquipmentListReq**:设备列表查询请求类
## 文件结构
```
procurement/
├── index.vue # 主页面
├── components/
│ ├── ProcurementSearch.vue # 搜索组件
│ └── ProcurementModal.vue # 弹窗组件
├── test.vue # 测试页面
└── README.md # 说明文档
```
## API接口
### 1. 分页查询
- **接口**`GET /equipment/procurement/page`
- **参数**EquipmentListReq
- **返回**PageResult<EquipmentResp>
### 2. 新增采购
- **接口**`POST /equipment/procurement`
- **参数**EquipmentReq
- **返回**Result<null>
### 3. 更新采购
- **接口**`PUT /equipment/procurement/{equipmentId}`
- **参数**EquipmentReq
- **返回**Result<null>
### 4. 删除采购
- **接口**`DELETE /equipment/procurement/{equipmentId}`
- **参数**equipmentId
- **返回**Result<null>
### 5. 获取详情
- **接口**`GET /equipment/procurement/detail/{equipmentId}`
- **参数**equipmentId
- **返回**Result<EquipmentResp>
### 6. 导出数据
- **接口**`GET /equipment/procurement/export`
- **参数**EquipmentListReq
- **返回**Blob
## 使用说明
### 1. 访问页面
在浏览器中访问设备采购模块页面。
### 2. 查看数据
页面会自动加载采购记录列表,显示统计信息和数据表格。
### 3. 搜索数据
点击"搜索采购"按钮,在弹出的搜索弹窗中输入搜索条件,点击"搜索"按钮。
### 4. 新增记录
点击"新增采购"按钮,在弹出的表单中填写设备采购信息,点击"确定"按钮。
### 5. 编辑记录
在表格中点击"编辑"按钮,在弹出的表单中修改信息,点击"确定"按钮。
### 6. 删除记录
在表格中点击"删除"按钮,确认删除操作。
### 7. 导出数据
点击"导出"按钮选择保存位置下载Excel文件。
## 字段说明
### 基本信息
- **设备名称**:设备的名称
- **设备类型**:设备的分类(检测设备、安防设备、办公设备、车辆等)
- **设备型号**:设备的具体型号
- **序列号**:设备的唯一序列号
- **品牌**:设备的品牌
- **资产编号**:设备的资产编号
- **配置规格**:设备的配置规格和参数
### 采购信息
- **采购订单**:采购订单号
- **供应商**:供应商名称
- **数量**:采购数量
- **单价**:设备单价
- **总价**:设备总价
- **采购价格**:采购价格
- **当前净值**:设备的当前净值
- **采购时间**:采购时间
- **入库时间**:入库时间
- **启用时间**:启用时间
- **预计报废时间**:预计报废时间
- **折旧方法**:折旧方法(直线折旧、余额递减、年数总和)
- **折旧年限**:折旧年限
- **残值**:设备残值
- **保修截止日期**:保修截止日期
### 状态信息
- **设备状态**:设备状态(正常、维修中、已报废、闲置、丢失)
- **使用状态**:使用状态(空闲中、使用中)
- **位置状态**:位置状态(库存中、使用中、维修中、已报废、外借中、丢失、闲置)
- **健康状态**:健康状态(优秀、良好、一般、较差、危险)
- **负责人**:设备负责人
- **维护人员**:维护人员
- **物理位置**:设备的物理位置
- **库存条码**:库存条码
- **上次维护日期**:上次维护日期
- **下次维护日期**:下次维护日期
### 其他信息
- **次户号**:次户号
- **盘点依据**:盘点依据
- **动态记录**:动态记录信息
- **资产备注**:资产备注信息
## 注意事项
1. **数据验证**:所有必填字段都需要填写,系统会进行数据验证
2. **权限控制**:不同用户可能有不同的操作权限
3. **数据安全**:敏感数据会进行加密处理
4. **性能优化**:大量数据时会进行分页处理
5. **错误处理**:系统会显示友好的错误提示
## 开发说明
### 1. 开发环境
- Node.js 16+
- Vue 3.3+
- TypeScript 5.0+
### 2. 安装依赖
```bash
npm install
```
### 3. 启动开发服务器
```bash
npm run dev
```
### 4. 构建生产版本
```bash
npm run build
```
### 5. 代码规范
- 使用ESLint进行代码检查
- 使用Prettier进行代码格式化
- 遵循Vue 3 Composition API最佳实践
## 更新日志
### v1.0.0 (2025-01-XX)
- 初始版本发布
- 实现基本的CRUD功能
- 实现搜索和导出功能
- 实现统计信息展示
- 实现响应式设计
## 联系方式
如有问题或建议,请联系开发团队。