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

src/views/index/invoicingDetail.vue

@@ -12,8 +12,12 @@
     />
   </div>
   <div class="contentWrap">
-      <div class="item" v-for="(item,index) in 4" :key="index">
-        <div class="itemContent">ZDZD230630253236  拖车   128元</div>
+      <div class="item" v-for="(item,index) in detailList" :key="index">
+        <div class="itemContent">
+          <span> {{ item.orderCode }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span>{{ item.serviceName }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+          <span> {{item.settleAmount}}元</span>
+            </div>
         <div class="line"></div>
       </div>
   </div>
@@ -22,11 +26,41 @@
 
 <script>
 import {myMixins} from "@/utils/myMixins"
+import {notifyInvoiceDetail} from "@/api/mine"
 export default {
   name: "invoicingDetail",
   mixins:[myMixins],
+  data(){
+    return{
+      pageNum:1,
+      pageSize:10,
+      detailList:[],
+      form:{
+        batchCode:'',
+        startTime:'',
+        overTime:'',
+      }
+    }
+  },
+  async mounted() {
+    console.log(this.$route.query?.id)
+    this.form.batchCode=this.$route.query?.id;
+    this.form.startTime=this.$route.query?.startTime;
+    this.form.overTime=this.$route.query?.overTime;
+    await this.getDetail()
+  },
   methods:{
-
+      async getDetail(){
+        let res=await notifyInvoiceDetail({
+          pageNum:this.pageNum,
+          pageSize:this.pageSize,
+         ...this.form,
+        })
+        if(res.code=== 200){
+          this.detailList=res.data
+        }
+        // console.log("resssss",res)
+      }
   }
 }
 </script>