satge：首页样式补充

src/views/index.vue

 <template>
   <div class="app-container">
-    <el-row>
-      <el-col :span="12">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span>待办事项</span>
-            <el-button style="float: right; color: rgb(64, 158, 255);" type="normal">{{ pending.total }}</el-button>
-          </div>
-          <el-table :data="pending.rows" :show-header="false" style="width: 100%">
-            <el-table-column prop="pendingName" label="待办标题" class-name="pending_name"/>
-            <el-table-column prop="pendingType" label="业务类型" width="120" align="right">
-              <template slot-scope="scope">
-                <dict-tag :options="dict.type.pending_type" :value="scope.row.pendingType"/>
-              </template>
-            </el-table-column>
-            <el-table-column prop="pendingHref" label="操作" align="right">
-              <template slot-scope="scope">
-                <el-link v-if="scope.row.pendingHref" type="primary" :href="scope.row.pendingHref" style="font-size: 12px">去处理</el-link>
-              </template>
-            </el-table-column>
-          </el-table>
-          <div class="bottom clearfix">
-            <el-pagination
-                           layout="prev, pager, next"
-                           v-show="pending.total > 0"
-                           :total="pending.total"
-                           :page.sync="pending.params.pageNum"
-                           :limit.sync="pending.params.pageSize"
-                           @pagination="getPendingTable"
-            />
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="12"><div class="grid-content bg-purple-light"></div></el-col>
-    </el-row>
+
     <div class="home">
       <el-card class="margin-bottom-small">
         <div>
@@ -41,6 +8,40 @@
           <img src="@/assets/images/index-barder.png" alt="welcome" />
         </div>
       </el-card>
+      <div class="home-containerDaiban">
+        <el-row>
+          <el-col :span="12">
+            <el-card class="box-card">
+              <div slot="header" class="clearfix">
+                <span>待办事项</span>
+                <el-button style="float: right; color: rgb(64, 158, 255);" type="normal">{{ pending.total }}</el-button>
+              </div>
+              <el-table :data="pending.rows" :show-header="false" style="width: 100%">
+                <el-table-column prop="pendingName" label="待办标题" class-name="pending_name" />
+                <el-table-column prop="pendingType" label="业务类型" width="120" align="right">
+                  <template slot-scope="scope">
+                    <dict-tag :options="dict.type.pending_type" :value="scope.row.pendingType" />
+                  </template>
+                </el-table-column>
+                <el-table-column prop="pendingHref" label="操作" align="right">
+                  <template slot-scope="scope">
+                    <el-link v-if="scope.row.pendingHref" type="primary" :href="scope.row.pendingHref"
+                      style="font-size: 12px">去处理</el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div class="bottom clearfix">
+                <el-pagination layout="prev, pager, next" v-show="pending.total > 0" :total="pending.total"
+                  :page.sync="pending.params.pageNum" :limit.sync="pending.params.pageSize"
+                  @pagination="getPendingTable" />
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content bg-purple-light"></div>
+          </el-col>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -85,6 +86,14 @@ export default {
   background: #fff;
   height: calc(92vh - 84px);
   // padding-bottom: 50px;
+  position: relative;
+
+  .home-containerDaiban {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 
   .margin-bottom-small {
     // margin-bottom: 25px;
@@ -94,18 +103,22 @@ export default {
     justify-content: center;
   }
 }
+
 .clearfix:after {
   clear: both
 }
+
 .clearfix:before,
 .clearfix:after {
   display: table;
   content: "";
 }
+
 .bottom {
   margin-top: 13px;
   line-height: 12px;
 }
+
 .pending_name {
   font-size: 15px;
 }