修改字段

src/components/Form/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+      
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, toRefs } from 'vue';
+</script>
+<style scoped>
+
+</style>

src/views/flowPool/components/add.vue

@@ -166,7 +166,6 @@ watch(() => record.value, val => {
         card.value = res.data
       }
     })
-    console.log(formState.value.iccids);
   }
 }, { deep: true })
 
@@ -177,13 +176,15 @@ watch(() => modelValue.value, val => {
   }
 })
 
-watch(() => SelectAll.value, val => {
-  if (val) {
-    iccids.val = card.value.map(res => res.iccid)
+
+const changeAll = (e)=>{
+  SelectAll.value = e
+  if (e) {
+    formState.value.iccids = card.value.map(res => res.iccid)
   } else {
-    iccids.val = []
+    formState.value.iccids = []
   }
-})
+}
 
 
 </script>
@@ -227,14 +228,12 @@ watch(() => SelectAll.value, val => {
             </a-select>
           </a-form-item>
           <a-form-item :label="$t('flowPool.ICCIDlabel')" v-if="formState?.simTariffId !== null">
-            <a-select v-model="formState.iccids" multiple :placeholder="$t('flowPool.ICCIDName')">
-              <a-option v-for=" item in card" :key="item.iccid" :value="item.iccid">{{
-                item.iccid
-              }}
+            <a-select v-model="formState.iccids" multiple :placeholder="$t('flowPool.ICCIDName')" :max-tag-count="10">
+              <a-option v-for=" item in card" :key="item.iccid" :value="item.iccid">{{item.iccid}}
               </a-option>
               <template #header>
                 <div style="padding: 6px 12px;">
-                  <a-checkbox v-model="SelectAll">全选</a-checkbox>
+                  <a-checkbox v-model="SelectAll" @change="changeAll">全选</a-checkbox>
                 </div>
               </template>
             </a-select>