|
@@ -33,7 +33,7 @@
|
|
v-loading="loading"
|
|
v-loading="loading"
|
|
element-loading-text="拼命加载中"
|
|
element-loading-text="拼命加载中"
|
|
:data="tableData"
|
|
:data="tableData"
|
|
- height="600"
|
|
|
|
|
|
+ :height="tableHeight"
|
|
class="lbg_color2"
|
|
class="lbg_color2"
|
|
@row-click="rowclinck"
|
|
@row-click="rowclinck"
|
|
style="width: 100%">
|
|
style="width: 100%">
|
|
@@ -121,6 +121,8 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ tableHeight: window.innerHeight - 350, //表格动态高度
|
|
|
|
+ screenHeight: window.innerHeight, //内容区域高度
|
|
loading: false, // 是显示加载
|
|
loading: false, // 是显示加载
|
|
paginationConfig: {
|
|
paginationConfig: {
|
|
hideSinglePage: false,
|
|
hideSinglePage: false,
|
|
@@ -184,7 +186,22 @@ export default {
|
|
},
|
|
},
|
|
mounted(){
|
|
mounted(){
|
|
this.init();
|
|
this.init();
|
|
|
|
+// window.onresize:浏览器尺寸变化响应事件
|
|
|
|
+ window.onresize = () => {
|
|
|
|
+ return (() => {
|
|
|
|
+ window.screenHeight = window.innerHeight
|
|
|
|
+ this.screenHeight = window.screenHeight
|
|
|
|
+ })()
|
|
|
|
+ }
|
|
},
|
|
},
|
|
|
|
+ watch: {
|
|
|
|
+ // 监听screenHeight从而改变table的高度
|
|
|
|
+ screenHeight(val) {
|
|
|
|
+ this.screenHeight = val
|
|
|
|
+ this.tableHeight = this.screenHeight -350
|
|
|
|
+ console.log( this.tableHeight);
|
|
|
|
+ }
|
|
|
|
+},
|
|
methods: {
|
|
methods: {
|
|
init(){
|
|
init(){
|
|
this.projectlist('');
|
|
this.projectlist('');
|
|
@@ -312,9 +329,6 @@ position:relative;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
color: #fff;
|
|
- &:hover{
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
.search{
|
|
.search{
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
@@ -340,7 +354,7 @@ position:relative;
|
|
border: none;
|
|
border: none;
|
|
}
|
|
}
|
|
.pagination{
|
|
.pagination{
|
|
- margin-top: 50px;
|
|
|
|
|
|
+ margin-top: 30px;
|
|
}
|
|
}
|
|
.page-content .el-pagination .el-pagination__jump{
|
|
.page-content .el-pagination .el-pagination__jump{
|
|
margin-top: -3px;
|
|
margin-top: -3px;
|