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

web/src/views/PoliciesView.vue

@@ -63,7 +63,7 @@
                   </thead>
                   <tbody>
                     <tr
-                      v-for="doc in filteredDocuments"
+                      v-for="doc in visibleDocuments"
                       :key="doc.name"
                       class="doc-row"
                       :class="{ selected: selectedDocument?.name === doc.name }"
@@ -93,6 +93,7 @@
               </div>
 
               <footer class="list-foot">
+                <template v-if="false">
                 <span>共 {{ filteredDocuments.length }} 条</span>
                 <button type="button">10条/页 <i class="mdi mdi-chevron-down"></i></button>
                 <div class="pager" aria-label="分页">
@@ -102,6 +103,45 @@
                   <button type="button" aria-label="下一页"><i class="mdi mdi-chevron-right"></i></button>
                 </div>
                 <label>前往 <input value="1" aria-label="页码" /> 页</label>
+                </template>
+                <span class="page-summary">共 {{ totalCount }} 条，目前第 {{ currentPage }} 页</span>
+                <div class="pager" aria-label="分页">
+                  <button class="page-nav" type="button" :disabled="currentPage === 1" aria-label="上一页" @click="currentPage--">
+                    <i class="mdi mdi-chevron-left"></i>
+                  </button>
+                  <button
+                    v-for="page in totalPages"
+                    :key="page"
+                    class="page-number"
+                    :class="{ active: currentPage === page }"
+                    type="button"
+                    :aria-current="currentPage === page ? 'page' : undefined"
+                    @click="currentPage = page"
+                  >
+                    {{ page }}
+                  </button>
+                  <button class="page-nav" type="button" :disabled="currentPage === totalPages" aria-label="下一页" @click="currentPage++">
+                    <i class="mdi mdi-chevron-right"></i>
+                  </button>
+                </div>
+                <div class="page-size-wrap">
+                  <button class="page-size" type="button" @click="pageSizeOpen = !pageSizeOpen">
+                    {{ pageSize }} 条/页<i class="mdi mdi-chevron-down"></i>
+                  </button>
+                  <div v-if="pageSizeOpen" class="page-size-dropdown" role="listbox">
+                    <button
+                      v-for="size in pageSizes"
+                      :key="size"
+                      type="button"
+                      role="option"
+                      :aria-selected="pageSize === size"
+                      :class="{ active: pageSize === size }"
+                      @click="changePageSize(size)"
+                    >
+                      {{ size }} 条/页
+                    </button>
+                  </div>
+                </div>
               </footer>
             </section>
           </div>