chore: 知识库详情页面增加一个刷新按钮

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/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')"