diff --git a/src/assets/svgs/API.svg b/src/assets/svgs/API.svg
new file mode 100644
index 0000000000000000000000000000000000000000..86b2eb2faba23146e82999b5a74c9a23b63be71e
--- /dev/null
+++ b/src/assets/svgs/API.svg
@@ -0,0 +1,17 @@
+
diff --git a/src/assets/svgs/LLM.svg b/src/assets/svgs/LLM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3a06a0041aec405a364dd83500440c3f8ae54ddf
--- /dev/null
+++ b/src/assets/svgs/LLM.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/assets/svgs/condition.svg b/src/assets/svgs/condition.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fd61c693c07987ef6e0f953e5a95a74093a50951
--- /dev/null
+++ b/src/assets/svgs/condition.svg
@@ -0,0 +1,16 @@
+
diff --git a/src/assets/svgs/flowEndIcon.svg b/src/assets/svgs/flowEndIcon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..43624aee002b78a3cfed3e88ce057f6180dcc42f
--- /dev/null
+++ b/src/assets/svgs/flowEndIcon.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/assets/svgs/flowStartIcon.svg b/src/assets/svgs/flowStartIcon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1b0f42a61a8373999c67fcb2eddf66feca68a8b4
--- /dev/null
+++ b/src/assets/svgs/flowStartIcon.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/assets/svgs/gatherMetrics.svg b/src/assets/svgs/gatherMetrics.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f7e2148f8120e83062d9d5048fcc768447ef5940
--- /dev/null
+++ b/src/assets/svgs/gatherMetrics.svg
@@ -0,0 +1,21 @@
+
diff --git a/src/assets/svgs/getCveDetail.svg b/src/assets/svgs/getCveDetail.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2ccda435603e57a3f8cb6d4b50ccb7d594a4c896
--- /dev/null
+++ b/src/assets/svgs/getCveDetail.svg
@@ -0,0 +1,21 @@
+
diff --git a/src/assets/svgs/knowledgeBase.svg b/src/assets/svgs/knowledgeBase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0fe3efcc203bcc8c441d9154a5a299d0530be110
--- /dev/null
+++ b/src/assets/svgs/knowledgeBase.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/assets/svgs/loop.svg b/src/assets/svgs/loop.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0323f5b644bd37ed37510e962dc362452be7db0b
--- /dev/null
+++ b/src/assets/svgs/loop.svg
@@ -0,0 +1,13 @@
+
diff --git a/src/assets/svgs/query.svg b/src/assets/svgs/query.svg
new file mode 100644
index 0000000000000000000000000000000000000000..69cf6faff3f63bf2cf2c2a7a35d7cc06bcade1c3
--- /dev/null
+++ b/src/assets/svgs/query.svg
@@ -0,0 +1,16 @@
+
diff --git a/src/assets/svgs/taskChoice.svg b/src/assets/svgs/taskChoice.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ebace828de164ed949e86d75dfc9aeed628d5b75
--- /dev/null
+++ b/src/assets/svgs/taskChoice.svg
@@ -0,0 +1,22 @@
+
diff --git a/src/assets/svgs/templateConversion.svg b/src/assets/svgs/templateConversion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ec805f2025b9eea8d63a847996e5d3e4cc0e0369
--- /dev/null
+++ b/src/assets/svgs/templateConversion.svg
@@ -0,0 +1,16 @@
+
diff --git a/src/assets/svgs/userCode.svg b/src/assets/svgs/userCode.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dde8da5bc93842ad493cdd5d07a414b65a242ac7
--- /dev/null
+++ b/src/assets/svgs/userCode.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/assets/svgs/userDatabaseClass.svg b/src/assets/svgs/userDatabaseClass.svg
new file mode 100644
index 0000000000000000000000000000000000000000..626acea120a900aa3ca196eeb0a75d79cf31bc57
--- /dev/null
+++ b/src/assets/svgs/userDatabaseClass.svg
@@ -0,0 +1,17 @@
+
diff --git a/src/assets/svgs/userDocumentClass.svg b/src/assets/svgs/userDocumentClass.svg
new file mode 100644
index 0000000000000000000000000000000000000000..35fe668dd7d75ab7ac0b72ebed31d8acffe1909d
--- /dev/null
+++ b/src/assets/svgs/userDocumentClass.svg
@@ -0,0 +1,17 @@
+
diff --git a/src/views/createapp/components/types.ts b/src/views/createapp/components/types.ts
index 331915297f8a13960c722246574a7b6fae0781bf..5c108a74d626e9a003a4025aee5cceb1cb7c3811 100644
--- a/src/views/createapp/components/types.ts
+++ b/src/views/createapp/components/types.ts
@@ -9,6 +9,24 @@
// See the Mulan PSL v2 for more details.
import type { UserDialoguePanelType, RobotDialoguePanelType } from 'src/components/dialoguePanel/type';
+// 引入图片--系统下相关的图标
+import KENOWLEDGE_BASE from '@/assets/svgs/knowledgeBase.svg';
+import LLM from '@/assets/svgs/LLM.svg';
+import CONDITION from '@/assets/svgs/condition.svg';
+import LOOP from '@/assets/svgs/loop.svg';
+import TEMPLATE_CONVERSION from '@/assets/svgs/templateConversion.svg';
+// 引入图片--Aops-apollo相关图标
+import QUERY from '@/assets/svgs/query.svg';
+import get_CVE_DETAIL from '@/assets/svgs/getCveDetail.svg';
+// 引入图片--Euler-Copilot-tune相关图标
+import GATHER_METRICS from '@/assets/svgs/gatherMetrics.svg';
+// 引入图片--其他相关图标
+import API from '@/assets/svgs/API.svg';
+import TASK_CHOICE from '@/assets/svgs/taskChoice.svg';
+// 引入图片--用户自上传相关图标
+import USER_CODE from '@/assets/svgs/userCode.svg';
+import USER_DATABASE_CLASS from '@/assets/svgs/userDatabaseClass.svg';
+import USER_DOCUMENT_CLASS from '@/assets/svgs/userDatabaseClass.svg';
// 工具类型
export type LinkType = 'redirect' | 'action';
@@ -25,6 +43,30 @@ export const StatusInfoTitle = {
pending: '运行中',
};
+export const nodeTypeToIcon = {
+ // 系统相关图标
+ KENOWLEDGE_BASE,
+ LLM,
+ CONDITION,
+ LOOP,
+
+ // Aops-apollo相关
+ QUERY,
+ get_CVE_DETAIL,
+
+ // Euler-Copilot-tune相关图标
+ GATHER_METRICS,
+
+ // 其他相关图标
+ API,
+ TASK_CHOICE,
+
+ // 用户自上传相关图标
+ USER_CODE,
+ USER_DATABASE_CLASS,
+ USER_DOCUMENT_CLASS,
+}
+
export interface LinkItem {
key: string;
label: string;
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 5f014a0ea82b6b57528f95c077ba601f21e7aaf3..dfa3cb4e945dbeab918047914b121a42551fb249 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -1,6 +1,6 @@