docs: team-report 按钮组接入 agencyOptions 手把手示例 (用户 2026-04-24 反馈仍显英文)
这个提交包含在:
父节点
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 不好看」问题。
|
||||
|
||||
正在加载...
x
在新工单中引用
屏蔽一个用户