AI修复建议修改

src/views/Jyh/AIRepair/index.vue

@@ -17,7 +17,7 @@
   <div class="ai-container">
     <template v-if="tableData.length > 0">
       <div class="ai-container-card" style="width: 100%" v-for="(rowItem, index) in tableData" :key="index">
-        <Panel :expand="!rowItem.expand">
+        <Panel :expand="rowItem.expand">
           <template #header>
             <div class="ai-panel-header">
               <div style="padding: 25px 8px 0px 20px">
@@ -31,10 +31,10 @@
                   </div>
                   <div
                     style="cursor: pointer; display: flex; gap: 8px; align-items: center"
-                    @click="rowItem.expand == rowItem.expand"
+                    @click="rowItem.expand = !rowItem.expand"
                   >
-                    <img style="width: 14px; height: 14px" src="@/assets/imgs/jyh/collapseIcon.png" />
-                    <span>全部收起</span>
+                    <d-icon :name="rowItem.expand ? 'icon-expand-new' : 'icon-drag-new'"></d-icon>
+                    <span>{{ rowItem.expand ? '收起' : '展开' }}</span>
                   </div>
                 </div>
                 <div class="ai-panel-header-sub-title">
@@ -69,6 +69,21 @@
           </template>
         </Panel>
       </div>
+      <div class="mt-20 mb-20 flex justify-end" v-if="tableData.length > 0">
+        <d-pagination
+          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="fetchVulnList()"
+          @page-size-change="fetchVulnList()"
+        />
+      </div>
     </template>
     <NoData v-else :small="false"></NoData>
   </div>
@@ -117,19 +132,27 @@ const tableConfig = ref([
   }
 ]);
 
+
+const pager = ref({
+  total: 10,
+  pageIndex: 1,
+  pageSize: 10
+});
+
 const propsData = defineProps(['versionId']);
 
 const fetchVulnList = async () => {
   const { data } = await remediationSearchRemediations({
     // softwareId: 47,
     softwareId: propsData.versionId,
-    current: 1,
-    size: 10
+    current: pager.value.pageIndex,
+    size: pager.value.pageSize
     // componentId: '',
   });
 
   if (data.data.code === 200) {
     tableData.value = data?.data?.data?.components || [];
+    pager.value.total = data?.data?.data?.total || 0;
     // pager.value.total = data?.data?.data?.total || [];
   }
 };