fix: 更新用户角色显示和优化分类页面样式

- 将用户角色名称更改为“超级管理员”以提升可读性。
- 在分类页面中，调整样式以确保树节点和内容的宽度为100%，并优化布局以增强用户体验。

Author: LiuYuYang01

src/components/Header/DropdownUser.tsx

@@ -13,7 +13,7 @@ const DropdownUser = () => {
       <Link onClick={() => setDropdownOpen(!dropdownOpen)} className="flex items-center gap-4" to="#">
         <span className="hidden text-right lg:block">
           <span className="block text-sm font-medium text-black dark:text-white">{store.user?.name}</span>
-          <span className="block text-xs">{store.role.name}</span>
+          <span className="block text-xs">超级管理员</span>
         </span>
 
         <span className="overflow-hidden h-8 w-8 rounded-full border border-stroke">

src/pages/Cate/index.scss

@@ -1,6 +1,21 @@
 .CatePage {
-    .ant-tree-treenode,
+    .ant-tree-treenode {
+        width: 100% !important;
+    }
+    
     .ant-tree-node-content-wrapper {
+        display: flex !important;
         width: 100% !important;
+        flex: 1 !important;
+    }
+    
+    .ant-tree-title {
+        width: 100% !important;
+        display: block !important;
+        flex: 1 !important;
+    }
+    
+    .ant-tree-switcher {
+        flex-shrink: 0 !important;
     }
 }

src/pages/Cate/index.tsx

@@ -183,7 +183,7 @@ export default () => {
 
       <Card className={`border-stroke [&>.ant-card-body]:!p-[30px_20px] [&>.ant-card-body]:!pb-6 mt-2 min-h-[calc(100vh-160px)]`}>
         <Spin spinning={loading}>
-          <Tree defaultExpandAll={true} treeData={toTreeData(list)} />
+          <Tree className="CatePage" defaultExpandAll={true} treeData={toTreeData(list)} />
         </Spin>
 
         <Modal loading={editLoading} title={isMethod === 'edit' ? '编辑分类' : '新增分类'} open={isModelOpen} onCancel={closeModel} destroyOnClose footer={null}>

src/pages/cate/index.scss

@@ -1,6 +1,21 @@
 .CatePage {
-    .ant-tree-treenode,
+    .ant-tree-treenode {
+        width: 100% !important;
+    }
+    
     .ant-tree-node-content-wrapper {
+        display: flex !important;
         width: 100% !important;
+        flex: 1 !important;
+    }
+    
+    .ant-tree-title {
+        width: 100% !important;
+        display: block !important;
+        flex: 1 !important;
+    }
+    
+    .ant-tree-switcher {
+        flex-shrink: 0 !important;
     }
 }

src/pages/cate/index.tsx

@@ -183,7 +183,7 @@ export default () => {
 
       <Card className={`border-stroke [&>.ant-card-body]:!p-[30px_20px] [&>.ant-card-body]:!pb-6 mt-2 min-h-[calc(100vh-160px)]`}>
         <Spin spinning={loading}>
-          <Tree defaultExpandAll={true} treeData={toTreeData(list)} />
+          <Tree className="CatePage" defaultExpandAll={true} treeData={toTreeData(list)} />
         </Spin>
 
         <Modal loading={editLoading} title={isMethod === 'edit' ? '编辑分类' : '新增分类'} open={isModelOpen} onCancel={closeModel} destroyOnClose footer={null}>