chore: remove email in UsersTable to make room for other fields (#246)

* chore: remove email in UsersTable to make room for others

* fix: fix not working properly

---------

Co-authored-by: JustSong <songquanpeng@foxmail.com>

web/src/components/UsersTable.js

@@ -186,14 +186,6 @@ const UsersTable = () => {
             <Table.HeaderCell
             <Table.HeaderCell
               style={{ cursor: 'pointer' }}
               style={{ cursor: 'pointer' }}
               onClick={() => {
               onClick={() => {
-                sortUser('email');
-              }}
-            >
-              邮箱地址
-            </Table.HeaderCell>
-            <Table.HeaderCell
-              style={{ cursor: 'pointer' }}
-              onClick={() => {
                 sortUser('quota');
                 sortUser('quota');
               }}
               }}
             >
             >
@@ -233,20 +225,19 @@ const UsersTable = () => {
                   <Table.Cell>
                   <Table.Cell>
                     <Popup
                     <Popup
                       content={user.email ? user.email : '未绑定邮箱地址'}
                       content={user.email ? user.email : '未绑定邮箱地址'}
-                      key={user.display_name}
-                      header={user.display_name ? user.display_name : user.username}
+                      key={user.username}
                       trigger={<span>{renderText(user.username, 10)}</span>}
                       trigger={<span>{renderText(user.username, 10)}</span>}
                       hoverable
                       hoverable
                     />
                     />
                   </Table.Cell>
                   </Table.Cell>
                   <Table.Cell>{renderGroup(user.group)}</Table.Cell>
                   <Table.Cell>{renderGroup(user.group)}</Table.Cell>
+                  {/*<Table.Cell>*/}
+                  {/*  {user.email ? <Popup hoverable content={user.email} trigger={<span>{renderText(user.email, 24)}</span>} /> : '无'}*/}
+                  {/*</Table.Cell>*/}
                   <Table.Cell>
                   <Table.Cell>
-                    {user.email ? <Popup hoverable content={user.email} trigger={<span>{renderText(user.email, 24)}</span>} /> : '无'}
-                  </Table.Cell>
-                  <Table.Cell>
-                    <Popup content='剩余额度' trigger={<Label>{renderQuota(user.quota)}</Label>} />
-                    <Popup content='已用额度' trigger={<Label>{renderQuota(user.used_quota)}</Label>} />
-                    <Popup content='请求次数' trigger={<Label>{renderNumber(user.request_count)}</Label>} />
+                    <Popup content='剩余额度' trigger={<Label basic>{renderQuota(user.quota)}</Label>} />
+                    <Popup content='已用额度' trigger={<Label basic>{renderQuota(user.used_quota)}</Label>} />
+                    <Popup content='请求次数' trigger={<Label basic>{renderNumber(user.request_count)}</Label>} />
                   </Table.Cell>
                   </Table.Cell>
                   <Table.Cell>{renderRole(user.role)}</Table.Cell>
                   <Table.Cell>{renderRole(user.role)}</Table.Cell>
                   <Table.Cell>{renderStatus(user.status)}</Table.Cell>
                   <Table.Cell>{renderStatus(user.status)}</Table.Cell>
@@ -320,7 +311,7 @@ const UsersTable = () => {
 
 
         <Table.Footer>
         <Table.Footer>
           <Table.Row>
           <Table.Row>
-            <Table.HeaderCell colSpan='8'>
+            <Table.HeaderCell colSpan='7'>
               <Button size='small' as={Link} to='/user/add' loading={loading}>
               <Button size='small' as={Link} to='/user/add' loading={loading}>
                 添加新的用户
                 添加新的用户
               </Button>
               </Button>