功能:告警列表摄像头搜索改为下拉选择+输入搜索
- 新增 getCameraOptions API(从 WVP 获取摄像头列表) - 搜索框改为 ApiSelect 组件,支持下拉选择和输入前缀匹配 - 选中后用 cameraCode 查询后端
This commit is contained in:
@@ -33,10 +33,21 @@ export function useGridFormSchema(): VbenFormSchema[] {
|
||||
{
|
||||
fieldName: 'cameraId',
|
||||
label: '摄像头',
|
||||
component: 'Input',
|
||||
component: 'ApiSelect',
|
||||
componentProps: {
|
||||
placeholder: '请输入摄像头ID',
|
||||
api: async () => {
|
||||
const { getCameraOptions } = await import('#/api/aiot/device');
|
||||
const list = await getCameraOptions();
|
||||
return list.map((item: { cameraCode: string; cameraName: string }) => ({
|
||||
label: item.cameraName,
|
||||
value: item.cameraCode,
|
||||
}));
|
||||
},
|
||||
placeholder: '请选择摄像头',
|
||||
allowClear: true,
|
||||
showSearch: true,
|
||||
filterOption: (input: string, option: { label: string }) =>
|
||||
option.label.toLowerCase().includes(input.toLowerCase()),
|
||||
},
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user