Browse Source

feature:系统管理->角色管理
1、角色列表样式调整

luoyb 1 month ago
parent
commit
f2b57db324
1 changed files with 6 additions and 5 deletions
  1. 6 5
      src/views/system/role/index.vue

+ 6 - 5
src/views/system/role/index.vue

@@ -3,7 +3,7 @@
3 3
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
4 4
       <div v-show="showSearch" class="mb-[10px]">
5 5
         <el-card shadow="hover">
6
-          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
6
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="auto" class="-mb-25px -mt-5px">
7 7
             <el-form-item label="角色名称" prop="roleName">
8 8
               <el-input v-model="queryParams.roleName" placeholder="请输入角色名称" clearable @keyup.enter="handleQuery" />
9 9
             </el-form-item>
@@ -58,9 +58,9 @@
58 58
       <el-table ref="roleTableRef" v-loading="loading" max-height="calc(100vh - 23.75rem)" :data="roleList" @selection-change="handleSelectionChange">
59 59
         <el-table-column type="selection" width="55" align="center" />
60 60
         <el-table-column v-if="false" label="角色编号" prop="roleId" width="120" />
61
-        <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150" />
62
-        <el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" width="200" />
63
-        <el-table-column label="显示顺序" prop="roleSort" width="100" />
61
+        <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="300" />
62
+        <el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" width="300" />
63
+        <el-table-column label="显示顺序" prop="roleSort" width="150" />
64 64
         <el-table-column label="状态" align="center" width="100">
65 65
           <template #default="scope">
66 66
             <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
@@ -72,7 +72,7 @@
72 72
           </template>
73 73
         </el-table-column>
74 74
 
75
-        <el-table-column fixed="right" label="操作" width="180">
75
+        <el-table-column fixed="right" label="操作" width="300">
76 76
           <template #default="scope">
77 77
             <el-tooltip v-if="scope.row.roleId !== 1" content="修改" placement="top">
78 78
               <el-button v-hasPermi="['system:role:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
@@ -196,6 +196,7 @@ import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updat
196 196
 import { roleMenuTreeselect, treeselect as menuTreeselect } from '@/api/system/menu/index';
197 197
 import { RoleVO, RoleForm, RoleQuery, DeptTreeOption } from '@/api/system/role/types';
198 198
 import { MenuTreeOption, RoleMenuTree } from '@/api/system/menu/types';
199
+import { QuestionFilled } from '@element-plus/icons-vue';
199 200
 
200 201
 const router = useRouter();
201 202
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;