From 031631bc70722e6c7aded6ab8705bbd042ed52ed Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期二, 12 四月 2022 10:07:15 +0800
Subject: [PATCH] 社保收支总表
---
src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue | 4
src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue | 325 ++++++++++++++++++++++++++++++++++++++++++++++
src/pages/show/jiuyeAndChuangye/jiuyeChildren/biyeshengStatistics.vue | 8
config/index.js | 2
src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue | 2
src/assets/css/main.css | 2
src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue | 29 +--
src/pages/show/shehuiBaozhang/shehuiBaozhang.vue | 2
src/pages/show/businessPolicy/BusinessPolicy.vue | 1
9 files changed, 342 insertions(+), 33 deletions(-)
diff --git a/config/index.js b/config/index.js
index 93bd14c..6934c26 100644
--- a/config/index.js
+++ b/config/index.js
@@ -20,7 +20,7 @@
},
// Various Dev Server settings
- host: "localhost", // can be overwritten by process.env.HOST
+ host: "0.0.0.0", // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index d2e7d27..6189c31 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -214,7 +214,7 @@
*/
h1,h2,h3,h4,h5,h6 {
- font-size: 1rem;
+ font-size: 0.09375rem /* 24/256 */;
font-weight: normal;
}
diff --git a/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue b/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
index a7853e9..14145db 100644
--- a/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
+++ b/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
@@ -106,7 +106,7 @@
methods: {
handleheader(data) {
return {
- lineHeight: '0',
+ lineHeight: '2.5',
}
}
}
@@ -122,7 +122,7 @@
background-color:$color-blue;
}
.el-table .el-table__body-wrapper tr{
- height: 0.25rem /* 64/256 */;
+ height: 0.265625rem /* 68/256 */;
}
.el-table tr:nth-child(odd){
background-color: #CEF2FF;
diff --git a/src/pages/show/businessPolicy/BusinessPolicy.vue b/src/pages/show/businessPolicy/BusinessPolicy.vue
index d5c76a7..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="1005"
:header-row-style="tableHeaderRow"
:row-class-name="tableRowClassName"
@row-click="tableRowClick"
diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/biyeshengStatistics.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/biyeshengStatistics.vue
index a791a62..8e6d7a3 100644
--- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/biyeshengStatistics.vue
+++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/biyeshengStatistics.vue
@@ -275,27 +275,27 @@
thead{
background-color: $color-blue;
tr{
- height: 0.203125rem /* 52/256 */;
+ height: 0.25rem /* 64/256 */;
}
th,td{
color: $color-darkGrey;
border:1Px solid $color-grey; /*no*/
font-weight: 300;
- font-size: $fontSize-24;
+ font-size: $fontSize-28;
}
}
tbody{
background-color: #CEF2FF;
height: 3.90625rem /* 1000/256 */;
tr{
- height: 0.203125rem /* 52/256 */;
+ height: 0.25rem /* 64/256 */;
}
th,td{
color: $color-darkGrey;
text-align: center;
border:1Px solid $color-grey; /*no*/
font-weight: 300;
- font-size: $fontSize-24;
+ font-size: $fontSize-28;
}
}
}
diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue
index 60ef7b7..894339f 100644
--- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue
+++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue
@@ -108,7 +108,7 @@
@import "../../../../assets/css/base";
.chuangyeDanbaoDaikuan-wrap{
width: 100%;
- height: 100%;
+ height: calc(100% - 0.07813rem);
.danbaotongjibiao-box{
margin-top: 0.078125rem /* 20/256 */;
h1{
diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue
index a88dd41..3cff4c2 100644
--- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue
+++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue
@@ -11,55 +11,46 @@
fixed="left"
prop="year"
label="骞翠唤"
- align="center"
- width="200">
+ align="center">
</el-table-column>
<el-table-column label="琛ヨ创鎬у煿璁�" align="center">
<el-table-column
label="琛ヨ创鎬у煿璁�"
- align="center"
- width="800">
+ align="center">
<el-table-column
prop="shengtingjihua"
:label="'鐪佸巺璁″垝 \n 锛堜汉娆★級'"
- align="center"
- width="200">
+ align="center">
</el-table-column>
<el-table-column
prop="shijipeixunjihua"
:label="'瀹為檯鍩硅浜烘暟 \n 锛堜汉娆★級'"
- align="center"
- width="200">
+ align="center">
</el-table-column>
<el-table-column
prop="wanchenglv"
label="瀹屾垚鐜�"
- align="center"
- width="200">
+ align="center">
</el-table-column>
<el-table-column
prop="zhuanzhangzhichu"
:label="'涓撹处璧勯噾鏀嚭 \n 锛堜竾鍏冿級'"
- align="center"
- width="200">
+ align="center">
</el-table-column>
</el-table-column>
<el-table-column
prop="name"
label="鍏朵腑搴斿眾姣曚笟瀛﹀勾楂樻牎姣曚笟鐢�"
- align="center"
- width="400">
+ align="center">
<el-table-column
prop="peixunrenshu"
:label="'鍩硅浜烘暟 \n 锛堜汉娆★級'"
- align="center"
- width="200">
+ align="center">
</el-table-column>
<el-table-column
prop="butiejine"
:label="'琛ヨ创閲戦 \n 锛堜竾鍏�)'"
- align="center"
- width="200">
+ align="center">
</el-table-column>
</el-table-column>
</el-table-column>
@@ -137,7 +128,7 @@
@import "../../../../assets/css/base";
.zhiyePeixun-wrap{
width: 100%;
- height: 100%;
+ height: calc(100% - 0.078125rem /* 20/256 */);
margin-top: 0.078125rem /* 20/256 */;
.el-table th.el-table__cell{
background-color:$color-blue;
diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
index 306404d..8c86ff1 100644
--- a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
+++ b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
@@ -116,7 +116,7 @@
flex: 1;
padding: 0 0.078125rem /* 20/256 */;
box-sizing: border-box;
- height: 0.5859375rem /* 150/256 */;
+ height: 5.27344rem;
@include overflow-y();
}
}
diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue
index 132f77d..87aa6e3 100644
--- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue
+++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue
@@ -1,13 +1,332 @@
<template>
- <div>1111</div>
+ <div class="shebaoShouzhiZongbiao-wrap">
+ <div class="shebaoShouzhiZongbiao-table">
+ <h1>绀句細淇濋殰鍩洪噾缁熻琛�</h1>
+ <el-table
+ v-fit-columns
+ style="width: 100%">
+ <el-table-column
+ prop="name"
+ label="椤圭洰"
+ :data="tableData"
+ fixed>
+ </el-table-column>
+ <el-table-column
+ label="1鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="zhengjishouru"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="benyuezhichu"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="benyuejieyu"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="2鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="3鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="4鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="5鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="6鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="7鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="9鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="10鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="11鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="12鏈�">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="鏈勾绱">
+ <el-table-column
+ prop="totalMoney"
+ label="鎬绘敹鍏�">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="寰侀泦鏀跺叆">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀鏀嚭">
+ </el-table-column>
+ <el-table-column
+ prop="totalMoney"
+ label="鏈湀缁撲綑">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="绱缁撲綑">
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
</template>
<script>
export default {
- name: "shebaoShouzhiZongbiao"
+ name: "shebaoShouzhiZongbiao",
+ data() {
+ return {
+ tableData:[{
+ totalMoney: '323332',
+ zhengjishouru: '223333',
+ benyuezhichu: '3t638',
+ benyuejieyu: '76373637'
+ }]
+ }
+ }
}
</script>
-<style scoped>
+<style lang="scss">
+ @import "../../../../assets/css/base";
+ .shebaoShouzhiZongbiao-table{
+ width: 100%;
+ height: calc(100% - 0.078125rem /* 20/256 */);
+ margin-top: 0.078125rem /* 20/256 */;
+ .el-table th.el-table__cell{
+ background-color:$color-blue;
+ height: 0.3125rem /* 80/256 */;
+ }
+ .el-table tr{
+ height: 0.3125rem /* 80/256 */;
+ }
+ .el-table tr:nth-child(odd){
+ background-color: #CEF2FF;
+ }
+ .el-table tr:nth-child(even){
+ background-color: #A8E9FF;
+ }
+ .el-table, .el-table__expanded-cell{
+ background-color: transparent;
+ }
+ .el-table thead{
+ color: $color-darkGrey;
+ }
+ .el-table{
+ color: $color-darkGrey;
+ }
+ .el-table .cell{
+ font-size: $fontSize-28;
+ color: $color-darkGrey;
+ font-weight: 300;
+ line-height: 1;
+ white-space:pre-line;
+ }
+ .el-table--border th.el-table__cell, .el-table__fixed-right-patch{
+ border-bottom:1Px solid $color-grey; /*no*/
+ }
+ .el-table thead.is-group th.el-table__cell{
+ background-color: $color-blue;
+ }
+ .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
+ border-bottom:1Px solid $color-grey; /*no*/
+ }
+ .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
+ border-right:1Px solid $color-grey; /*no*/
+ }
+ }
+</style>
+<style lang="scss" scoped>
+ @import "../../../../assets/css/base";
+ .shebaoShouzhiZongbiao-wrap{
+ width: 100%;
+ height: calc(100% - 0.078125rem /* 20/256 */);
+ .shebaoShouzhiZongbiao-table{
+ margin-top: 0.078125rem /* 20/256 */;
+ h1{
+ font-size: $fontSize-30;
+ color: $color-white;
+ text-align: center;
+ line-height: 2;
+ }
+ }
+ }
</style>
--
Gitblit v1.9.1