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

src/router/ebiz/manpower.js

@@ -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',

src/views/ebiz/manpower/IncreaseStaffTools.vue

@@ -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>

src/views/ebiz/manpower/Navigation.vue

@@ -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: '活动量管理',

src/views/ebiz/manpower/PersonalCenter.vue

@@ -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>