司机管理模块，开票通知模块

src/views/index/invoicingNotify.vue

@@ -2,7 +2,7 @@
 <div class="wrap">
   <div class="navBar">
     <van-nav-bar
-        title="工单对账"
+        title="开票通知"
         left-arrow
         left-arrow-color="#FFFFFF"
         :border="false"
@@ -11,52 +11,77 @@
         @click-left="goBack"
     />
   </div>
-<div class="itemWrap" v-for="(item,index) in 3" :key="index">
+<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
   <div class="item line1">
     <div class="itemTime">
       <span class="title">开票月份:</span>
-      <span class="content">2023年7月</span>
+      <span class="content">{{ item.invoiceMonth }}</span>
     </div>
     <div class="orderNum">
       <span class="title">总案件数:</span>
-      <span class="content">86</span>
-    </div>
-    <div class="checkBtn" @click="goPage('invoicingDetail')">查看
+      <span class="content">{{ item.orderNum }}</span>
     </div>
+    <div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
   </div>
   <div class="item">
     <span class="title">批次号:</span>
-    <span class="content">PC230626124283</span>
+    <span class="content">{{ item.batchCode }}</span>
   </div>
   <div class="item">
     <span class="title">结算总金额:</span>
-    <span class="content">1238元</span>
+    <span class="content">{{ item.totalMoney }}</span>
   </div>
   <div class="item">
     <span class="title">扣款金额:</span>
-    <span class="content">2300元</span>
+    <span class="content">{{ item.cutMoney }}</span>
   </div>
   <div class="item">
     <span class="title">扣款原因:</span>
-    <span class="content"  style="color: #FF8F37;">调度不及时导致客户等待时间过长</span>
+    <span class="content"  style="color: #FF8F37;">{{ item.remark }}</span>
   </div>
   <div class="item">
     <span class="title">最终开票金额:</span>
-    <span class="content">1008元</span>
+    <span class="content">{{ item.invoiceMoney }}</span>
   </div>
 </div>
+  <div v-show="show" class="bgShow">
+    <img src="@/assets/empty.png">
+  </div>
 </div>
 </template>
 
 <script>
 import {myMixins} from "@/utils/myMixins"
+import {notifyInvoiceList} from  "@/api/mine"
 export default {
   name: "invoicingNotify",
   mixins:[myMixins],
+  data(){
+    return{
+      notifyList:[],
+      pageNum:1,
+      pageSize:10,
+      show:false
+    }
+  },
+  mounted() {
+      this.getNotifyList()
+  },
   methods:{
-    checkDetail(index){
-      console.log("查看详情"+index)
-
+    async getNotifyList(){
+      let res = await notifyInvoiceList({
+          pageNum:this.pageNum,
+          pageSize:this.pageSize
+      })
+      if(res.code === 0){
+        this.notifyList=res.data;
+        console.log(this.notifyList)
+        if(this.notifyList.length === 0){
+              this.show=true
+        }else{
+          this.show=false
+        }
+      }
     },
   }
 }
@@ -72,8 +97,8 @@ export default {
 }
 .navBar{
 
-  height: 46px;
-  //margin-bottom: 46px;
+  //height: 46px;
+  margin-bottom: 46px;
 }
 .itemWrap{
   background: #FFFFFF;
@@ -107,5 +132,9 @@ export default {
     }
   }
 }
-
+.bgShow{
+  @include wh(100%,80%);
+  @include flexCenter;
+  justify-content: center;
+}
 </style>