Fresh Mint · 车辆 / 驾押人员照片字段

覆盖四个列表页:三方车辆、山峡自有车辆、三方驾押人员、山峡驾押人员。 车辆与人员各增加一个照片字段,默认只存 1 张图片(MinIO URL)。 请点击下方方案卡片选择偏好,便于后续落地实现。

1. 覆盖范围 两表四页

底层两张表各加一字段;四个页面共用同一套上传控件(AttachmentUploadField,limit=1,accept=image/*)。

三方车辆
表 pl_vehicle
字段建议 photo_urls
山峡自有车辆
同表 pl_vehicle
车辆照片
三方驾押人员
表 pl_personnel
字段建议 photo_urls
山峡驾押人员
同表 pl_personnel
人员照片
存储约定:与现有附件一致,库字段存逗号分隔 URL;前端 limit=1,实际默认只保留一张。上传 folder 建议: pl/vehicle-photo / pl/personnel-photo。

2. 列表展示形态 请点选

照片列放在主标识列(车牌号 / 姓名)附近。请选择更偏好的列表展示方式。

方案 A · 方形缩略图(推荐)

48×48,object-fit: cover,无图显示「未上传」

三方车辆

+ 新增车辆 编辑
照片 车牌号 状态 承运商
车辆照片 皖H12345 / 皖H12346 可用 承运商1
未上传 皖P09872 / 皖S90921 可用 隆鑫运输

方案 B · 附件卡片紧凑态

对齐证书附件列样式,略扁的预览卡

山峡驾押人员

+ 新增人员 编辑
照片 姓名 类型 状态
人员照片 王驾驶 驾驶员 在职
— 李押运 押运员 在职

3. 新增 / 编辑弹窗

沿用协议附件卡片化布局:上传触发卡片 140×96,虚线边框;limit=1,仅图片;与业务字段同表单。

新增自有车辆
请输入车牌号
请输入挂车号
请选择承运商
如 32
+
上传附件
仅支持图片,最多 1 张;上传后立即保存到对象存储。

照片非必填(推荐)

可先建档后补图,与当前证书附件策略一致

照片必填

新增/编辑提交时校验必须有 1 张图

4. 查看弹窗中的照片

只读预览:左侧大图,右侧基础信息;无图时显示占位。

人员照片
姓名
王驾驶
手机号
13089012212
人员类型
驾驶员
归属
山峡驾押人员
状态
在职
当前选择:列表 方案 A · 方形缩略图 · 校验 非必填
文件:docs/fresh-mint-pl-vehicle-personnel-photo-demo.html