From c6afe5b3df4967e5b823a27a442d3f4ab007af18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=98=E6=B0=91=E5=BA=B7?= <m18571841023@163.com>
Date: Wed, 18 Jun 2025 17:38:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E4=BF=A1=E4=BB=A3=E7=A0=81=E5=BA=93-?=
 =?UTF-8?q?=E8=BD=AF=E4=BB=B6=E8=AF=A6=E6=83=85SBOM=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E5=99=A8=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Jyh/Version/Detail/SBOM.vue | 38 +++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/views/Jyh/Version/Detail/SBOM.vue b/src/views/Jyh/Version/Detail/SBOM.vue
index 7f42bf3..754b950 100644
--- a/src/views/Jyh/Version/Detail/SBOM.vue
+++ b/src/views/Jyh/Version/Detail/SBOM.vue
@@ -22,6 +22,23 @@
       </d-table>
       <NoData v-else :small="false"></NoData>
     </div>
+    <!-- 分页组件 -->
+    <div class="mt-8 flex justify-end">
+      <d-pagination
+        v-if="pager.total > 0"
+        size="md"
+        :page-size-options="[10, 20, 50]"
+        :total="pager.total"
+        v-model:pageSize="pager.pageSize"
+        v-model:pageIndex="pager.pageIndex"
+        :max-items="5"
+        :can-change-page-size="true"
+        :can-view-total="true"
+        total-item-text="总计"
+        @page-index-change="fetchDependencyTree"
+        @page-size-change="fetchDependencyTree"
+      />
+    </div>
   </Card>
   <d-drawer v-model="showDetail" style="width: 800px; padding: 20px">
     <SBOMDetail :selectRow="selectRow" @close="showDetail = false" />
@@ -42,6 +59,14 @@ const selectRow = ref({});
 const tableData = ref([]);
 const searchText = ref(''); // 搜索关键词
 
+// 分页状态
+const pager = ref({
+  total: 0,
+  pageIndex: 1,
+  pageSize: 10
+});
+
+
 const setSelectRow = (row) => {
   selectRow.value = row;
   showDetail.value = true;
@@ -98,17 +123,26 @@ const fetchDependencyTree = async () => {
     // softwareId: 47,
     softwareId: propsData.versionId,
     componentId: '',
-    current: 1,
-    size: 10
+    current: pager.value.pageIndex,
+    size: pager.value.pageSize
   });
   if (data.data.code === 200 && data?.data?.data?.components) {
     tableData.value = renameComponentsToChildren(data?.data?.data?.components);
+    pager.value.total = data?.data.data.total || 0;
     // pager.value.total = data?.data?.data?.total || [];
   } else {
     // tableData.value = baseTreeTableData1.value
   }
 };
 
+// 搜索处理
+const handleSearch = () => {
+  pager.value.pageIndex = 1; // 搜索后重置到第一页
+  fetchDependencyTree();
+};
+
+
+
 onMounted(() => {
   fetchDependencyTree();
 });