fix: optimize style

Author: wangdan-fit2cloud

ui/src/components/app-charts/components/BarCharts.vue

@@ -94,6 +94,16 @@ function initChart() {
         },
       },
     },
+    dataZoom: [
+      {
+        type: 'inside',
+        show: props.option.dataZoom,
+      },
+      {
+        type: 'slider',
+        show: props.option.dataZoom,
+      },
+    ],
     series: series,
   }
 
@@ -117,6 +127,7 @@ watch(
 )
 
 onMounted(() => {
+  console.log(props.option.dataZoom)
   nextTick(() => {
     initChart()
     window.addEventListener('resize', changeChartSize)

ui/src/components/layout-container/index.vue

@@ -3,6 +3,7 @@
     <div
       :class="`layout-container__left border-r ${isCollapse ? 'hidden' : ''}`"
       :style="{ width: isCollapse ? 0 : `${leftWidth}px` }"
+      v-if="showLeft"
     >
       <div class="layout-container__left_content">
         <slot name="left"></slot>
@@ -48,6 +49,10 @@ const props = defineProps({
     type: Number,
     default: 400,
   },
+  showLeft: {
+    type: Boolean,
+    default: true,
+  },
 })
 
 const isCollapse = ref(false)

ui/src/components/workflow-dropdown-menu/knowledge-inner/index.vue

@@ -2,7 +2,7 @@
   <div
     v-show="show"
     class="workflow-dropdown-menu border border-r-6 white-bg"
-    :style="{ width: activeName === 'base' ? '400px' : '640px' }"
+    :style="{ width: activeName === 'base' || route.path.includes('shared') ? '400px' : '640px' }"
   >
     <el-tabs v-model="activeName" class="workflow-dropdown-tabs" @tab-change="handleClick">
       <div
@@ -73,7 +73,7 @@
       </el-tab-pane>
       <!-- 工具 -->
       <el-tab-pane :label="$t('views.tool.title')" name="CUSTOM_TOOL">
-        <LayoutContainer>
+        <LayoutContainer :showLeft="!route.path.includes('shared')">
           <template #left>
             <folder-tree
               :source="SourceTypeEnum.TOOL"

ui/src/components/workflow-dropdown-menu/knowledge/index.vue

@@ -2,7 +2,7 @@
   <div
     v-show="show"
     class="workflow-dropdown-menu border border-r-6 white-bg"
-    :style="{ width: activeName === 'base' ? '400px' : '640px' }"
+    :style="{ width: activeName === 'base' || route.path.includes('shared') ? '400px' : '640px' }"
   >
     <el-tabs v-model="activeName" class="workflow-dropdown-tabs" @tab-change="handleClick">
       <div
@@ -73,7 +73,7 @@
       </el-tab-pane>
       <!-- 数据源 -->
       <el-tab-pane :label="$t('views.tool.dataSource.title')" name="DATA_SOURCE_TOOL">
-        <LayoutContainer>
+        <LayoutContainer :showLeft="!route.path.includes('shared')">
           <template #left>
             <folder-tree
               :source="SourceTypeEnum.TOOL"
@@ -97,7 +97,7 @@
       </el-tab-pane>
       <!-- 工具 -->
       <el-tab-pane :label="$t('views.tool.title')" name="CUSTOM_TOOL">
-        <LayoutContainer>
+        <LayoutContainer :showLeft="!route.path.includes('shared')">
           <template #left>
             <folder-tree
               :source="SourceTypeEnum.TOOL"

ui/src/layout/layout-header/SystemHeader.vue

@@ -43,10 +43,7 @@ import { hasPermission } from '@/utils/permission'
 
 const router = useRouter()
 const goHome = () => {
-  const newUrl = router.resolve({
-    path: `/`,
-  }).href
-  window.open(newUrl)
+  router.push('/')
 }
 </script>
 <style lang="scss" scoped>

ui/src/locales/lang/en-US/workflow.ts

@@ -538,6 +538,6 @@ You are a master of problem optimization, adept at accurately inferring user int
   SystemPromptPlaceholder: 'System Prompt, can reference variables in the system, such as',
   UserPromptPlaceholder: 'User Prompt, can reference variables in the system, such as',
   ExecutionRecord: 'Execution Record',
-  initiator: 'Initiator',
+  initiator: 'Iniiator',
   debug: {},
 }

ui/src/views/application-overview/component/StatisticsCharts.vue

@@ -109,7 +109,6 @@ const props = defineProps({
   },
 })
 
-
 const statisticsType = computed(() => [
   {
     id: 'customerCharts',
@@ -199,7 +198,12 @@ const statisticsType = computed(() => [
   },
 ])
 
-const topOptions = [{ label: 'TOP 10', value: 10 }, { label: 'TOP 20', value: 20}, { label: 'TOP 50', value: 50}, { label: 'TOP 100', value: 100}]
+const topOptions = [
+  { label: 'TOP 10', value: 10 },
+  { label: 'TOP 20', value: 20 },
+  { label: 'TOP 50', value: 50 },
+  { label: 'TOP 100', value: 100 },
+]
 const tokenUsageCount = ref(10)
 const topQuestionsCount = ref(10)
 const tokenUsageOption = computed(() => {
@@ -211,6 +215,7 @@ const tokenUsageOption = computed(() => {
         data: getAttrsArray(props.tokenUsage?.slice(0, tokenUsageCount.value), 'token_usage'),
       },
     ],
+    dataZoom: props.tokenUsage.length > 0,
   }
 })
 const topQuestionsOption = computed(() => {
@@ -219,9 +224,13 @@ const topQuestionsOption = computed(() => {
     xData: getAttrsArray(props.topQuestions?.slice(0, topQuestionsCount.value), 'username'),
     yData: [
       {
-        data: getAttrsArray(props.topQuestions?.slice(0, topQuestionsCount.value), 'chat_record_count'),
+        data: getAttrsArray(
+          props.topQuestions?.slice(0, topQuestionsCount.value),
+          'chat_record_count',
+        ),
       },
     ],
+    dataZoom: props.topQuestions.length > 0,
   }
 })
 </script>

ui/src/views/document/ImportWorkflowDocument.vue

@@ -76,7 +76,7 @@ const route = useRoute()
 const key = ref<number>(0)
 const {
   params: { folderId },
-  query: { id } ,
+  query: { id },
   /*
   id为knowledgeID
   folderId 可以区分 resource-management shared还是 workspace
@@ -153,10 +153,7 @@ const continueImporting = () => {
   })
 }
 const goDocument = () => {
-  const newUrl = router.resolve({
-    path: `/knowledge/${id}/${folderId}/4/document`,
-  }).href
-  window.open(newUrl)
+  router.push({ path: `/knowledge/${id}/${folderId}/4/document` })
 }
 
 const back = () => {

ui/src/views/knowledge-workflow/component/execution-record/ExecutionDetailDrawer.vue

@@ -58,7 +58,7 @@
               <p>
                 {{
                   props.currentContent?.run_time != undefined
-                    ? props.currentContent?.run_time + 's'
+                    ? props.currentContent?.run_time?.toFixed(2) + 's'
                     : '-'
                 }}
               </p>

ui/src/views/knowledge-workflow/component/execution-record/ExecutionRecordDrawer.vue

@@ -72,7 +72,7 @@
       </el-table-column>
       <el-table-column prop="run_time" :label="$t('chat.KnowledgeSource.consumeTime')">
         <template #default="{ row }">
-          {{ row.run_time != undefined ? row.run_time + 's' : '-' }}
+          {{ row.run_time != undefined ? row.run_time?.toFixed(2) + 's' : '-' }}
         </template>
       </el-table-column>
       <el-table-column
@@ -128,7 +128,7 @@ const apiType = computed(() => {
 })
 const paginationConfig = reactive({
   current_page: 1,
-  page_size: 10,
+  page_size: 50,
   total: 0,
 })
 const query = ref<any>({
@@ -168,16 +168,13 @@ const changePage = () => {
 const getList = (clear?: boolean) => {
   if (clear) {
     paginationConfig.current_page = 1
+    data.value = []
   }
   return loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .getWorkflowActionPage(active_knowledge_id.value, paginationConfig, query.value, loading)
     .then((ok: any) => {
       paginationConfig.total = ok.data?.total
-      if (clear) {
-        data.value = ok.data.records
-      } else {
-        data.value = data.value.concat(ok.data.records)
-      }
+      data.value = data.value.concat(ok.data.records)
     })
 }