模型训练-筛选搜索功能实现

sd

2025-08-05 5447c3a4be407b4cea8e92839a1371b94d9d1657

 src/pages/modelTuning/components/rightCardList.vue

@@ -45,7 +45,7 @@
                <!-- 选择时段 -->
                <el-form-item label="选择时段">
                    <el-date-picker style="width: 256px;" v-model="filter.timeRange" type="daterange"
                        value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
                        value-format="yyyy-MM-dd hh:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
                </el-form-item>

                <!-- 分类 -->
@@ -150,15 +150,15 @@
            filter: {
                cameraName: '',
                timeRange: ['', ''],
                category: 'all'
                category: -1
            },

            // 分类选项
            categories: [
                { label: '全部', value: 'all' },
                { label: '正确', value: 'correct' },
                { label: '错误', value: 'incorrect' },
                { label: '不确定', value: 'unknown' }
                { label: '全部', value: -1 },
                { label: '正确', value: 1 },
                { label: '错误', value: 2 },
                { label: '不确定', value: 0 }
            ],

            // 图片数据
@@ -182,12 +182,12 @@
                let formData = new FormData();
                // 2. 添加实际文件内容到FormData
                files.forEach(item => {
                   formData.append('file', item);
                    formData.append('file', item);
                });
                formData.append('tagId', this.trainId);
                formData.append('status', type === 3 ? 0 : type);
                
    //   console.log(formData)

                //   console.log(formData)
                // // 模拟上传请求（实际应调用API）
                let rspc = await uploadDataTrainTags(formData)
                if (rspc && rspc.status === 200) {
@@ -250,6 +250,10 @@
                tagId: this.trainId,
                page: this.currentPage,
                pageSize: this.pageSize,
                startTime: this.filter.timeRange[0]?this.filter.timeRange[0]+" 00:00:00":"",
                endTime: this.filter.timeRange[1]?this.filter.timeRange[1]+" 23:23:59":"",
                searchName: this.filter.cameraName,
                status: this.filter.category
            });
            if (rspc && rspc.status === 200) {
                if (rspc.data.list) {
@@ -331,10 +335,10 @@
        // 处理搜索
        handleSearch() {
            // console.log('执行搜索:', this.filter);
            // console.log('trainId:', this.trainId);
            // console.log('filter:', this.filter.cameraName);
            this.currentPage = 1,    // 当前页码
                // 这里可以添加实际的搜索逻辑
                this.fetchTableData({ tagId: this.trainId })
                this.fetchTableData()
        },

        // 重置筛选条件
@@ -342,7 +346,7 @@
            this.filter = {
                cameraName: '',
                timeRange: ['', ''],
                category: 'all'
                category: -1
            };
            console.log('已重置筛选条件');
        },