入库页面

src/views/Warehousing/inStock/index.vue

@@ -417,11 +417,13 @@
       </el-dialog>
 
       <el-table
+        ref="table"
         v-loading="loading"
         :data="warehousebillsList"
         @selection-change="handleSelectionChange"
         show-summary
         :summary-method="getSum"
+        :height="tableHeight"
       >
         <el-table-column type="selection" width="60" fixed align="center" />
         <el-table-column
@@ -543,6 +545,7 @@ export default {
   name: "plans",
   data() {
     return {
+      tableHeight: '600',
       timer: "",
       pageShow: true,
       pageShow2: false,
@@ -772,13 +775,46 @@ export default {
     });
     this.getRow();
     this.getList();
+    this.getMonth();
   },
   activated() {
     if (this.$route.query.id) {
       this.handleUpdate(this.$route.query.id);
     }
   },
+  mounted() {
+    // this.setHeight();
+  },
   methods: {
+    // 获取当前月的第一天和最后一天
+    getMonth() {
+      let date = new Date();
+      let year = parseInt(date.getFullYear())
+      let month = parseInt(date.getMonth() + 1)
+      let currentMonth = date.getMonth()
+      let nextMonth = ++currentMonth
+      let nextMonthFirstDay = new Date(date.getFullYear(), nextMonth, 1)  // 下个月的第一天
+      let oneDay = 1000*60*60*24
+      let lastTime = new Date(nextMonthFirstDay - oneDay) // 下个月的第一天减去一天，就是上个月的最后一天
+      let day = lastTime.getDate()
+      if (day < 10) {
+        day = '0' + day
+      }
+      this.queryParams.timeInterval = [year + '-' + month + '-' + '01 00:00:00', year + '-' + month + '-' + day + ' 23:59:59']
+    },
+    setHeight() {
+      console.log(this.$refs.table.$el);
+      const offsetTop = window.innerHeight - this.$refs.table.$el.offsetTop - 210
+      const offsetBodyHeight = document.querySelector('.el-table__body').offsetHeight
+      console.log(offsetTop, offsetBodyHeight)
+      if (this.warehousebillsList.length && offsetBodyHeight < offsetTop) {
+        this.tableHeight = offsetBodyHeight + 75
+      } else if (!this.warehousebillsList.length) {
+        this.tableHeight = null
+      } else {
+        this.tableHeight = offsetTop
+      }
+    },
     //列设置全选
     allChecked() {
       if (this.allCheck == true) {