From fcab8585c5e19e4a6e30e23b3bb847bc80091eaf Mon Sep 17 00:00:00 2001
From: libertyspy <libertyspy@qq.com>
Date: Mon, 9 Feb 2026 14:53:05 +0800
Subject: [PATCH] UPDATE: fk

---
 modeler/src/views/decision/builder/element.ts |   1 +
 modeler/src/views/decision/builder/node.vue   | 167 ++++++++++--------
 modeler/src/views/decision/types/template.ts  |   2 +-
 modeler/src/views/decision/utils/node.ts      |   1 +
 4 files changed, 92 insertions(+), 79 deletions(-)

diff --git a/modeler/src/views/decision/builder/element.ts b/modeler/src/views/decision/builder/element.ts
index ad1843f..8cc0055 100644
--- a/modeler/src/views/decision/builder/element.ts
+++ b/modeler/src/views/decision/builder/element.ts
@@ -71,6 +71,7 @@ export interface BaseElement {
 
 export interface GraphTaskElement extends BaseElement {
   template: number;
+  templateType: NullableString,
   inputs: any;
   outputs: any;
   variables: ElementVariable[];
diff --git a/modeler/src/views/decision/builder/node.vue b/modeler/src/views/decision/builder/node.vue
index af672d6..d15762a 100644
--- a/modeler/src/views/decision/builder/node.vue
+++ b/modeler/src/views/decision/builder/node.vue
@@ -15,7 +15,6 @@
         </a-space>
       </template>
 
-      <!-- 节点内容区域 -->
       <div class="w-full">
         <a-tooltip>
           <template #title>
@@ -127,23 +126,34 @@ export default defineComponent({
 
 <style lang="less">
 .ks-designer-node {
-  background: linear-gradient(150deg, #093866 1%, #1f69b3 55%);
-  border: 0;
+  background: linear-gradient(150deg, rgba(108, 99, 255) 1%, rgba(108, 99, 255) 100%);
   border-radius: 8px;
   width: 100%;
   height: 100%;
   cursor: pointer;
   position: relative;
+  background: #1e2533;
+  border: 1px solid #4a7aff;
+
+  &:hover {
+    border: 1px solid #4a7aff;
+    box-shadow: 0 0 10px rgba(74, 122, 255, 0.3);
+  }
 
   .ant-card-head {
     border: 0;
     height: 38px;
     min-height: 38px;
     border-radius: 0;
-    color: #ddd;
+    color: #fff;
     font-size: 12px;
     font-weight: normal;
     padding: 0 20px;
+    background: linear-gradient(to bottom, #3a4c70, #2d3a56);
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    background: linear-gradient(to bottom, rgba(108, 99, 255, 0.15), rgba(108, 99, 255, 0.05));
+    //background: linear-gradient(to bottom, rgb(234 234 234 / 20%), rgb(191 191 191 / 58%));
   }
 
   .ks-designer-node-icon {
@@ -158,115 +168,118 @@ export default defineComponent({
 
   .ks-designer-node-title {
     font-size: 13px;
+    color: #fff;
   }
 
   .ant-card-body {
-    color: #fff;
+    color: #f5f5f5;
     height: calc(100% - 38px);
     border-radius: 0;
     font-size: 12px;
     padding: 8px 15px;
-    border-top: 1px solid #195693;
+    border-top: 1px solid rgba(108, 99, 255, 0.5);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    box-shadow: 0 0 10px rgba(74, 122, 255, 0.3);
   }
 
-  &.ks-designer-model-node,
-  &.ks-designer-task-node {
-    background: linear-gradient(150deg, #20421b 1%, #4a6646 55%);
-
-    .ant-card-body {
-      border-top: 1px solid #466741;
-    }
-
-    .ks-designer-node-icon {
-      background: url('@/assets/icons/m-02.png') center / 100% 100%;
-    }
-  }
-
-  &.ks-designer-input-node {
-    background: linear-gradient(150deg, #083058 1%, #1e5d9b 55%);
-
-    .ant-card-body {
-      border-top: 1px solid #105ca7;
-    }
-
-    .ks-designer-node-icon {
-      background: url('@/assets/icons/icon-model-input.png') center / 100% 100%;
-    }
-  }
-
-  &.ks-designer-action-node {
-    background: linear-gradient(150deg, #343207 1%, #485010 55%);
-
-    .ant-card-body {
-      border-top: 1px solid #59550e;
-    }
-
-    .ks-designer-node-icon {
-      background: url('@/assets/icons/bg-fk-point.png') center / 100% 100%;
-    }
-  }
-
-  &.ks-designer-precondition-node,
-  &.ks-designer-component-node {
-    background: linear-gradient(150deg, #06226b 1%, #1a43a7 55%);
-
-    .ant-card-body {
-      border-top: 1px solid #26448c;
-    }
-  }
-
-  &.ks-designer-select-node,
-  &.ks-designer-control-node {
-    background: linear-gradient(150deg, #1d4f32 1%, #326a5d 55%);
-
-    .ant-card-body {
-      border-top: 1px solid #326a5d;
-    }
-
-    .ks-designer-node-icon {
-      background: url('@/assets/icons/bg-model-builder-card-title.png') center / 100% 100%;
-    }
-  }
+  // model/task 节点：浅紫渐变
+  //&.ks-designer-model-node,
+  //&.ks-designer-task-node {
+  //  background: linear-gradient(150deg, rgba(92,84,247,0.9) 1%, rgba(115,108,250,0.7) 55%);
+  //
+  //  .ant-card-body {
+  //    border-top: 1px solid rgba(92,84,247,0.5);
+  //  }
+  //
+  //  .ks-designer-node-icon {
+  //    background: url('@/assets/icons/m-02.png') center / 100% 100%;
+  //  }
+  //}
+  //
+  //// input 节点：深紫渐变
+  //&.ks-designer-input-node {
+  //  background: linear-gradient(150deg, rgba(82,73,245,0.9) 1%, rgba(105,98,249,0.7) 55%);
+  //
+  //  .ant-card-body {
+  //    border-top: 1px solid rgba(82,73,245,0.5);
+  //  }
+  //
+  //  .ks-designer-node-icon {
+  //    background: url('@/assets/icons/icon-model-input.png') center / 100% 100%;
+  //  }
+  //}
+  //
+  //// action 节点：亮紫渐变（对应之前的action-node）
+  //&.ks-designer-action-node {
+  //  background: linear-gradient(150deg, rgba(108,99,255,0.9) 1%, rgba(140,133,255,0.7) 55%);
+  //
+  //  .ant-card-body {
+  //    border-top: 1px solid rgba(108,99,255,0.5);
+  //  }
+  //
+  //  .ks-designer-node-icon {
+  //    background: url('@/assets/icons/bg-fk-point.png') center / 100% 100%;
+  //  }
+  //}
+  //
+  //// precondition/component 节点：蓝紫渐变
+  //&.ks-designer-precondition-node,
+  //&.ks-designer-component-node {
+  //  background: linear-gradient(150deg, rgba(72,64,243,0.9) 1%, rgba(95,88,248,0.7) 55%);
+  //
+  //  .ant-card-body {
+  //    border-top: 1px solid rgba(72,64,243,0.5);
+  //  }
+  //}
+  //
+  //// select/control 节点：浅蓝紫渐变
+  //&.ks-designer-select-node,
+  //&.ks-designer-control-node {
+  //  background: linear-gradient(150deg, rgba(90,82,246,0.9) 1%, rgba(118,111,251,0.7) 55%);
+  //
+  //  .ant-card-body {
+  //    border-top: 1px solid rgba(90,82,246,0.5);
+  //  }
+  //
+  //  .ks-designer-node-icon {
+  //    background: url('@/assets/icons/bg-model-builder-card-title.png') center / 100% 100%;
+  //  }
+  //}
 
   // 连接桩容器样式
   .ks-designer-node-content {
     width: 100%;
     display: flex;
     flex-direction: column;
-    gap: 4px; // 每个child行之间的间距
+    gap: 4px;
   }
 
-  // 每个child行（包含左右桩+文本）
   .ks-designer-node-row {
     width: 100%;
     display: flex;
     align-items: center;
     position: relative;
-    min-height: 24px; // 固定行高，保证桩对齐
+    min-height: 24px;
   }
 
-  // 连接桩基础样式
   .port {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     cursor: crosshair;
     flex-shrink: 0;
-    box-shadow: 0 0 0 2px rgb(74 114 214 / 80%);
-    z-index: 10; // 确保桩在最上层
-    // X6 标记为可连线的磁体
+    box-shadow: 0 0 0 2px rgb(108, 99, 255, 0.8);
+    z-index: 10;
     magnet: true;
   }
 
   // 左侧入桩样式
   .port-in {
-    background-color: #093866; // 青色：入桩
-    margin-right: 8px; // 与文本的间距
+    background-color: #6C63FF;
+    margin-right: 8px;
     //border: 1px solid #093866;
-    // X6 只能作为连线目标（入）
     magnet: passive;
     box-shadow: none;
     width: 15px;
@@ -279,11 +292,9 @@ export default defineComponent({
     top: 12px;
   }
 
-  // 右侧出桩样式
   .port-out {
-    margin-left: 8px; // 与文本的间距
+    margin-left: 8px;
     margin-right: 5px;
-    // X6 只能作为连线源（出）
     magnet: active;
     box-shadow: none;
     width: 15px;
@@ -298,7 +309,7 @@ export default defineComponent({
 
   // 节点文本样式
   .ks-designer-node-name {
-    flex: 1; // 占满中间空间
+    flex: 1;
     line-height: 24px;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/modeler/src/views/decision/types/template.ts b/modeler/src/views/decision/types/template.ts
index 297b3cc..d74f480 100644
--- a/modeler/src/views/decision/types/template.ts
+++ b/modeler/src/views/decision/types/template.ts
@@ -16,7 +16,7 @@ export interface NodeTemplate {
   type: NullableString;
   logicHandler: NullableString;
   description: NullableString;
-  templeteType: NullableString;
+  templateType: NullableString;
   englishName: NullableString;
   parameters: ElementParameter[],
 }
diff --git a/modeler/src/views/decision/utils/node.ts b/modeler/src/views/decision/utils/node.ts
index c25b7a0..27f545b 100644
--- a/modeler/src/views/decision/utils/node.ts
+++ b/modeler/src/views/decision/utils/node.ts
@@ -22,6 +22,7 @@ export const createGraphTaskElementFromTemplate = (
     key: generateKey(template.type),
     type: 'task',
     template: template.id,
+    templateType: template.templateType,
     name: template.name,
     category: template.type,
     description: template.description,