模型调优-左侧标签数据对接；右侧卡片数据对接。增删改功能实现。

sd

2025-08-01 ea681355a81a62a1caf4edb7bcf6c655af44f865

 src/pages/modelTuning/components/imageCard.vue

@@ -7,31 +7,25 @@
            </div>
            <!-- 图片容器 -->
            <div class="image-container" >
                <!-- <img :src="item.image" class="gallery-image" alt="监控截图" /> -->
                <img src="@/assets/img/样本图.png" class="gallery-image" alt="监控截图" />

                <!-- 标注状态标签 -->
                <!-- <div :class="['tag', getTagClass(item.status)]">
          {{ getStatusText(item.status) }}
        </div> -->
                <img :src="item.imagePath" class="gallery-image" alt="监控截图" />
            </div>

            <!-- 卡片操作按钮 -->
            <div class="card-actions-icon">
                <div class="card-actions">
                    <el-button size="mini" plain :type="item.status === 'correct' ? 'success' : 'info'"
                        @click.stop="changeStatus('correct')">正确</el-button>
                    <el-button size="mini" plain :type="item.status === 'incorrect' ? 'danger' : 'info'"
                        @click.stop="changeStatus('incorrect')">错误</el-button>
                    <el-button size="mini" plain :type="item.status === 'unknown' ? 'warning' : 'info'"
                        @click.stop="changeStatus('unknown')">不确定</el-button>
                    <el-button size="mini" plain :type="item.status === 1 ? 'success' : 'info'"
                        @click.stop="changeStatus(1)">正确</el-button>
                    <el-button size="mini" plain :type="item.status === 2 ? 'danger' : 'info'"
                        @click.stop="changeStatus(2)">错误</el-button>
                    <el-button size="mini" plain :type="item.status === 0 ? 'warning' : 'info'"
                        @click.stop="changeStatus(0)">不确定</el-button>
                </div>
                <img src="@/assets/img/删除标签.png" class="btn-icon" />
                <img src="@/assets/img/删除标签.png" class="btn-icon" @click.stop="deleteDetails()"/>
            </div>
            <!-- 图片信息 -->
            <div class="image-info">
                <div class="image-date">{{ item.date }}</div>
                <div class="image-source">{{ item.camera }}</div>
                <div class="image-date">{{ item.createTime }}</div>
                <div class="image-source">{{ item.cameraName }}</div>
            </div>

            <!-- 详细操作菜单 -->
@@ -87,29 +81,16 @@
        emitSelection() {
            this.$emit('toggle-select');
        },
        // 获取标签类名
        getTagClass(status) {
            return {
                'correct': 'tag-correct',
                'incorrect': 'tag-incorrect',
                'unknown': 'tag-unknown'
            }[status];
        },

        // 获取状态文本
        getStatusText(status) {
            return {
                'correct': '正确',
                'incorrect': '错误',
                'unknown': '不确定'
            }[status];
        },

        // 更改状态
        changeStatus(status) {
            this.$emit('status-change', { id: this.item.id, status });
            this.$emit('status-change', { trainId: this.item.trainId, status });
        },

        // 删除
        deleteDetails() {
            this.$emit('delete-details', this.item);
        },

        // 显示详情
        showDetails() {