From 031631bc70722e6c7aded6ab8705bbd042ed52ed Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期二, 12 四月 2022 10:07:15 +0800
Subject: [PATCH] 社保收支总表
---
src/pages/show/businessPolicy/BusinessPolicy.vue | 146 ++++++++++++++++++++++++++++++------------------
1 files changed, 91 insertions(+), 55 deletions(-)
diff --git a/src/pages/show/businessPolicy/BusinessPolicy.vue b/src/pages/show/businessPolicy/BusinessPolicy.vue
index e97c7a9..8ff2b87 100644
--- a/src/pages/show/businessPolicy/BusinessPolicy.vue
+++ b/src/pages/show/businessPolicy/BusinessPolicy.vue
@@ -68,7 +68,6 @@
stripe
:data="tableData"
style="width: 100%"
- :max-height="tableHeight"
:header-row-style="tableHeaderRow"
:row-class-name="tableRowClassName"
@row-click="tableRowClick"
@@ -111,7 +110,7 @@
stripe
:data="tableData2"
style="width: 100%"
- :max-height="tableHeight"
+ max-height="1005"
:header-row-style="tableHeaderRow"
:row-class-name="tableRowClassName"
>
@@ -174,7 +173,6 @@
return {
tableData: [
{
- id: 1,
keshi: "澶变笟澶�",
zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
shengxiaoDate: "2021/3鈥�2022/12",
@@ -423,52 +421,82 @@
"澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�",
laiyuan: "鐭冲搴勬柊闂�",
dianjiliang: "15690"
+ },
+ {
+ tableTitle:
+ "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�",
+ laiyuan: "鐭冲搴勬柊闂�",
+ dianjiliang: "15690"
+ },
+ {
+ tableTitle:
+ "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�",
+ laiyuan: "鐭冲搴勬柊闂�",
+ dianjiliang: "15690"
+ },
+ {
+ tableTitle:
+ "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�",
+ laiyuan: "鐭冲搴勬柊闂�",
+ dianjiliang: "15690"
+ },
+ {
+ tableTitle:
+ "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�",
+ laiyuan: "鐭冲搴勬柊闂�",
+ dianjiliang: "15690"
+ },
+ {
+ tableTitle:
+ "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�",
+ laiyuan: "鐭冲搴勬柊闂�",
+ dianjiliang: "15690"
}
],
tableDialogVisible: false,
tableHeight: window.innerHeight * 0.62
};
},
- mounted() {
- const that = this;
- window.onresize = () => {
- let height = window.innerHeight * 0.62;
- that.tableHieght = height;
- console.log(height);
- };
+ // mounted() {
+ // const that = this;
+ // window.onresize = () => {
+ // let height = window.innerHeight * 0.62;
+ // that.tableHieght = height;
+ // console.log(height);
+ // };
- // this.$nextTick(() => {
- // this.tableHeight = window.innerHeight * 0.62;
- // console.log(this.tableHeight);
- // });
- //
- // window.onresize = () =>
- // (() => {
- // window.screenWidth = document.body.clientWidth;
- // that.screenWidth = window.screenWidth;
- // })();
- },
- watch: {
- tableHeight(val) {
- // 涓轰簡閬垮厤棰戠箒瑙﹀彂resize鍑芥暟瀵艰嚧椤甸潰鍗￠】锛屼娇鐢ㄥ畾鏃跺櫒
- if (!this.timer) {
- // 涓�鏃︾洃鍚埌鐨則ableHeight鍊兼敼鍙橈紝灏卞皢鍏堕噸鏂拌祴缁檇ata閲岀殑tableHeight
- this.tableHeight = val;
- this.timer = true;
- const that = this;
- setTimeout(function() {
- // that.sjcount(that.screenWidth); //绐楀彛澶у皬鍙樺寲鍚庢墽琛岀殑鏂规硶
- that.reload(); //绐楀彛澶у皬鍙樺寲鍚庢墽琛岀殑鏂规硶
- console.log(tableHeight);
- that.timer = false;
- }, 10);
- }
- }
- },
+ // this.$nextTick(() => {
+ // this.tableHeight = window.innerHeight * 0.62;
+ // console.log(this.tableHeight);
+ // });
+ //
+ // window.onresize = () =>
+ // (() => {
+ // window.screenWidth = document.body.clientWidth;
+ // that.screenWidth = window.screenWidth;
+ // })();
+ // },
+ // watch: {
+ // tableHeight(val) {
+ // // 涓轰簡閬垮厤棰戠箒瑙﹀彂resize鍑芥暟瀵艰嚧椤甸潰鍗￠】锛屼娇鐢ㄥ畾鏃跺櫒
+ // if (!this.timer) {
+ // // 涓�鏃︾洃鍚埌鐨則ableHeight鍊兼敼鍙橈紝灏卞皢鍏堕噸鏂拌祴缁檇ata閲岀殑tableHeight
+ // this.tableHeight = val;
+ // this.timer = true;
+ // const that = this;
+ // setTimeout(function() {
+ // // that.sjcount(that.screenWidth); //绐楀彛澶у皬鍙樺寲鍚庢墽琛岀殑鏂规硶
+ // that.reload(); //绐楀彛澶у皬鍙樺寲鍚庢墽琛岀殑鏂规硶
+ // console.log(tableHeight);
+ // that.timer = false;
+ // }, 10);
+ // }
+ // }
+ // },
methods: {
- tableHeaderRow({ rowIndex }) {
- if (rowIndex === 0) return { height: "8rem" };
- },
+ // tableHeaderRow({ rowIndex }) {
+ // if (rowIndex === 0) return { height: "0.3125rem" };
+ // },
tableRowClassName({ rowIndex }) {
if (rowIndex % 2 === 0) {
return "warning-row";
@@ -480,13 +508,13 @@
console.log(row);
console.log(row.__ob__.dep.id);
console.log(row.id);
- },
- reload() {
- this.isAlive = false;
- this.$nextTick(function() {
- this.isAlive = true;
- });
}
+ // reload() {
+ // this.isAlive = false;
+ // this.$nextTick(function() {
+ // this.isAlive = true;
+ // });
+ // }
}
};
</script>
@@ -495,12 +523,16 @@
// 琛ㄦ牸
.BusinessPolicyTable {
+ height:3.92578125rem;
width: 4.5078rem;
position: absolute;
top: 0.2813rem;
left: 0.1289rem;
.el-table {
background: transparent;
+ }
+ .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
+ background: none;
}
// 鍘绘帀褰撳墠琛岄珮浜儗鏅鑹�
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
@@ -522,17 +554,17 @@
background: transparent;
}
.el-table--striped,
- .el-table__body,
- tr.el-table__row--striped,
- td.el-table__cell {
+ .el-table__body,
+ tr.el-table__row--striped,
+ td.el-table__cell {
background: transparent;
}
.el-table thead {
color: #111111;
}
- .el-table .el-table__cell {
- padding: 2rem 0;
- }
+ .el-table .el-table__cell {
+ padding: 0.0781rem 0;
+ }
.el-table__body tr.hover-row.current-row > td.el-table__cell,
.el-table__body,
tr.hover-row.el-table__row--striped.current-row,
@@ -589,8 +621,8 @@
}
</style>
<style lang="scss" scoped>
-#businessPolicy {
-}
+// #businessPolicy {
+// }
.upCentent {
height: 0.8984rem;
width: 9.6875rem;
@@ -668,6 +700,10 @@
margin-left: 0.1445rem;
margin-right: 0.0781rem;
}
+ img {
+ width: 0.5313rem;
+ height: 0.0625rem;
+ }
}
}
}
--
Gitblit v1.9.1