hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-06 20:06:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'feature/GFRS-715【0402】人力发展-个人中心' into feature/GFRS-717【0402】人力发展-活动量管理

Browse Source
This commit is contained in:
tian.guangyuan
2020-03-13 09:30:07 +08:00
parent 712e3aee08 7004f6cf50
commit 4d3e41760d
4 changed files with 227 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/router/ebiz/manpower.js
View File

@@ -1,6 +1,10 @@
//人力发展 定义相关组件
const Navigation = () => import('@/views/ebiz/manpower/Navigation')
const PersonalCenter = () => import('@/views/ebiz/manpower/PersonalCenter')
const IncreaseStaffTools = () => import('@/views/ebiz/manpower/IncreaseStaffTools')
const Training = () => import('@/views/ebiz/manpower/Training')
@@ -16,6 +20,26 @@ export default [
index: 1
}
},
{
// 个人中心
path: '/manpower/PersonalCenter',
name: 'PersonalCenter',
component: PersonalCenter,
meta: {
title: '人力发展',
index: 2
}
},
{
// 增员工具
path: '/manpower/IncreaseStaffTools',
name: 'IncreaseStaffTools',
component: IncreaseStaffTools,
meta: {
title: '增员工具',
index: 3
}
},
{
// 培训上岗
path: '/manpower/Training',

54
src/views/ebiz/manpower/IncreaseStaffTools.vue
View File

@@ -1 +1,53 @@
<!-- 增员工具 -->
<!-- 增员工具 -->
<template>
<div>
<UserInfoHeader />
<van-cell-group>
<NavItem v-for="(item, index) of navList" :key="index" :config="item" />
</van-cell-group>
</div>
</template>
<script>
import UserInfoHeader from '@/components/ebiz/manpower/UserInfoHeader'
import NavItem from '@/components/ebiz/manpower/NavItem'
import { CellGroup } from 'vant'
export default {
name: 'IncreaseStaffTools',
components: {
[UserInfoHeader.name]: UserInfoHeader,
[NavItem.name]: NavItem,
[CellGroup.name]: CellGroup
},
data() {
return {
active: 0,
navList: [
{
title: '公司介绍',
src: 'http://localhost:8080/favicon.ico',
path: '/',
},
{
title: '政策方案',
src: 'http://localhost:8080/favicon.ico',
path: '/'
},
{
title: '产品信息',
src: 'http://localhost:8080/favicon.ico',
path: '/'
},
{
title: '培训体系',
src: 'http://localhost:8080/favicon.ico',
path: '/'
}
]
}
},
methods: {}
}
</script>
<style lang="scss" scoped></style>

4
src/views/ebiz/manpower/Navigation.vue
View File

@@ -26,12 +26,12 @@ export default {
{
title: '个人中心',
src: 'http://localhost:8080/favicon.ico',
path: '/'
path: '/manpower/PersonalCenter'
},
{
title: '增员工具',
src: 'http://localhost:8080/favicon.ico',
path: '/'
path: '/manpower/IncreaseStaffTools'
},
{
title: '活动量管理',

149
src/views/ebiz/manpower/PersonalCenter.vue
View File

@@ -1 +1,148 @@
<!-- 个人中心 -->
<template>
<div class="personal-center-main">
<van-cell-group class="pl15 mt10">
<van-cell title="姓名" :value="'业务员工号value'" />
<van-cell title="入职职级" :value="'业务员工号value'" />
<van-cell title="现任职级" :value="'业务员工号value'" />
<van-cell title="入职时间" :value="'业务员工号value'" />
<van-cell title="现任职级时间" :value="'业务员工号value'" />
</van-cell-group>
<van-tabs v-model="active" class="mt10" sticky>
<van-tab title="团队人力架构">
<van-cell-group class="pl15">
<van-cell title="直辖组人力" :value="'业务员工号value'" />
<van-cell title="直辖部人力" :value="'业务员工号value'" />
<van-cell title="直辖部主管数" :value="'业务员工号value'" />
<van-cell title="大直辖人力" :value="'业务员工号value'" />
<van-cell title="直接增援人数" :value="'业务员工号value'" />
<van-cell title="直接育成主管数量" :value="'业务员工号value'" />
<van-cell title="直接育成部门数量" :value="'业务员工号value'" />
<van-cell title="全辖团队人力" :value="'业务员工号value'" />
</van-cell-group>
</van-tab>
<van-tab title="实时新增数据">
<van-grid :border="true" :column-num="2" class="p15">
<van-grid-item>
当月个人新增
<span class="c-gray-darker fwb mt20">345</span>
</van-grid-item>
<van-grid-item>
直辖组新增
<span class="c-gray-darker fwb mt20">234</span>
</van-grid-item>
<van-grid-item>
直辖部新增
<span class="c-gray-darker fwb mt20">111</span>
</van-grid-item>
<van-grid-item>
大直辖新增
<span class="c-gray-darker fwb mt20">6436</span>
</van-grid-item>
</van-grid>
</van-tab>
<van-tab title="人力架构">
<van-collapse v-model="activeNames" accordion>
<van-collapse-item :name="item" v-for="item of 2" :key="item">
<div slot="title"><span class="tagJOB">SMS</span> 标题{{ item }}</div>
<van-grid :border="true" :column-num="2" class="p15">
<van-grid-item>
当月个人新增
<span class="c-gray-darker fwb mt20">345</span>
</van-grid-item>
<van-grid-item>
直辖组新增
<span class="c-gray-darker fwb mt20">234</span>
</van-grid-item>
<van-grid-item>
直辖部新增
<span class="c-gray-darker fwb mt20">111</span>
</van-grid-item>
<van-grid-item>
大直辖新增
<span class="c-gray-darker fwb mt20">6436</span>
</van-grid-item>
</van-grid>
</van-collapse-item>
</van-collapse>
<van-cell-group class="">
<van-cell>
<div slot="title">
<span class="tagJOB">SMS</span>
<span class="name">标题</span>
</div>
</van-cell>
</van-cell-group>
</van-tab>
</van-tabs>
</div>
</template>
<script>
import { Cell, CellGroup, Tab, Tabs, Grid, GridItem, Collapse, CollapseItem } from 'vant'
export default {
name: 'PersonalCenter',
components: {
[Cell.name]: Cell,
[CellGroup.name]: CellGroup,
[Tab.name]: Tab,
[Tabs.name]: Tabs,
[Grid.name]: Grid,
[GridItem.name]: GridItem,
[Collapse.name]: Collapse,
[CollapseItem.name]: CollapseItem
},
data() {
return {
activeNames: {},
active: ''
}
},
watch: {},
created() {},
mounted() {},
methods: {}
}
</script>
<style scoped="scoped" lang="scss">
.personal-center-main {
/deep/.van-cell:not(:last-child)::after {
position: absolute;
box-sizing: border-box;
content: ' ';
pointer-events: none;
right: 0;
bottom: 0;
left: 0;
border-bottom: 1px solid #dadada;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
/deep/ .van-cell__value {
text-align: left !important;
}
/deep/.van-collapse-item__title {
padding-left: 60px;
}
.tagJOB {
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 3vw;
left: 20px;
top: 7px;
text-align: center;
border-radius: 999px;
background-color: #5ca7de;
color: #fff;
}
.name {
padding-left: 45px;
}
}
</style>