# Batch 4: ERP 采购入库单审批集成 - 前端修改文档

## 概述

本批次为 ERP 采购入库单模块集成 BPM 流程审批功能。采购入库单审批通过后会自动增加库存。

## 涉及页面

- 修改页面：采购入库管理页面（新增提交审批、审批状态展示）

---

## API

| 方法 | 路径 | 说明 |
|------|------|------|
| POST | /erp/purchase-in/submit | 提交采购入库审批 |

**请求参数：**

| 参数 | 类型 | 必填 | 说明 |
|------|------|------|------|
| id | Long | 是 | 采购入库单编号 |

**响应：**

```json
{
  "code": 0,
  "data": true,
  "msg": "操作成功"
}
```

---

## 前端修改点

### 1. 采购入库列表页面修改

**文件路径：** `src/views/erp/purchase/in/index.vue`

#### 1.1 新增提交审批按钮

```vue
<el-button
  link
  type="primary"
  @click="handleSubmit(scope.row.id)"
  v-hasPermi="['erp:purchase-in:update']"
  v-if="scope.row.status === 0"
>
  提交审批
</el-button>
```

#### 1.2 新增提交审批方法

```typescript
/** 提交审批 */
const handleSubmit = async (id: number) => {
  try {
    await message.confirm('确认提交该采购入库单进行审批？审批通过后将增加库存')
    await PurchaseInApi.submitPurchaseIn(id)
    message.success('提交成功')
    await getList()
  } catch {}
}
```

### 2. API 接口文件修改

**文件路径：** `src/api/erp/purchase/in/index.ts`

```typescript
// 提交采购入库审批
export const submitPurchaseIn = async (id: number) => {
  return await request.post({ url: '/erp/purchase-in/submit?id=' + id })
}
```

---

## 注意事项

1. 采购入库单审批通过后会自动增加库存
2. 审批不通过或取消不会变更库存
3. BPM 流程 Key：`erp-purchase-in-audit`

---

**文档版本**: v1.0
**创建日期**: 2026-06-26