Browse Source

fix:修改表格高度

liuzl 2 years ago
parent
commit
1e495a2e4a
2 changed files with 4 additions and 12 deletions
  1. 2 6
      src/views/collection/index.vue
  2. 2 6
      src/views/collection/plan.vue

+ 2 - 6
src/views/collection/index.vue

@@ -39,12 +39,7 @@
         <table-tool :check-list.sync="checkList" :columns="columns" />
       </vab-query-form-right-panel>
     </vab-query-form>
-    <el-table
-      v-loading="listLoading"
-      border
-      :data="list"
-      height="calc(100vh - 290px)"
-      @selection-change="setSelectRows">
+    <el-table v-loading="listLoading" border :data="list" :height="height" @selection-change="setSelectRows">
       <el-table-column align="center" show-overflow-tooltip type="selection" />
       <el-table-column
         v-for="(item, index) in finallyColumns"
@@ -105,6 +100,7 @@
     },
     data() {
       return {
+        height: this.$baseTableHeight(2),
         approStatusOption: [
           { id: '10', label: '未回款' },
           { id: '20', label: '已回款' },

+ 2 - 6
src/views/collection/plan.vue

@@ -34,12 +34,7 @@
         <table-tool :check-list.sync="checkList" :columns="columns" />
       </vab-query-form-right-panel>
     </vab-query-form>
-    <el-table
-      v-loading="listLoading"
-      border
-      :data="list"
-      height="calc(100vh - 290px)"
-      @selection-change="setSelectRows">
+    <el-table v-loading="listLoading" border :data="list" :height="height" @selection-change="setSelectRows">
       <el-table-column align="center" show-overflow-tooltip type="selection" />
       <el-table-column
         v-for="(item, index) in finallyColumns"
@@ -104,6 +99,7 @@
     },
     data() {
       return {
+        height: this.$baseTableHeight(2),
         approStatusOption: [
           { id: '10', label: '未回款' },
           { id: '20', label: '已回款' },