From af63b044b26ddf2a381b28e7a7f413ddeb31e1e9 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期五, 29 四月 2022 12:07:30 +0800
Subject: [PATCH] 社会收支总表
---
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue | 290 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 204 insertions(+), 86 deletions(-)
diff --git a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
index 0de6929..e231a57 100644
--- a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
+++ b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
@@ -1,109 +1,227 @@
<template>
- <div class="PersonnelTalents_greenCard">
+ <div class="PersonnelTalents_greenCard--warp">
+ <h1 class="title">浜烘墠缁垮崱璐埧銆佺鎴胯ˉ璐存儏鍐电粺璁¤〃</h1>
<div class="PT_greenCard--table">
<el-table
- max-height="640"
:data="tableData"
- :header-cell-style="handleheader"
- stripe
border
- style="width: 100%">
+ style="width: 100%" :cell-style="updataCellStyle" :span-method="mergeColumnTableCell">
<el-table-column
- align="center"
- prop="date"
- label="鎸囨爣鍚嶇О"
- fixed="left"
- width="220">
+ prop="jyear"
+ label="骞翠唤">
</el-table-column>
<el-table-column
- prop="name"
- align="center"
- label="鍘诲勾瀹屾垚"
- width="180">
+ label="A鍗�">
+ <el-table-column
+ prop="acardNums"
+ label="鎸佸崱鎬讳汉鏁� 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="asubsidy"
+ label="琛ヨ创鎬诲彂鏀� 锛堜竾鍏冿級">
+ </el-table-column>
+ <el-table-column
+ label="璐埧">
+ <el-table-column
+ prop="apurchaseNums"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="apurSubsidy"
+ label="璐埧琛ヨ创 锛堜竾鍏冿級">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="绉熸埧">
+ <el-table-column
+ prop="arentNums"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="arentSubsidy"
+ label="绉熸埧琛ヨ创 锛堜竾鍏冿級">
+ </el-table-column>
+ </el-table-column>
</el-table-column>
<el-table-column
- prop="address"
- align="center"
- label="1鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="2鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="3鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="4鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="5鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="6鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="7鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="8鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="9鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="10鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="11鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="12鏈�">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="鐪佸巺璁″垝">
- </el-table-column>
- <el-table-column
- prop="address"
- align="center"
- label="褰撳墠瀹屾垚鐜�"
- width="160">
+ label="B鍗�">
+ <el-table-column
+ prop="bcardNums"
+ label="鎸佸崱鎬讳汉鏁� 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="bsubsidy"
+ label="琛ヨ创鎬诲彂鏀� 锛堜竾鍏冿級">
+ </el-table-column>
+ <el-table-column
+ label="璐埧">
+ <el-table-column
+ prop="bpurchaseNums"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="bpurSubsidy"
+ label="璐埧琛ヨ创 锛堜竾鍏冿級">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="绉熸埧">
+ <el-table-column
+ prop="brentNums"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="brentSubsidy"
+ label="绉熸埧琛ヨ创 锛堜竾鍏冿級">
+ </el-table-column>
+ </el-table-column>
</el-table-column>
</el-table>
- <div class="PT--Echarts"></div>
</div>
</div>
</template>
<script>
+ import {getPersonCardTable} from '@/api/personnelTalents'
export default {
- name: "PersonnelTalents_GreenCard"
+ name: "PersonnelTalents_GreenCard",
+ data() {
+ return {
+ tableData: [],
+ spanArr: [], //spanArr鐢ㄤ簬瀛樻斁姣忎竴琛岃褰曠殑鍚堝苟鏁�
+ }
+ },
+ mounted() {
+ this.getPersonCardTable()
+ },
+ methods:{
+ getPersonCardTable() {
+ getPersonCardTable().then(res => {
+ if(res.code == 1000) {
+ this.tableData = res.list
+ this.rowspan()
+ }
+ })
+ },
+ // 淇敼鍗曚釜琛ㄦ牸鏍峰紡
+ updataCellStyle({ rowIndex, columnIndex}){
+ if(columnIndex===0){
+ return {background:'#51D2FF'}
+ }
+ },
+ rowspan() {
+ let position = 0 //鐢ㄤ簬瀛樺偍鐩稿悓椤圭殑寮�濮媔ndex
+ this.tableData.forEach((item,index) => {
+ console.log(item,'------------', + index)
+ if(index === 0) {
+ this.spanArr.push(1)
+ }else {
+ if(item.acardNums == this.tableData[index - 1].acardNums) {
+ this.spanArr[position] += 1
+ this.spanArr.push(0)
+ }else {
+ position = index
+ this.spanArr.push(1)
+ }
+ }
+ })
+ },
+ // 鍚堝苟鍗曞厓鏍�
+ mergeColumnTableCell({rowIndex,columnIndex}){
+ if(columnIndex == 1 || columnIndex == 7) {
+ const _row = this.spanArr[rowIndex]
+ const _col = _row>0 ? 1 : 0
+ return {
+ rowspan: _row,
+ colspan: _col
+ }
+ }
+ }
+ }
+
}
</script>
-<style scoped>
+<style lang="scss">
+@import "../../../../assets/css/base";
+.PT_greenCard--table {
+ .el-table tr {
+ background-color: #CEF2FF;
+ }
+
+ .el-table th.el-table__cell {
+ background-color: #51D2FF;
+ }
+
+ .el-table__fixed, .el-table__fixed-right, .el-table__fixed-right::before, .el-table__fixed::before {
+ background-color: #51D2FF;
+ }
+
+ .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
+ background-color: #A8E9FF;
+ }
+
+ .el-table thead {
+ color: #111111;
+ }
+
+ .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
+ border-bottom: 1Px solid #8E8E8E;
+ }
+
+ .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+ border-right: 1Px solid #8E8E8E;
+ }
+
+ .el-table .el-table__cell {
+ padding:0.127rem 0;
+ //padding: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 > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row > td.el-table__cell {
+ background: transparent;
+ height:0.390625rem;
+ }
+
+ .el-table .cell {
+ font-size: $fontSize-28;
+ color: $color-darkGrey;
+ font-weight: 300;
+ //height:0.625rem;
+ line-height: 0.125rem;
+ text-align: center;
+ }
+ // 澶撮儴鍥綋鑳屾櫙棰滆壊
+ .el-table thead.is-group th.el-table__cell {
+ background-color: #51D2FF;
+ }
+
+ // 澶撮儴鍥綋鍗曞厓鏍间笅杈规棰滆壊
+ .el-table--border th.el-table__cell, .el-table__fixed-right-patch {
+ border-bottom: 1px solid #8E8E8E;
+ }
+
+}
+</style>
+<style lang="scss" scoped>
+@import "../../../../assets/css/base";
+
+.PersonnelTalents_greenCard--warp {
+ width: 100%;
+ height: 90%;
+ h1 {
+ font-size: $fontSize-30;
+ font-weight: 400;
+ color: #ffffff;
+ //margin-top: 0.23828125rem;
+ text-align: center;
+ }
+ .PT_greenCard--table {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ top:0.125rem;
+ }
+}
</style>
--
Gitblit v1.9.1