添加活动量管理页面以及一些相关组件

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>

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>

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
+    }
   }
 ]

src/views/ebiz/manpower/ActiveManagement.vue

@@ -1 +1,81 @@
 <!-- 活动量管理 -->
+<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>