diff --git a/src/components/charge/AssociationIdCode.vue b/src/components/charge/AssociationIdCode.vue
index dc6dab1..d2d363b 100644
--- a/src/components/charge/AssociationIdCode.vue
+++ b/src/components/charge/AssociationIdCode.vue
@@ -16,33 +16,27 @@
       </div>
       <div style="padding: 0 24px;flex: 1; min-height: 0;">
         <div class="list">
-          <table class="table" style="border-spacing: 0">
-            <thead style="background:#F1F5FB">
-            <tr class="table-title" style="background: #f1f5fb">
-              <th>选择</th>
-              <th>发药项目</th>
-              <th>产品标识码</th>
-              <th>系统处理</th>
-            </tr>
-            </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" @click="closeModal"/>
-              </td>
-              <td>{{ item.name }}</td>
-              <td>
-                <IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode && item.idCode.length > 0"/>
-                <div v-else>未关联</div>
-              </td>
-              <td style="width: 300px;">
-                <template v-if="selected === item.id">
+          <el-table :data="tableData" :header-cell-style="{backgroundColor: '#F1F5FB'}">
+            <el-table-column label="选择" width="60">
+             <template #default="scope">
+              <input class="blue-radio" type="radio" :value="scope.row.id" v-model="selected" @click="closeModal"/>
+            </template>
+            </el-table-column>
+            <el-table-column prop="name" label="发药项目" show-overflow-tooltip/>
+            <el-table-column prop="idCode" label="产品标识码" width="140" show-overflow-tooltip>
+            <template #default="scope">
+              <IdCodeListShow :idCodeList="scope.row.idCode" v-if="scope.row.idCode && scope.row.idCode.length > 0"/>
+              <div v-else>未关联</div>
+            </template>
+            </el-table-column>
+            <el-table-column label="系统处理" width="160" show-overflow-tooltip>
+              <template #default="scope">
+                <div v-if="selected === scope.row.id">
                   关联产品标识码，采集追溯码自动识别商品
-                </template>
-              </td>
-            </tr>
-            </tbody>
-          </table>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
         </div>
       </div>
     </div>
@@ -93,7 +87,6 @@ const addIdCode = () => {
   }
   let idCode = traceabilityCode.value.slice(0, 7);
   post("goods/goods/addIdCode", {goodsId: selected.value, idCode: idCode}).then((res: any) => {
-    show.value = false;
     for (let subItem of tableData.value) {
       if (subItem.id === selected.value) {
         if (subItem.idCode == null) {
@@ -102,6 +95,7 @@ const addIdCode = () => {
         subItem.idCode?.push(idCode);
         break
       }
+      close()
     }
   })
   const selectedItem = tableData.value.find((item: any) => item.id === selected.value);
@@ -109,7 +103,6 @@ const addIdCode = () => {
     return
   }
   addTraceabilityCodeDo(selectedItem)
-
 }
 
 const emit = defineEmits(["addIdCode", "addTraceabilityCode"])