设置table的高度

src/components/list/table-component.vue

@@ -5,6 +5,7 @@
         :data="tData"
         v-loading="loading"
         style="width: 100%"
+        :height="tableHeight"
         border
        >
         <el-table-column prop="diagnoseLogId" label="ID" min-width="100" align="center"></el-table-column>
@@ -120,6 +121,10 @@ export default {
         loading : {
             type: Boolean,
             default: false
+        },
+        tableHeight: {
+            type: Number,
+            default: 500
         }
     },
     data() {

src/views/IM/diagnosis-admin/diagnosis-list.vue

@@ -3,7 +3,7 @@
         <div class="component-content screenSet" id="screenSet">
             <div class="title">咨询订单管理后台</div>
 
-            <el-form :inline="true"  class="demo-form-inline" :model="searchParam" label-width="80px">
+            <el-form :inline="true"  class="demo-form-inline from-box" :model="searchParam" label-width="80px" ref="from">
                 <el-row :gutter="20" type="flex" justify="center">
                     <el-col :span="8" class="t-c">
                         <el-form-item label="姓名">
@@ -147,6 +147,7 @@
                         :pageSize="searchParam.pageSize"
                         :totalRows="totalRows"
                         :loading="loading"
+                        :tableHeight="tableHeight"
                         @timeHandle="timeHandle"
                         @endDiagnosis="endDiagnosis"
                         @callAll="callAll"
@@ -165,6 +166,7 @@
                         :pageSize="searchParam.pageSize"
                         :totalRows="totalRows"
                         :loading="loading"
+                        :tableHeight="tableHeight"
                         @timeHandle="timeHandle"
                         @endDiagnosis="endDiagnosis"
                         @callAll="callAll"
@@ -183,6 +185,7 @@
                         :pageSize="searchParam.pageSize"
                         :totalRows="totalRows"
                         :loading="loading"
+                        :tableHeight="tableHeight"
                         @timeHandle="timeHandle"
                         @endDiagnosis="endDiagnosis"
                         @callAll="callAll"
@@ -201,6 +204,7 @@
                         :pageSize="searchParam.pageSize"
                         :totalRows="totalRows"
                         :loading="loading"
+                        :tableHeight="tableHeight"
                         @timeHandle="timeHandle"
                         @endDiagnosis="endDiagnosis"
                         @callAll="callAll"
@@ -314,6 +318,7 @@ export default {
             },
             liveBack: false,
             timeClickFlag: true,
+            tableHeight: 500,
             endDateOpt: {
                 disabledData: (time) => {
                     if ( this.searchParam.createdTimeEnd != "" && this.searchParam.createdTimeEnd != null) {
@@ -364,6 +369,9 @@ export default {
             }
         }
     },
+    created() {
+        this.setTableHeight()
+    },
     mounted() {
         this.liveBack = this.$route.query.liveBack || false
         // if(this.liveBack) {
@@ -377,6 +385,14 @@ export default {
         this.search()
     },
     methods: {
+        // 设置table的高度
+        setTableHeight() {
+            this.$nextTick(() => {
+                if (document.getElementsByClassName('from-box') && document.getElementsByClassName('from-box')[0].clientHeight) {
+                    this.tableHeight = window.innerHeight-64-140-10-160-document.getElementsByClassName('from-box')[0].clientHeight
+                }
+            })
+        },
         changeBeginTime(val) {
             this.beginFlag = false
             this.endFlag = false