车辆列表，添加停启用状态更改接口

src/api/mine.js

@@ -18,6 +18,15 @@ export function saveVehicle(data){
         data
     })
 }
+/*车辆更改状态 /supplierAppV2/dispatchApp/user/enableVehicle*/
+export function enableVehicle(data){
+    return request({
+        url:'/supplierAppV2/dispatchApp/user/enableVehicle',
+        method:'POST',
+        contentType:'application/json',
+        data
+    })
+}
 
 //编辑车辆信息
 export function updateInsurance(data){

src/views/index/vehicleManage.vue

@@ -76,14 +76,14 @@
         finished-text="没有更多了"
         @load="onLoad"
       >
-        <div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click="updateVehicle(item)">
+        <div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click.stop="updateVehicle(item)">
           <div class="carCode">
             <div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}
-              <span class="ml10" v-if="item.vehicleStatus" :class="{'insuranceSuccess': item.vehicleStatus == 1, 'insuranceDanger': item.vehicleStatus != 1}">{{ item.vehicleStatus == 1 ? '启用' : '停用' }} </span>
+              <span class="ml10" @click.stop="updateStatus(item)"  :class="{'insuranceSuccess': item.vehicleStatus == 1, 'insuranceDanger': item.vehicleStatus == 2 ,'insuranceGray': !item.vehicleStatus }">{{ item.vehicleStatus == 1 ? '启用' :( item.vehicleStatus == 2 ? '停用' : '无状态') }} </span>
             </div>
+
           </div>
           <div class="juhe flex-between">
-            <span class="zdJuhe">核验认证</span>
             <span class="flex-right">
             <span class="common_cls" v-if="item.inputStatusString" :class="getClass(item.inputStatusString)?.className">{{item.inputStatusString}}</span>
             <span class="common_cls" v-if="item.authStateString" :class="getClass(item.authStateString)?.className">{{item.authStateString}}</span>
@@ -114,7 +114,7 @@
 <script>
   import {Dialog} from "vant";
 import { myMixins} from "@/utils/myMixins";
-import {supplierVehicleList,deleteVehicle,userOperationPermissions} from "@/api/mine"
+  import {supplierVehicleList, deleteVehicle, userOperationPermissions, enableVehicle} from "@/api/mine"
 export default {
   name: "vehicleManage",
   mixins:[myMixins],
@@ -302,6 +302,24 @@ export default {
         // this.vehicleList = [];
         await this.getVehicleList();
     },
+    updateStatus(item){
+      if(item.vehicleStatus != 1){
+        return
+      }
+      Dialog.confirm({
+        message: '当前状态为启用，是否要改为停用?',
+      }).then(async () => {
+            // on confirm
+        await enableVehicle({
+          vehicleId:item.vehicleId,
+          vehicleStatus:2,
+        })
+        await this.getVehicleList()
+        console.log("item",item)
+      }).catch(() => {
+            // on cancel
+      });
+    },
     updateVehicle(item){//修改
       if( this.permissonList.includes('vehicleModifyBtn') ) {
         this.$router.push({
@@ -452,6 +470,9 @@ export default {
   .insuranceDanger {
     color: red;
   }
+  .insuranceGray{
+    color: #aaa;
+  }
   .flex-between {
     display: flex;
     justify-content: space-between;