修改练习结果页面布局

src/views/targetImprove/components/Table.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page_table">
     <el-table
+      :height="height"
       class="el-table--border"
       ref="tableRef"
       :show-header="showHeader"
@@ -112,7 +113,12 @@ export default {
     showHeader: {
       type: Boolean,
       default: true
+    },
+    height:{
+      type:String,
+      default:'calc(100%)'
     }
+
   },
   data() {
     return {
@@ -122,13 +128,36 @@ export default {
     };
   },
   mounted(){
+
+    
+    /*  
+    //demo
+    HandleSpanMethod({row,column,rowIndex,columnIndex}){
+        if(['type'].includes(column.property)){
+            return {
+            rowspan: row.sameRow,
+            colspan: 1,
+            }
+        }
+    }
+    HandleTableRowClassName({row,rowIndex}){
+      if(row.parentIndex % 2 == 0){
+        // 偶数行
+        return 'even_row'
+      }else{
+        // 奇数行
+        return 'odd_row'
+      }
+    }
+    */
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
 .page_table {
-  flex-shrink: 0;
+  // flex-shrink: 0;
   overflow: auto;
   display: flex;
   flex-direction: column;
@@ -138,6 +167,9 @@ export default {
     tr th.el-table__cell {
       font-size: 14px;
     }
+    .el-table__body-wrapper{
+        overflow: auto;
+    }
   }
 
   .el-table {

src/views/targetImprove/practice/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="['page_target', { 'flex': stepIndex==2 }]">
+  <div :class="['page_target', { 'flex': stepIndex==2 || stepIndex==3 }]">
     <TargetSubject></TargetSubject>
     <div class="target_item target_step">
       <div class="step_item" :class="stepIndex==1?'step_item_cur':''" @click="ChangeStep(1)">

src/views/targetImprove/practice/practiceResults.vue

@@ -348,12 +348,12 @@ export default ({
 
 <style lang="scss" scoped>
 .practice_result{
+    flex:1;
     display: flex;
     flex-direction: column;
     overflow: auto;
 
     width: 100%;
-    height: calc(100% - 60px - 88px );
     box-sizing: border-box;
     background-color: #fff;
     border-radius: 10px;