提交

src/views/zhaoshang/completed/index.vue

@@ -206,6 +206,10 @@ export default {
   },
   created() {
     this.getList()
+	window.onresize = () => {
+	     	      this.changeTableMaxHeight()
+	     	    }
+	     	    this.changeTableMaxHeight()
   },
   computed: {
     dynamicStyle() {
@@ -215,6 +219,13 @@ export default {
       }
     }
     },
+	mounted() {
+	
+		window.onresize = () => {
+		          this.changeTableMaxHeight()
+		        }
+		        this.changeTableMaxHeight()
+	},
   methods: {
     /** 查询公告列表 */
     getList() {
@@ -327,7 +338,21 @@ export default {
 	      this.download('zhaoshangV3/qyxx/export', {
 	        ...this.queryParams
 	      }, `qyxx_${new Date().getTime()}.xlsx`)
-	    }
+	    },
+    // 获取屏幕高度
+                showFilterForm () {
+                      this.filterActive = !this.filterActive
+                      this.changeTableMaxHeight()
+                    },
+                    changeTableMaxHeight () {
+                      let height = document.body.offsetHeight // 网页可视区域高度
+                      // if (this.filterActive) {
+                      //   this.tableMaxHeight = height - 320
+                      // } else {
+                        this.tableMaxHeight = height - 250
+                      // }
+                      console.log(height)
+                    }
   }
 }
 </script>

src/views/zhaoshang/touzf/index.vue

@@ -51,7 +51,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row> -->
     <div style="margin-top: 15px;">
-		<div class=" infinite-list" :style="dynamicStyle"  >
+		<div    >
 		  <div  v-if='noticeList.length !=0'    :class=" ishsouetan == false? 'imghse hyeg' : 'hyeg'"   style="display: flex;flex-wrap: wrap;justify-content: space-between; " >
 		    <div @mouseenter="showContent(item)" @mouseleave="hideContent(item)"   :class=" ishsouetan == false? 'box_3dr zuihsoue flex-col' : 'box_3dr  flex-col'"   v-for="(item,index ) in noticeList" :key="index" >
 		                  <div :class=" item.isHidden?'nshge box_4 flex-row' : 'box_4 flex-row'" style="justify-content: space-between;margin: 0;">
@@ -239,7 +239,7 @@ export default {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 9,
         noticeTitle: undefined,
         createBy: undefined,
         status: undefined,
@@ -257,11 +257,22 @@ export default {
         ]
       },
 	  isHidden:false,
-	  tableMaxHeight:380
+	  tableMaxHeight:300
     }
   },
   created() {
     this.getList()
+	window.onresize = () => {
+	     	      this.changeTableMaxHeight()
+	     	    }
+	     	    this.changeTableMaxHeight()
+  },
+  mounted() {
+  
+  	window.onresize = () => {
+  	          this.changeTableMaxHeight()
+  	        }
+  	        this.changeTableMaxHeight()
   },
   computed: {
     dynamicStyle() {
@@ -383,7 +394,26 @@ export default {
 	    this.$modal.msgSuccess("删除成功")
 	    this.getList()
 	  })
-    }
+    },
+	handleExport() {
+	      this.download('zhaoshangV3/qyxx/export', {
+	        ...this.queryParams
+	      }, `qyxx_${new Date().getTime()}.xlsx`)
+	    },
+	// 获取屏幕高度
+	            showFilterForm () {
+	                  this.filterActive = !this.filterActive
+	                  this.changeTableMaxHeight()
+	                },
+	                changeTableMaxHeight () {
+	                  let height = document.body.offsetHeight // 网页可视区域高度
+	                  // if (this.filterActive) {
+	                  //   this.tableMaxHeight = height - 320
+	                  // } else {
+	                    this.tableMaxHeight = height - 280
+	                  // }
+	                  console.log(height)
+	                }
   }
 }
 </script>