报表分析-单票分析页面

src/views/reportManagement/singleTicket/index.vue

@@ -120,7 +120,10 @@
     </el-form>
     <el-table
       :data="tableData"
-      style="width: 100%">
+      style="width: 100%"
+      ref="table1"
+      :height="tableHeight1"
+    >
       <el-table-column type="selection" width="60" align="center" />
       <el-table-column type="index" label="行号" align="center"/>
       <el-table-column prop="fBusinessType" label="作业类型" width="180" align="center"/>
@@ -148,7 +151,10 @@
     </h3>
     <el-table
       :data="costData"
-      style="width: 100%">
+      style="width: 100%"
+      ref="table2"
+      :height="tableHeight2"
+    >
       <el-table-column type="selection" width="60" align="center" />
       <el-table-column type="index" label="行号" align="center"/>
       <el-table-column prop="createTime" label="日期" width="180" align="center"/>
@@ -169,6 +175,8 @@ export default {
   name: "index",
   data(){
     return{
+      tableHeight1: '0',
+      tableHeight2: '0',
       query:{},
       costData:[],
       formInline:{},
@@ -177,6 +185,40 @@ export default {
       fMblnoOptions:[]
     }
   },
+  created() {
+    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.query.bsdateList = [year + '-' + month + '-' + '01 00:00:00', year + '-' + month + '-' + day + ' 23:59:59']
+
+  },
+  mounted() {
+    this.$nextTick(() => {
+      // 根据浏览器高度设置初始高度
+      this.tableHeight1 = (window.innerHeight - this.$refs.table1.$el.offsetTop - 160) / 2
+      // 监听浏览器高度变化，改变表格高度
+      window.onresize = () => {
+        this.tableHeight1 = (window.innerHeight - this.$refs.table1.$el.offsetTop - 70) /2
+      }
+    });
+    this.$nextTick(() => {
+      // 根据浏览器高度设置初始高度
+      this.tableHeight2 = (window.innerHeight - this.$refs.table1.$el.offsetTop - 160) / 2
+      // 监听浏览器高度变化，改变表格高度
+      window.onresize = () => {
+        this.tableHeight2 = (window.innerHeight - this.$refs.table1.$el.offsetTop - 70) /2
+      }
+    })
+  },
   methods:{
     getList(){
       listpayable(this.query).then(res=>{