diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 68fce22..f479d8b 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -70,3 +70,12 @@ body,
.relative {
position: relative;
}
+.el-overlay {
+ --el-color-primary: #ff7a51;
+ --el-color-primary-light-3: #ffa785;
+ --el-color-primary-light-5: #ffc2aa;
+ --el-color-primary-light-7: #ffddcf;
+ --el-color-primary-light-8: #ffe8df;
+ --el-color-primary-light-9: #fff2ec;
+ --el-color-primary-dark-2: #cc6241;
+}
diff --git a/src/assets/css/style.less b/src/assets/css/style.less
index af9a014..22d4fcd 100644
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -85,4 +85,14 @@ body,
.relative {
position: relative;
+}
+
+.el-overlay {
+ --el-color-primary: #ff7a51; // 主橙红色
+ --el-color-primary-light-3: #ffa785; // 较浅的橙红（混合20%白）
+ --el-color-primary-light-5: #ffc2aa; // 更浅的橙红（混合33%白）
+ --el-color-primary-light-7: #ffddcf; // 浅橙红（混合47%白）
+ --el-color-primary-light-8: #ffe8df; // 很浅的橙红（混合53%白）
+ --el-color-primary-light-9: #fff2ec; // 极浅的橙红（混合60%白）
+ --el-color-primary-dark-2: #cc6241; // 深橙红（加深20%）
}
\ No newline at end of file
diff --git a/src/assets/icons/flowDelete.svg b/src/assets/icons/flowDelete.svg
new file mode 100644
index 0000000..1192132
--- /dev/null
+++ b/src/assets/icons/flowDelete.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue b/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
index 78a83b9..85f93e7 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
@@ -9,8 +9,8 @@
size-unit="px"
/>
{{ currentComponent?.title }}
-
@@ -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) {
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 29d92d1..21553ed 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -177,5 +177,10 @@ export default {
restore: 'Restore',
delete: 'Delete',
edit: 'Edit'
+ },
+ flowCanvas: {
+ deleteCardConfirm: 'Are you sure you want to delete this function card?',
+ confirm: 'Confirm',
+ cancel: 'Cancel',
}
}
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index b4e38a4..2983c69 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -172,5 +172,10 @@ export default {
restore: '恢复',
delete: '删除',
edit: '编辑'
+ },
+ flowCanvas: {
+ deleteCardConfirm: '确定要删除该功能卡片吗？',
+ confirm: '确认',
+ cancel: '取消',
}
}