抽屉的table列表高度修改

src/views/learningCenter/children/_tableDialog.vue

@@ -20,7 +20,7 @@
         </div>
       </el-col>
     </el-row>
-    <div style="padding: 20px;">
+    <div class="el_drawerTable">
       <el-table v-loading="loading" :data="tableData" style="width: 100%">
         <el-table-column type="index" width="70" label="序号" align="center">
           <template slot-scope="scope">
@@ -126,4 +126,12 @@ export default {
   }
 }
 </script>
-<style></style>
+<style lang="scss" scoped>
+.el_drawerTable{
+  padding: 20px;
+  .el-table{
+    max-height: 630px;
+    overflow: auto;
+  }
+}
+</style>

src/views/learningCenter/children/student_tableDialog.vue

@@ -20,7 +20,7 @@
         </div>
       </el-col>
     </el-row>
-    <div style="padding: 20px;">
+    <div class="el_drawerTable">
       <el-table :data="tableData" v-loading="loading" style="width: 100%">
         <el-table-column type="index" width="70" label="序号" align="center">
           <template slot-scope="scope">
@@ -115,4 +115,12 @@ export default {
   }
 }
 </script>
-<style></style>
+<style lang="scss" scoped>
+.el_drawerTable{
+  padding: 20px;
+  .el-table{
+    max-height: 630px;
+    overflow: auto;
+  }
+}
+</style>

src/views/learningCenter/components/_tableDialog.vue

@@ -20,7 +20,7 @@
         </div>
       </el-col>
     </el-row>
-    <div style="padding: 20px;">
+    <div class="el_drawerTable">
       <el-table :data="tableData" v-loading="loading" style="width: 100%">
         <el-table-column type="index" width="70" label="序号" align="center">
           <template slot-scope="scope">
@@ -116,4 +116,12 @@ export default {
   }
 }
 </script>
-<style></style>
+<style lang="scss" scoped>
+.el_drawerTable{
+  padding: 20px;
+  .el-table{
+    max-height: 630px;
+    overflow: auto;
+  }
+}
+</style>