优化ui

cds-fontend-2025.V1/src/views/system/user/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="tsx">
 import {computed, ref, watch} from 'vue';
-import { NButton, NDivider } from 'naive-ui';
+import { NAvatar, NButton, NDivider, NEllipsis  } from 'naive-ui';
 import { useBoolean, useLoading } from '@sa/hooks';
 import { jsonClone } from '@sa/utils';
 import { fetchBatchDeleteUser, fetchGetDeptTree, fetchGetUserList, fetchUpdateUserStatus } from '@/service/api/system';
@@ -73,8 +73,22 @@ const {
       title: $t('page.system.user.userName'),
       align: 'center',
       minWidth: 120,
+      width: 200,
       ellipsis: true,
-      resizable: true
+      resizable: true,
+      render: row => {
+        return (
+          <div class="flex items-center justify-center gap-2">
+            <NAvatar src={row.avatar} class="bg-primary">
+              {row.avatar ? undefined : row.nickName.charAt(0)}
+            </NAvatar>
+            <div class="max-w-160px flex flex-col">
+              <NEllipsis>{row.userName}</NEllipsis>
+              <NEllipsis>{row.nickName}</NEllipsis>
+            </div>
+          </div>
+        );
+      }
     },
     {
       key: 'nickName',