From 45b910fdc437507e73af540d4ac1ab45100f639a Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Thu, 16 Jan 2025 20:55:26 +0800
Subject: [PATCH] =?UTF-8?q?story#6071=EF=BC=8C=E7=BC=96=E8=BE=91=E8=BD=A6?=
 =?UTF-8?q?=E8=BE=86=E9=A1=B5=E9=9D=A2=E9=80=89=E6=8B=A9=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html              |  4 +--
 src/views/index/vehicleAdd.vue | 54 ++++++++++++++++++----------------
 2 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/public/index.html b/public/index.html
index 2ce9054d..53f32f1e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -30,10 +30,10 @@
         }
     </script>
     <script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
-<!--    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
+    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
     <script>
         // VConsole 默认会挂载到 `window.VConsole` 上
-        // let vConsole = new window.VConsole();
+        let vConsole = new window.VConsole();
         (function (doc, win) {
             console.log("==window.location.pathname===",window.location.pathname)
             let docEl = doc.documentElement
diff --git a/src/views/index/vehicleAdd.vue b/src/views/index/vehicleAdd.vue
index 68140272..bb159319 100644
--- a/src/views/index/vehicleAdd.vue
+++ b/src/views/index/vehicleAdd.vue
@@ -74,8 +74,9 @@
       <img class="startImg" src="@/assets/start.png" />
       <span>车辆类型</span>
     </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}}</option>
+    <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>
     </select>
   </div>
   <div class="lineBot"></div>
@@ -171,30 +172,29 @@ export default {
       isMultiple: false,     // 是否支持多选
     }
   },
-  watch: {
-    typeList: {
-      handler(newVal) {
-        if (newVal == 4) {
-          this.isMultiple = true;
-          this.$set(this.typeList, 2, { ...this.typeList[2], disabled: true });
-          this.$set(this.typeList, 5, { ...this.typeList[5], disabled: true });
-          this.$set(this.typeList, 6, { ...this.typeList[6], disabled: true });
-          this.$set(this.typeList, 7, { ...this.typeList[7], disabled: true });
-          this.$set(this.typeList, 8, { ...this.typeList[8], disabled: true });
-          this.$set(this.typeList, 9, { ...this.typeList[9], disabled: true });
-        } else {
-          this.isMultiple = false;
-          this.$set(this.typeList, 2, { ...this.typeList[2], disabled: false });
-          this.$set(this.typeList, 5, { ...this.typeList[5], disabled: false });
-          this.$set(this.typeList, 6, { ...this.typeList[6], disabled: false });
-          this.$set(this.typeList, 7, { ...this.typeList[7], disabled: false });
-          this.$set(this.typeList, 8, { ...this.typeList[8], disabled: false });
-          this.$set(this.typeList, 9, { ...this.typeList[9], disabled: false });
-        }
-      },
-      deep: true, // 深度监听
+  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
+      }
     },
   },
+
   async mounted() {
     this.id=this.$route.params?.id
     const selectElement = document.getElementById('mySelect');
@@ -312,8 +312,12 @@ export default {
     },
     async getTypeList() {
         let result=await vehicleTypeList();
+        this.typeList=[]
         if(result.code === 200){
-          this.typeList=result.data
+          for (const key in result.data){
+            // console.log("keys",result.data[key])
+            this.typeList.push({name:result.data[key],disabled:false})
+          }
         }
     },
     async getSupplierServiceTree(){