test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(系统设置): 用户组管理新增用户组

This commit is contained in:
RubyLiu 2023-06-15 16:43:02 +08:00 committed by 刘瑞斌
parent 62593baa90
commit 5dfe3effda
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/bussiness/usergroup/index.vue
View File

@ -9,7 +9,7 @@
<div class="mt-2 flex flex-col"> <div class="mt-2 flex flex-col">
<div class="flex h-[38px] items-center justify-between px-[8px] leading-[24px]"> <div class="flex h-[38px] items-center justify-between px-[8px] leading-[24px]">
<div class="second-color"> {{ t('system.userGroup.global') }}</div> <div class="second-color"> {{ t('system.userGroup.global') }}</div>
<div class="primary-color" style="font-size: 20px"><icon-plus-circle-fill /></div> <div class="primary-color"><icon-plus-circle-fill style="font-size: 20px" @click="addUserGroup" /></div>
</div> </div>
<div> <div>
<div <div
@ -32,7 +32,10 @@
@cancel="() => handlePopConfirmCancel(element.id)" @cancel="() => handlePopConfirmCancel(element.id)"
> >
<div class="draglist-item flex grow flex-row justify-between"> <div class="draglist-item flex grow flex-row justify-between">
<div class="usergroup-title leading-[24px]"> {{ element.name }}</div> <div class="usergroup-title leading-[24px]">
<span class="n1">{{ element.name }}</span>
<span v-if="element.title" class="n4">{{ `（${element.title}）` }}</span>
</div>
<div v-if="element.id === currentId"> <div v-if="element.id === currentId">
<MsTableMoreAction :list="customAction" @select="(value) => handleMoreAction(value, element.id)" /> <MsTableMoreAction :list="customAction" @select="(value) => handleMoreAction(value, element.id)" />
</div> </div>
@ -103,14 +106,7 @@
}, },
]; ];
const currentSystemId = ref(0); const addUserGroup = () => {
const addUser = (id: number) => {
currentSystemId.value = id;
addUserVisible.value = true;
};
const addSystemUserGroup = () => {
// eslint-disable-next-line no-console // eslint-disable-next-line no-console
addUserGroupVisible.value = true; addUserGroupVisible.value = true;
}; };
@ -153,6 +149,12 @@
.primary-color { .primary-color {
color: rgb(var(--primary-5)); color: rgb(var(--primary-5));
} }
.n1 {
color: var(--color-text-1);
}
.n4 {
color: var(--color-text-4);
}
.second-color { .second-color {
color: var(--color-text-input-border); color: var(--color-text-input-border);
} }