优化

src/views/kpi/assessment/stepList/index.vue

@@ -96,10 +96,10 @@
             align='center'
           >
           <template slot-scope="scope">
-            <div>
+            <div class="name">
                 <InfoHeader :obj="{
-                  src:scope.row.avatar,
-                name:scope.row.staffName }" />
+                  src:scope.row.avatar}" />
+                  <div style="width:50px;">{{scope.row.staffName}}</div>
             </div>
           </template>
           </el-table-column>
@@ -461,6 +461,11 @@ export default {
 
 <style lang='less' scoped>
 .step-content {
+  .name{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
   .footer {
     text-align: right;
     margin: 20px 0 0 0;

src/views/kpi/report/home/index.vue

@@ -48,15 +48,16 @@
           <div class="level_tips commonFont">等级分布</div>
           <div id="level_chart"></div>
         </div>
-        <el-table :data="tableData"
+        <div class='num_report'>
+          <el-table :data="tableData"
                   :header-cell-style="{ background:'#F5F7FA'}"
                   border
-                  style="flex-grow:2;margin-top:20px;height:100%">
-          <el-table-column prop="desc" label="绩效等级">
+                  >
+          <el-table-column prop="desc"  label="绩效等级">
           </el-table-column>
-          <el-table-column prop="num" label="实际分布">
+          <el-table-column prop="num" width="140" label="实际分布">
           </el-table-column>
-          <el-table-column label="操作" width="150">
+          <el-table-column label="操作" width="140">
             <template slot-scope="scope">
               <el-button
                 @click.native.prevent="handleDetailClick(scope.$index, scope.row)"
@@ -68,6 +69,7 @@
               </template>
             </el-table-column>
         </el-table>
+        </div>
       </div>
     </div>
     </div>
@@ -342,6 +344,7 @@ export default {
   padding-top:40px;
   padding-left: 20px;
   padding-right: 20px;
+  padding-bottom:40px;
 }
 .header {
   background: #fcfcfc;
@@ -396,7 +399,7 @@ export default {
   padding-left: 20px;
 }
 .num_report {
-  flex-grow: 1;
+  width: 420px;
   display: flex;
   flex-direction: column;
 }
@@ -439,7 +442,8 @@ export default {
   display: flex
 }
 #num_chart {
-  widows: 500px;
+  flex: 1;
+  padding-right: 100px;
   height: 360px;
 }
 .level_content{
@@ -450,7 +454,8 @@ export default {
   flex-grow: 1;
 }
 #level_chart {
-  width: 500px;
+  flex: 1;
+  padding-right: 100px;
   height: 360px;
 }
 </style>