fix: 修复 Docker 部署 API 地址与数据库连接问题

web/src/views/scripts/PoliciesView.js

@@ -1,5 +1,7 @@
 import { computed, ref } from 'vue'
 
+import { watch } from 'vue'
+
 export default {
   name: 'PoliciesView' ,
   setup(props, { emit }) {
@@ -230,6 +232,30 @@ export default {
       })
     )
 
+    const currentPage = ref(1)
+    const pageSize = ref(10)
+    const pageSizes = [10, 20, 50]
+    const pageSizeOpen = ref(false)
+
+    const totalCount = computed(() => filteredDocuments.value.length)
+    const totalPages = computed(() => Math.max(1, Math.ceil(totalCount.value / pageSize.value)))
+
+    const visibleDocuments = computed(() => {
+      const start = (currentPage.value - 1) * pageSize.value
+      return filteredDocuments.value.slice(start, start + pageSize.value)
+    })
+
+    function changePageSize(size) {
+      pageSize.value = size
+      pageSizeOpen.value = false
+      currentPage.value = 1
+    }
+
+    watch(filteredDocuments, () => {
+      currentPage.value = 1
+      pageSizeOpen.value = false
+    })
+
     return {
       folderSearch,
       activeFolder,
@@ -237,7 +263,15 @@ export default {
       folders,
       documents,
       filteredFolders,
-      filteredDocuments
+      filteredDocuments,
+      currentPage,
+      pageSize,
+      pageSizes,
+      pageSizeOpen,
+      totalCount,
+      totalPages,
+      visibleDocuments,
+      changePageSize
     }
   }
 }