修改套餐管理页面操作图标设置

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);
 }
 
 /* 分页样式 */