zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: scrollbar for authorizedWorkspaceDialog

Browse Source
This commit is contained in:
teukkk 2025-07-15 18:13:06 +08:00
parent 89dcac64e6
commit eae2b3e944
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
View File

@ -12,12 +12,12 @@
</el-radio-group> </el-radio-group>
<p class="mb-8 lighter mt-16">{{ $t('views.shared.select_workspace') }}</p> <p class="mb-8 lighter mt-16">{{ $t('views.shared.select_workspace') }}</p>
<div class="flex border" v-loading="loading"> <div class="flex border" v-loading="loading">
<div class="p-16 border-r"> <div class="border-r">
<el-input <el-input
v-model="search" v-model="search"
:validate-event="false" :validate-event="false"
:placeholder="$t('common.search')" :placeholder="$t('common.search')"
style="width: 364px" style="width: 364px; padding: 16px 16px 0 16px;"
clearable clearable
> >
<template #prefix> <template #prefix>
@ -29,6 +29,7 @@
<div class="mt-8"> <div class="mt-8">
<el-checkbox <el-checkbox
class="mb-8" class="mb-8"
style="margin-left: 16px;"
v-model="checkAll" v-model="checkAll"
:indeterminate="isIndeterminate" :indeterminate="isIndeterminate"
@change="handleCheckAllChange" @change="handleCheckAllChange"
@ -36,6 +37,7 @@
> >
{{ $t('views.shared.allCheck') }} {{ $t('views.shared.allCheck') }}
</el-checkbox> </el-checkbox>
<el-scrollbar max-height="205" wrap-class="p-16 pt-0">
<el-checkbox-group <el-checkbox-group
class="checkbox-group-block" class="checkbox-group-block"
v-model="checkedWorkspace" v-model="checkedWorkspace"
@ -53,10 +55,11 @@
</div> </div>
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-scrollbar>
</div> </div>
</div> </div>
<div class="p-16 w-full"> <div class="w-full">
<div class="flex-between mb-16"> <div class="flex-between p-16">
<span class="lighter"> <span class="lighter">
{{ $t('common.selected') }}: {{ checkedWorkspace.length }} 个 {{ $t('common.selected') }}: {{ checkedWorkspace.length }} 个
</span> </span>
@ -65,6 +68,7 @@
{{ $t('common.clear') }} {{ $t('common.clear') }}
</el-button> </el-button>
</div> </div>
<el-scrollbar max-height="250" wrap-class="p-16 pt-0">
<template v-for="ele in checkedWorkspace"> <template v-for="ele in checkedWorkspace">
<div class="flex-between"> <div class="flex-between">
<div class="flex align-center"> <div class="flex align-center">
@ -78,6 +82,7 @@
</el-button> </el-button>
</div> </div>
</template> </template>
</el-scrollbar>
</div> </div>
</div> </div>