添加增员工具功能

src/router/ebiz/manpower.js

@@ -4,6 +4,9 @@ const Navigation = () => import('@/views/ebiz/manpower/Navigation')
 const PersonalCenter = () => import('@/views/ebiz/manpower/PersonalCenter')
 
 const IncreaseStaffTools = () => import('@/views/ebiz/manpower/IncreaseStaffTools')
+const CompanyIntroduction = () => import('@/views/ebiz/manpower/increaseStaffTools/CompanyIntroduction')
+const PolicyOptions = () => import('@/views/ebiz/manpower/increaseStaffTools/PolicyOptions')
+const PolicyOptionsPdfShare = () => import('@/views/ebiz/manpower/increaseStaffTools/PdfShare')
 
 const Training = () => import('@/views/ebiz/manpower/Training')
 
@@ -46,6 +49,36 @@ export default [{
       index: 3
     }
   },
+  {
+    // 公司介绍
+    path: '/manpower/increaseStaffTools/CompanyIntroduction',
+    name: 'CompanyIntroduction',
+    component: CompanyIntroduction,
+    meta: {
+      title: '公司介绍',
+      index: 100
+    }
+  },
+  {
+    // 政策方案
+    path: '/manpower/increaseStaffTools/PolicyOptions',
+    name: 'PolicyOptions',
+    component: PolicyOptions,
+    meta: {
+      title: '政策方案',
+      index: 100
+    }
+  },
+  {
+    // 政策方案展示Pdf
+    path: '/manpower/increaseStaffTools/PdfShare',
+    name: 'PolicyOptionsPdfShare',
+    component: PolicyOptionsPdfShare,
+    meta: {
+      title: '政策方案',
+      index: 100
+    }
+  },
   {
     // 培训上岗
     path: '/manpower/Training',

src/views/ebiz/manpower/ActiveManagement.vue

@@ -112,7 +112,6 @@ export default {
   },
   mounted() {
     this.queryWeekly()
-    this.queryListFirst()
     this.getAgentPersonnelListFirst()
     this.queryRecordList()
   },

src/views/ebiz/manpower/IncreaseStaffTools.vue

@@ -27,12 +27,12 @@ export default {
         {
           title: '公司介绍',
           src: 'http://localhost:8080/favicon.ico',
-          path: '/',
+          path: '/manpower/increaseStaffTools/CompanyIntroduction'
         },
         {
           title: '政策方案',
           src: 'http://localhost:8080/favicon.ico',
-          path: '/'
+          path: '/manpower/increaseStaffTools/PolicyOptions'
         },
         {
           title: '产品信息',

src/views/ebiz/manpower/increaseStaffTools/CompanyIntroduction.vue

@@ -1 +1,112 @@
 <!-- 公司介绍 -->
+<template>
+  <div class="p15 bg-white">
+    <p class="fs18 fwb">一、公司介绍</p>
+    <van-image width="100%" height="150" :src="img1" class="mt15" />
+    <p class="fs14 indent">
+      国富人寿保险股份有限公司由广西投资集团有限公司、广州唯品会信息科技有限公司、吉安新年广告传媒有限公司、北京信中利投资股份有限公司、湖北三峡华翔集团有限公司、广西日报传媒集团有限公司、上海恒大建材市场管理股份有限公司、广西名都生态科技发展有限公司等8家公司共同发起创立。公司注册地在我国面向东盟开放合作的前沿城市——南宁。
+    </p>
+    <p class="fs14 indent">
+      国富人寿将秉持“老有所养，病有所医，红利共享，国富民安”的核心理念，以“让更多的人过上有尊严的健康快乐的生活”作为企业使命，树立并践行“简单、专注、诚信、激情、关爱、领先”的价值观。专注于客户体验，研发满足客户需求的产品，为客户提供有温度的服务。依法合规、稳健经营，立足广西、深耕广西、面向全国，更好地回馈社会、回报股东、与时俱进、超越自我。
+    </p>
+    <p class="fs18 fwb">二、国富大事件</p>
+    <p class="fs14">1、国富人寿连续五个季度获得A类风险综合评级</p>
+    <p class="fs14">2、国富人寿荣获第九届中国公益节“社会责任行业典范奖”</p>
+    <van-image width="100%" height="300" :src="img2" class="mt15" />
+    <p class="fs14">3、第十三届金蝉奖颁奖盛典举行 国富人寿获“2019年度成长力保险公司”奖</p>
+    <van-image width="100%" height="300" :src="img3" class="mt15" />
+    <p class="fs14">4、2019南宁国际马拉松燃情开跑！国富人寿圆满完成赛事保障工作！</p>
+    <van-image width="100%" height="350" :src="img4" class="mt15" />
+    <p class="fs14">5、国富人寿总经理储良出席第五届中国-东盟保险合作与发展论坛并作主题发言</p>
+    <van-image width="100%" height="200" :src="img5" class="mt15" />
+    <p class="fs14">6、广西广播电视台报道国富人寿为企业复工复产捐赠保险</p>
+    <van-image width="100%" height="200" :src="img6" class="mt15" />
+    <p class="fs14">7、共同战“疫” 勇做表率丨国富人寿党总支为都安县捐赠医用隔离衣600套</p>
+    <van-image width="100%" height="200" :src="img7" class="mt15" />
+    <p class="fs14">8、为广西医护人员追加近450亿保险保障 国富人寿支持抗疫再升级！</p>
+    <van-image width="100%" height="350" :src="img8" class="mt15" />
+    <p class="fs14">9、国富有爱 “邕”有安心 ——国富人寿为支持南宁企业复工复产捐赠包含新冠肺炎身故责任的保险</p>
+    <van-image width="100%" height="350" :src="img9" class="mt15" />
+    <p class="fs14">10、国富人寿为全体签约代理人及其亲属提供每人20万元专属保障</p>
+    <van-image width="100%" height="350" :src="img10" class="mt15" />
+    <p class="fs14">
+      11、2019年10月17日，国富人寿在广西品牌节评选活动中荣获广西“杰出品牌”称号，是12家获评杰出品牌企业中唯一一家保险公司。标志着国富人寿在广西保险市场上崭露头角。
+    </p>
+    <van-image width="100%" height="200" :src="img11" class="mt15" />
+    <p class="fs14">
+      12、为广西人量身定制开发的八桂无忧重大疾病保险产品，荣获《中国保险报》评选的“2018年度健康保险产品”和行业主流媒体颁发的“2019十佳商业健康保险推荐产品”称号
+    </p>
+    <van-image width="100%" height="200" :src="img12" class="mt15" />
+    <p class="fs14">13、热烈祝贺公司2020年期交保费超亿元！同比2019年全年成长235%！</p>
+    <van-image width="100%" height="200" :src="img13" class="mt15" />
+    <p class="fs14">
+      14、2019年
+      6月18日，国富人寿经主动排查获悉，百色市乐业县百坭村第一书记黄文秀在6月16日途经凌云时遭遇山洪不幸遇难，而黄文秀正在公司扶贫攻坚驻村第一书记赠险名单之列。获悉情况后，国富人寿总分公司联动，立即启动理赔应急预案，开启理赔绿色通道，于6月19日收齐理赔资料后，当天结案赔付，将20万元理赔金送到家属手上。
+    </p>
+  </div>
+</template>
+<script>
+import { Image } from 'vant'
+export default {
+  components: {
+    [Image.name]: Image
+  },
+  data() {
+    return {
+      img1: require('../image/1.png'),
+      img2: require('../image/2.png'),
+      img3: require('../image/3.png'),
+      img4: require('../image/4.png'),
+      img5: require('../image/5.png'),
+      img6: require('../image/6.png'),
+      img7: require('../image/7.png'),
+      img8: require('../image/8.png'),
+      img9: require('../image/9.png'),
+      img10: require('../image/10.png'),
+      img11: require('../image/11.png'),
+      img12: require('../image/12.png'),
+      img13: require('../image/13.png')
+    }
+  },
+  mounted() {
+    setTimeout(() => {
+      // 右上角的显示
+      this.$jump({
+        flag: 'webview_right_button',
+        extra: {
+          btns: [
+            {
+              img: this.$assetsUrl + 'images/share@3x.png'
+            }
+          ]
+        }
+      })
+    }, 1000)
+    window['appCallBack'] = this.appCallBack
+  },
+  methods: {
+    appCallBack(data) {
+      if (data.trigger == 'right_button_click') {
+        // eslint-disable-next-line no-undef
+        EWebBridge.webCallAppInJs('bridge', {
+          flag: 'share',
+          extra: {
+            title: '国富人寿保险股份有限公司',
+            content: '公司介绍',
+            url: '',
+            img: ''
+          }
+        })
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.indent {
+  text-indent: 24px;
+}
+p {
+  line-height: 28px;
+}
+</style>

src/views/ebiz/manpower/increaseStaffTools/PdfShare.vue

@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <iframe :src="src + pdfUrl" style="width:100vw;height:100vh"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      // src: 'http://47.96.143.111/pdfjs/web/viewer.html?file=http://47.96.143.111:8000/app/images/jsSDK.pdf'
+      pdfUrl: '',
+      src: location.origin + '/pdfjs/web/viewer.html?file=',
+      shareContent: ''
+    }
+  },
+  created() {
+    setTimeout(() => {
+      // 右上角的显示
+      this.$jump({
+        flag: 'webview_right_button',
+        extra: {
+          btns: [
+            {
+              img: this.$assetsUrl + 'images/share@3x.png'
+            }
+          ]
+        }
+      })
+    }, 1000)
+    window['appCallBack'] = this.appCallBack
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    init() {
+      let num = this.$route.query.pdf
+      switch (num) {
+        case 0:
+          this.pdfUrl = this.$assetsUrl + 'personnel/recruitment.pdf'
+          this.shareContent = '个险渠道2020年聘才方案'
+          break
+        case 1:
+          this.pdfUrl = this.$assetsUrl + 'personnel/allowance.pdf'
+          this.shareContent = '个险渠道筹备津贴方案'
+          break
+      }
+    },
+    // 原生点击右上角按钮事件
+    appCallBack(data) {
+      if (data.trigger == 'right_button_click') {
+        // eslint-disable-next-line no-undef
+        EWebBridge.webCallAppInJs('bridge', {
+          flag: 'share',
+          extra: {
+            title: '国富人寿欢迎您！',
+            content: this.shareContent,
+            url: '',
+            img: ''
+          }
+        })
+      }
+    }
+  }
+}
+</script>

src/views/ebiz/manpower/increaseStaffTools/PolicyOptions.vue

@@ -1 +1,32 @@
 <!-- 政策方案 -->
+<template>
+  <div>
+    <van-cell-group>
+      <van-cell value="个险渠道2020年聘才方案" is-link @click="toPdf(0)" />
+      <van-cell value="个险渠道筹备津贴方案" is-link @click="toPdf(1)" />
+    </van-cell-group>
+  </div>
+</template>
+<script>
+import { Cell, CellGroup } from 'vant'
+
+export default {
+  components: {
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup
+  },
+  methods: {
+    toPdf(num) {
+      console.log(num)
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/manpower/increaseStaffTools/PdfShare?pdf=${num}`,
+          forbidSwipeBack: '1'
+        },
+        routerInfo: { path: `/manpower/increaseStaffTools/PdfShare?pdf=${num}` }
+      })
+    }
+  },
+}
+</script>