satge：首页样式补充

src/views/index.vue

 <template>
   <div class="app-container">
+
+    <div class="home">
+      <el-card class="margin-bottom-small">
+        <div>
+          <!--        <img src="@/assets/images/welcome.png" alt="welcome" />-->
+          <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">
@@ -8,39 +17,31 @@
                 <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="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"/>
+                    <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>
+                    <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"
-            />
+                <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-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>
-          <!--        <img src="@/assets/images/welcome.png" alt="welcome" />-->
-          <img src="@/assets/images/index-barder.png" alt="welcome" />
       </div>
-      </el-card>
     </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;
 }