| src/pages/components/showIndexTitle.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/pages/show/laborRelations/LaborRelations.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/pages/show/otherBusiness/otherBusinessChild/OtherB_GongGuTuoPin.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/pages/show/personnelTalents/PersonnelTalents.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/router/router.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
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> 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> 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> 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 */ ;
New file @@ -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> src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_GreenCard.vue
New file @@ -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> src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
New file @@ -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> 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',
