task#10339,调度app接口对接

src/views/caseList/caseList.vue

@@ -14,20 +14,20 @@
     <div class="tab_wrap">
       <div v-for="(item, index) in tabArr" :key="index"
            @click="changeTab(index)">
-        <sapn :class="{'active' : activeIndex == index , 'alpha' :true}"> {{ item.name }}</sapn>
+        <span :class="{'active' : activeIndex == index , 'alpha' :true}"> {{ item.name }}</span>
         <span class="numTip" style="opacity: 1 !important;">{{item.num}}</span>
       </div>
     </div>
     <div class="listWrap">
-      <div class="listItem" v-for="(item,index) in 3" :key="index" @click="goPageDetail">
+      <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.batchCode)">
         <div class="line1">
-          <div><span>审核批次:</span><span>PC1234123443243232131</span></div>
+          <div><span>审核批次:</span><span>{{item.batchCode}}</span></div>
           <div class="viewBtn">查看</div>
         </div>
-        <div><span>报销金额:</span><span class="redColor">1238元</span><span class="greColor">/1200元</span></div>
-        <div><span>案件数量:</span><span>4</span><span class="greColor">/2</span></div>
-        <div><span>提交人员:</span><span>王二麻子</span></div>
-        <div><span>提交时间:</span><span>2024-01-24 12:00:00</span></div>
+        <div><span>报销金额:</span><span class="redColor">{{item.totalAmount}}元</span><span class="greColor">/{{item.auditSuccessAmount}}元</span></div>
+        <div><span>案件数量:</span><span>{{item.orderCount}}</span><span class="greColor">/{{item.auditSuccessCount}}</span></div>
+        <div><span>提交人员:</span><span>{{ item.createUser }}</span></div>
+        <div><span>提交时间:</span><span>{{ item.createTime }}</span></div>
       </div>
     </div>
   </div>
@@ -36,42 +36,55 @@
 
 <script>
 import {myMixins} from "@/utils/myMixins";
-
+import {reimburseBatchCount, reimburseBatchList} from "@/api/reimbursementBatch"
 export default {
   name: "caseList",
   mixins: [myMixins],
   data(){
     return{
-      tabArr: [{name: '待审核', status: 1,num:1}, {name: '已审核', status: 2,num:3},],
+      tabArr: [{name: '待审核', status: 1,num:0}, {name: '已审核', status: 2,num:0},],
       activeIndex: 0,
       pageList:[],
       pageNum:1,
       pageSize:10,
     }
+  },
+   async mounted() {
+     await this.getCount();
+     await this.getList()
   },
   methods:{
     async changeTab(index) {
       this.activeIndex = index
-      console.log(' this.activeIndex', this.activeIndex)
       this.pageNum = 1
       this.pageList = [];
-      if(this.activeIndex === 0){
-        // this.trainingType =1
-      }else{
-        // this.trainingType=2
-      }
-      // await this.getList()
+      await this.getList()
     },
-    goPageDetail(){
-      console.log("去查看详情")
+    async getList(){
+     let res=await reimburseBatchList({
+        pageNum:this.pageNum,
+        pageSize:this.pageSize,
+        type: this.activeIndex+1
+      })
+      this.pageList=res.data
+    },
+    async getCount(){
+      let res=await reimburseBatchCount()
+      this.tabArr.forEach(tab => {
+        if (tab.name === '待审核') {
+          tab.num = res.data.waitAuditCount;
+        } else if (tab.name === '已审核') {
+          tab.num = res.data.auditSuccessCount;
+        }
+      });
+    },
+    goPageDetail(id){
       this.$router.push({
         name: 'caseAuditList',  // 目标路由的名称
-       /* params: {
-          id: item.id,                  // 参数对象的属性
-          postfix:item.postfix,
-          index:this.activeIndex,
-          queryTime: this.time || this.queryTime
-        }*/
+        params: {
+          id: id,                  // 参数对象的属性
+          // queryTime: this.time || this.queryTime
+        }
       });
     },
   }