Merge branch 'main' of http://18.167.251.121:10003/aidlab/FiDA_Front

src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue

@@ -9,8 +9,8 @@
 				size-unit="px"
 			/>
 			<span>{{ currentComponent?.title }}</span>
-			<div class="delete-icon" @click="onDeleteClick" @mousedown.stop>
-				<SvgIcon name="c-delete" size="14" size-unit="px" />
+			<div class="delete-icon" @click="onDeleteClick">
+				<SvgIcon name="flowDelete" size="16" size-unit="px" color="#fff" />
 			</div>
 		</div>
 		<div class="body" @mousedown.stop>
@@ -35,10 +35,13 @@
 	import ColorPalette from './color-palette.vue'
 	import To3View from './to-3view.vue'
 	import To3DModel from './to-3d-model.vue'
+	import { ElMessageBox } from 'element-plus'
+	import { useI18n } from 'vue-i18n'
 
 	// import ToVideo from './to-video.vue'
 	// import AddPrint from './add-print.vue'
 	// import ToCAD from './to-cad.vue'
+	const { t: $t } = useI18n()
 	const components = [
 		{
 			tier: NODE_DATATIER.CARDS_SELECT,
@@ -129,8 +132,18 @@
 		}
 	}
 	//删除功能卡片
-	const onDeleteClick = () => {
-		stateManager.deleteNode(attrs.node.id)
+	const onDeleteClick = ()=>{
+		ElMessageBox.confirm(
+			$t('flowCanvas.deleteCardConfirm'),
+			'',
+			{
+				confirmButtonText: $t('flowCanvas.confirm'),
+				cancelButtonText: $t('flowCanvas.cancel'),
+			}
+		).then(() => {
+			stateManager.deleteNode(attrs.node.id)
+		}).catch(() => {
+		})
 	}
 	onMounted(() => {
 		for (const key in props.data) {