From bd73b450b86d4db3cd0b94263df6ec645776dac5 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期五, 15 四月 2022 09:35:11 +0800
Subject: [PATCH] 劳动关系
---
src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue | 24 ++
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue | 158 +++++++++++++++++++
src/pages/show/otherBusiness/otherBusinessChild/OtherB_GongGuTuoPin.vue | 29 +++
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue | 109 +++++++++++++
src/router/router.js | 29 +++
src/pages/components/showIndexTitle.vue | 2
src/pages/show/laborRelations/LaborRelations.vue | 14
src/pages/show/personnelTalents/PersonnelTalents.vue | 114 ++++++++++++++
8 files changed, 468 insertions(+), 11 deletions(-)
diff --git a/src/pages/components/showIndexTitle.vue b/src/pages/components/showIndexTitle.vue
index 1967fec..ae06c94 100644
--- a/src/pages/components/showIndexTitle.vue
+++ b/src/pages/components/showIndexTitle.vue
@@ -23,7 +23,7 @@
<h1>绀句細淇濋殰</h1>
</div>
</el-menu-item>
- <el-menu-item>
+ <el-menu-item index="/personnelTalents">
<div class="showIndex-block">
<h1>浜轰簨浜烘墠</h1>
</div>
diff --git a/src/pages/show/laborRelations/LaborRelations.vue b/src/pages/show/laborRelations/LaborRelations.vue
index 57451a5..43bb0f8 100644
--- a/src/pages/show/laborRelations/LaborRelations.vue
+++ b/src/pages/show/laborRelations/LaborRelations.vue
@@ -5,19 +5,19 @@
<div class="laborRelations__table">
<el-table 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>
diff --git a/src/pages/show/otherBusiness/otherBusinessChild/OtherB_GongGuTuoPin.vue b/src/pages/show/otherBusiness/otherBusinessChild/OtherB_GongGuTuoPin.vue
index 14ff284..37b62e7 100644
--- a/src/pages/show/otherBusiness/otherBusinessChild/OtherB_GongGuTuoPin.vue
+++ b/src/pages/show/otherBusiness/otherBusinessChild/OtherB_GongGuTuoPin.vue
@@ -12,16 +12,21 @@
<el-table-column
prop="shengdingrenwu1"
label="鐪佸畾浠诲姟 锛堜竾浜猴級"
+ min-width="80"
>
</el-table-column>
<el-table-column
prop="shijiwancheng1"
label="瀹為檯瀹屾垚 锛堜竾锛�"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="shijiwanchenglv1"
label="瀹為檯瀹屾垚鐜�"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -29,16 +34,22 @@
<el-table-column
prop="shengdingrenwu1"
label="鐪佸畾浠诲姟 锛堜竾浜猴級"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="shijiwancheng1"
label="瀹為檯瀹屾垚 锛堜竾锛�"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="shijiwanchenglv1"
label="瀹為檯瀹屾垚鐜�"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -46,16 +57,22 @@
<el-table-column
prop="rendingshuliang"
label="璁ゅ畾鏁伴噺 锛堝锛�"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="xinatuopin"
label="鍚哥撼鑴辫传鍔冲姩鍔� 锛堜汉锛�"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="yichixiangxina"
label="涓�娆℃�у惛绾冲氨涓氳ˉ璐村彂鏀� 锛堜竾鍏冿級"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -63,16 +80,22 @@
<el-table-column
prop="jianchengchuangye"
label="寤烘垚鍒涗笟 瀛靛寲鍩哄湴 锛堝锛�"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="ruzhu"
label="鍏ラ┗ 锛堟埛锛�"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="daidongjiuye"
label="甯﹀姩灏变笟 锛堜汉锛�"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -80,11 +103,15 @@
<el-table-column
prop="kaifagongyi"
label="寮�鍙戝叕鐩婂矖浣� 锛堢被锛�"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="anzhirenyuan"
label="瀹夌疆浜哄憳 锛堜竾浜猴級"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -296,7 +323,7 @@
.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*/
- height:0.375rem;
+ height: 0.375rem;
}
}
</style>
diff --git a/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue b/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue
index 676fa35..40a2c41 100644
--- a/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue
+++ b/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue
@@ -7,28 +7,35 @@
style="width: 100%">
<el-table-column
prop="year"
- label="骞翠唤">
+ label="骞翠唤" min-width="80">
</el-table-column>
<el-table-column
label="鍥芥皯浜哄潎鍙敮閰嶆敹鍏�">
<el-table-column
prop="shouru"
label="鏀跺叆(鍏�)"
+ min-width="80"
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei"
label="鍏ㄧ渷鎺掑悕"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="zengzhang"
label="澧為暱"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei1"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -36,21 +43,29 @@
<el-table-column
prop="shouru1"
label="鏀跺叆(鍏�)"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei2"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="zengzhang1"
label="澧為暱"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei3"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -58,21 +73,27 @@
<el-table-column
prop="shouru2"
label="鏀跺叆(鍏�)"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quashengpaiwei4"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="zengzhang2"
label="澧為暱 "
+ min-width="80"
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei5"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
>
</el-table-column>
</el-table-column>
@@ -366,6 +387,7 @@
//);
.OtherB-PeopleJunShouRu__table {
+ width:100%;
margin-top: 0.078125rem /* 20/256 */
;
diff --git a/src/pages/show/personnelTalents/PersonnelTalents.vue b/src/pages/show/personnelTalents/PersonnelTalents.vue
new file mode 100644
index 0000000..77ba193
--- /dev/null
+++ b/src/pages/show/personnelTalents/PersonnelTalents.vue
@@ -0,0 +1,114 @@
+<template>
+ <div class="personnelTalents__warp">
+ <div class="personnelTalents-menu-left">
+ <el-menu :default-active="$route.path" router mode="vertical">
+ <el-menu-item index="/personnelTalents_unitPersonnel">
+ <div class="menu-left-block">
+ <h1>浜嬩笟鍗曚綅浜哄憳鎯呭喌</h1>
+ </div>
+ </el-menu-item>
+ <el-menu-item index="/personnelTalents_greenCard">
+ <div class="menu-left-block">
+ <h1>浜烘墠缁垮崱琛ヨ创</h1>
+ </div>
+ </el-menu-item>
+ </el-menu>
+ </div>
+ <div class="personnelTalents-right">
+ <router-view></router-view>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "PersonnelTalents"
+}
+</script>
+<style lang="scss">
+.personnelTalents__warp {
+ .el-menu {
+ background-color: transparent;
+ border-right: none;
+ }
+
+ .el-menu-item, .el-submenu__title {
+ height: 0.3125rem /* 80/256 */
+ ;
+ margin: 0.1171875rem /* 30/256 */
+ 0;
+ }
+
+ .el-menu-item {
+ background: url("../../../assets/images/jiuye-menu-normal.png") no-repeat center;
+ background-size: 100% 100%;
+ width: 0.75rem /* 192/256 */
+ ;
+ height: 0.3125rem /* 80/256 */
+ ;
+ display: flex;
+ justify-content: center;
+ padding: 0px!important;
+ }
+
+ .el-menu-item.is-active {
+ background: url("../../../assets/images/jiuye-menu-active.png") no-repeat center;
+ background-size: 100% 100%;
+ width: 0.75rem /* 192/256 */
+ ;
+ height: 0.3125rem /* 80/256 */
+ ;
+ }
+}
+
+</style>
+
+<style lang="scss" scoped>
+@import "../../../assets/css/base";
+@import "../../../assets/css/mixin";
+
+.personnelTalents__warp {
+ width: 100%;
+ padding: 0.078125rem /* 20/256 */
+;
+ box-sizing: border-box;
+ display: flex;
+
+ .personnelTalents-menu-left {
+ width: 0.9375rem /* 240/256 */
+ ;
+ height: 5.2734375rem /* 1350/256 */
+ ;
+ background: url("../../../assets/images/jiuye-menu-bj.png") no-repeat center;
+ background-size: 100% 100%;
+ padding: 0.15625rem /* 40/256 */
+ 0;
+ box-sizing: border-box;
+ display: flex;
+ justify-content: center;
+
+ .menu-left-block {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+
+ h1 {
+ font-size: $fontSize-24;
+ color: $color-blue;
+ text-align: center;
+ line-height: 0.3125rem /* 80/256 */
+ ;
+ }
+ }
+ }
+ .personnelTalents-right {
+ flex: 1;
+ padding: 0 0.078125rem /* 20/256 */
+ ;
+ box-sizing: border-box;
+ height: 5.27344rem;
+ @include overflow-y()
+ }
+}
+
+</style>
diff --git a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
new file mode 100644
index 0000000..0de6929
--- /dev/null
+++ b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
@@ -0,0 +1,109 @@
+<template>
+ <div class="PersonnelTalents_greenCard">
+ <div class="PT_greenCard--table">
+ <el-table
+ max-height="640"
+ :data="tableData"
+ :header-cell-style="handleheader"
+ stripe
+ border
+ style="width: 100%">
+ <el-table-column
+ align="center"
+ prop="date"
+ label="鎸囨爣鍚嶇О"
+ fixed="left"
+ width="220">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ align="center"
+ label="鍘诲勾瀹屾垚"
+ width="180">
+ </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">
+ </el-table-column>
+ </el-table>
+ <div class="PT--Echarts"></div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "PersonnelTalents_GreenCard"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
new file mode 100644
index 0000000..7c55137
--- /dev/null
+++ b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
@@ -0,0 +1,158 @@
+<template>
+ <div class="PersonnelTalents_unitPersonnel--warp">
+ <div class="PT_unitPersonnel--table">
+ <el-table
+ max-height="640"
+ :data="tableData"
+ :header-cell-style="handleheader"
+ stripe
+ border
+ style="width: 100%">
+ <el-table-column
+ align="center"
+ prop="date"
+ label="鎸囨爣鍚嶇О"
+ fixed="left"
+ width="220">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ align="center"
+ label="鍘诲勾瀹屾垚"
+ width="180">
+ </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">
+ </el-table-column>
+ </el-table>
+ <div class="PT--Echarts"></div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "PersonnelTalents_UnitPersonnel"
+}
+</script>
+<style lang="scss">
+@import "../../../../assets/css/base";
+.PT_unitPersonnel--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.0859375rem /* 22/256 */ 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;
+ }
+ .el-table .cell{
+ font-size: $fontSize-28;
+ color: $color-darkGrey;
+ font-weight: 300;
+ line-height: 1;
+ }
+}
+</style>
+<style lang="scss" scoped>
+@import "../../../../assets/css/base";
+.PersonnelTalents_unitPersonnel--warp{
+ width: 100%;
+ height: 100%;
+ .PT_unitPersonnel--table{
+ width: 100%;
+ height: 100%;
+ position: relative;
+ }
+ .PT--Echarts{
+ height: calc(100% - 640px - 0.33203125rem /* 85/256 */);
+ }
+}
+</style>
diff --git a/src/router/router.js b/src/router/router.js
index 36ba0fb..f1f5f39 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -3,7 +3,7 @@
import jiuyeAndChuangye from "../pages/show/jiuyeAndChuangye/jiuyeAndChuangye";
import shehuiBaozhang from "../pages/show/shehuiBaozhang/shehuiBaozhang";
import OtherBusiness from '../pages/show/otherBusiness/OtherBusiness'
-
+import PersonnelTalents from '../pages/show/personnelTalents/PersonnelTalents'
const indexRouter = {
path: "/",
name: "index",
@@ -159,6 +159,33 @@
]
},
{
+ path: '/personnelTalents',
+ meta: {title: "浜轰簨浜烘墠"},
+ name: 'PersonnelTalents',
+ redirect: '/personnelTalents_unitPersonnel',
+ component: PersonnelTalents,
+ children:[
+ {
+ path: "/personnelTalents_unitPersonnel",
+ meta: {title: "浜嬩笟鍗曚綅浜哄憳鎯呭喌"},
+ name: "/PersonnelTalents_unitPersonnel",
+ component: () =>
+ import(
+ "@/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue"
+ )
+ },
+ {
+ path: "/personnelTalents_greenCard",
+ meta: {title: "浜烘墠缁垮崱琛ヨ创"},
+ name: "/PersonnelTalents_GreenCard",
+ component: () =>
+ import(
+ "@/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue"
+ )
+ }
+ ]
+ },
+ {
path: '/laborRelations',
meta: {title: "鍔冲姩鍏崇郴"},
name: 'LaborRelations',
--
Gitblit v1.9.1