From 3a4f3fc29d4379a632279cba802e4b6722941c49 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期一, 18 四月 2022 13:42:01 +0800
Subject: [PATCH] 人事人才
---
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue | 326 ++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 241 insertions(+), 85 deletions(-)
diff --git a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
index 0de6929..fee2fb3 100644
--- a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
+++ b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
@@ -1,96 +1,80 @@
<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="nianfen"
+ label="骞翠唤">
</el-table-column>
<el-table-column
- prop="name"
- align="center"
- label="鍘诲勾瀹屾垚"
- width="180">
+ label="A鍗�">
+ <el-table-column
+ prop="chikazongrenshu"
+ label="鎸佸崱鎬讳汉鏁� 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="butiezongfafang"
+ label="琛ヨ创鎬诲彂鏀� 锛堜竾鍏冿級">
+ </el-table-column>
+ <el-table-column
+ label="璐埧">
+ <el-table-column
+ prop="chikarenshu"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="gourfangbutie"
+ label="璐埧琛ヨ创 锛堜竾鍏冿級">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="绉熸埧">
+ <el-table-column
+ prop="chikfarenshu"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="zufangbutie"
+ 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="chikazongrenshu1"
+ label="鎸佸崱鎬讳汉鏁� 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="butiezongfafang1"
+ label="琛ヨ创鎬诲彂鏀� 锛堜竾鍏冿級">
+ </el-table-column>
+ <el-table-column
+ label="璐埧">
+ <el-table-column
+ prop="chikarenshu1"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="gourfangbutie1"
+ label="璐埧琛ヨ创 锛堜竾鍏冿級">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ label="绉熸埧">
+ <el-table-column
+ prop="chikfarenshu1"
+ label="鎸佸崱浜烘暟 锛堜汉锛�">
+ </el-table-column>
+ <el-table-column
+ prop="zufangbutie1"
+ label="绉熸埧琛ヨ创 锛堜竾鍏冿級">
+ </el-table-column>
+ </el-table-column>
</el-table-column>
</el-table>
<div class="PT--Echarts"></div>
@@ -100,10 +84,182 @@
<script>
export default {
- name: "PersonnelTalents_GreenCard"
+ name: "PersonnelTalents_GreenCard",
+ data() {
+ return {
+ tableData: [
+ {
+ nianfen:'2021骞� 1鈥斺��3鏈�',
+ chikazongrenshu:'鈥斺��',
+ butiezongfafang:'鈥斺��',
+ chikarenshu:'鈥斺��',
+ gourfangbutie:'鈥斺��',
+ chikfarenshu:'鈥斺��',
+ zufangbutie:'鈥斺��',
+ chikazongrenshu1:'9938',
+ butiezongfafang1:'2914.8',
+ chikarenshu1:'鈥斺��',
+ gourfangbutie1:'鈥斺��',
+ chikfarenshu1:'6321',
+ zufangbutie1:'2914.8'
+ },
+ {
+ nianfen:'2021骞� 4鈥斺��6鏈�',
+ chikazongrenshu:'鈥斺��',
+ butiezongfafang:'鈥斺��',
+ chikarenshu:'鈥斺��',
+ gourfangbutie:'鈥斺��',
+ chikfarenshu:'鈥斺��',
+ zufangbutie:'鈥斺��',
+ chikazongrenshu1:'9938',
+ butiezongfafang1:'9456.7',
+ chikarenshu1:'754',
+ gourfangbutie1:'6654.5',
+ chikfarenshu1:'6072',
+ zufangbutie1:'2802.2'
+ },
+ {
+ nianfen:'2021骞� 7鈥斺��9鏈�',
+ chikazongrenshu:'鈥斺��',
+ butiezongfafang:'鈥斺��',
+ chikarenshu:'鈥斺��',
+ gourfangbutie:'鈥斺��',
+ chikfarenshu:'鈥斺��',
+ zufangbutie:'鈥斺��',
+ chikazongrenshu1:'9938',
+ butiezongfafang1:'9456.7',
+ chikarenshu1:'754',
+ gourfangbutie1:'6654.5',
+ chikfarenshu1:'6072',
+ zufangbutie1:'2802.2'
+ },
+ {
+ nianfen:'2021骞� 10鈥斺��12鏈�',
+ chikazongrenshu:'915',
+ butiezongfafang:'72.56',
+ chikarenshu:'5',
+ gourfangbutie:'68',
+ chikfarenshu:'3',
+ zufangbutie:'4.56',
+ chikazongrenshu1:'10600',
+ butiezongfafang1:'9456.7',
+ chikarenshu1:'754',
+ gourfangbutie1:'6654.5',
+ chikfarenshu1:'6072',
+ zufangbutie1:'2802.2'
+ }
+ ]
+ }
+ },
+ methods:{
+ // 淇敼鍗曚釜琛ㄦ牸鏍峰紡
+ updataCellStyle({ rowIndex, columnIndex}){
+ if(rowIndex===0&&columnIndex===0){
+ return {background:'#51D2FF'}
+ }else if(rowIndex===1&&columnIndex===0){
+ return{background:'#51D2FF'}
+ }else if(rowIndex===2&&columnIndex===0){
+ return{background:'#51D2FF'}
+ }else if(rowIndex===3&&columnIndex===0){
+ return{background:'#51D2FF'}
+ }
+ },
+ // 鍚堝苟鍗曞厓鏍�
+ mergeColumnTableCell({rowIndex,columnIndex}){
+ if(columnIndex === 7){
+ if(rowIndex === 0){
+ return {
+ rowspan:3,
+ colspan:1
+ }
+ }
+ }
+ }
+ }
+
}
</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