From ea681355a81a62a1caf4edb7bcf6c655af44f865 Mon Sep 17 00:00:00 2001 From: sd <shidong@jhsoft.cc> Date: 星期五, 01 八月 2025 14:58:03 +0800 Subject: [PATCH] 模型调优-左侧标签数据对接;右侧卡片数据对接。增删改功能实现。 --- src/pages/modelTuning/components/imageCard.vue | 49 +++++++++++++++---------------------------------- 1 files changed, 15 insertions(+), 34 deletions(-) diff --git a/src/pages/modelTuning/components/imageCard.vue b/src/pages/modelTuning/components/imageCard.vue index 0ea4428..3b6ba68 100644 --- a/src/pages/modelTuning/components/imageCard.vue +++ b/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')">姝g‘</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)">姝g‘</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': '姝g‘', - '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() { -- Gitblit v1.8.0