修改授权展示

src/views/setting/company/add-permission.vue

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

src/views/setting/user/view-permission.vue

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