From 5ed64b07e331eb47884c9ba815535c4d73f4ca6a Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Fri, 17 Jan 2025 10:32:01 +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

---
 src/views/index/vehicleAdd.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/views/index/vehicleAdd.vue b/src/views/index/vehicleAdd.vue
index 688684d5..ea8dd3b1 100644
--- a/src/views/index/vehicleAdd.vue
+++ b/src/views/index/vehicleAdd.vue
@@ -74,9 +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 computedTypeList" :key="index" :value="index"  :disabled="!item.disabled ? false : true">{{item.name}}</option>
+    <select id="mySelect"  class="mySelect"  v-model="selectedOption"    multiple @change="setChange"
+          >
+      <option v-for="item in computedTypeList" :key="item.name" :value="item.name" :label="item.name"  :disabled="item.disabled">{{item.name}}</option>
     </select>
   </div>
   <div class="lineBot"></div>
@@ -175,6 +175,7 @@ export default {
   computed: {
     computedTypeList() {
       return this.typeList.map((item, index) => {
+        console.log("item, index",item, index)
         if (this.isMultiple) {
           if ([2, 5, 6, 7, 8, 9].includes(index)) {
             return { ...item, disabled: true };
@@ -186,10 +187,11 @@ export default {
       });
     },
   },
-  watch: {
+/*  watch: {
     typeList: {
       handler(newVal) {
-        if (newVal.length === 4) { // 假设你想判断数组长度是否为 4
+        console.log("newVal",newVal)
+        if (newVal.length === 2) { // 假设你想判断数组长度是否为 4
           this.isMultiple = true;
         } else {
           this.isMultiple = false;
@@ -197,12 +199,13 @@ export default {
       },
       deep: true,
     },
-  },
+  },*/
   async mounted() {
     this.id=this.$route.params?.id
     const selectElement = document.getElementById('mySelect');
     selectElement.addEventListener('change', function() {
      this.selectedOption=selectElement.value;
+      console.log(" this.selectedOption", this.selectedOption)
     });
     await this.getTypeList();
     if( this.id){
@@ -211,6 +214,9 @@ export default {
     await this.getSupplierServiceTree();
   },
   methods:{
+    setChange(){
+      console.log("===========",this.selectedOption)
+    },
     async vehicleLicenseFrontHandler(file) {    // 上传 行驶证首页
       const formData = new FormData();
       formData.append("file" , file.file);