[NEW]入司审批模块新增：增员审批信息页、审批基本信息页、审批提交成功页、提交成功图片

src/router/ebiz/agentEenter.js

@@ -21,6 +21,9 @@ const agentEenterBasicSuccess = () => import('@/views/ebiz/agentEenter/AgentEent
 const ShareInfo = () => import('@/views/ebiz/agentEenter/share/ShareInfo')
 const ShareInfoSuccess = () => import('@/views/ebiz/agentEenter/share/ShareInfoSuccess')
 const ApproveList = () => import('@/views/ebiz/agentEenter/approve/ApproveList')
+const BasicInfo = () => import('@/views/ebiz/agentEenter/approve/BasicInfo')
+const ApproveInfo = () => import('@/views/ebiz/agentEenter/approve/ApproveInfo')
+const SubmitSuccess = () => import('@/views/ebiz/agentEenter/approve/SubmitSuccess')
 
 export default [
   {
@@ -220,5 +223,32 @@ export default [
       title: '增员审批列表',
       index: 1
     }
+  },
+  {
+    path: '/agentEenter/approve/BasicInfo/:baseId',
+    name: 'BasicInfo',
+    component: BasicInfo,
+    meta: {
+      title: '增员审批',
+      index: 1
+    }
+  },
+  {
+    path: '/agentEenter/approve/ApproveInfo/:baseId',
+    name: 'ApproveInfo',
+    component: ApproveInfo,
+    meta: {
+      title: '增员审批',
+      index: 1
+    }
+  },
+  {
+    path: '/agentEenter/approve/SubmitSuccess',
+    name: 'SubmitSuccess',
+    component: SubmitSuccess,
+    meta: {
+      title: '提交成功',
+      index: 1
+    }
   }
 ]

src/views/ebiz/agentEenter/approve/ApproveInfo.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="detail-container">
+    <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">审批信息</p>
+    <van-cell-group v-for="item in approvalInfo" :key="item">
+      <van-cell title="审批人" :value="item.examineApproveName" />
+      <van-cell title="职级" :value="item.examineApproveTitle" />
+      <van-cell title="所属团队" :value="item.examineApproveTeam" />
+      <van-cell title="审批结论" :value="item.examineApproveResult" />
+      <van-cell title="退回原因" :value="item.examineApproveMsg" />
+    </van-cell-group>
+    <van-cell-group>
+      <van-radio-group v-model="approvalResult">
+        <van-radio name="0">退回修改</van-radio>
+        <van-radio name="1">通过</van-radio>
+      </van-radio-group>
+      <van-field
+        v-model="approvalMsg"
+        rows="4"
+        autosize
+        type="textarea"
+        label="退回修改原因"
+        name="退回修改原因"
+        placeholder="请填写退回修改原因"
+        :required="approvalResult === '0' ? true : false"
+        v-validate="approvalResult === '0' ? 'required' : ''"
+      />
+    </van-cell-group>
+    <div class="flex justify-content-s bottom-btn  bg-white">
+      <van-button class=" bottom0 left0" square plain type="danger" @click="goBack" size="large">上一步</van-button>
+      <van-button class=" bottom0 left0" square type="danger" size="large" @click="nextStep" v-no-more-click="1000">提交</van-button>
+    </div>
+  </div>
+</template>
+<script>
+import { agentAddApproval } from '@/api/ebiz/agentEenter/agentEenter.js'
+import { Cell, CellGroup, Field, Button, RadioGroup, Radio } from 'vant'
+export default {
+  name: 'approveInfo',
+  components: {
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Button.name]: Button,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Field.name]: Field
+  },
+  data() {
+    return {
+      approvalInfo: [], //审批信息
+      approvalResult: '', //该审批人填写的审批结果
+      approvalMsg: '' //该审批人填写的退回原因
+    }
+  },
+  mounted() {
+    //获取审批信息
+    this.getOrderList()
+  },
+  methods: {
+    //获取审批信息
+    getOrderList() {
+      let params = {
+        types: ['04'],
+        ebizEnterCustomerDto: {
+          id: this.$route.params.baseId
+        }
+      }
+      //获取代理人信息
+      agentAddApproval(params).then(res => {
+        if (res.result == '0') {
+          if (res.content.length > 0) {
+            this.approvalInfo = res.content.ebizHisExamineApproveDtoList
+          }
+        }
+      })
+    },
+    //上一步
+    goBack() {
+      let baseId = this.$route.params.baseId // 代理人id
+      this.$jump({
+        flag: 'goBack',
+        extra: {
+          refresh: '1',
+          index: '-1',
+          forbidSwipeBack: '1'
+        },
+        routerInfo: {
+          type: 2,
+          index: -1,
+          path: `/agentEenter/approve/BasicInfo/${baseId}`
+        }
+      })
+    },
+    //提交审批结果
+    nextStep() {
+      this.$validator.validate().then(valid => {
+        if (true === valid) {
+          let baseId = this.$route.params.baseId // 代理人id
+          let params = {
+            types: ['00'],
+            ebizEnterCustomerDto: {
+              id: baseId // 代理人id
+            },
+            result: this.approvalResult, //审批结果 0-拒绝审批  1-通过
+            Msg: this.approvalMsg //审批原因
+          }
+          agentAddApproval(params).then(res => {
+            console.log('审批结果提交')
+            if (res.result == '0') {
+              if (res.content.result == '0') {
+                //跳转页面
+                this.$jump({
+                  flag: 'h5',
+                  extra: {
+                    url: location.origin + `/#/agentEenter/approve/SubmitSuccess`,
+                    forbidSwipeBack: '1', //1:禁止右滑返回
+                    backToFirst: '1' //1:点击左上角，返回到入口第一个webview
+                  },
+                  routerInfo: { path: `/agentEenter/approve/BasicInfo/SubmitSuccess` }
+                })
+              } else {
+                this.$toast(res.content.resultMessage)
+              }
+            }
+          })
+        } else {
+          this.$toast(this.$validator.errors.all()[0])
+        }
+      })
+    }
+  }
+}
+</script>

