fix: exercution detail

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/answer-content/index.vue

@@ -43,7 +43,8 @@
           <KnowledgeSourceComponent
             :data="chatRecord"
             :application="application"
-            :type="application.type"
+            :type="type"
+            :appType="application.type"
             :executionIsRightPanel="props.executionIsRightPanel"
             @open-execution-detail="emit('openExecutionDetail')"
             @openParagraph="emit('openParagraph')"

ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue

@@ -1,7 +1,7 @@
 <template>
   <el-scrollbar>
     <div class="execution-details p-8">
-      <template v-if="isWorkFlow(props.type)" v-for="(item, index) in arraySort(props.detail ?? [], 'index')"
+      <template v-if="isWorkFlow(props.appType)" v-for="(item, index) in arraySort(props.detail ?? [], 'index')"
         :key="index">
         <el-card class="mb-8" shadow="never" style="--el-card-padding: 12px 16px">
           <div class="flex-between cursor" @click="item['show'] = !item['show']">
@@ -633,7 +633,7 @@ import { isWorkFlow } from '@/utils/application'
 
 const props = defineProps<{
   detail?: any[]
-  type?: string
+  appType?: string
 }>()
 
 console.log(props)

ui/src/components/ai-chat/component/knowledge-source-component/index.vue

@@ -2,7 +2,7 @@
   <div class="chat-knowledge-source">
     <div
       class="flex align-center mt-16"
-      v-if="type === 'log' || type === 'debug-ai-chat' ? true : application.show_source"
+      v-if="(type === 'log' || type === 'debug-ai-chat') ? true : application.show_source"
     >
       <span class="mr-4 color-secondary">{{ $t('chat.KnowledgeSource.title') }}</span>
       <el-divider direction="vertical" />
@@ -12,9 +12,10 @@
         {{ data.paragraph_list?.length || 0 }}</el-button
       >
     </div>
+
     <div
       class="mt-8"
-      v-if="type === 'log' || type === 'debug-ai-chat' ? true : application.show_source"
+      v-if="(type === 'log' || type === 'debug-ai-chat') ? true : application.show_source"
     >
       <el-row :gutter="8" v-if="uniqueParagraphList?.length">
         <template v-for="(item, index) in uniqueParagraphList" :key="index">
@@ -50,7 +51,7 @@
     </div>
 
     <div
-      v-if="type === 'log' || type === 'debug-ai-chat' ? true : application.show_exec"
+      v-if="(type === 'log' || type === 'debug-ai-chat') ? true : application.show_exec"
       class="execution-details border-t color-secondary flex-between mt-12"
       style="padding-top: 12px; padding-bottom: 8px"
     >
@@ -102,7 +103,7 @@
         </div>
       </template>
       <div class="mb-8">
-        <component :is="currentComponent" :detail="currentChatDetail" :type="type"></component>
+        <component :is="currentComponent" :detail="currentChatDetail" :appType="appType"></component>
       </div>
     </el-dialog>
   </div>
@@ -125,6 +126,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  appType: {
+    type: String,
+    default: '',
+  },
   executionIsRightPanel: {
     type: Boolean,
     required: false,

ui/src/components/folder-tree/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="folder-tree">
     <el-input
-      v-model.trim="filterText"
+      v-model="filterText"
       :placeholder="$t('common.search')"
       prefix-icon="Search"
       clearable

ui/src/views/chat-user/index.vue

@@ -124,7 +124,6 @@
             <el-table-column
               prop="nick_name"
               :label="$t('views.userManage.userForm.nick_name.label')"
-              show-overflow-tooltip
             />
             <el-table-column prop="username" :label="$t('views.login.loginForm.username.label')" />
             <el-table-column prop="source" :label="$t('views.userManage.source.label')">
@@ -133,14 +132,14 @@
                   row.source === 'LOCAL'
                     ? $t('views.userManage.source.local')
                     : row.source === 'wecom'
-                    ? $t('views.userManage.source.wecom')
-                    : row.source === 'lark'
-                    ? $t('views.userManage.source.lark')
-                    : row.source === 'dingtalk'
-                    ? $t('views.userManage.source.dingtalk')
-                    : row.source === 'OAUTH2' || row.source === 'OAuth2'
-                    ? 'OAuth2'
-                    : row.source
+                      ? $t('views.userManage.source.wecom')
+                      : row.source === 'lark'
+                        ? $t('views.userManage.source.lark')
+                        : row.source === 'dingtalk'
+                          ? $t('views.userManage.source.dingtalk')
+                          : row.source === 'OAUTH2' || row.source === 'OAuth2'
+                            ? 'OAuth2'
+                            : row.source
                 }}
               </template>
             </el-table-column>
@@ -347,23 +346,24 @@ function handleSizeChange() {
   getList()
 }
 
-watch(() => current.value?.id, () => {
-  paginationConfig.current_page = 1
-  getList()
-})
+watch(
+  () => current.value?.id,
+  () => {
+    paginationConfig.current_page = 1
+    getList()
+  },
+)
 
-const allChecked = computed(() =>
-  tableData.value.length > 0 &&
-  tableData.value.every(item => checkedMap[item.id])
+const allChecked = computed(
+  () => tableData.value.length > 0 && tableData.value.every((item) => checkedMap[item.id]),
 )
 
-const allIndeterminate = computed(() =>
-  !allChecked.value &&
-  tableData.value.some(item => checkedMap[item.id])
+const allIndeterminate = computed(
+  () => !allChecked.value && tableData.value.some((item) => checkedMap[item.id]),
 )
 
 const handleCheckAll = (checked: boolean) => {
-  tableData.value.forEach(item => {
+  tableData.value.forEach((item) => {
     item.is_auth = checked
     checkedMap[item.id] = checked
   })

ui/src/views/system-chat-user/chat-user/index.vue

@@ -101,9 +101,15 @@
         <el-table-column
           prop="nick_name"
           :label="$t('views.userManage.userForm.nick_name.label')"
+          min-width="180"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="username"
+          :label="$t('common.username')"
+          min-width="180"
           show-overflow-tooltip
         />
-        <el-table-column prop="username" :label="$t('common.username')" show-overflow-tooltip />
         <el-table-column prop="is_active" :label="$t('common.status.label')" width="100">
           <template #default="{ row }">
             <div v-if="row.is_active" class="flex align-center">
@@ -127,6 +133,7 @@
           prop="email"
           :label="$t('views.login.loginForm.email.label')"
           show-overflow-tooltip
+          min-width="180"
         >
           <template #default="{ row }">
             {{ row.email || '-' }}
@@ -144,7 +151,7 @@
         <el-table-column
           prop="user_group_names"
           :label="$t('views.chatUser.group.title')"
-          min-width="120"
+          min-width="150"
         >
           <template #default="{ row }">
             <TagGroup :tags="row.user_group_names" />