37 行
1.0 KiB
Markdown
37 行
1.0 KiB
Markdown
# 配车弹窗车型下拉回显为ID，应显示名称
|
||
|
||
**日期**: 2026-03-23
|
||
**页面**: 订单详情 → 配车信息 → 编辑弹窗
|
||
**类型**: 前端 BUG
|
||
|
||
---
|
||
|
||
## 问题
|
||
|
||
配车编辑弹窗打开后，"选择车型"下拉框显示的是车型ID（如 `2028150422439420000`），不是车型名称。
|
||
|
||
## 原因
|
||
|
||
后端 `vehicleInfo.vehicleModel` 存的是**车型名称**（如"小蒙马车"），不是车型ID。
|
||
|
||
当前后端返回的 `vehicleInfo` 格式：
|
||
```json
|
||
{
|
||
"vehicleModel": "小蒙马车",
|
||
"vehicleBrand": "",
|
||
"plateNumber": null,
|
||
"driverName": "4",
|
||
"driverPhone": "44"
|
||
}
|
||
```
|
||
|
||
## 前端修复
|
||
|
||
编辑弹窗回填车型时，应该用 `vehicleInfo.vehicleModel`（名称）去匹配车型列表，找到对应的选项选中。
|
||
|
||
不要直接把 `vehicleModel` 当作ID绑定到 `el-select` 的 `v-model`。
|
||
|
||
两种修法：
|
||
1. 如果下拉框 value 绑的是 ID：打开弹窗时用名称从车型列表中查找对应的 ID，再设给 v-model
|
||
2. 如果下拉框 value 可以改为名称：直接用 `vehicleModel` 名称作为 value
|