From 72b025d6b43271ae88541ea23c92070b3b2acc96 Mon Sep 17 00:00:00 2001
From: sd <shidong@jhsoft.cc>
Date: 星期二, 05 八月 2025 16:15:44 +0800
Subject: [PATCH] 模型训练-批量批注、批量删除以及批量导入功能实现
---
src/pages/modelTuning/components/imageCard.vue | 39 ++++++++++++++++++++++++++++-----------
1 files changed, 28 insertions(+), 11 deletions(-)
diff --git a/src/pages/modelTuning/components/imageCard.vue b/src/pages/modelTuning/components/imageCard.vue
index 5d7f900..fafcde0 100644
--- a/src/pages/modelTuning/components/imageCard.vue
+++ b/src/pages/modelTuning/components/imageCard.vue
@@ -2,13 +2,14 @@
<el-col :xs="24" :sm="12" :md="8" :lg="6" class="image-card-container">
<div class="image-card" :class="{ 'batch-selected': isBatchMode && selected }" @click="handleCardClick">
<!-- 澶氶�夋 (浠呭湪鎵归噺妯″紡涓嬫樉绀�) -->
- <div class="checkbox-wrapper" v-if="isBatchMode">
- <el-checkbox v-model="localSelected" @click.stop @change="emitSelection" />
- </div>
+ <!-- <div class="checkbox-wrapper" v-if="isBatchMode">
+ </div> -->
+ <el-checkbox class="checkbox-wrapper" v-if="isBatchMode" v-model="localSelected" @click.stop
+ @change="emitSelection" />
<!-- 鍥剧墖瀹瑰櫒 -->
<div class="image-container">
<!-- <img :src="item.imagePath" class="gallery-image" alt="鐩戞帶鎴浘" /> -->
- <el-image :src="item.imagePath" class="gallery-image" fit="scale-down"/>
+ <el-image :src="item.imagePath" class="gallery-image" fit="scale-down" />
</div>
<!-- 鍗＄墖鎿嶄綔鎸夐挳 -->
@@ -65,8 +66,18 @@
}
},
watch: {
- selected(newVal) {
- this.localSelected = newVal;
+ selected: {
+ immediate: true,
+ handler(newVal) {
+ this.localSelected = newVal;
+ }
+ },
+ // 娣诲姞瀵筰tem.selected鐨勬繁搴︾洃鍚�
+ 'item.selected': {
+ immediate: true,
+ handler(newVal) {
+ this.localSelected = newVal;
+ }
}
},
methods: {
@@ -82,19 +93,21 @@
handleCardClick() {
// 鎵归噺妯″紡涓嬬偣鍑诲崱鐗囪Е鍙戦�夋嫨
if (this.isBatchMode) {
- this.localSelected = !this.localSelected;
- this.emitSelection();
} else {
this.$emit('card-click', this.item);
}
},
emitSelection() {
+ // console.info(this.selected)
+ this.localSelected = !this.localSelected;
this.$emit('toggle-select');
},
// 鏇存敼鐘舵��
changeStatus(status) {
- this.$emit('status-change', { trainId: this.item.trainId, status });
+ if (!this.isBatchMode) {
+ this.$emit('status-change', { trainId: this.item.trainId, status });
+ }
},
// 鍒犻櫎
@@ -248,10 +261,14 @@
}
.checkbox-wrapper {
+ width: 18px;
+ /* height: 18px; */
color: #FFFFFF;
position: absolute;
- top: 10px;
- left: 20px;
+ /* top: 10px;
+ left: 20px; */
+ margin-top: 10px;
+ margin-left: 10px;
z-index: 10;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0