From c2fd10576f84f9a8bbbf3912999c537c35cb3ab6 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 24 Jun 2024 18:44:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=89=A7=E8=A1=8C=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ai-chat/ExecutionDetailDialog.vue         | 12 +++++------
 ui/src/workflow/common/CustomLine.vue         | 21 +++++++++++++++++--
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index f8687497b..6b41bdce2 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -4,7 +4,7 @@
       <div class="execution-details">
         <template v-for="(item, index) in arraySort(detail, 'index')" :key="index">
           <el-card class="mb-8" shadow="never" style="--el-card-padding: 12px 16px">
-            <div class="flex-between cursor" @click="current = index">
+            <div class="flex-between cursor" @click="current = current === index ? '' : index">
               <div class="flex align-center">
                 <el-icon class="mr-8 arrow-icon" :class="current === index ? 'rotate-90' : ''"
                   ><CaretRight
@@ -23,17 +23,17 @@
               </div>
             </div>
             <el-collapse-transition>
-              <div v-if="current === index">
+              <div class="mt-12" v-if="current === index">
                 <!-- 开始 -->
                 <template v-if="item.type === WorkflowType.Start">
-                  <div class="card-never border-r-4 mt-8">
+                  <div class="card-never border-r-4">
                     <h5 class="p-8-12">参数输入</h5>
                     <div class="p-8-12 border-t-dashed lighter">{{ item.question }}</div>
                   </div>
                 </template>
                 <!-- 知识库检索 -->
                 <template v-if="item.type == WorkflowType.SearchDataset">
-                  <div class="card-never border-r-4 mt-8">
+                  <div class="card-never border-r-4">
                     <h5 class="p-8-12">检索结果</h5>
                     <div class="p-8-12 border-t-dashed lighter">
                       <template v-for="(paragraph, index) in item.paragraph_list" :key="index">
@@ -85,7 +85,7 @@
                 </template>
                 <!-- 判断器 -->
                 <template v-if="item.type == WorkflowType.Condition">
-                  <div class="card-never border-r-4 mt-8">
+                  <div class="card-never border-r-4">
                     <h5 class="p-8-12">判断结果</h5>
                     <div class="p-8-12 border-t-dashed lighter">
                       {{ item.branch_name }}
@@ -94,7 +94,7 @@
                 </template>
                 <!-- AI 对话 -->
                 <template v-if="item.type == WorkflowType.AiChat">
-                  <div class="card-never border-r-4 mt-8">
+                  <div class="card-never border-r-4">
                     <h5 class="p-8-12">角色设定 (System)</h5>
                     <div class="p-8-12 border-t-dashed lighter">
                       {{ item.branch_name }}
diff --git a/ui/src/workflow/common/CustomLine.vue b/ui/src/workflow/common/CustomLine.vue
index 44e5ae1f0..1c017aa54 100644
--- a/ui/src/workflow/common/CustomLine.vue
+++ b/ui/src/workflow/common/CustomLine.vue
@@ -1,5 +1,22 @@
 <template>
-  <div class="custom-edge">x</div>
+  <div class="custom-edge">
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M12 23.0001C5.925 23.0001 1 18.0751 1 12.0001C1 5.92512 5.925 1.00012 12 1.00012C18.075 1.00012 23 5.92512 23 12.0001C23 18.0751 18.075 23.0001 12 23.0001Z"
+        fill="#3370FF"
+      />
+      <path
+        d="M9.02524 7.61124L12.0002 10.5862L14.9752 7.61124C15.069 7.5175 15.1962 7.46484 15.3287 7.46484C15.4613 7.46484 15.5885 7.5175 15.6822 7.61124L16.3892 8.31824C16.483 8.412 16.5356 8.53915 16.5356 8.67174C16.5356 8.80432 16.483 8.93147 16.3892 9.02524L13.4142 12.0002L16.3892 14.9752C16.483 15.069 16.5356 15.1962 16.5356 15.3287C16.5356 15.4613 16.483 15.5885 16.3892 15.6822L15.6822 16.3892C15.5885 16.483 15.4613 16.5356 15.3287 16.5356C15.1962 16.5356 15.069 16.483 14.9752 16.3892L12.0002 13.4142L9.02524 16.3892C8.93147 16.483 8.80432 16.5356 8.67174 16.5356C8.53916 16.5356 8.412 16.483 8.31824 16.3892L7.61124 15.6822C7.5175 15.5885 7.46484 15.4613 7.46484 15.3287C7.46484 15.1962 7.5175 15.069 7.61124 14.9752L10.5862 12.0002L7.61124 9.02524C7.5175 8.93147 7.46484 8.80432 7.46484 8.67174C7.46484 8.53915 7.5175 8.412 7.61124 8.31824L8.31824 7.61124C8.412 7.5175 8.53916 7.46484 8.67174 7.46484C8.80432 7.46484 8.93147 7.5175 9.02524 7.61124Z"
+        fill="white"
+      />
+    </svg>
+  </div>
 </template>
 
-<style lang="scss"></style>
+<style lang="scss">
+.custom-edge {
+  color: var(--el-color-primary);
+  width: 22px;
+  stroke: none;
+}
+</style>