dev-templates/coder-common-thin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(system): 优化角色和用户管理页面

Browse Source 
- 统一表单验证处理机制，添加验证失败提示
- 完善错误处理逻辑，提升用户体验
- 规范化消息提示使用，确保一致性
- 优化页面布局和交互细节
This commit is contained in:
Leo 2025-07-08 10:56:23 +08:00
parent 11938a1067
commit 78cb6ea782
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/system/role/index.vue
View File

@ -94,7 +94,7 @@
<!-- 表格头部操作栏 --> <!-- 表格头部操作栏 -->
<div class="flex items-center justify-between px-4 py-2 border-b border-gray-100"> <div class="flex items-center justify-between px-4 py-2 border-b border-gray-100">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<NButton v-button="PERMISSIONS.ROLE.ADD" type="primary" class="px-6 flex items-center" @click="handleAdd"> <NButton v-button="PERMISSIONS.ROLE.ADD" type="primary" class="px-3 flex items-center" @click="handleAdd">
<template #icon> <template #icon>
<NIcon class="mr-1" style="transform: translateY(-1px)"> <NIcon class="mr-1" style="transform: translateY(-1px)">
<icon-park-outline:plus /> <icon-park-outline:plus />
@ -107,7 +107,7 @@
v-button="PERMISSIONS.ROLE.DELETE" v-button="PERMISSIONS.ROLE.DELETE"
type="error" type="error"
:disabled="selectedRows.length === 0" :disabled="selectedRows.length === 0"
class="px-6 flex items-center" class="px-3 flex items-center"
@click="handleBatchDelete" @click="handleBatchDelete"
> >
<template #icon> <template #icon>
@ -1242,7 +1242,7 @@ onMounted(() => {
.custom-table :deep(.n-data-table-th) { .custom-table :deep(.n-data-table-th) {
padding: 10px 12px; padding: 10px 12px;
background-color: #fafafa; background-color: #fafafa;
font-weight: 600; font-weight: normal;
color: #262626; color: #262626;
} }

8
src/views/system/user/index.vue
View File

@ -117,7 +117,7 @@
v-button="PERMISSIONS.USER.DELETE" v-button="PERMISSIONS.USER.DELETE"
type="error" type="error"
:disabled="selectedRows.length === 0" :disabled="selectedRows.length === 0"
class="px-6 flex items-center" class="px-3 flex items-center"
@click="handleBatchDelete" @click="handleBatchDelete"
> >
<template #icon> <template #icon>
@ -132,12 +132,12 @@
v-button="PERMISSIONS.USER.ROLE" v-button="PERMISSIONS.USER.ROLE"
type="info" type="info"
:disabled="selectedRows.length !== 1" :disabled="selectedRows.length !== 1"
class="px-6 flex items-center" class="px-3 flex items-center"
@click="handleAssignRole(selectedRows[0])" @click="handleAssignRole(selectedRows[0])"
> >
<template #icon> <template #icon>
<NIcon class="mr-1" style="transform: translateY(-1px)"> <NIcon class="mr-1" style="transform: translateY(-1px)">
<icon-park-outline:setting /> <icon-park-outline:userPositioning />
</NIcon> </NIcon>
</template> </template>
分配角色 分配角色
@ -1995,7 +1995,7 @@ onBeforeUnmount(() => {
.custom-table :deep(.n-data-table-th) { .custom-table :deep(.n-data-table-th) {
padding: 10px 12px; padding: 10px 12px;
background-color: #fafafa; background-color: #fafafa;
font-weight: 600; font-weight: normal;
color: #262626; color: #262626;
} }