瀏覽代碼

fix(web-admin): add icons to region staff action buttons

Co-authored-by: Cursor <cursoragent@cursor.com>
zlwu 1 月之前
父節點
當前提交
8d296b3da0
共有 1 個文件被更改,包括 26 次插入 和 2 次删除
  1. 26 2
      web-admin/src/views/basic-info/collection-region/index.vue

+ 26 - 2
web-admin/src/views/basic-info/collection-region/index.vue

@@ -154,9 +154,11 @@
             <template #default="{ row }">
               <div style="display: flex; justify-content: center; gap: 8px; flex-wrap: wrap">
                 <el-button class="btn-op-item primary" @click="openHospitalDialog(row)">
+                  <el-icon><OfficeBuilding /></el-icon>
                   地区医院配置
                 </el-button>
                 <el-button class="btn-op-item primary" @click="openStaffDialog(row)">
+                  <el-icon><User /></el-icon>
                   地区人员配置
                 </el-button>
                 <el-dropdown trigger="hover" @command="(cmd: string) => handleDropdownCommand(cmd, row)">
@@ -498,9 +500,16 @@
             >
               <template #default="{ row }">
                 <el-button class="btn-op-item primary" @click="toggleStaffLeader(row)">
+                  <el-icon>
+                    <StarFilled v-if="row.isLeader" />
+                    <Star v-else />
+                  </el-icon>
                   {{ row.isLeader ? '取消负责人' : '设为负责人' }}
                 </el-button>
-                <el-button class="btn-op-item" @click="handleDeleteStaff(row)">移除</el-button>
+                <el-button class="btn-op-item" @click="handleDeleteStaff(row)">
+                  <el-icon><Delete /></el-icon>
+                  移除
+                </el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -597,7 +606,22 @@
   import { formatDisplayOrDash } from '@/utils/datetime-display'
   import { ref, reactive, computed, onMounted } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
-  import { Plus, Close, Check, View, Edit, Delete, More, Location, RefreshLeft, Search } from '@element-plus/icons-vue'
+  import {
+    Plus,
+    Close,
+    Check,
+    View,
+    Edit,
+    Delete,
+    More,
+    Location,
+    RefreshLeft,
+    Search,
+    User,
+    OfficeBuilding,
+    Star,
+    StarFilled
+  } from '@element-plus/icons-vue'
   import { withFullscreenLoading, fullscreenLoadingText } from '@/utils/fullscreen-loading'
   import SystemViewDialog from '@/components/business/system-view-dialog/index.vue'
   import {