修改授权展示

This commit is contained in:
龙运模 2024-10-09 20:06:33 +08:00
parent fd51cf8e72
commit 6803810f00
2 changed files with 62 additions and 50 deletions

View File

@ -6,7 +6,8 @@
</div> </div>
<div class="right-panel"><div class="companyName">{{name}}</div></div> <div class="right-panel"><div class="companyName">{{name}}</div></div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding" v-loading="loading" element-loading-text="加载中...">
<el-scrollbar>
<div class="treeTable"> <div class="treeTable">
<div :class="list.length===0?'thenTitle thenTitleBottom':'thenTitle'"> <div :class="list.length===0?'thenTitle thenTitleBottom':'thenTitle'">
<div class="tr"> <div class="tr">
@ -39,6 +40,7 @@
</div> </div>
</div> </div>
</div> </div>
</el-scrollbar>
</el-main> </el-main>
</el-container> </el-container>
</template> </template>
@ -51,7 +53,8 @@ export default {
size:'small', size:'small',
id: this.$route.query.id, id: this.$route.query.id,
name:this.$route.query.name, name:this.$route.query.name,
list:[] list:[],
loading:false
} }
}, },
computed:{ computed:{
@ -81,7 +84,9 @@ export default {
let params = { let params = {
company_id:this.id company_id:this.id
} }
this.loading = true;
const res = await this.$API.system.company.permission.post(params); const res = await this.$API.system.company.permission.post(params);
this.loading = false;
res.data.forEach(item=>{ res.data.forEach(item=>{
if(item.children){ if(item.children){
item.children.forEach(em=>{ item.children.forEach(em=>{
@ -333,6 +338,8 @@ export default {
.tdName{ .tdName{
padding: 0 10px; padding: 0 10px;
min-height: 33px; min-height: 33px;
display: flex;
align-items: center;
} }
.childTr{ .childTr{
display: flex; display: flex;

View File

@ -13,7 +13,8 @@
<el-alert title="个人用户权限不可编辑,需要编辑请到到角色编辑对应的权限" type="warning" :closable="false" /> <el-alert title="个人用户权限不可编辑,需要编辑请到到角色编辑对应的权限" type="warning" :closable="false" />
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding" v-loading="loading" element-loading-text="加载中...">
<el-scrollbar>
<div class="treeTable"> <div class="treeTable">
<div :class="list.length===0?'thenTitle thenTitleBottom':'thenTitle'"> <div :class="list.length===0?'thenTitle thenTitleBottom':'thenTitle'">
<div class="tr"> <div class="tr">
@ -46,6 +47,7 @@
</div> </div>
</div> </div>
</div> </div>
</el-scrollbar>
</el-main> </el-main>
</el-container> </el-container>
</template> </template>
@ -60,7 +62,8 @@ export default {
name:this.$route.query.name, name:this.$route.query.name,
user_roles:[], user_roles:[],
list:[], list:[],
showPermission:false showPermission:false,
loading:false,
} }
}, },
computed:{ computed:{
@ -90,7 +93,9 @@ export default {
let params = { let params = {
user_id:this.id user_id:this.id
} }
this.loading = true;
const res = await this.$API.system.user.userPermission.post(params); const res = await this.$API.system.user.userPermission.post(params);
this.loading = false;
this.user_roles = res.data && res.data.role?res.data.role:[]; this.user_roles = res.data && res.data.role?res.data.role:[];
if(res.data && res.data.menu && res.data.menu.length>0){ if(res.data && res.data.menu && res.data.menu.length>0){
res.data.menu.forEach(item=>{ res.data.menu.forEach(item=>{