src/views/ebiz/agentEenter/approve/ApproveList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="approve-list-container pb50">
+  <div class="sale-list-container pb50">
     <div v-if="isSuccess">
       <div v-if="approveList.length > 0">
         <div v-for="(item, index) in approveList" :key="index">
@@ -7,31 +7,31 @@
             <div class="flex justify-content-s align-items-c">
               <div class="mb10">
                 <div class="w60 inline-b">
-                  <van-tag plain color="#DD9C56">申请人</van-tag>
+                  <van-tag plain color="#5CA7DE">申请人</van-tag>
                 </div>
                 <span class="fs14 c-gray-dark ml20">{{ item.name }}</span>
               </div>
             </div>
             <div class="mb10">
               <div class="w60 inline-b">
-                <van-tag plain color="#4fc6b3">推荐人</van-tag>
+                <van-tag plain color="#5CA7DE">推荐人</van-tag>
               </div>
               <span class="fs14 c-gray-dark ml20">{{ item.referName }}</span>
             </div>
             <div class="mb10">
               <div class="inline-b">
-                <van-tag plain color="#4fc6b3">所属团队</van-tag>
+                <van-tag plain color="#5CA7DE">所属团队</van-tag>
               </div>
               <span class="fs14 c-gray-dark ml20">{{ item.examineApproveTeam }}</span>
             </div>
             <div class="mb10">
               <div class="inline-b">
-                <van-tag plain color="#4fc6b3">申请时间</van-tag>
+                <van-tag plain color="#5CA7DE">申请时间</van-tag>
               </div>
               <span class="fs14 c-gray-dark ml20">{{ item.createdDate }}</span>
             </div>
             <div class="mt10 flex justify-content-fe">
-              <van-button round plain size="small" class="mr5" type="danger" @click="goApprove">审批</van-button>
+              <van-button round size="small" class="mr5" type="danger" @click="goApprove(item.baseId)">审批</van-button>
             </div>
           </div>
         </div>
