docs: team-report 按钮组接入 agencyOptions 手把手示例 (用户 2026-04-24 反馈仍显英文)

这个提交包含在:
API Changelog Bot 2026-04-24 19:25:10 +08:00
父节点 004d814303
当前提交 e5e1f33efb

查看文件

@ -56,3 +56,51 @@
- `agencyCode` / `businessType` 字段类型与原先一致 (前者 String code, 后者 Integer)
- 保存/提交接口 (`/save``/submit``/cancel``/status`) 无改动
## 🚨 紧急:用户 2026-04-24 截图反馈「旅行社编码按钮组仍显英文 code」,必须接 options
后端已返 (curl `https://api.test.1814.love:9443/admin/team-report/prefill/2047252402389598209` 实测):
```json
"agencyOptions": [
{"code": "bohua-test", "name": "内蒙古博华牛牛测试旅行社有限公司123"},
{"code": "hulai", "name": "内蒙古呼籁国际旅行社有限公司"},
{"code": "qianshou", "name": "内蒙古呼籁山河国际旅行社有限公司"},
{"code": "hulai-wenlu", "name": "内蒙古呼籁文旅投资开发集团有限公司"}
]
```
前端同步 tab「基础信息」→「旅行社编码」按钮组**当前大概率硬编码了**
```js
const AGENCY_CODES = ['hulai', 'qianshou', 'hulai-wenlu']
// 或 <n-radio-button v-for="c in AGENCY_CODES" :value="c">{{ c }}</n-radio-button>
```
请改为 (Vue3 + naive-ui 示例):
```vue
<n-radio-group v-model:value="form.agencyCode">
<n-radio-button
v-for="opt in form.agencyOptions || []"
:key="opt.code"
:value="opt.code"
>
{{ opt.name }}
</n-radio-button>
</n-radio-group>
```
「业务类型」按钮组同样改走 `form.businessTypeOptions`:
```vue
<n-radio-group v-model:value="form.businessType">
<n-radio-button
v-for="opt in form.businessTypeOptions || []"
:key="opt.code"
:value="opt.code"
>
{{ opt.name }}
</n-radio-button>
</n-radio-group>
```
**注意**: `value``code` (提交给后端还是 `qianshou` / `2`), `label` 文本用 `name` 显示中文。这样既保持 12301 上报 contract, 又解决用户反馈的「英文 code 不好看」问题。