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

style(系统设置): 用户组Footer栏样式调整

This commit is contained in:
fit2-zhao 2024-03-07 10:37:15 +08:00 committed by Craftsman
parent 8ef236c36b
commit 80783d2dbd
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/business/ms-user-group-comp/authTable.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="usergroup-auth-table"> <div class="group-auth-table">
<a-table <a-table
:span-method="dataSpanMethod" :span-method="dataSpanMethod"
:scroll="props.scroll" :scroll="props.scroll"
@ -53,12 +53,7 @@
</template> </template>
</a-table> </a-table>
</div> </div>
<div <div v-if="props.showBottom" v-permission="props.savePermission || []" class="footer" :style="{ width: props.width }">
v-if="props.showBottom"
v-permission="props.savePermission || []"
class="fixed bottom-[16px] right-[16px] z-[999] flex justify-between bg-white p-[24px] shadow-[0_-1px_4px_rgba(2,2,2,0.1)]"
:style="{ width: props.width }"
>
<ms-button :disabled="!canSave" @click="handleReset">{{ t('system.userGroup.reset') }}</ms-button> <ms-button :disabled="!canSave" @click="handleReset">{{ t('system.userGroup.reset') }}</ms-button>
<a-button v-permission="props.savePermission || []" :disabled="!canSave" type="primary" @click="handleSave">{{ <a-button v-permission="props.savePermission || []" :disabled="!canSave" type="primary" @click="handleSave">{{
t('system.userGroup.save') t('system.userGroup.save')
@ -239,8 +234,8 @@
/** /**
* 生成数据 * 生成数据
* @param item
* @param type * @param type
* @param idx
*/ */
const makeData = (item: UserGroupAuthSetting, type: AuthScopeType) => { const makeData = (item: UserGroupAuthSetting, type: AuthScopeType) => {
const result: AuthTableItem[] = []; const result: AuthTableItem[] = [];
@ -495,7 +490,7 @@
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.usergroup-auth-table { .group-auth-table {
position: relative; position: relative;
min-height: calc(100vh - 230px); min-height: calc(100vh - 230px);
:deep(.arco-table-container) { :deep(.arco-table-container) {
@ -513,4 +508,16 @@
} }
} }
} }
.footer {
position: fixed;
right: 17px;
bottom: 24px;
z-index: 999;
display: flex;
justify-content: flex-end;
padding: 24px;
background-color: #ffffff;
box-shadow: 0 -1px 4px rgb(2 2 2 / 10%);
gap: 16px;
}
</style> </style>