优化

src/modules/iam/pages/InternalUsersView.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
 import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus'
-import { Pencil, Plus } from '@lucide/vue'
+import { Pencil, Plus, Power } from '@lucide/vue'
 import {
   changePlatformManagedUserStatus,
   createPlatformManagedUser,
@@ -22,7 +22,6 @@ import AppDialog from '@/shared/components/AppDialog.vue'
 import FormSection from '@/shared/components/FormSection.vue'
 import ListPageLayout from '@/shared/components/ListPageLayout.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
-import PageToolbar from '@/shared/components/PageToolbar.vue'
 import { useUnsavedWorkRegistration } from '@/core/unsaved-work/useUnsavedWorkRegistration'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { useAuthStore } from '@/core/auth/auth'
@@ -302,8 +301,6 @@ onMounted(loadInitialData)
 
 <template>
   <AdminPage as="div">
-    <PageToolbar title="内部用户" description="维护平台内部员工账号、平台角色和使用状态。" />
-
     <ListPageLayout aria-label="内部用户管理">
       <template #toolbar>
         <QueryToolbar
@@ -321,10 +318,9 @@ onMounted(loadInitialData)
         </LoadErrorState>
       </template>
 
-      <section class="surface-panel table-panel" :aria-busy="loading">
+      <section v-if="!loadError" class="surface-panel table-panel" :aria-busy="loading">
       <DataTable v-model:page="page" v-model:page-size="pageSize" :data="users" :columns="userColumns" preference-key="internal-users-table"
         :loading="loading" :total="total" aria-label="内部用户列表" row-key="membershipId" empty-text="没有符合筛选条件的内部用户">
-        <template #toolbar-start><div><h2>内部用户列表 <span class="secondary-text">共 {{ total }} 条</span></h2><p>维护平台内部员工账号、平台角色和使用状态。</p></div></template>
         <template #toolbar-actions><el-button v-if="canCreate" type="primary" @click="openCreate"><Plus :size="16" />新增用户</el-button></template>
         <template #actions="{ row }">
           <div class="table-actions">
@@ -336,7 +332,7 @@ onMounted(loadInitialData)
               :disabled="cannotDisable(row as PlatformManagedUser)"
               :title="(row as PlatformManagedUser).protectedAccount ? '系统管理员不能被禁用' : isCurrentUser(row as PlatformManagedUser) ? '不能禁用当前登录用户' : undefined"
               @click="toggleStatus(row as PlatformManagedUser)">
-              {{ (row as PlatformManagedUser).status === 'ACTIVE' ? '禁用' : '启用' }}
+              <Power :size="15" />{{ (row as PlatformManagedUser).status === 'ACTIVE' ? '禁用' : '启用' }}
             </el-button>
           </div>
         </template>
@@ -348,6 +344,7 @@ onMounted(loadInitialData)
         </template>
         <template #status="{ row }"><StatusBadge :status="(row as PlatformManagedUser).status === 'ACTIVE' ? '正常' : '禁用'" /></template>
         <template #lastLoginAt="{ row }">{{ formatLogin((row as PlatformManagedUser).lastLoginAt) }}</template>
+        <template #pagination-left="{ total: tableTotal }"><span>共 {{ tableTotal }} 条</span></template>
       </DataTable>
       </section>
     </ListPageLayout>