style(系统设置): 系统用户组页面调整

frontend/src/components/business/ms-user-group-comp/msUserGroupLeft.vue

@@ -6,7 +6,7 @@
     @press-enter="enterData"
     @search="searchData"
   />
-  <div v-if="showSystem" class="mt-2">
+  <div v-if="showSystem" class="mt-2 w-[252px]">
     <CreateUserGroupPopup
       :list="systemUserGroupList"
       :visible="systemUserGroupVisible"
@@ -84,7 +84,7 @@
       </div>
     </Transition>
   </div>
-  <div v-if="showOrg" class="mt-2">
+  <div v-if="showOrg" class="mt-2 w-[252px]">
     <CreateUserGroupPopup
       :list="orgUserGroupList"
       :visible="orgUserGroupVisible"
@@ -162,7 +162,7 @@
       </div>
     </Transition>
   </div>
-  <div v-if="showProject" class="mt-2">
+  <div v-if="showProject" class="mt-2 w-[252px]">
     <CreateUserGroupPopup
       :list="projectUserGroupList"
       :visible="projectUserGroupVisible"

frontend/src/components/business/ms-user-group-comp/userTable.vue

@@ -45,21 +45,24 @@
     {
       title: 'system.userGroup.name',
       dataIndex: 'name',
+      showTooltip: true,
     },
     {
       title: 'system.userGroup.email',
       dataIndex: 'email',
+      showTooltip: true,
     },
     {
       title: 'system.userGroup.phone',
-      dataIndex: 'email',
+      dataIndex: 'phone',
+      showTooltip: true,
     },
     {
       title: 'system.userGroup.operation',
       slotName: 'action',
       dataIndex: 'operation',
       fixed: 'right',
-      width: 200,
+      width: 100,
     },
   ];
 
@@ -74,11 +77,11 @@
 
   const { propsRes, propsEvent, loadList, setLoadListParams, setKeyword } = useTable(getRequestBySystemType(), {
     columns: userGroupUsercolumns,
-    scroll: { y: 'auto', x: '600px' },
+    scroll: { x: '100%' },
     selectable: false,
-    noDisable: false,
-    size: 'default',
+    noDisable: true,
     showSetting: false,
+    heightUsed: 340,
   });
 
   const fetchData = async () => {

frontend/src/views/setting/system/usergroup/systemUserGroup.vue

@@ -1,5 +1,5 @@
 <template>
-  <MsCard simple>
+  <MsCard auto-height simple>
     <div class="flex flex-row">
       <div class="user-group-left" :style="{ padding: leftCollapse ? '24px 24px 24px 0' : 0 }">
         <UserGroupLeft v-if="leftCollapse" @on-select="handleSelect" />
@@ -149,9 +149,10 @@
 <style lang="scss" scoped>
   .user-group-left {
     position: relative;
+    overflow-y: scroll;
     width: 300px;
     height: calc(100vh - 125px);
-    border-right: 1px solid var(--color-border);
+    border-right: 1px solid var(--color-border-1);
     .usergroup-collapse {
       position: absolute;
       top: 50%;
@@ -162,8 +163,8 @@
       align-items: center;
       width: 16px;
       height: 36px;
-      background-color: var(--color-text-n8);
-      opacity: 0;
+      background-color: var(--color-text-8);
+      opacity: 1;
       cursor: pointer;
       &:hover {
         opacity: 1;