车辆审核状态不能修改

src/views/index/vehicleAdd.vue

@@ -95,6 +95,7 @@
         multiple
         :multiple-limit="isMultiple ? 2 : 1"
         v-model="selectedOption"
+        :disabled="vehicleInfoDisabled"
         value-key="name"
         class="elSelect"
         collapse-tags="collapse-tags"
@@ -121,6 +122,7 @@
       value-key="name"
       class="elSelect"
       collapse-tags="collapse-tags"
+      :disabled="vehicleInfoDisabled"
       placeholder="请选择"  style="width: 55%"
     >
       <el-option
@@ -190,7 +192,7 @@
       <span>车辆状态</span>
     </div>
     <div class="isJoin">
-      <van-radio-group v-model="vehicleStatus" @change="isVehicleChange"  class="joinWrap">
+      <van-radio-group v-model="vehicleStatus"  :class="{ 'disabled-tree': vehicleInfoDisabled }" :disabled="vehicleInfoDisabled" @change="isVehicleChange"  class="joinWrap">
         <van-radio :name="1" style="margin-right: 26px">
           启用
           <img
@@ -305,6 +307,7 @@
       ref="tree"
       :highlight-current="true"
       :expand-on-click-node="false"
+      :class="{ 'disabled-tree': vehicleInfoDisabled }"
       :data="supplierServiceList"
       :props="defaultProps">
     </el-tree>
@@ -384,6 +387,7 @@ export default {
       vehicleLicense:'',//牌照
       vehicleFrontLicensePlate:'',//车头照车牌号码
       insuranceCorp: '',
+      auditStatus: '',
       vehicleTypes:[{
         name: '小修车',
         value: 1
@@ -491,6 +495,11 @@ export default {
       }]
     }
   },
+  computed: {
+    vehicleInfoDisabled() {
+      return [1,2].includes(this.auditStatus)
+    },
+  },
   watch:{
     selectedOption(newVal){
       if(newVal == 4){
@@ -731,6 +740,7 @@ export default {
       this.selectedOption=result.vehicleType?.split(',').map((item)=>{
         return Number(item);
       });
+      this.auditStatus = result.auditStatus;
       this.virtualVehicle = result.virtualVehicle;
       this.$refs.tree.setCheckedKeys(result.serviceIds)
       this.vehicleStatus = result.vehicleStatus
@@ -985,4 +995,8 @@ export default {
   border: none !important;
   text-align: right !important;
 }
+.disabled-tree {
+  pointer-events: none;
+  opacity: 0.6;
+}
 </style>