From bc1417d555b6e78627e04b3b854ccacca87eed17 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期三, 27 四月 2022 11:19:39 +0800
Subject: [PATCH] 首页数据
---
src/pages/show/laborRelations/LaborRelations.vue | 36 ++++++++++++++++++++++++++----------
1 files changed, 26 insertions(+), 10 deletions(-)
diff --git a/src/pages/show/laborRelations/LaborRelations.vue b/src/pages/show/laborRelations/LaborRelations.vue
index 2b575f7..4ffd4d2 100644
--- a/src/pages/show/laborRelations/LaborRelations.vue
+++ b/src/pages/show/laborRelations/LaborRelations.vue
@@ -3,21 +3,21 @@
<div class="laborRelations__warp">
<h1 class="title"> 鍐滄皯宸ュ氨涓氬拰娆犺柂杩界即鎯呭喌缁熻琛�</h1>
<div class="laborRelations__table">
- <el-table style="width:100%" :data="tableUpData" :span-method="mergeColumnTableCell" border stripe
+ <el-table :max-height="tableHeight" style="width:100%" :data="tableUpData" :span-method="mergeColumnTableCell" border stripe
:cell-style="updataCellStyle">
- <el-table-column label="搴忓彿" prop="xuhao" width="135">
+ <el-table-column label="搴忓彿" prop="xuhao" min-width="35">
</el-table-column>
- <el-table-column label="椤圭洰" prop="xiangmu" width="650">
+ <el-table-column label="椤圭洰" prop="xiangmu" min-width="170">
</el-table-column>
- <el-table-column label="2017骞�" prop="serveteen">
+ <el-table-column label="2017骞�" prop="serveteen" min-width="80">
</el-table-column>
- <el-table-column label="2018骞�" prop="eighteen">
+ <el-table-column label="2018骞�" prop="eighteen" min-width="80">
</el-table-column>
- <el-table-column label="2019骞�" prop="nineteen">
+ <el-table-column label="2019骞�" prop="nineteen" min-width="80">
</el-table-column>
- <el-table-column label="2020骞�" prop="twenty">
+ <el-table-column label="2020骞�" prop="twenty" min-width="80">
</el-table-column>
- <el-table-column label="2021骞�" prop="twentyOne">
+ <el-table-column label="2021骞�" prop="twentyOne" min-width="80">
</el-table-column>
</el-table>
</div>
@@ -26,6 +26,7 @@
</template>
<script>
+ import nowSize from "../../../libs/nowSize";
export default {
name: "LaborRelations",
data() {
@@ -228,10 +229,12 @@
twenty: '134.3',
twentyOne: '134.3'
},
- ]
+ ],
+ tableHeight: window.innerHeight - nowSize(250)
}
},
methods: {
+ //鍚堝苟琛屽拰鍒�
mergeColumnTableCell({rowIndex, columnIndex}) {
// 鍚堝苟鍒�
if (columnIndex === 0) {
@@ -285,13 +288,26 @@
}else if(rowIndex===6&&columnIndex===1){
return{background:'#51D2FF',paddingLeft:'32px',textAlign:'left'}
}
+ },
+ getHeight() {
+ this.tableHeight = window.innerHeight - nowSize(250)
}
- }
+
+ },
+ created() {
+ window.addEventListener('resize', this.getHeight)
+ },
+ destroy() {
+ window.addEventListener('resize', this.getHeight)
+ }
}
</script>
<style lang="scss">
@import "../../../assets/css/base";
.laborRelations__table {
+ .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
+ background: transparent;
+ }
.el-table tr {
background-color: #CEF2FF;
}
--
Gitblit v1.9.1