diff --git a/src/components/app-list/app-card.vue b/src/components/app-list/app-card.vue
index d0ed0b54ed97897c61e46558cb7c88cb0bc9a7ef..f9134d93780381d2e6ca9be8c909873093aa0568 100644
--- a/src/components/app-list/app-card.vue
+++ b/src/components/app-list/app-card.vue
@@ -61,7 +61,6 @@ export default {
 
 <style scoped>
 .app_card {
-  width: calc(20% - 36px);
   background-image: url(../../assets/imgs/bg_block.png);
   background-size: 100% 100%;
   padding: 33px 25px 34px;
diff --git a/src/components/app-list/app-list.vue b/src/components/app-list/app-list.vue
index aec7a9d994444a1aee45d9830e5ac722668a1a21..4e004bd162c92da035695dcfb05c700ab3a22517 100644
--- a/src/components/app-list/app-list.vue
+++ b/src/components/app-list/app-list.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app_list">
+  <div class="app_list" ref="container">
     <app-card
       v-for="(item, index) in data"
       :key="'app_card_' + index"
@@ -8,6 +8,7 @@
       @deployment-action="deploymentAction"
       @delete-action="deleteAction"
       :details-url="detailsUrl"
+      :style="{ width: 'calc(100% / ' + rowNum + ' - 36px)' }"
     ></app-card>
   </div>
 </template>
@@ -33,6 +34,9 @@ export default {
       default: 0,
     },
   },
+  data: () => ({
+    rowNum: 5,
+  }),
   methods: {
     deploymentAction(item) {
       this.$emit("deployment-action", item);
@@ -40,6 +44,16 @@ export default {
     deleteAction(item) {
       this.$emit("delete-action", item);
     },
+    pageResize() {
+      let listWidth = this.$refs.container.clientWidth;
+      this.rowNum = Math.floor(listWidth / 310);
+    },
+  },
+  mounted() {
+    this.pageResize();
+    window.onresize = () => {
+      this.pageResize();
+    };
   },
 };
 </script>
diff --git a/src/pages/authority/organization.vue b/src/pages/authority/organization.vue
index c61a5417c4b5e67a83a2c1172acb1d96503ff73a..5c7b8849c3d3e3c13fa0c70b5fb12e1dfb0ce9e2 100644
--- a/src/pages/authority/organization.vue
+++ b/src/pages/authority/organization.vue
@@ -213,7 +213,7 @@ export default {
   overflow: auto;
 }
 .main_container {
-  min-height: calc(100% - 74px);
+  min-height: calc(100% - 84px);
   padding: 15px 20px;
   border-radius: 10px;
   background-color: #fff;
diff --git a/src/pages/workbench/yygl/yyglList.vue b/src/pages/workbench/yygl/yyglList.vue
index 1e5dd86f08b43400f7803580df946f446e946b23..20fd322d5277546a96a0376a5a98ff4b2c082912 100644
--- a/src/pages/workbench/yygl/yyglList.vue
+++ b/src/pages/workbench/yygl/yyglList.vue
@@ -531,16 +531,17 @@ export default {
 
 <style scoped>
 .list_container {
-  min-height: 100%;
+  height: 100%;
   padding: 0 20px;
   overflow: auto;
 }
 .main_container {
-  min-height: calc(100% - 75px);
+  min-height: calc(100% - 84px);
   padding: 15px 20px;
   border-radius: 10px;
   overflow: hidden;
   background-color: #fff;
+  margin-bottom: 42px;
 }
 .main_container.card {
   display: flex;