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

src/views/index/driverManage.vue

@@ -8,68 +8,41 @@
           :border="false"
           :fixed="true"
           :safe-area-inset-top="true"
-          @click-left="goPage"
+          @click-left="goBack"
       >
         <template slot="right">
-          <div class="rightWrap" @click="addDriver">
+          <div class="rightWrap" @click="goPage('driverAdd')">
             <img src="@/assets/addImg.png" />
             <span class="addTxt">添加</span>
           </div>
         </template>
       </van-nav-bar>
     </div>
-    <div class="itemWrap">
+    <div class="itemWrap" v-for="(item,index) in driverList" :key="index">
       <div class="name-status">
-        <div class="namephone">王小微 / 15234345656</div>
+        <div class="namephone">{{ item.driverName }} / {{ item.driverPhone }}</div>
         <div class="twoBtn">
-          <button class="del">启用</button>
-          <button class="revise">修改</button>
+          <button class="del" @click="handleStatus(item)">{{ item.states?.label == '启用'  ? '停用' : '启用' }}</button>
+          <button class="revise" @click="updateDriver(item)">修改</button>
         </div>
       </div>
       <div class="" style="display: flex">
         <div class="sex" style="margin-right: 40px">
           <span class="halfOpci">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
-          <span class="allOpci">男</span>
+          <span class="allOpci">{{item.sex?.label}}</span>
         </div>
         <div class="carType">
           <span class="halfOpci">准驾车型:</span>
-          <span class="allOpci">C2</span>
+          <span class="allOpci">{{item.drivingModel}}</span>
         </div>
       </div>
       <div>
         <span class="halfOpci">身份证号:</span>
-        <span class="allOpci">4115241999083449090</span>
-      </div>
-      <div class="">
-        <span class="halfOpci">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
-        <span class="statusNo">停用</span>
-      </div>
-    </div>
-    <div class="itemWrap">
-      <div class="name-status">
-        <div class="namephone">王小微 / 15234345656</div>
-        <div class="twoBtn">
-          <button class="del">停用</button>
-          <button class="revise" @click="goPage('driverAdd')">修改</button>
-        </div>
-      </div>
-      <div class="" style="display: flex">
-        <div class="sex" style="margin-right: 40px">
-          <span class="halfOpci">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
-          <span class="allOpci">男</span>
-        </div>
-        <div class="carType">
-          <span class="halfOpci">准驾车型:</span>
-          <span class="allOpci">C2</span>
-        </div>
-      </div>
-      <div>
-        <span class="halfOpci">身份证号:</span>
-        <span class="allOpci">4115241999083449090</span>
+        <span class="allOpci">{{ item.identityCardNumber }}</span>
       </div>
       <div>
         <span class="halfOpci">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
-        <span class="statusYes">启用</span>
+        <span :class="item.states?.code == 1 ? 'statusYes' : 'statusNo'">{{ item.states?.label }}</span>
       </div>
     </div>
 
@@ -79,10 +52,64 @@
 <script>
 
 import {myMixins} from "@/utils/myMixins"
+import {driverList,enableAction} from  "@/api/mine"
 export default {
   name: "driverManage",
-
   mixins:[myMixins],
+  data(){
+    return{
+      pageNum:1,
+      pageSize:10,
+      total:'',
+      driverList:[],
+      states:''
+    }
+  },
+  mounted() {
+      this.getDriverList()
+  },
+  methods:{
+     async getDriverList(){
+        let res = await  driverList({
+          pageNum:this.pageNum,
+          pageSize:this.pageSize
+        });
+        if(res.code == 200){
+          this.total=res.total
+          this.driverList=res.data
+        }
+     },
+    async handleStatus(item){
+        if(item.states.code === 0){
+            this.states = 1
+        }else{
+          this.states = 0
+        }
+       let res = await enableAction({
+         driverId:item.driverId,
+         states:this.states
+       })
+      await this.getDriverList();
+      setTimeout(()=>{
+        this.$toast('操作成功')
+      },)
+      console.log("item",res)
+    },
+    updateDriver(item){
+      // 在当前组件中进行路由跳转并传递参数对象
+      this.$router.push({
+        name: 'driverAdd',  // 目标路由的名称
+        params: {
+          id: item.driverId,                  // 参数对象的属性
+          name: item.driverName,
+          phone:item.driverPhone,
+          drivingModel:item.drivingModel,
+          identityCardNumber:item.identityCardNumber,
+          states:item.states.code
+        }
+      });
+    }
+  }
 }
 </script>
 
@@ -95,6 +122,7 @@ export default {
   box-sizing: border-box;
   padding: 13px;
   @include wh(100%, 100%);
+  overflow-y: auto;
 }
 .navBar{
   //height: 46px;