From 7004f6cf50d8a20e7cbadbee3c47b045cb9890db Mon Sep 17 00:00:00 2001
From: "tian.guangyuan" <tian.guangyuan@ebiz-fooge.com>
Date: Thu, 12 Mar 2020 17:48:32 +0800
Subject: [PATCH] =?UTF-8?q?[NEW]=201.=20=20=E5=BC=80=E5=8F=91=E4=BA=BA?=
 =?UTF-8?q?=E5=8A=9B=E5=8F=91=E5=B1=95-=E4=B8=AA=E4=BA=BA=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=97=A0=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=EF=BC=8C=E4=BB=85=E5=B0=86=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=E6=90=AD=E5=BB=BA=E5=AE=8C=E6=88=90=202.=20?=
 =?UTF-8?q?=20=E5=AE=8C=E6=88=90=E5=A2=9E=E5=91=98=E5=B7=A5=E5=85=B7-?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E5=85=A5=E5=8F=A3=20=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=203.=20=20=E5=AE=8C=E6=88=90=E5=9F=B9?=
 =?UTF-8?q?=E8=AE=AD=E4=B8=8A=E5=B2=97-=E5=AF=BC=E8=88=AA=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3=20=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84=E3=80=82?=
 =?UTF-8?q?=E5=AD=98=E4=B8=80=E5=BE=85=E8=A7=A3=E5=86=B3=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/ebiz/manpower.js                   |  24 +++
 .../ebiz/manpower/IncreaseStaffTools.vue      |  54 ++++++-
 src/views/ebiz/manpower/Navigation.vue        |   4 +-
 src/views/ebiz/manpower/PersonalCenter.vue    | 149 +++++++++++++++++-
 4 files changed, 227 insertions(+), 4 deletions(-)

diff --git a/src/router/ebiz/manpower.js b/src/router/ebiz/manpower.js
index fc58c00d3..aeea805ba 100644
--- a/src/router/ebiz/manpower.js
+++ b/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',
diff --git a/src/views/ebiz/manpower/IncreaseStaffTools.vue b/src/views/ebiz/manpower/IncreaseStaffTools.vue
index 3d2242df3..9c88e03c7 100644
--- a/src/views/ebiz/manpower/IncreaseStaffTools.vue
+++ b/src/views/ebiz/manpower/IncreaseStaffTools.vue
@@ -1 +1,53 @@
-<!-- 增员工具 -->
\ No newline at end of file
+<!-- 增员工具 -->
+<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>
diff --git a/src/views/ebiz/manpower/Navigation.vue b/src/views/ebiz/manpower/Navigation.vue
index 7cfa6bf00..70c66ff91 100644
--- a/src/views/ebiz/manpower/Navigation.vue
+++ b/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: '活动量管理',
diff --git a/src/views/ebiz/manpower/PersonalCenter.vue b/src/views/ebiz/manpower/PersonalCenter.vue
index fd18d12de..8e5449478 100644
--- a/src/views/ebiz/manpower/PersonalCenter.vue
+++ b/src/views/ebiz/manpower/PersonalCenter.vue
@@ -1 +1,148 @@
-<!-- 个人中心 -->
\ No newline at end of file
+<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>