# 收纳管理

**Repository Path**: bellable/organization--storage

## Basic Information

- **Project Name**: 收纳管理
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-22
- **Last Updated**: 2026-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 收纳管理系统

基于 Vue 3 + Element Plus + Vite 的静态前端项目，采用极简主义 UI 设计。

## 技术栈

- Vue 3（Composition API + `<script setup>`）
- Element Plus
- Vue Router 4
- Vite
- TailwindCSS + SCSS

## 快速开始

```bash
npm install
npm run dev
```

## 项目结构

```
src/
├── api/              # RESTful API 服务层（当前为假数据，对接后端时修改此处）
│   ├── index.js      # 统一导出
│   ├── items.js      # 物品 CRUD 接口
│   └── categories.js # 分类接口
├── components/       # 公共组件
├── router/           # 路由配置
├── styles/           # 全局样式
└── views/            # 页面视图
    ├── Home.vue          # 首页（搜索 + 快捷入口）
    ├── ItemList.vue      # 分类列表页
    ├── ItemDetail.vue    # 物品详情页
    ├── ItemForm.vue      # 添加/编辑页
    └── Scan.vue          # 扫码模拟页
```

## API 对接说明

所有接口定义在 `src/api/` 目录。当前使用内存假数据 + `Promise.resolve()` 模拟异步请求。
对接真实后端时，只需修改 `src/api/` 中的实现，将 `Promise.resolve()` 替换为 `fetch` 或 `axios` 调用即可，页面层无需改动。