@@ -87,23 +87,25 @@ export default {
           ebizEnterCustomerDto: { name: '张三' },
           ebizReferrerDto: { referName: '推荐人李四' },
           ebizHisExamineApproveDtoList: { examineApproveTeam: '李四团队' },
-          ebizExamineApproveDtoList: { createdDate: '2020-01-27' }
+          ebizExamineApproveDtoList: { createdDate: '2020-01-27', baseId: '112233' }
         },
         {
           ebizEnterCustomerDto: { name: '张san' },
           ebizReferrerDto: { referName: '推荐人李si' },
           ebizHisExamineApproveDtoList: { examineApproveTeam: '李四团队' },
-          ebizExamineApproveDtoList: { createdDate: '2020-02-01' }
+          ebizExamineApproveDtoList: { createdDate: '2020-02-01', baseId: '112244' }
         }
       ]
       let obj = {}
       if (resData.length > 0) {
+        this.$toast.clear()
         resData.forEach(ele => {
           obj = {}
           obj.name = ele.ebizEnterCustomerDto.name //申请人姓名
           obj.referName = ele.ebizReferrerDto.referName //推荐人姓名
           obj.examineApproveTeam = ele.ebizHisExamineApproveDtoList.examineApproveTeam //所属团队
           obj.createdDate = ele.ebizExamineApproveDtoList.createdDate //申请时间
+          obj.baseId = ele.ebizExamineApproveDtoList.baseId //代理人id
           this.approveList.push(obj)
         })
         this.isSuccess = true
@@ -123,6 +125,7 @@ export default {
       //         obj.referName = ele.ebizReferrerDto.referName //推荐人姓名
       //         obj.examineApproveTeam = ele.ebizHisExamineApproveDtoList.examineApproveTeam //所属团队
       //         obj.createdDate = ele.ebizExamineApproveDtoList.createdDate //申请时间
+      // obj.baseId = ele.ebizExamineApproveDtoList.baseId //代理人id
       //         this.approveList.push(obj)
       //       })
       //       this.isSuccess = true
@@ -132,8 +135,18 @@ export default {
     },
 
     //审批
-    goApprove() {
-      console.log(1111)
+    goApprove(baseId) {
+      console.log(baseId)
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/agentEenter/approve/BasicInfo/${baseId}`,
+          forbidSwipeBack: '1', //1:禁止右滑返回
+          pullRefresh: '1', //1:需要开启下拉刷新
+          backToFirst: '1' //1:点击左上角，返回到入口第一个webview
+        },
+        routerInfo: { path: `/agentEenter/approve/BasicInfo/${baseId}` }
+      })
     }
   }
 }

src/views/ebiz/agentEenter/approve/BasicInfo.vue

@@ -0,0 +1,119 @@
+<template>
+  <div class="detail-container">
+    <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
+    <van-cell-group>
+      <van-cell title="姓名" :value="BasicInfoDTO.name" />
+      <van-cell title="性别" :value="BasicInfoDTO.sex" />
+      <van-cell title="出生日期" :value="BasicInfoDTO.birthday" />
+      <van-cell title="籍贯" :value="BasicInfoDTO.nativePlace" />
+      <van-cell title="民族" :value="BasicInfoDTO.ethnic" />
+      <van-cell title="户口所在地" :value="BasicInfoDTO.rgtAddress" />
+      <van-cell title="职称" :value="BasicInfoDTO.title" />
+      <van-cell title="婚姻状况" :value="BasicInfoDTO.marriage" />
+      <van-cell title="政治面貌" :value="BasicInfoDTO.political" />
+      <van-cell title="学历" :value="BasicInfoDTO.degree" />
+      <van-cell title="毕业院校" :value="BasicInfoDTO.school" />
+      <van-cell title="所学专业" :value="BasicInfoDTO.discipline" />
+      <van-cell title="手机" :value="BasicInfoDTO.mobile" />
+      <van-cell title="证件类型" :value="BasicInfoDTO.idType" />
+      <van-cell title="证件号码" :value="BasicInfoDTO.idNo" />
+      <van-cell title="联系地址" :value="BasicInfoDTO.address" />
+      <van-cell title="邮政编码" :value="BasicInfoDTO.zip" />
+      <van-cell title="开户银行" :value="BasicInfoDTO.bankName" />
+      <van-cell title="开户地" :value="BasicInfoDTO.bankAddress" />
+      <van-cell title="开户姓名" :value="BasicInfoDTO.accountName" />
+      <van-cell title="银行卡号" :value="BasicInfoDTO.bankCode" />
+      <van-cell title="从业年限" :value="BasicInfoDTO.perationPeriod" />
+      <van-cell title="原工作单位" :value="BasicInfoDTO.oldCompany" />
+      <van-cell title="原职业" :value="BasicInfoDTO.oldOccupation" />
+      <van-cell title="是否同业" :value="BasicInfoDTO.sameTrade" />
+      <van-cell title="国籍/地区" :value="BasicInfoDTO.nationality" />
+      <van-cell title="是否境外人员" :value="BasicInfoDTO.foreigners" />
+      <van-cell title="职级" :value="BasicInfoDTO.applGrade" />
+    </van-cell-group>
+    <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">推荐人信息</p>
+    <van-cell-group>
+      <van-cell title=" 推荐人代码" :value="referrerInfoDTO.referCode" />
+      <van-cell title="推荐人姓名" :value="referrerInfoDTO.referName" />
+      <van-cell title="营业组主管代码" :value="referrerInfoDTO.teamCode" />
+      <van-cell title="营业组主管姓名" :value="referrerInfoDTO.teamName" />
+      <van-cell title="营业处经理代码" :value="referrerInfoDTO.officeCode" />
+      <van-cell title="营业处经理姓名" :value="referrerInfoDTO.officeName" />
+      <van-cell title="营业区经理代码" :value="referrerInfoDTO.areaCode" />
+      <van-cell title="营业区经理姓名" :value="referrerInfoDTO.areaName" />
+    </van-cell-group>
+    <div class="flex justify-content-s bottom-btn  bg-white">
+      <van-button class=" bottom0 left0" square type="danger" size="large" @click="nextStep" v-no-more-click="1000">下一步</van-button>
+    </div>
+  </div>
+</template>
+<script>
+import { agentAddApproval } from '@/api/ebiz/agentEenter/agentEenter.js'
+import { Cell, CellGroup, Button } from 'vant'
+export default {
+  name: 'approveInfo',
+  components: {
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Button.name]: Button
+  },
+  data() {
+    return {
+      BasicInfoDTO: {}, //基本信息
+      referrerInfoDTO: {} //推荐人信息
+    }
+  },
+  mounted() {
+    //获取列表信息
+    this.getOrderList()
+  },
+  methods: {
+    //获取列表信息
+    getOrderList() {
+      let BasicParams = {
+        types: ['02', '03'],
+        ebizEnterCustomerDto: {
+          id: this.$route.params.baseId
+        }
+      }
+      //获取代理人信息、推荐人信息
+      agentAddApproval(BasicParams).then(res => {
+        if (res.result == '0') {
+          if (res.content.length > 0) {
+            this.BasicInfoDTO = res.content.ebizEnterCustomerDto
+            this.referrerInfoDTO = res.content.ebizReferrerDto
+          }
+        }
+      })
+    },
+    //下一步
+    nextStep() {
+      let baseId = this.$route.params.baseId // 代理人id
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/agentEenter/approve/ApproveInfo/${baseId}`,
+          forbidSwipeBack: '1', //1:禁止右滑返回
+          pullRefresh: '1', //1:需要开启下拉刷新
+          backToFirst: '1' //1:点击左上角，返回到入口第一个webview
+        },
+        routerInfo: { path: `/agentEenter/approve/ApproveInfo/${baseId}` }
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.detail-container {
+  .van-hairline--top-bottom::after {
+    border: none;
+  }
+  /deep/ .van-cell__title {
+    min-width: 40%;
+  }
+  /deep/ .van-cell__value {
+    text-align: left !important;
+    min-width: 60%;
+  }
+}
+</style>

src/views/ebiz/agentEenter/approve/SubmitSuccess.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div class="pt80 flex align-items-c flex-direction-colunm">
+      <img src="@/assets/images/u20257.png" class="img" alt />
+      <h2 class="green mt15">提交成功</h2>
+    </div>
+    <div class="bottom-btn bg-white">
+      <van-button type="danger" size="large" @click="back" v-no-more-click="1000">返回</van-button>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  mounted() {
+    document.body.style.backgroundColor = '#fff'
+    EWebBridge.webCallAppInJs('webview_left_button', {
+      img: this.$assetsUrl + 'images/del-close@3x.png',
+      intercept: '1' //是否拦截原生返回事件 1是 其他否
+    })
+    window.appCallBack = this.appCallBack
+  },
+  beforeRouteLeave(to, from, next) {
+    document.body.style.backgroundColor = ''
+    next()
+  },
+  methods: {
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        this.$jump({
+          flag: 'mine'
+        })
+      }
+    },
+    back() {
+      this.$jump({
+        flag: 'mine'
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.img {
+  width: 50px;
+}
+.green {
+  color: #1abc9c !important;
+}
+</style>