task#10339,调度app接口对接

src/views/caseList/caseAuditList.vue

@@ -14,44 +14,22 @@
     <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" @click="goPageDetail">
+      <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.id)">
         <div class="line1">
-          <div><span>审核批次:</span><span>PC1234123443243232131</span></div>
+          <div><span>审核批次:</span><span>{{ item.batchCode }}</span></div>
           <div class="right">
-            <img class="commonImg" src="@/assets/waitSubmit.png">
-            <div class="yelColor">待审核</div>
+            <img class="commonImg" :src="getStatus(item.state.code)">
+            <div :class="getStatusColor(item.state.code)">{{item.state.label}}</div>
             <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
           </div>
         </div>
-        <div><span>报销金额:</span><span>1238元</span></div>
-      </div>
-      <div class="listItem">
-        <div class="line1">
-          <div><span>审核批次:</span><span>PC1234123443243232131</span></div>
-          <div class="right">
-            <img class="commonImg" src="@/assets/unpass.png">
-            <div class="oraColor">不通过</div>
-            <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
-          </div>
-        </div>
-        <div><span>报销金额:</span><span>1238元</span></div>
-        <div><span>审核备注:</span><span style="color: #FF5D2E">缺失凭证照片</span></div>
-      </div>
-      <div class="listItem">
-        <div class="line1">
-          <div><span>审核批次:</span><span>PC1234123443243232131</span></div>
-          <div class="right">
-            <img class="commonImg" src="@/assets/dakuan.png">
-            <div class="greColor">审核通过</div>
-            <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
-          </div>
-        </div>
-        <div><span>报销金额:</span><span>1238元</span></div>
+        <div><span>报销金额:</span><span>{{ item.reimburseAmount }}元</span></div>
+        <div v-show="activeIndex == 2"><span>审核备注:</span><span style="color: #FF5D2E">{{ item.auditRemark }}</span></div>
       </div>
     </div>
  </div>
@@ -60,42 +38,99 @@
 
 <script>
 import {myMixins} from "@/utils/myMixins";
-
+import {reimburseBatchOrderCount,reimburseBatchOrderList } from "@/api/reimbursementBatch";
 export default {
   name: "caseAuditList",
   mixins: [myMixins],
   data(){
     return{
-      tabArr: [{name: '待审核', status: 1,num:1}, {name: '审核通过', status: 2,num:3},{name: '审核不通过', status: 2,num:4},],
+      tabArr: [{name: '待审核', status: 1,num:0}, {name: '审核通过', status: 2,num:0},{name: '审核不通过', status: 2,num:0},],
       activeIndex: 0,
       pageList:[],
       pageNum:1,
       pageSize:10,
+      id:'',//批次id
     }
   },
+  created() {
+   this.id = this.$route.params.id;
+  },
+  async mounted() {
+    await this.batchOrderCount();
+    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 reimburseBatchOrderList ({
+        pageNum:this.pageNum,
+        pageSize:this.pageSize,
+        batchCode:this.id,
+        type: this.activeIndex+1
+      })
+      this.pageList=res.data
+    },
+    async batchOrderCount(){
+      let res  =await reimburseBatchOrderCount({
+        batchCode:this.id
+      })
+      this.tabArr.forEach(tab => {
+        if (tab.name === '待审核') {
+          tab.num = res.data.waitAuditCount;
+        } else if (tab.name === '审核通过') {
+          tab.num = res.data.auditSuccessCount;
+        }else{
+          tab.num = res.data.auditFailCount;
+        }
+      });
+      console.log("数量",res)
+    },
+    getStatus(i){
+      switch (i){
+        case 0://待提交
+        case 1://待审核
+          return require('@/assets/waitSubmit.png')
+        case 2://审核通过
+        case 7://已打款
+          return require('@/assets/dakuan.png')
+        case 3://审核不通过
+          return require('@/assets/unpass.png')
+        case 4://报销失败
+          return require('@/assets/unSubmit.png')
+        case 6://代打款
+          return require('@/assets/waitDakuan.png')
+        default:
+          return require('@/assets/waitSubmit.png')
+      }
+    },
+    getStatusColor(i){
+      switch (i){
+        case 0://待提交
+        case 1://待审核
+          return 'yelColor'
+        case 2://审核通过
+        case 6://代打款
+        case 7://已打款
+          return 'greColor'
+        case 3://审核不通过
+          return 'oraColor'
+        case 4://报销失败
+          return 'garyColor'
+        default:
+          return 'yelColor'
+      }
+    },
+    goPageDetail(id){
       this.$router.push({
         name: 'caseDetail',  // 目标路由的名称
-        /* params: {
-           id: item.id,                  // 参数对象的属性
-           postfix:item.postfix,
-           index:this.activeIndex,
-           queryTime: this.time || this.queryTime
-         }*/
+         params: {
+           id:id,
+         }
       });
     },
   }