feat: 目标检测前端优化

src/views/demo/TargetDetection/index.vue

@@ -96,6 +96,8 @@ import {
   startTargetDetectionApi
 } from '@/api/modules/demo/TargetDetection'
 
+import { listDataSeqApi } from '@/api/modules/demo/DataSeq'
+
 import { enumAlgorithmModelTrackApi, getAlgorithmModelTrackApi } from '@/api/modules/demo/AlgorithmModelTrack'
 import { enumAlgorithmConfigTrackApi } from '@/api/modules/demo/AlgorithmConfigTrack'
 import { updateTrackSequenceApi } from '@/api/modules/demo/trackSequence'
@@ -198,6 +200,23 @@ const openDialog = async (type: number, title: string, row?: any) => {
   formDialogRef.value?.openDialog(params)
 }
 
+const getImageDataList = ref<any>([])
+onMounted(async () => {
+  const qyery = {
+    subsystem: SubSystem__['目标检测'],
+    pageNum: 1,
+    pageSize: 25
+  }
+  const result: any = await listDataSeqApi(qyery)
+  const data = result['data']['list']
+  for (const item of data) {
+    getImageDataList.value.push({
+      value: item['inputOssId'],
+      label: item['name']
+    })
+  }
+})
+
 // 表格配置项
 const columns = reactive<ColumnProps<any>[]>([
   { type: 'selection', fixed: 'left', width: 70 },
@@ -315,6 +334,17 @@ const setItemsOptions = () => {
         placeholder: '请输入任务名称'
       }
     },
+    {
+      label: '选择图片集',
+      prop: 'inputOssId',
+      rules: [{ required: false, message: '图片集不能为空', trigger: 'blur' }],
+      compOptions: {
+        elTagName: 'select',
+        placeholder: '请选择或者上传图片集',
+        enum: getImageDataList,
+        clearable: true
+      }
+    },
     {
       label: '上传图片集',
       prop: 'inputOssId',