首页

src/views/dashboard/HomePage.vue

@@ -1,8 +1,8 @@
 <template>
   <div style="height: 100%">
     <div style="height: 50%;display: flex;justify-content: stretch;" >
-      <a-row type="flex" :gutter="16" style="height: 100%">
-        <a-col :md="8" :sm="24" style="height: 96%;">
+      <a-row type="flex" :gutter="16" style="height: 100%;width: 100%">
+        <a-col :md="8" :sm="24" style="height: 98%;">
           <!--待办任务-->
           <a-card title="待办" style="height: 100%;overflow: hidden;">
             <a-table
@@ -18,7 +18,7 @@
             </a-table>
           </a-card>
         </a-col>
-        <a-col :md="8" :sm="24" style="height: 96%;">
+        <a-col :md="8" :sm="24" style="height: 98%;">
           <!--站内消息-->
           <a-card ref="cardH" title="站内消息" style="height: 100%;overflow: hidden;">
             <a-table style="height: 100%;"
@@ -33,16 +33,16 @@
             </a-table>
           </a-card>
         </a-col>
-        <a-col :md="8" :sm="24" style="height: 96%;">
+        <a-col :md="8" :sm="24" style="height: 98%;">
           <!--登录日志-->
           <a-card title="登录日志" style="height: 100%;overflow: hidden">
-            <a-table
-              rowKey="id"
-              :scroll="{x: false, y: 300 }"
-              :show-header="false"
-              :columns="loginColumns"
-              :dataSource="loginLogs"
-              :pagination="false"
+            <a-table  style="height: 100%;"
+                      rowKey="id"
+                      :scroll="{x: false, y: 300 }"
+                      :show-header="false"
+                      :columns="loginColumns"
+                      :dataSource="loginLogs"
+                      :pagination="false"
             >
             </a-table>
           </a-card>
@@ -51,7 +51,7 @@
       </a-row>
     </div>
     <!--全部应用-->
-    <div class="bottom-div" style="height: 50%;margin-top: 1%" >
+    <div class="bottom-div" style="height: 50%;margin-top: 1%;width: 98.5%;" >
       <a-card title="全部应用" style="height: 100%">
         <a-row type="flex" :gutter="16" style="height: 100%;">
           <a-col class="bottomClick" span="4" @click='informationManagement'>
@@ -285,6 +285,34 @@ export default {
 <style scoped>
 @import url("http://at.alicdn.com/t/c/font_3733417_ws9m9bvag1h.css");
 
+/deep/.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
+  height: 100%;
+}
+
+/deep/.ant-table-scroll {
+  height: 100%;
+}
+
+/deep/.ant-table {
+  height: 100%;
+}
+
+/deep/.ant-table .ant-table-content {
+  height: 100%;
+}
+
+/deep/.ant-spin-container {
+  height: 100%;
+}
+
+/deep/.ant-spin-nested-loading{
+  height: 100%;
+}
+
+/deep/.ant-table-wrapper{
+  height: 100%;
+}
+
 /deep/.ant-card-head{
   margin-bottom:0px;
 }
@@ -328,7 +356,8 @@ export default {
 }
 
 /deep/.ant-card-body{
-  padding: 2% 3% 1% 3%;
+  padding: 5% 3% 5% 3%;
+  height: 80%;
 }
 
 .bottom-div /deep/.ant-card-head{