修改布局

src/views/system/monitor/online/powerPage/appTabsPick.vue

@@ -396,9 +396,11 @@ defineExpose({
 											</el-checkbox>
 									</el-checkbox-group>
 								</div> 
-								<div class="shouquan">
-									<el-button type="primary" v-loading="menuLoading" element-loading-text="Loading..." @click="submintAppPower(item)">提交App权限</el-button>
-								</div>
+								
+							</div>
+
+							<div class="shouquan">
+								<el-button type="primary" v-loading="menuLoading" element-loading-text="Loading..." @click="submintAppPower(item)">提交App权限</el-button>
 							</div>
 						</el-tab-pane>
 					</el-tabs>
@@ -420,7 +422,7 @@ defineExpose({
 								{{ scope.row.name }}
 							</template>
 						</el-table-column>
-						<el-table-column prop="pagePower" label="页面权力" >
+						<el-table-column prop="pagePower" label="页面权力" width="130" >
                             <template #header>
                                 <el-text>页面权限</el-text>
                             </template>
@@ -439,7 +441,7 @@ defineExpose({
                                 </el-checkbox-group>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="formPower" label="表单权限" >
+                        <el-table-column prop="formPower" label="表单权限"  width="90">
                             <template #header>
                                 <el-text>表单权限</el-text>
                             </template>
@@ -457,7 +459,7 @@ defineExpose({
                                 </el-checkbox-group>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="listPower" label="listPower" >
+                        <el-table-column prop="listPower" label="listPower"  width="120">
                             <template #header>
                                 <el-text>列表权限</el-text>
                             </template>
@@ -475,7 +477,7 @@ defineExpose({
                                 </el-checkbox-group>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="visibleRange" label="数据权限" >
+                        <el-table-column prop="visibleRange" label="数据权限"  width="140">
                             <template #header>
                                         <el-text>数据权限</el-text>
                             </template>
@@ -538,7 +540,7 @@ defineExpose({
 		}
 	}
 	.appGroupTabs{
-		width: calc(100% - 140px);
+		width: calc(100% - 130px);
 		.appTabsCheckbox{
 			display: flex;
 			align-items: center;
@@ -558,6 +560,14 @@ defineExpose({
 }
 .left_hight{
     height: calc(100vh - 350px);
+	:deep .el-tabs__content{
+			padding: 0;
+		}
+}
+.demo-tabs{
+	:deep .el-tabs__content{
+			padding: 0;
+	}
 }
 .appGroupPowerButTitle{
 	font-size: 16px;
@@ -584,13 +594,17 @@ defineExpose({
 	display: flex;
 	justify-content: space-between;
 	.appInfoBox{
-		width: 410px;
-		::deep .el-tabs__content{
+		width: 390px;
+		:deep .el-tabs__content{
+			padding: 0;
+		}
+		.app-content .roleright[data-v-29264170] .el-tabs__content{
 			padding: 0;
 		}
 	}
+	
 	.appMenuBody{
-		width: calc(100% - 410px);
+		width: calc(100% - 390px);
 	}
 }
 .apptitle{