trafficAudit.git

			@@ -45,7 +45,8 @@
			<div style="color:#909399;font-size:12px;margin-bottom:6px">
			共 {{ total }} 条记录，当前第 {{ page }} 页
			</div>
			<div class="table-area" ref="tableArea">
			<div class="table-wrap" ref="tableWrap">
			<div class="table-area">
			<el-table :data="records" border v-loading="loading" size="small" style="width:100%" height="100%">
			<el-table-column v-for="c in columns" :key="c.prop" :prop="c.prop" :label="c.label" :min-width="c.width" show-overflow-tooltip>
			<template slot-scope="scope">
			@@ -59,6 +60,7 @@
			:total="total" :current-page.sync="page" :page-size.sync="size"
			:page-sizes="[20, 50, 100]" @current-change="loadData" @size-change="loadData">
			</el-pagination>
			</div>
			</el-main>
			</el-container>
			</el-container>
			@@ -110,7 +112,7 @@
			})
			},
			toggleFullscreen() {
			const el = this.$refs.tableArea
			const el = this.$refs.tableWrap
			if (!document.fullscreenElement) {
			if (el && el.requestFullscreen) el.requestFullscreen()
			else this.$message.warning("浏览器不支持全屏")
			@@ -139,4 +141,18 @@
			background: #fff;
			overflow: auto;
			}
			#app .table-wrap:fullscreen {
			padding: 20px;
			background: #fff;
			overflow: auto;
			display: flex;
			flex-direction: column;
			}
			#app .table-wrap:fullscreen .table-area {
			flex: 1 1 auto;
			min-height: 0;
			}
			#app .table-wrap:fullscreen .el-pagination {
			flex: none;
			}
			</style>