首页

src/App.vue

@@ -46,6 +46,9 @@ export default  {
 .el-card__header{
   padding: 0;
 }
+.el-table__body-wrapper{
+  height:inherit;
+}
 .d-block{
   display: block;
 }

src/views/index.vue

@@ -8,20 +8,20 @@
     <div class="mt10 grid-container grid-container3" style="height: 15%">
       <el-card v-for="item in card" class="grid-item" body-style="padding:0px;height:100%">
         <el-row :gutter="20">
-            <el-image class="height-full" style="border-radius: 4px;width: 30%;"
-                      :src="item.svg">
-              <div slot="placeholder" class="image-slot">
-                加载中<span class="dot">...</span>
-              </div>
-            </el-image>
-            <div class="height-full fr center mr20">
+          <el-image class="height-full" style="border-radius: 4px;width: 30%;"
+                    :src="item.svg">
+            <div slot="placeholder" class="image-slot">
+              加载中<span class="dot">...</span>
+            </div>
+          </el-image>
+          <div class="height-full fr center mr20">
               <span class="header d-block">
                 {{ item.title }}
               </span>
-              <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:item.color}">
+            <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:item.color}">
                 {{ item.text }}
               </span>
-            </div>
+          </div>
         </el-row>
       </el-card>
     </div>
@@ -29,18 +29,25 @@
     <div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px">
       <el-card class="grid-item" body-style="padding:0px;height:100%">
         <div slot="header" class="header">
-          <el-icon class="el-icon-s-comment"/>
+          <el-icon class="el-icon-s-management"/>
           待办事项
-          <el-button type="text" class="fr" style="font-size: 15px;color: unset"
-                     @click="linkPage('/pur/auditDelivery')">更多
-            <el-icon class="el-icon-d-arrow-right"/>
-          </el-button>
+          <div class="fr">
+            <el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList">
+              <el-icon class="el-icon-refresh"/>
+              重新加载
+            </el-button>
+            <el-button type="text" style="font-size: 15px;color: unset"
+                       @click.stop="linkPage('/pur/auditDelivery')">
+              更多
+              <el-icon class="el-icon-d-arrow-right"/>
+            </el-button>
+          </div>
         </div>
         <el-table
           v-loading="msgLoading"
           :data="msgList"
           stripe
-          style="width: 100%;margin-top: 10px">
+          style="width: 100%;height:calc(100% - 50px);margin-top: 10px">
           <el-table-column
             type="index"
             label="序号"
@@ -80,16 +87,22 @@
         <div slot="header" class="header">
           <el-icon class="el-icon-s-platform"/>
           审核送货单
-          <el-button type="text" class="fr" style="font-size: 15px;color: unset"
-                     @click="linkPage('/pur/auditDelivery')">更多
-            <el-icon class="el-icon-d-arrow-right"/>
-          </el-button>
+          <div class="fr">
+            <el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList">
+              <el-icon class="el-icon-refresh"/>
+              重新加载
+            </el-button>
+            <el-button type="text" style="font-size: 15px;color: unset"
+                       @click="linkPage('/pur/auditDelivery')">更多
+              <el-icon class="el-icon-d-arrow-right"/>
+            </el-button>
+          </div>
         </div>
         <el-table
           v-loading="orderLoading"
           :data="orderList"
           stripe
-          style="width: 100%;margin-top: 10px">
+          style="width: 100%;height:calc(100% - 50px);margin-top: 10px">
           <el-table-column
             type="index"
             label="序号"
@@ -226,7 +239,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.center{
+.center {
   display: flex;
   flex-direction: column;
   align-items: flex-start;