|
8 | 8 | </el-breadcrumb> |
9 | 9 | <el-card style="--el-card-padding: 0"> |
10 | 10 | <div class="flex"> |
11 | | - <div class="user-left border-r p-16"> |
12 | | - <div class="p-8 pb-0 mb-12"> |
13 | | - <div class="flex-between mb-16"> |
| 11 | + <div class="user-left border-r"> |
| 12 | + <div class="p-24 pb-0"> |
| 13 | + <div class="flex-between mb-12"> |
14 | 14 | <h4 class="medium">{{ $t('views.chatUser.group.title') }}</h4> |
15 | 15 | <el-tooltip |
16 | 16 | effect="dark" |
|
51 | 51 |
|
52 | 52 | <div class="list-height-left"> |
53 | 53 | <el-scrollbar v-loading="loading"> |
54 | | - <common-list |
55 | | - :data="filterList" |
56 | | - @click="clickUserGroup" |
57 | | - :default-active="current?.id" |
58 | | - @mouseenter="mouseenter" |
59 | | - @mouseleave="mouseId = ''" |
60 | | - > |
61 | | - <template #default="{ row }"> |
62 | | - <div class="flex-between"> |
63 | | - <span class="ellipsis">{{ row.name }}</span> |
64 | | - <div @click.stop v-show="mouseId === row.id"> |
65 | | - <el-dropdown :teleported="false"> |
66 | | - <el-button text> |
67 | | - <el-icon class="color-secondary"> |
68 | | - <MoreFilled /> |
69 | | - </el-icon> |
70 | | - </el-button> |
71 | | - <template #dropdown> |
72 | | - <el-dropdown-menu style="min-width: 80px"> |
73 | | - <el-dropdown-item |
74 | | - @click.stop="createOrUpdate(row)" |
75 | | - class="p-8" |
76 | | - v-if=" |
77 | | - hasPermission( |
78 | | - new ComplexPermission( |
79 | | - [RoleConst.ADMIN, RoleConst.WORKSPACE_MANAGE], |
80 | | - [ |
81 | | - PermissionConst.WORKSPACE_USER_GROUP_EDIT, |
82 | | - PermissionConst.USER_GROUP_EDIT, |
83 | | - ], |
84 | | - [], |
| 54 | + <div class="p-8-16"> |
| 55 | + <common-list |
| 56 | + :data="filterList" |
| 57 | + @click="clickUserGroup" |
| 58 | + :default-active="current?.id" |
| 59 | + @mouseenter="mouseenter" |
| 60 | + @mouseleave="mouseId = ''" |
| 61 | + > |
| 62 | + <template #default="{ row }"> |
| 63 | + <div class="flex-between"> |
| 64 | + <span class="ellipsis">{{ row.name }}</span> |
| 65 | + <div @click.stop v-show="mouseId === row.id"> |
| 66 | + <el-dropdown :teleported="false" trigger="click"> |
| 67 | + <el-button text> |
| 68 | + <el-icon class="color-secondary"> |
| 69 | + <MoreFilled /> |
| 70 | + </el-icon> |
| 71 | + </el-button> |
| 72 | + <template #dropdown> |
| 73 | + <el-dropdown-menu style="min-width: 80px"> |
| 74 | + <el-dropdown-item |
| 75 | + @click.stop="createOrUpdate(row)" |
| 76 | + class="p-8" |
| 77 | + v-if=" |
| 78 | + hasPermission( |
| 79 | + new ComplexPermission( |
| 80 | + [RoleConst.ADMIN, RoleConst.WORKSPACE_MANAGE], |
| 81 | + [ |
| 82 | + PermissionConst.WORKSPACE_USER_GROUP_EDIT, |
| 83 | + PermissionConst.USER_GROUP_EDIT, |
| 84 | + ], |
| 85 | + [], |
| 86 | + 'OR', |
| 87 | + ), |
85 | 88 | 'OR', |
86 | | - ), |
87 | | - 'OR', |
88 | | - ) |
89 | | - " |
90 | | - > |
91 | | - <el-icon> |
92 | | - <EditPen /> |
93 | | - </el-icon> |
94 | | - {{ $t('common.rename') }} |
95 | | - </el-dropdown-item> |
96 | | - <el-dropdown-item |
97 | | - @click.stop="deleteGroup(row)" |
98 | | - class="border-t p-8" |
99 | | - v-if=" |
100 | | - hasPermission( |
101 | | - new ComplexPermission( |
102 | | - [RoleConst.ADMIN, RoleConst.WORKSPACE_MANAGE], |
103 | | - [ |
104 | | - PermissionConst.WORKSPACE_USER_GROUP_DELETE, |
105 | | - PermissionConst.USER_GROUP_DELETE, |
106 | | - ], |
107 | | - [], |
| 89 | + ) |
| 90 | + " |
| 91 | + > |
| 92 | + <el-icon> |
| 93 | + <EditPen /> |
| 94 | + </el-icon> |
| 95 | + {{ $t('common.rename') }} |
| 96 | + </el-dropdown-item> |
| 97 | + <el-dropdown-item |
| 98 | + @click.stop="deleteGroup(row)" |
| 99 | + class="border-t p-8" |
| 100 | + v-if=" |
| 101 | + hasPermission( |
| 102 | + new ComplexPermission( |
| 103 | + [RoleConst.ADMIN, RoleConst.WORKSPACE_MANAGE], |
| 104 | + [ |
| 105 | + PermissionConst.WORKSPACE_USER_GROUP_DELETE, |
| 106 | + PermissionConst.USER_GROUP_DELETE, |
| 107 | + ], |
| 108 | + [], |
| 109 | + 'OR', |
| 110 | + ), |
108 | 111 | 'OR', |
109 | | - ), |
110 | | - 'OR', |
111 | | - ) |
112 | | - " |
113 | | - > |
114 | | - <el-icon> |
115 | | - <Delete /> |
116 | | - </el-icon> |
117 | | - {{ $t('common.delete') }} |
118 | | - </el-dropdown-item> |
119 | | - </el-dropdown-menu> |
120 | | - </template> |
121 | | - </el-dropdown> |
| 112 | + ) |
| 113 | + " |
| 114 | + > |
| 115 | + <el-icon> |
| 116 | + <Delete /> |
| 117 | + </el-icon> |
| 118 | + {{ $t('common.delete') }} |
| 119 | + </el-dropdown-item> |
| 120 | + </el-dropdown-menu> |
| 121 | + </template> |
| 122 | + </el-dropdown> |
| 123 | + </div> |
122 | 124 | </div> |
123 | | - </div> |
124 | | - </template> |
125 | | - <template #empty> |
126 | | - <span></span> |
127 | | - </template> |
128 | | - </common-list> |
| 125 | + </template> |
| 126 | + <template #empty> |
| 127 | + <span></span> |
| 128 | + </template> |
| 129 | + </common-list> |
| 130 | + </div> |
129 | 131 | </el-scrollbar> |
130 | 132 | </div> |
131 | 133 | </div> |
|
0 commit comments