工作台样式优化

project/xiushan/apps/AppConsole/AppConsole.vue

@@ -19,7 +19,7 @@
         </div>
       </div>
     </div>
-    <div class="middle" v-if="!isFinanceUser">
+    <div class="middle fill" v-if="!isFinanceUser">
       <div class="left">
         <div class="title">
           <h2>群众留言</h2>
@@ -40,7 +40,7 @@
           <ai-empty class="w100" v-if="!comments.length"/>
         </div>
       </div>
-      <div class="right">
+      <div class="right fill">
         <div class="title">
           <h2>政策动态</h2>
           <div @click="$router.push({name:routeNames.AppNewsCenter})">
@@ -66,7 +66,7 @@
         </div>
       </div>
     </div>
-    <div class="bottom" v-else>
+    <div class="bottom fill" v-else>
       <div class="title">
         <h2>需求抢单</h2>
         <div @click="$router.push({name:routeNames.AppFinancingNeeds})">
@@ -106,6 +106,7 @@ import {mapState} from "vuex";
 
 export default {
   name: "AppConsole",
+  label: "工作台",
   props: {
     instance: Function,
     dict: Object,
@@ -188,6 +189,8 @@ export default {
   margin-bottom: 20px;
   padding: 0 20px;
   overflow-y: auto;
+  display: flex;
+  flex-direction: column;
 
   .w100 {
     width: 100%;
@@ -323,12 +326,10 @@ export default {
 
   .middle {
     display: flex;
-    align-items: center;
     margin-bottom: 20px;
 
     .left {
       width: 480px;
-      height: 360px;
       padding: 0 16px 16px;
       overflow: hidden;
       background: #FFFFFF;
@@ -393,8 +394,6 @@ export default {
     }
 
     .right {
-      flex: 1;
-      height: 360px;
       margin-left: 20px;
       padding: 0 16px 16px;
       overflow: hidden;