fix: 优化部分样式

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>

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 v-if="filter_application_list.length > 0">
-            <div
+            <template v-for="(item, index) in filter_application_list" :key="index">
-              class="workflow-dropdown-item cursor flex p-8-12"
+              <div
-              @click.stop="clickNodes(applicationNode, item, 'application')"
+                class="workflow-dropdown-item cursor flex p-8-12"
-              @mousedown.stop="onmousedown(applicationNode, item, 'application')"
+                @click.stop="clickNodes(applicationNode, item, 'application')"
-            >
+                @mousedown.stop="onmousedown(applicationNode, item, 'application')"
-              <component
+              >
-                :is="iconComponent(`application-node-icon`)"
+                <component
-                class="mr-8 mt-4"
+                  :is="iconComponent(`application-node-icon`)"
-                :size="32"
+                  class="mr-8 mt-4"
-                :item="item"
+                  :size="32"
-              />
+                  :item="item"
-              <div class="pre-wrap" style="width: 60%">
+                />
-                <auto-tooltip :content="item.name" style="width: 80%" class="lighter">
+                <div class="pre-wrap" style="width: 60%">
-                  {{ item.name }}
+                  <auto-tooltip :content="item.name" style="width: 80%" class="lighter">
-                </auto-tooltip>
+                    {{ item.name }}
-                <el-text type="info" size="small" style="width: 80%">{{ item.desc }}</el-text>
+                  </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">
+            </template>
-                <el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px"
+          </div>
-                  >高级编排</el-tag
+          <div v-else class="ml-16 mt-8">
-                >
+            <el-text type="info">没有找到相关结果</el-text>
-                <el-tag class="blue-tag" v-else style="height: 22px">简单配置</el-tag>
+          </div>
-              </div>
-            </div>
-          </template>
         </el-scrollbar>
       </el-tab-pane>
     </el-tabs>

ui/src/views/document/component/StatusTable.vue

@@ -1,7 +1,7 @@
 <template>
-  <el-row :gutter="3" v-for="status in statusTable" :key="status.type">
+  <div v-for="status in statusTable" :key="status.type">
-    <el-col :span="4">{{ taskTypeMap[status.type] }} </el-col>
+    <span> {{ taskTypeMap[status.type] }}：</span>
-    <el-col :span="4">
+    <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>
+    </span>
-    <el-col :span="7">
+    <span
-      <span
+      class="ml-8 lighter"
-        :style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
+      :style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
-      >
+    >
-        完成
+      完成
-        {{
+      {{
-          Object.keys(status.aggs ? status.aggs : {})
+        Object.keys(status.aggs ? status.aggs : {})
-            .filter((k) => k == State.SUCCESS)
+          .filter((k) => k == State.SUCCESS)
-            .map((k) => status.aggs[k])
+          .map((k) => status.aggs[k])
-            .reduce((x: any, y: any) => x + y, 0)
+          .reduce((x: any, y: any) => x + y, 0)
-        }}/{{
+      }}/{{
-          Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
+        Object.values(status.aggs ? status.aggs : {}).reduce((x: any, y: any) => x + y, 0)
-        }}</span
+      }}</span
-      >
+    >
-    </el-col>
+    <el-text type="info" class="ml-4">
-    <el-col :span="9">
       {{
         status.time
           ? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(
@@ -47,8 +46,8 @@
             )
           : undefined
       }}
-    </el-col>
+    </el-text>
-  </el-row>
+  </div>
 </template>
 <script setup lang="ts">
 import { computed } from 'vue'

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"

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>