story#6071，编辑车辆页面选择服务逻辑修改

src/views/index/vehicleAdd.vue

@@ -76,7 +76,7 @@
     </div>
     <select id="mySelect"  class="mySelect"  v-model="selectedOption"    multiple
             :multiple-limit="isMultiple ? 2 : 1">
-      <option v-for="(item,index) in typeList" :key="index" :value="index"  :disabled="!item.disabled ? false : true">{{item.name}}</option>
+      <option v-for="(item,index) in computedTypeList" :key="index" :value="index"  :disabled="!item.disabled ? false : true">{{item.name}}</option>
     </select>
   </div>
   <div class="lineBot"></div>
@@ -153,7 +153,7 @@ export default {
       checked: true,
       carNum:"",//车牌号
       typeList:[],//车辆类型列表
-      selectedOption:'1',//车辆类型
+      selectedOption:[],//车辆类型
       id:'',//车辆Id
       serviceIds:[],//车辆服务种类,
       supplierServiceList:[],
@@ -172,29 +172,32 @@ export default {
       isMultiple: false,     // 是否支持多选
     }
   },
-  watch:{
-    typeList(newVal){
-      console.log("1111",newVal)
-      if(newVal == 4){
-        this.isMultiple = true
-        this.typeList[2].disabled=true
-        this.typeList[5].disabled=true
-        this.typeList[6].disabled=true
-        this.typeList[7].disabled=true
-        this.typeList[8].disabled=true
-        this.typeList[9].disabled=true
-      }else{
-        this.isMultiple = false
-        this.typeList[2].disabled=false
-        this.typeList[5].disabled=false
-        this.typeList[6].disabled=false
-        this.typeList[7].disabled=false
-        this.typeList[8].disabled=false
-        this.typeList[9].disabled=false
-      }
+  computed: {
+    computedTypeList() {
+      return this.typeList.map((item, index) => {
+        if (this.isMultiple) {
+          if ([2, 5, 6, 7, 8, 9].includes(index)) {
+            return { ...item, disabled: true };
+          }
+        } else {
+          return { ...item, disabled: false };
+        }
+        return item;
+      });
+    },
+  },
+  watch: {
+    typeList: {
+      handler(newVal) {
+        if (newVal.length === 4) { // 假设你想判断数组长度是否为 4
+          this.isMultiple = true;
+        } else {
+          this.isMultiple = false;
+        }
+      },
+      deep: true,
     },
   },
-
   async mounted() {
     this.id=this.$route.params?.id
     const selectElement = document.getElementById('mySelect');