From 46c9787216df6a0d9b2004ffdc89faec96843846 Mon Sep 17 00:00:00 2001
From: Bronya <2650301730@qq.com>
Date: Fri, 5 Dec 2025 16:50:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A5=97=E9=A4=90=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=E6=93=8D=E4=BD=9C=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Inspection/PackageManagement.vue          | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/openhis-ui-vue3/src/views/maintainSystem/Inspection/PackageManagement.vue b/openhis-ui-vue3/src/views/maintainSystem/Inspection/PackageManagement.vue
index c65c93fa..f2809c8c 100644
--- a/openhis-ui-vue3/src/views/maintainSystem/Inspection/PackageManagement.vue
+++ b/openhis-ui-vue3/src/views/maintainSystem/Inspection/PackageManagement.vue
@@ -114,9 +114,9 @@
               <td>{{ item.operator }}</td>
               <td>
                 <div class="action-icons">
-                  <button class="icon-btn edit-btn" @click="handleEdit(item)"><i class="fas fa-edit"></i></button>
-                  <button class="icon-btn view-btn" @click="handleView(item)"><i class="fas fa-eye"></i></button>
-                  <button class="icon-btn delete-btn" @click="handleDelete(item)"><i class="fas fa-trash"></i></button>
+                  <el-button type="text" @click="handleEdit(item)"><el-icon><Edit /></el-icon></el-button>
+                  <el-button type="text" @click="handleView(item)"><el-icon><View /></el-icon></el-button>
+                  <el-button type="text" @click="handleDelete(item)"><el-icon><Delete /></el-icon></el-button>
                 </div>
               </td>
             </tr>
@@ -142,6 +142,7 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
+import { Edit, View, Delete } from '@element-plus/icons-vue';
 
 // 创建路由实例
 const router = useRouter();
@@ -550,21 +551,19 @@ tr:hover {
   gap: 8px;
 }
 
-.icon-btn {
+.action-icons .el-button {
+  color: var(--danger);
+  padding: 0;
   width: 24px;
   height: 24px;
-  border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--text-secondary);
-  cursor: pointer;
-  background: transparent;
-  border: none;
 }
 
-.icon-btn:hover {
-  background-color: #f0f0f0;
+.action-icons .el-button:hover {
+  background-color: #fff2f0;
+  color: var(--danger);
 }
 
 /* 分页样式 */