修改了日常报销的分页问题

src/views/costManage/dailyReimburse/index.vue

@@ -202,10 +202,11 @@
           </el-table>
           <div style="padding-right: 35%">
             <pagination
-                v-show="total > 0"
-                :total="total"
-                v-model:page="queryParams.pageNum"
-                v-model:limit="queryParams.pageSize"
+                :page-sizes="pageSizes"
+                v-show="item.total > 0"
+                :total="item.total"
+                v-model:page="paginationState[item.projectId].pageNum"
+                v-model:limit="paginationState[item.projectId].pageSize"
                 @pagination="getList"
             />
           </div>
@@ -263,8 +264,6 @@ const printDis = (row) => {
 const data = reactive({
   form:{},
   queryParams:{
-    pageNum: 1,
-    pageSize: 10,
     projectName: undefined,
     reimbursementType:undefined,
     projectNumber: undefined,
@@ -276,7 +275,9 @@ const data = reactive({
 });
 
 const { queryParams, form} = toRefs(data);
-
+// 分页参数
+const paginationState = ref({});
+const pageSizes = ref([3, 6, 9, 12, 15]);
 //获取列表第一个顶部信息
 const getTopApproveInfo = ()=>{
   let item2 = costManageList.value[0]
@@ -289,8 +290,12 @@ const getTopApproveInfo = ()=>{
 /** 查询报销列表 */
 function getList() {
   loading.value = true;
+  const params = {
+    ...queryParams.value,
+    projectPageParams: JSON.stringify(paginationState.value)
+  }
   //获取日常报销列表
-  listCostManage(queryParams.value).then((res) => {
+  listCostManage(params).then((res) => {
     costManageList.value = res.rows
     for(let item of costManageList.value){
       if(!item.tableItemList){
@@ -316,6 +321,42 @@ function getList() {
   })
 }
 
+/** 初始化报销列表 */
+function onMountGetList() {
+  loading.value = true;
+  //获取日常报销列表
+  listCostManage(queryParams.value).then((res) => {
+    costManageList.value = res.rows
+    // 初始化分页状态
+    costManageList.value.forEach((item) => {
+      paginationState.value[item.projectId] = {
+        pageNum: 1,
+        pageSize: 3,
+      };
+    });
+    for(let item of costManageList.value){
+      if(!item.tableItemList){
+        item.tableItemList = []
+      }
+    }
+    for(let key in res.rows){
+      // console.log(data)
+      res.rows[key].tableItemList.sort((a, b) => {
+        if(a.status === 1 && b.status !== 1){
+          return -1;
+        }
+        if(b.status === 1 && a.status !== 1){
+          return 1;
+        }
+        return new Date(b.registrationTime) - new Date(a.registrationTime)
+      })
+    }
+    total.value = res.total
+    loading.value = false
+    getTopApproveInfo()
+  })
+}
+
 //获取所有审批流程
 const getAllshenpiList = ()=>{
   getAllapproveList(16).then(res => {
@@ -468,7 +509,7 @@ const handleLeave = () => {
 }
 
 onMounted(() => {
-  getList();
+  onMountGetList();
   getAllshenpiList();
   getProjectList();
   getUserSelectList();