Merge branch 'beta' into 'master'

Beta

See merge request !208

index.html

@@ -8,7 +8,7 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
     />
-    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4711453_t9t0ftzqft.css" />
+    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4711453_usul8q5bwqp.css" />
     <link
       rel="preload"
       href="https://gsst-poe-sit.gz.bcebos.com/front/SourceHanSansCN-Medium.otf"

src/views/personal-space/personal-knowledge/columns.tsx

-import { NSwitch } from 'naive-ui'
+import { NEllipsis, NSwitch } from 'naive-ui'
 import { KnowledgeDocumentItem, KnowledgeItem } from './types.d'
 import { formatDateTime } from '@/utils/date-formatter'
 import i18n from '@/locales'
+import { KnowledgeTypeIcon } from '@/enums/knowledge'
 
 const t = i18n.global.t
 
@@ -19,7 +20,15 @@ export function createKnowledgeColumn(
       width: 210,
       fixed: 'left',
       render(row: KnowledgeItem) {
-        return row.knowledgeName || '--'
+        return (
+          <div class='flex items-center gap-[10px]'>
+            <div
+              class='h-[22px] w-[22px] flex-shrink-0 bg-contain bg-no-repeat'
+              style={{ backgroundImage: `url(${KnowledgeTypeIcon[row.knowledgeType]})` }}
+            />
+            <NEllipsis class='flex-1'>{row.knowledgeName || '--'}</NEllipsis>
+          </div>
+        )
       },
     },
     {

src/views/personal-space/personal-knowledge/personal-document.vue

@@ -47,6 +47,8 @@ const currentKnowledgeData = ref<KnowledgeFormDataInterface>({
   knowledgeType: 'Base',
 })
 
+const refreshIconRotating = ref(false)
+
 const isDisabledBatchDelBtn = computed(() => {
   return checkedKdIdList.value.length <= 0
 })
@@ -243,6 +245,11 @@ function handleToUploadDocument() {
 function handleBackKnowledgeList() {
   router.replace({ name: 'PersonalSpaceKnowledge' })
 }
+
+async function handleRefreshKnowledgeDocumentList() {
+  refreshIconRotating.value = true
+  await handleGetKnowledgeDocumentList().finally(() => (refreshIconRotating.value = false))
+}
 </script>
 
 <template>
@@ -261,7 +268,13 @@ function handleBackKnowledgeList() {
       </div>
     </div>
 
-    <div class="mb-[18px] flex justify-end">
+    <div class="mb-[18px] flex items-center justify-end">
+      <i
+        class="iconfont icon-refresh mr-[14px] cursor-pointer text-[20px] text-[#d3d3d3] transition-[rotate] duration-150 ease-in-out hover:opacity-80"
+        :class="{ 'rotate-360': refreshIconRotating }"
+        @click="handleRefreshKnowledgeDocumentList"
+      />
+
       <NInput
         v-model:value="searchDocumentInputValue"
         :placeholder="t('personal_space_module.knowledge_module.search_knowledge_document_placeholder')"