From 712e3aee0818c731ca2e57e060d29a393f948886 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=B2=E6=97=AD=E6=96=87?= <shi.xuwen@ebiz-fooge.com>
Date: Thu, 12 Mar 2020 16:58:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B4=BB=E5=8A=A8=E9=87=8F?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E4=BB=A5=E5=8F=8A=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9B=E7=9B=B8=E5=85=B3=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ebiz/manpower/ActivityLogItem.vue         | 37 +++++++++
 .../ebiz/manpower/TalentPoolItem.vue          | 35 ++++++++
 src/router/ebiz/manpower.js                   | 12 ++-
 src/views/ebiz/manpower/ActiveManagement.vue  | 82 ++++++++++++++++++-
 4 files changed, 164 insertions(+), 2 deletions(-)

diff --git a/src/components/ebiz/manpower/ActivityLogItem.vue b/src/components/ebiz/manpower/ActivityLogItem.vue
index e69de29bb..4f1777dd5 100644
--- a/src/components/ebiz/manpower/ActivityLogItem.vue
+++ b/src/components/ebiz/manpower/ActivityLogItem.vue
@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <van-cell :title="ActivityLogInfo.name" is-link :icon="ActivityLogInfo.avatarUrl" value-class="text-left">
+      <span class="mr20">{{ ActivityLogInfo.age }}</span>
+      <span>{{ ActivityLogInfo.flag }}</span>
+      <van-icon slot="right-icon" name="edit" style="line-height: inherit;" color="#1989fa" size="24" />
+    </van-cell>
+  </div>
+</template>
+<script>
+import { Cell, CellGroup, Image } from 'vant'
+
+export default {
+  components: {
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Image.name]: Image
+  },
+  props: {
+    ActivityLogInfo: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {
+          name: '王辉',
+          avatarUrl: 'https://img.yzcdn.cn/vant/cat.jpeg',
+          age: '35岁',
+          flag: '同业'
+        }
+      }
+    }
+  },
+  data() {
+    return {}
+  }
+}
+</script>
diff --git a/src/components/ebiz/manpower/TalentPoolItem.vue b/src/components/ebiz/manpower/TalentPoolItem.vue
index e69de29bb..38e9af5a9 100644
--- a/src/components/ebiz/manpower/TalentPoolItem.vue
+++ b/src/components/ebiz/manpower/TalentPoolItem.vue
@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <van-cell :title="talentPoolInfo.name" is-link :icon="talentPoolInfo.avatarUrl" value-class="text-left">
+      <span>{{ talentPoolInfo.policyName }}</span>
+      <van-icon slot="right-icon" name="edit" style="line-height: inherit;" color="#1989fa" size="24" />
+    </van-cell>
+  </div>
+</template>
+<script>
+import { Cell, CellGroup, Image } from 'vant'
+
+export default {
+  components: {
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Image.name]: Image
+  },
+  props: {
+    talentPoolInfo: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {
+          name: '王辉',
+          avatarUrl: 'https://img.yzcdn.cn/vant/cat.jpeg',
+          policyName: '中国人寿'
+        }
+      }
+    }
+  },
+  data() {
+    return {}
+  }
+}
+</script>
diff --git a/src/router/ebiz/manpower.js b/src/router/ebiz/manpower.js
index fc58c00d3..32a668a9c 100644
--- a/src/router/ebiz/manpower.js
+++ b/src/router/ebiz/manpower.js
@@ -2,9 +2,9 @@
 
 const Navigation = () => import('@/views/ebiz/manpower/Navigation')
 
-
 const Training = () => import('@/views/ebiz/manpower/Training')
 
+const ActiveManagement = () => import('@/views/ebiz/manpower/ActiveManagement')
 export default [
   {
     // 人力发展
@@ -25,5 +25,15 @@ export default [
       title: '培训上岗',
       index: 100
     }
+  },
+  {
+    // 活动量管理
+    path: '/manpower/ActiveManagement',
+    name: 'ActiveManagement',
+    component: ActiveManagement,
+    meta: {
+      title: '活动量管理',
+      index: 100
+    }
   }
 ]
diff --git a/src/views/ebiz/manpower/ActiveManagement.vue b/src/views/ebiz/manpower/ActiveManagement.vue
index a701b1469..441a8ce35 100644
--- a/src/views/ebiz/manpower/ActiveManagement.vue
+++ b/src/views/ebiz/manpower/ActiveManagement.vue
@@ -1 +1,81 @@
-<!-- 活动量管理 -->
\ No newline at end of file
+<!-- 活动量管理 -->
+<template>
+  <div class="pb40">
+    <van-collapse v-model="weeklyNames">
+      <van-collapse-item title="活动量统计周报" title-class="fs16 fwb" name="1">
+        <van-grid :column-num="2">
+          <van-grid-item>
+            <p class="fs14">周白板面谈数量</p>
+            <p class="fs14 mt20 fwb">0</p>
+          </van-grid-item>
+          <van-grid-item>
+            <p class="fs14">周同业面谈数量</p>
+            <p class="fs14 mt20 fwb">0</p>
+          </van-grid-item>
+        </van-grid>
+      </van-collapse-item>
+    </van-collapse>
+
+    <!-- 人才库 -->
+    <div>
+      <p class="fs16 fwb bg-white p15">人才库</p>
+      <div class="text-center p15 bg-white van-hairline--top">
+        <van-icon name="add-square" size="50" color="#1989fa" />
+      </div>
+    </div>
+    <van-collapse v-model="personnelNames">
+      <van-collapse-item name="1" title-class="fs16 fwb">
+        <div slot="title" class="flex justify-content-s align-items-c">人才库 <van-icon name="plus" /></div>
+        <TalentPoolItem :talentPoolInfo="talentPoolInfo"> </TalentPoolItem>
+      </van-collapse-item>
+    </van-collapse>
+
+    <!-- 当日增员活动日志 -->
+    <div>
+      <p class="fs16 fwb bg-white p15">当日增员活动日志</p>
+      <div class="text-center p15 bg-white van-hairline--top">
+        <van-icon name="add-square" size="50" color="#1989fa" />
+      </div>
+    </div>
+    <van-collapse v-model="personnelNames">
+      <van-collapse-item name="1" title-class="fs16 fwb">
+        <div slot="title" class="flex justify-content-s align-items-c">当日增员活动日志 <van-icon name="plus" /></div>
+        <ActivityLogItem :ActivityLogInfo="ActivityLogInfo"></ActivityLogItem>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+<script>
+import { Collapse, CollapseItem, Grid, GridItem } from 'vant'
+import TalentPoolItem from '@/components/ebiz/manpower/TalentPoolItem'
+import ActivityLogItem from '@/components/ebiz/manpower/ActivityLogItem'
+
+export default {
+  components: {
+    [Collapse.name]: Collapse,
+    [CollapseItem.name]: CollapseItem,
+    [Grid.name]: Grid,
+    [GridItem.name]: GridItem,
+    TalentPoolItem,
+    ActivityLogItem
+  },
+  data() {
+    return {
+      weeklyNames: ['1'],
+      personnelNames: ['1'],
+      talentPoolInfo: {
+        name: '王辉',
+        avatarUrl: 'https://img.yzcdn.cn/vant/cat.jpeg',
+        policyName: '中国人寿'
+      },
+      ActivityLogInfo: {
+        name: '王辉',
+        avatarUrl: 'https://img.yzcdn.cn/vant/cat.jpeg',
+        age: '35岁',
+        flag: '同业'
+      }
+    }
+  },
+}
+</script>
+<style lang="scss" scoped></style>
\ No newline at end of file