From b572956da6e039abe23d52fabff4954429e3fa53 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 3 Dec 2024 15:45:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ai-chat/ExecutionDetailDialog.vue         |  2 +-
 .../component/DropdownMenu.vue                | 57 ++++++++++---------
 .../views/document/component/StatusTable.vue  | 43 +++++++-------
 ui/src/views/login/index.vue                  |  2 +-
 ui/src/workflow/common/NodeControl.vue        |  6 +-
 5 files changed, 57 insertions(+), 53 deletions(-)

diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index 641d7eca..6cb066bb 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -342,7 +342,7 @@
                   <template v-if="item.type === WorkflowType.FormNode">
                     <div class="card-never border-r-4">
                       <h5 class="p-8-12">
-                        参数输入<span style="color: #f54a45">{{
+                        参数输出<span style="color: #f54a45">{{
                           item.is_submit ? '' : '(用户未提交)'
                         }}</span>
                       </h5>
diff --git a/ui/src/views/application-workflow/component/DropdownMenu.vue b/ui/src/views/application-workflow/component/DropdownMenu.vue
index 5f91072f..2e8cf9bb 100644
--- a/ui/src/views/application-workflow/component/DropdownMenu.vue
+++ b/ui/src/views/application-workflow/component/DropdownMenu.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-show="show" class="workflow-dropdown-menu border border-r-4">
     <el-tabs v-model="activeName" class="workflow-dropdown-tabs">
-      <div style="display: flex; width: 100%; justify-content: center">
+      <div style="display: flex; width: 100%; justify-content: center" class="mb-4">
         <el-input v-model="search_text" style="width: 240px" placeholder="按名称搜索">
           <template #suffix>
             <el-icon class="el-input__icon"><search /></el-icon>
@@ -61,32 +61,37 @@
       </el-tab-pane>
       <el-tab-pane label="应用" name="application">
         <el-scrollbar height="400">
-          <template v-for="(item, index) in filter_application_list" :key="index">
-            <div
-              class="workflow-dropdown-item cursor flex p-8-12"
-              @click.stop="clickNodes(applicationNode, item, 'application')"
-              @mousedown.stop="onmousedown(applicationNode, item, 'application')"
-            >
-              <component
-                :is="iconComponent(`application-node-icon`)"
-                class="mr-8 mt-4"
-                :size="32"
-                :item="item"
-              />
-              <div class="pre-wrap" style="width: 60%">
-                <auto-tooltip :content="item.name" style="width: 80%" class="lighter">
-                  {{ item.name }}
-                </auto-tooltip>
-                <el-text type="info" size="small" style="width: 80%">{{ item.desc }}</el-text>
+          <div v-if="filter_application_list.length > 0">
+            <template v-for="(item, index) in filter_application_list" :key="index">
+              <div
+                class="workflow-dropdown-item cursor flex p-8-12"
+                @click.stop="clickNodes(applicationNode, item, 'application')"
+                @mousedown.stop="onmousedown(applicationNode, item, 'application')"
+              >
+                <component
+                  :is="iconComponent(`application-node-icon`)"
+                  class="mr-8 mt-4"
+                  :size="32"
+                  :item="item"
+                />
+                <div class="pre-wrap" style="width: 60%">
+                  <auto-tooltip :content="item.name" style="width: 80%" class="lighter">
+                    {{ item.name }}
+                  </auto-tooltip>
+                  <el-text type="info" size="small" style="width: 80%">{{ item.desc }}</el-text>
+                </div>
+                <div class="status-tag" style="margin-left: auto">
+                  <el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px"
+                    >高级编排</el-tag
+                  >
+                  <el-tag class="blue-tag" v-else style="height: 22px">简单配置</el-tag>
+                </div>
               </div>
-              <div class="status-tag" style="margin-left: auto">
-                <el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px"
-                  >高级编排</el-tag
-                >
-                <el-tag class="blue-tag" v-else style="height: 22px">简单配置</el-tag>
-              </div>
-            </div>
-          </template>
+            </template>
+          </div>
+          <div v-else class="ml-16 mt-8">
+            <el-text type="info">没有找到相关结果</el-text>
+          </div>
         </el-scrollbar>
       </el-tab-pane>
     </el-tabs>
diff --git a/ui/src/views/document/component/StatusTable.vue b/ui/src/views/document/component/StatusTable.vue
index a96e935b..10e4795d 100644
--- a/ui/src/views/document/component/StatusTable.vue
+++ b/ui/src/views/document/component/StatusTable.vue
@@ -1,7 +1,7 @@
 <template>
-  <el-row :gutter="3" v-for="status in statusTable" :key="status.type">
-    <el-col :span="4">{{ taskTypeMap[status.type] }} </el-col>
-    <el-col :span="4">
+  <div v-for="status in statusTable" :key="status.type">
+    <span> {{ taskTypeMap[status.type] }}：</span>
+    <span>
       <el-text v-if="status.state === State.SUCCESS || status.state === State.REVOKED">
         <el-icon class="success"><SuccessFilled /></el-icon>
         {{ stateMap[status.state](status.type) }}
@@ -22,23 +22,22 @@
         <el-icon class="is-loading primary"><Loading /></el-icon>
         {{ stateMap[status.state](status.type) }}
       </el-text>
-    </el-col>
-    <el-col :span="7">
-      <span
-        :style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
-      >
-        完成
-        {{
-          Object.keys(status.aggs ? status.aggs : {})
-            .filter((k) => k == State.SUCCESS)
-            .map((k) => status.aggs[k])
-            .reduce((x: any, y: any) => x + y, 0)
-        }}/{{
-          Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
-        }}</span
-      >
-    </el-col>
-    <el-col :span="9">
+    </span>
+    <span
+      class="ml-8 lighter"
+      :style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
+    >
+      完成
+      {{
+        Object.keys(status.aggs ? status.aggs : {})
+          .filter((k) => k == State.SUCCESS)
+          .map((k) => status.aggs[k])
+          .reduce((x: any, y: any) => x + y, 0)
+      }}/{{
+        Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
+      }}</span
+    >
+    <el-text type="info" class="ml-4">
       {{
         status.time
           ? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(
@@ -47,8 +46,8 @@
             )
           : undefined
       }}
-    </el-col>
-  </el-row>
+    </el-text>
+  </div>
 </template>
 <script setup lang="ts">
 import { computed } from 'vue'
diff --git a/ui/src/views/login/index.vue b/ui/src/views/login/index.vue
index 13018061..bf1104d9 100644
--- a/ui/src/views/login/index.vue
+++ b/ui/src/views/login/index.vue
@@ -67,7 +67,7 @@
             class="login-button-circle color-secondary"
             @click="changeMode(item)"
           >
-            <span style="font-size: 10px">{{ item }}</span>
+            <span :style="{ 'font-size': item === 'OAUTH2' ? '8px' : '10px' }">{{ item }}</span>
           </el-button>
           <el-button
             v-if="item === 'QR_CODE' && loginMode !== item"
diff --git a/ui/src/workflow/common/NodeControl.vue b/ui/src/workflow/common/NodeControl.vue
index 258543b1..291964c5 100644
--- a/ui/src/workflow/common/NodeControl.vue
+++ b/ui/src/workflow/common/NodeControl.vue
@@ -12,17 +12,17 @@
     <el-divider direction="vertical" />
     <el-button link @click="retract">
       <el-tooltip class="box-item" effect="dark" content="收起全部节点" placement="top">
-        <AppIcon iconName="app-retract" title="收起全部节点"></AppIcon>
+        <AppIcon style="font-size: 16px" iconName="app-retract" title="收起全部节点"></AppIcon>
       </el-tooltip>
     </el-button>
     <el-button link @click="extend">
       <el-tooltip class="box-item" effect="dark" content="展开全部节点" placement="top">
-        <AppIcon iconName="app-extend" title="展开全部节点"></AppIcon>
+        <AppIcon style="font-size: 16px" iconName="app-extend" title="展开全部节点"></AppIcon>
       </el-tooltip>
     </el-button>
     <el-button link @click="layout">
       <el-tooltip class="box-item" effect="dark" content="一键美化" placement="top">
-        <AppIcon iconName="app-beautify" title="一键美化"></AppIcon>
+        <AppIcon style="font-size: 16px" iconName="app-beautify" title="一键美化"></AppIcon>
       </el-tooltip>
     </el-button>
   </el-card>