Quellcode durchsuchen

人员列表高度随窗口高度调整变化。

zhengqiang vor 4 Jahren
Ursprung
Commit
db9ffd3757
2 geänderte Dateien mit 18 neuen und 6 gelöschten Zeilen
  1. 9 2
      src/views/base/personDeviceLog-list.vue
  2. 9 4
      src/views/base/personInfo-list.vue

+ 9 - 2
src/views/base/personDeviceLog-list.vue

@@ -343,8 +343,7 @@ export default {
           
           //45为分页栏的高度
           //页面高度-列表上面的高度-分页栏高度
-          self.tableHeight =
-            window.innerHeight - self.$refs.formTable.$el.offsetTop - 100;
+          self.adjustTableHeight();
         })
         .catch(error => {
           self.loading = false;
@@ -363,6 +362,10 @@ export default {
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
+    adjustTableHeight() {
+      var self = this;
+      self.tableHeight = window.innerHeight - self.$refs.formTable.$el.offsetTop - 100;
+    },
     handleReset(name) {
       this.$refs[name].resetFields();
       this.queryModel.timeRanges = "";
@@ -471,6 +474,10 @@ export default {
   },
   mounted: function() {
     this.changePage(1);
+    window.addEventListener('resize',this.adjustTableHeight);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize',this.adjustTableHeight);
   },
   components: {
     "el-select-tree": SelectTree

+ 9 - 4
src/views/base/personInfo-list.vue

@@ -1017,6 +1017,10 @@ export default {
         }
       });
     },
+    adjustTableHeight() {
+      var self = this;
+      self.tableHeight = window.innerHeight - self.$refs.formTable.$el.offsetTop - 110;
+    },
     changePage(pageIndex) {
       var self = this;
 
@@ -1089,8 +1093,7 @@ export default {
 
           //页面高度-列表上面的高度-分页栏高度
           //45为分页栏的高度
-          self.tableHeight =
-            window.innerHeight - self.$refs.formTable.$el.offsetTop - 110;
+          self.adjustTableHeight();
         })
         .catch((error) => {
           self.loading = false;
@@ -1735,10 +1738,12 @@ export default {
     }
   },
   async mounted() {
-    var self = this;
-
     this.changePage(1);
     //self.tableHeight = window.innerHeight - self.$refs.queryForm.$el.offsetTop - 100;
+    window.addEventListener('resize',this.adjustTableHeight);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize',this.adjustTableHeight);
   },
   components: {
     "personInfo-detail": PersonInfoDetail,