dev

src/components/charge/AssociationIdCode.vue

@@ -1,5 +1,5 @@
 <template>
-  <Mask :height="560" :width="818" :is-show="show" @close="show = false" :show-footer="true" title="关联追溯码">
+  <Mask :height="560" :width="818" :is-show="show" @close="close" :show-footer="true" title="关联追溯码">
     <div class="panel">
       <div class="title">
         <div class="title-content">
@@ -27,7 +27,9 @@
            </thead>
            <tbody class="table-body" style="height: 52px">
            <tr v-for="(item,index) in tableData">
-             <td><input class="blue-radio" type="radio" :value="item.id" v-model="selected"/></td>
+             <td>
+               <input class="blue-radio" type="radio" :value="item.id" v-model="selected"  @click="closeModal"/>
+             </td>
              <td>{{ item.name }}</td>
              <td>
                <IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode && item.idCode.length > 0"/>
@@ -46,7 +48,7 @@
     </div>
     <template #footer>
       <div class="bottom">
-        <div class="default-btn" @click="show = false" type="primary">关闭</div>
+        <div class="default-btn" @click="close" type="primary">关闭</div>
         <div class="default-btn" @click="addIdCode" type="primary" style="margin-left: 24px">确定</div>
       </div>
     </template>
@@ -114,6 +116,16 @@ const emit = defineEmits(["addIdCode", "addTraceabilityCode"])
 const addTraceabilityCodeDo = (item: any) => {
   emit("addTraceabilityCode", item, traceabilityCode.value)
 }
+const showRadio=ref<any>(false)
+const closeModal = () => {
+  showRadio.value = false
+  selected.value=null
+
+}
+const close = () => {
+  show.value= false
+  closeModal()
+}
 </script>
 <style scoped lang="scss">
 .panel {