[步骤]
新停车-进出记录-手动补录
进行手动补录的进出记录选择了入场道口但是,边端没有同步

[结果]
下拉框显示道口名称,但提交时传道口 ID。
1. 修改入场道口下拉框绑定字段
当前是:
<a-select v-model:value="formData.entryGateName">
<a-select-option
v-for="gate in gateList"
:key="gate.id"
:value="gate.gateName"
>
{{ gate.gateName }}
</a-select-option>
</a-select>
改成:
<a-select v-model:value="formData.entryGateId" placeholder="请选择道口" allowClear :loading="gateLoading">
<a-select-option
v-for="gate in gateList"
:key="gate.id"
:value="gate.id"
>
{{ gate.gateName }}
</a-select-option>
</a-select>
2. 表单字段改成 entryGateId
当前:
const formData = reactive({
lotId: undefined,
plateNo: undefined,
vehicleType: undefined,
entryTime: undefined,
entryGateName: undefined,
entryReason: undefined,
remark: undefined,
});
改成:
const formData = reactive({
lotId: undefined,
plateNo: undefined,
vehicleType: undefined,
entryTime: undefined,
entryGateId: undefined,
entryReason: undefined,
remark: undefined,
});
重置时也改:
formData.entryGateId = undefined;
车场切换时也改:
formData.entryGateId = undefined;
3. 提交参数
提交时保持:
await parkingEntryExitApi.manualEntry({ ...formData });
最终请求体应变成:
{
"communityId": 203,
"lotId": 1023,
"plateNo": "云A00007",
"vehicleType": 3,
"entryTime": "2026-06-05 09:51:36",
"entryGateId": 1001,
"entryReason": 4,
"remark": "一日以后然后他电话"
}
不要再传:
"entryGateName": "东门入口"
4. 同类页面也要改
我看到还有一个旧页面也有同样写法:
src/views/parking/car-inout/car-inout-form.vue
这里也要从:
entryGateName
改成:
entryGateId
下拉框 value 也要用 item.id,不要用 item.name。
5. 修改后的效果
前端选择“东门入口”后:
- 页面上显示:东门入口
- 提交给后端:entryGateId
- 后端保存:entry_gate_id + entry_gate_name
- 云端同步边端:能查到 gateCode
- 边端保存:能落 entry_gate_id
- 岗亭工作台:能按岗亭/通道查到这条手动补录记录对应的账单或在场记录。
[期望]