角色、机构样式修改

ui/dasadmin/src/layouts/backend/router-view/main.vue

@@ -1,6 +1,6 @@
 <template>
     <el-main class="layout-main">
-        <el-scrollbar class="layout-main-scrollbar" :style="layoutMainScrollbarStyle" ref="layoutMainScrollbarRef">
+        <el-scrollbar view-class="layout-main-scrollbar" :view-style="layoutMainScrollbarStyle" ref="layoutMainScrollbarRef">
             <router-view v-slot="{ Component }">
                 <transition :name="config.layout.mainAnimation" mode="out-in">
                     <keep-alive :include="state.keepAliveComponentNameList">

ui/dasadmin/src/views/backend/InstitutionalManagement/InstitutionalManagement.vue

@@ -46,13 +46,14 @@
                 <el-button @click="closeAddForm">关闭</el-button>
             </template>
         </el-dialog>
-        <el-container>
+        <el-container class="defaultContainer">
             <el-aside class="defaultAside">
                 <el-header class="treeHeader">
                     <el-input v-model="searchInputTreeValue" :placeholder="treeSearchInputPlaceholder" class="searchInput"></el-input>
                 </el-header>
                 <el-main class="treeMain">
                     <el-tree
+                        class="treePart"
                         ref="treeRef"
                         :data="treeData"
                         lazy
@@ -63,7 +64,7 @@
                     ></el-tree>
                 </el-main>
             </el-aside>
-            <el-container>
+            <el-container class="defaultMainContainer">
                 <el-header class="defaultHeader">
                     <div class="searchPart">
                         <el-input v-model="searchTableInput" class="searchInput"></el-input>
@@ -72,7 +73,7 @@
                     <el-button type="primary" :icon="Plus" class="defaultBtn" @click="addInstitutional">{{ t('management.add') }}</el-button>
                 </el-header>
                 <el-main class="defaultMain">
-                    <el-table :data="tableData">
+                    <el-table :data="tableData" class="tablePart">
                         <el-table-column
                             v-for="item in tableColumn"
                             :key="item.key"
@@ -176,7 +177,6 @@ const defaultFormModel = {
     revision: 1,
 }
 
-
 const formModel = ref<addDataType | changeDataType>(JSON.parse(JSON.stringify(defaultFormModel)))
 
 const provinceOptions: selectDataType[] = pcaTextArr
@@ -518,23 +518,41 @@ onMounted(() => {
     width: 220px;
     height: 40px;
 }
+$defaultHeaderHeight: 60px;
+$defaultMainHeight: calc(100% - 60px);
+$paginationHeight: 32px;
 .institutionalManagement {
+    width: 100%;
+    height: 100%;
+    .defaultContainer {
+        height: 100%;
         .defaultAside {
             width: 260px;
+            height: 100%;
             border-right: 1px solid #eaebed;
             .treeHeader {
                 display: flex;
                 align-items: center;
                 justify-content: center;
+                height: $defaultHeaderHeight;
                 .searchInput {
                     @include searchInput(0);
                 }
             }
+            .treeMain {
+                height: $defaultMainHeight;
+                .treePart {
+                    height: 100%;
                 }
+            }
+        }
+        .defaultMainContainer {
+            height: 100%;
             .defaultHeader {
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
+                height: $defaultHeaderHeight;
                 .searchPart {
                     display: flex;
                     justify-content: space-between;
@@ -549,6 +567,10 @@ onMounted(() => {
                 }
             }
             .defaultMain {
+                height: $defaultMainHeight;
+                .tablePart {
+                    height: calc(100% - $paginationHeight);
+                }
                 .tableOperate {
                     display: flex;
                     justify-content: center;
@@ -564,4 +586,6 @@ onMounted(() => {
                 }
             }
         }
+    }
+}
 </style>

ui/dasadmin/src/views/backend/RoleManagement/RoleManagement.vue

@@ -27,7 +27,7 @@
                 <el-button @click="cancelSubmitForm">取消</el-button>
             </template>
         </el-dialog>
-        <el-container>
+        <el-container class="container">
             <el-header class="containerHeader">
                 <div class="searchPart">
                     <el-input class="searchInput" v-model="searchInputValue" :placeholder="searchInputPlacehoder"></el-input>
@@ -36,7 +36,7 @@
                 <el-button type="primary" :icon="Plus" class="defaultBtn" @click="addClick">{{ t('management.add') }}</el-button>
             </el-header>
             <el-main class="containerMain">
-                <el-table :data="tableData">
+                <el-table :data="tableData" class="tablePart">
                     <el-table-column
                         v-for="item in tableColumn"
                         :key="item.key"
@@ -255,13 +255,20 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+$defaultHeaderHeight: 60px;
+$defaultMainHeight: calc(100% - 60px);
+$paginationHeight: 32px;
 .roleManagement {
+    width: 100%;
+    height: 100%;
+    .container {
         width: 100%;
         height: 100%;
         .containerHeader {
             display: flex;
             align-items: center;
             justify-content: space-between;
+            height: $defaultHeaderHeight;
             .searchInput {
                 margin-right: 10px;
                 width: 220px;
@@ -274,6 +281,9 @@ onMounted(() => {
         }
         .containerMain {
             width: 100%;
+            height: $defaultMainHeight;
+            .tablePart {
+                height: calc(100% - $paginationHeight);
                 .tableOperate {
                     display: flex;
                     justify-content: center;
@@ -289,4 +299,6 @@ onMounted(() => {
                 }
             }
         }
+    }
+}
 </style>