# 样本接收协议费用按需展示 Implementation Plan

> **For agentic workers:** 单文件小改动，可直接按任务执行。

**Goal:** 样本接收卡片右上角「协议费用」按钮，点击弹窗查看完整费用。

**Architecture:** `SampleReceptionCardList` 标题行右侧按钮 + 单例 `el-dialog` 嵌入 `QcWorkOrderProtocolPaymentPanel`。

**Tech Stack:** Vue 3 + Element Plus（web-admin）

---

### Task 1: 弹窗模式 + 右上角按钮

**Files:**
- Modify: `web-admin/src/views/quality-inspection/sample-reception/SampleReceptionCardList.vue`

- [x] 标题行右上角「协议费用」按钮（`margin-left: auto`）
- [x] 点击打开弹窗，展示完整协议费用面板（`embedded`）
- [x] 移除卡片内联展开/收起逻辑

### Task 2: 手动验收

- [ ] 按钮在卡片右上角
- [ ] 点击弹出费用明细；关闭后卡片无费用区域
- [ ] 科研捐献卡片仍无协议费用入口