[NEW]【保全-退保】新增退保协议、保单列表页

src/router/ebiz/index.js

@@ -28,6 +28,6 @@ export default [
   ...report,
   ...survey,
   ...nbs,
-  ...manpower
-  ...preserve
+  ...manpower,
+  ...preserve,
 ] //根据需要进行删减

src/router/ebiz/preserve.js

@@ -13,6 +13,7 @@ const beneficiaryConfirmation = () => import('@/views/ebiz/preserve/BeneficiaryC
 const surrenderInfo = () => import('@/views/ebiz/preserve/SurrenderInfo')
 const surrenderConfirmation = () => import('@/views/ebiz/preserve/SurrenderConfirmation')
 const autopayAuthorization = () => import('@/views/ebiz/preserve/AutopayAuthorization')
+const surrenderTip = () => import('@/views/ebiz/preserve/SurrenderTip')
 
 export default [
   {
@@ -132,6 +133,15 @@ export default [
       index: 12
     }
   },
+  {
+    path: '/preserve/surrenderTip',
+    name: 'surrenderTip',
+    component: surrenderTip,
+    meta: {
+      title: '退保协议',
+      index: 12
+    }
+  },
   {
     path: '/preserve/submitResult',
     name: 'submitResult',

src/views/ebiz/preserve/PolicyList.vue

@@ -1 +1,146 @@
-<!--保单列表页-->
+<!--保单列表页-->
+<template>
+  <div class="proposal-list-container">
+    <!-- <van-list
+      v-model="loading"
+      :immediate-check="false"
+      :finished="finished"
+      :finished-text="finishedText"
+      error-text="请求失败，点击重新加载"
+      :error.sync="error"
+      @load="loadMore"
+      class="pb45"
+    > -->
+    <!-- <div v-if="isSuccess"> -->
+    <div v-if="policyList.length > 0">
+      <div class="fs12" v-for="(item, index) in policyList" :key="index" @click="toChange(item)">
+        <div class="flex align-items-c justify-content-c h40 gray">
+          <div>保单号:</div>
+          <div>{{ item.policyNo }}</div>
+        </div>
+
+        <div class="bg-white pv15 pr15 pl10 ml15 mr15">
+          <div class="flex justify-content-s  align-items-c">
+            <div>
+              <div class="w45 inline-b">
+                <van-tag plain color="#5CA7DE">投保</van-tag>
+              </div>
+              <span class="fs15 c-gray-dark">{{ item.appntName }}</span>
+            </div>
+          </div>
+
+          <div class="mv15">
+            <div class="w45 inline-b">
+              <van-tag plain color="#DD9C56">被保</van-tag>
+            </div>
+            <span class="fs15 c-gray-dark">{{ item.insuredName }}</span>
+          </div>
+
+          <div class="mv10">
+            <span class="w45 inline-b">
+              <van-tag plain type="danger">主险</van-tag>
+            </span>
+            <span class="fs15 c-gray-dark">{{ item.riskName }}</span>
+          </div>
+
+          <van-row class="mb15">
+            <van-col span="12" class="fwb fs15">保额（元）</van-col>
+            <van-col span="12" class="text-right fwb" style="color: red">{{ item.amnt | amtFormat }}</van-col>
+          </van-row>
+          <div class="pt15" style="border-top:1px solid #dadada">
+            <div>
+              <div class="w100 inline-b">
+                <van-tag plain color="#999999">生效日期</van-tag>
+              </div>
+              <span class="fs14 c-gray-dark">{{ item.cvaliDate }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- </div> -->
+    <div v-else class="text-center">
+      <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+      <div class="fs17 c-gray-dark mt40">暂无保单</div>
+    </div>
+    <!-- </van-list> -->
+  </div>
+</template>
+<script>
+import { Tag, List, Row, Col } from 'vant'
+// import { policyList } from '@/api/ebiz/preserve/preserve'
+export default {
+  components: {
+    [Tag.name]: Tag,
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [List.name]: List
+  },
+  data() {
+    return {
+      entry: '', //入口
+      // policyList: [] //保单列表
+      customerInfo: JSON.parse(localStorage.getItem('preserve-customerInfo')), //客户详情
+      policyList: [
+        {
+          contNo: '11111111',
+          appntName: '张三',
+          isuredName: '李四',
+          riskName: '国富人寿八桂无忧',
+          amnt: '130.000',
+          cvaliDate: '2020-01-19'
+        }
+      ] //保单列表
+      /*
+      finishedText: '没有更多了',
+      finished: false,
+      error: false,
+      loading: false,
+      pageSize: 5, //每页数据条数
+      morePage: 1, // 当前页数
+      isSuccess: false
+      */
+    }
+  },
+  mounted() {
+    this.entry = this.$route.query.entry
+    //await this.getPolicyList({ customerNo: this.customerInfo.customerNo })
+  },
+  methods: {
+    //获取保单列表
+    async getPolicyList(data) {
+      policyList(data).then(res => {
+        if (res.result == '0') {
+          this.policyList = res.content.policyListDTOList
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+
+    //点击保单，跳转页面
+    toChange(detail) {
+      let url
+      switch (this.entry) {
+        case 'surrender': //退保
+          url = `surrenderInfo?entry=${this.entry}`
+          break
+        case 'beneficiary': //受益人变更
+          url = `beneficiaryInfo?entry=${this.entry}`
+          break
+        default:
+          break
+      }
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/preserve/${url}`
+        },
+        routerInfo: {
+          path: `/preserve/${url}`
+        }
+      })
+    }
+  }
+}
+</script>

src/views/ebiz/preserve/SurrenderTip.vue

@@ -0,0 +1,529 @@
+<!--退保-退保协议书-->
+<template>
+  <div class="insuranceInformation-container pb50">
+    <van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示：阅读时长需在${this.Time ? this.time : this.number}秒以上` }}</van-notice-bar>
+    <iframe :src="src + appntSign.policyUrl" class="iframe"></iframe>
+    <van-radio-group v-model="radio" class="pb10 pt20 pl30 fs14">
+      <van-radio name="1" @click="click">
+        本人确认已阅读
+        <span>《国富人寿人身保险退保协议》</span>
+      </van-radio>
+    </van-radio-group>
+    <div class="bg-white bottom-btn">
+      <van-button type="danger" size="large" :disabled="isDisabledComplite" @click="goNext" v-no-more-click="1000">完成</van-button>
+    </div>
+  </div>
+</template>
+<script>
+import { RadioGroup, Radio, Dialog, NoticeBar } from 'vant'
+import { saveInformation, getOrderDetail } from '@/api/ebiz/sale/sale'
+import config from '@/config'
+// import axios from 'axios'
+export default {
+  data() {
+    let isWeixin = this.$utils.device().isWeixin //判断环境
+    return {
+      // 投保人还是被保险人信息
+      signVal: '',
+      // 投保人签名信息
+      appntSign: {},
+      radio: '',
+      // 倒计时时间
+      number: '',
+      // 定时器时间
+      time: '10',
+      // 定时器名称
+      timer: null,
+      isOver: false,
+      // 判断验证码是否开始倒计时
+      Time: true,
+      // 按钮是否可以点击
+      isDisable: true,
+      // 是否在微信
+      isWeixin,
+      // 是否签名了 回执流程
+      isSign: true,
+      // sign加密码
+      base64: '',
+      // 是否可以点击
+      isDisabledComplite: true,
+      // local带来的被保险人信息
+      saleInsuredPersonInfo: {},
+      // local带来的投保人信息
+      saleInsuredInfo: {},
+      // 是否从详情跳过来 如果为1 是
+      detailJump: '',
+      src: location.origin + '/pdfjs/web/viewer.html?file=',
+      //保险产品名称
+      riskName: localStorage.riskName
+    }
+  },
+  components: {
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Dialog.name]: Dialog,
+    [NoticeBar.name]: NoticeBar
+  },
+  mounted() {
+    let that = this
+    that.timeOut()
+    document.body.style.backgroundColor = '#fff'
+  },
+  async created() {
+    let that = this
+
+    that.detailJump = window.localStorage.getItem('detailJump')
+    that.signVal = window.localStorage.getItem('sign-val')
+
+    // 获取投保人信息
+    that.saleInsuredInfo = JSON.parse(window.localStorage.getItem('saleInsuredInfo'))
+    if (this.isWeixin) {
+      that.relationToAppnt = JSON.parse(window.localStorage.getItem('saleInsuredPersonInfo')).relationToAppnt
+    }
+
+    if (this.detailJump != '1') {
+      // 投被保险人是否同人
+      that.relationToAppnt = JSON.parse(window.localStorage.getItem('saleInsuredPersonInfo')).relationToAppnt
+      // 获取被保险人信息
+      that.saleInsuredPersonInfo = JSON.parse(window.localStorage.getItem('saleInsuredPersonInfo'))
+    }
+    // if (this.detailJump != '1') {
+    //   this.getOrderDetail()
+    // }
+
+    if (this.isWeixin) {
+      let imgBase64Data = sessionStorage.getItem('oneimgBase64Data')
+      let wxSigned = sessionStorage.getItem('onewxSigned')
+      let signInfo = JSON.parse(localStorage.getItem('signInfo'))
+      console.log('`````````````````````````````````')
+
+      console.log('imgBase64Data: oneimgBase64Data:' + imgBase64Data)
+      console.log('wxSigned: ' + wxSigned)
+      if (wxSigned) {
+        console.log('第二次进入电子保单')
+        console.log('````````````````````````````````')
+        this.getOrderDetail().then(() => {
+          this.Time = true
+          this.isOver = true
+          this.radio = '1'
+          this.base64 = imgBase64Data
+          this.isDisabledComplite = false
+          console.log('signInfo.status:' + signInfo.status)
+          if (signInfo.status == '0') {
+            // this.appntSign.documentStatus = '3'
+            console.log('``````````````````')
+            this.$set(this.appntSign, 'documentStatus', '3')
+            console.log('appntSign.documentStatus: ' + this.appntSign.documentStatus)
+            this.isSign = false
+            this.isDisabledComplite = false
+            // this.isDisable = false
+          } else {
+            this.$set(this.insuredSign, 'documentStatus', '3')
+            // this.insuredSign.documentStatus = '3'
+            this.isDisabledComplite = false
+            this.isSign = false
+          }
+        })
+      } else {
+        console.log('````````````````````````')
+        console.log('第一次进入电子保单')
+        this.timeOut()
+        this.getOrderDetail()
+      }
+    } else {
+      this.timeOut()
+      if (this.detailJump != '1') {
+        this.getOrderDetail()
+      }
+    }
+  },
+  methods: {
+    timeOut() {
+      let that = this
+      let time = that.time
+      that.Time = false
+      that.number = `${time}`
+      let timer = setInterval(() => {
+        time--
+        if (time <= 0) {
+          time = 0
+          clearInterval(timer)
+
+          that.Time = true
+          that.isOver = true
+        }
+        that.number = `${time}`
+      }, 1000)
+    },
+    // 获取签名状态
+    getOrderDetail() {
+      let that = this
+      let data = {
+        orderNo: window.localStorage.getItem('orderNo')
+      }
+      return new Promise((resolve, reject) => {
+        getOrderDetail(data).then(res => {
+          if (res.result == '0') {
+            res.orderDTO.ebizSignDTOS.map(item => {
+              if (item.signType == '0' || item.signType == '2') {
+                if (item.documentCode == '3') {
+                  that.appntSign = item
+                  console.log('that.appntSign', that.appntSign)
+                }
+              }
+            })
+            that.appntSign.policyUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${that.appntSign.policyUrl}`)
+            if (that.isWeixin) {
+              if (res.orderDTO.ebizSignDTOS.length > 1) {
+                if (that.appntSign.documentStatus == '3') {
+                  that.isDisabledComplite = false
+                }
+              }
+            }
+            resolve('success')
+          }
+        })
+      })
+    },
+    // 点击阅读时
+    click() {
+      let that = this
+      if (that.isOver == false) {
+        Dialog.confirm({
+          title: '提示',
+          message: '该内容涉及您的重大权益，请您仔细阅读',
+          showCancelButton: false
+        }).then(() => {
+          that.radio = ''
+        })
+      }
+    },
+    // 点击签名
+    sign(val) {
+      let that = this
+      this.$toast.loading({
+        duration: 0, // 持续展示 toast
+        forbidClick: true, // 禁用背景点击
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      if (val == '0') {
+        if (this.detailJump != '1') {
+          if (this.relationToAppnt == '1') {
+            if (this.isWeixin) {
+              this.toAirSign('0', '投保人签名', '5', '1')
+            } else {
+              EWebBridge.webCallAppInJs('ca_sign', {
+                //身份证号码
+                number: this.saleInsuredInfo.idNo,
+                //姓名
+                name: this.saleInsuredInfo.name,
+                type: this.saleInsuredInfo.idType,
+                keyword: '投保人签名',
+                pageNo: '1',
+                index: '1',
+                offset: '5',
+                pos: '3'
+              }).then(data => {
+                this.$toast.clear()
+                if (JSON.parse(data).state == '1') {
+                  this.base64 = decodeURI(JSON.parse(data).sign)
+                  this.appntSign.documentStatus = '3'
+                  this.isDisabledComplite = false
+                  this.isSign = false
+                }
+              })
+            }
+          } else {
+            if (this.isWeixin) {
+              this.toAirSign('0', '投保人签名', '5', '1')
+            } else {
+              EWebBridge.webCallAppInJs('ca_sign', {
+                //身份证号码
+                number: this.saleInsuredInfo.idNo,
+                //姓名
+                name: this.saleInsuredInfo.name,
+                type: this.saleInsuredInfo.idType,
+                keyword: '投保人签名',
+                pageNo: '1',
+                index: '1',
+                offset: '5',
+                pos: '3'
+              }).then(data => {
+                this.$toast.clear()
+                if (JSON.parse(data).state == '1') {
+                  this.base64 = decodeURI(JSON.parse(data).sign)
+                  this.appntSign.documentStatus = '3'
+                  this.isDisabledComplite = false
+                  this.isSign = false
+                }
+              })
+            }
+          }
+        } else {
+          switch (that.saleInsuredInfo.idType) {
+            case '居民身份证':
+              that.saleInsuredInfo.idType = '1'
+              break
+            case '户口本':
+              that.saleInsuredInfo.idType = '2'
+              break
+            case '出生证':
+              that.saleInsuredInfo.idType = '3'
+              break
+            case '外国人护照':
+              that.saleInsuredInfo.idType = '4'
+              break
+            case '港澳居民来往内地通行证':
+              that.saleInsuredInfo.idType = '5'
+              break
+            case '台湾居民来往大陆通行证':
+              that.saleInsuredInfo.idType = '6'
+              break
+            // case '其他':
+            //   that.saleInsuredInfo.idType = '7'
+            //   break
+            case '外国人永久居留身份证':
+              that.saleInsuredInfo.idType = '8'
+              break
+            case '港澳台居民居住证':
+              that.saleInsuredInfo.idType = '9'
+              break
+          }
+          if (this.isWeixin) {
+            this.toAirSign('0', '投保人签名', '5', '1')
+          } else {
+            EWebBridge.webCallAppInJs('ca_sign', {
+              //身份证号码
+              number: that.saleInsuredInfo.idNo,
+              //姓名
+              name: that.saleInsuredInfo.name,
+              type: that.saleInsuredInfo.idType,
+              keyword: '投保人签名',
+              pageNo: '1',
+              index: '1',
+              offset: '5',
+              pos: '3'
+            }).then(data => {
+              this.$toast.clear()
+              if (JSON.parse(data).state == '1') {
+                that.base64 = decodeURI(JSON.parse(data).sign)
+                that.appntSign.documentStatus = '3'
+                that.isDisabledComplite = false
+                that.isSign = false
+              }
+            })
+          }
+        }
+      }
+    },
+    // toAirSign(status, keyword, offset) {
+    //   localStorage.setItem(
+    //     'signInfo',
+    //     JSON.stringify({
+    //       idNo: this.saleInsuredInfo.idNo,
+    //       name: this.saleInsuredInfo.name,
+    //       type: this.saleInsuredInfo.idType,
+    //       keyword: keyword,
+    //       status: status,
+    //       offset: offset,
+    //       originUrl: location.href
+    //     })
+    //   )
+    //   window.location.href = this.$mainUrl + '/sign/index.html'
+    // },
+    toAirSign(status, keyword, offset, originStatus) {
+      localStorage.setItem(
+        'signInfo',
+        JSON.stringify({
+          originStatus: originStatus,
+          idNo: this.saleInsuredInfo.idNo,
+          name: this.saleInsuredInfo.name,
+          type: this.saleInsuredInfo.idType,
+          keyword: keyword,
+          status: status,
+          offset: offset,
+          originUrl: location.href
+        })
+      )
+      window.location.href = this.$mainUrl + '/sign/index.html'
+    },
+    // 下一步
+    goNext() {
+      if (this.isWeixin) {
+        console.log('````````````````````')
+        console.log('进入微信')
+        this.$toast.loading({
+          duration: 0, // 持续展示 toast
+
+          forbidClick: true, // 禁用背景点击
+
+          loadingType: 'spinner',
+
+          message: '加载中……'
+        })
+        let that = this
+        if (that.signVal == '0' || that.signVal == '2') {
+          let data = {
+            orderType: 'SIGN_ORDER',
+            orderDTO: {
+              orderInfoDTO: {
+                orderNo: window.localStorage.getItem('orderNo')
+              },
+              ebizSignDTOS: [
+                {
+                  signOrRead: 'sms',
+                  signId: that.appntSign.signId,
+                  orderNo: window.localStorage.getItem('orderNo'),
+                  documentCode: that.appntSign.documentCode,
+                  documentStatus: '3',
+                  signType: that.appntSign.signType,
+                  documentType: that.appntSign.documentType,
+                  baseEncryp: that.base64,
+                  policyUrl: that.appntSign.policyUrl
+                }
+              ]
+            }
+          }
+          saveInformation(data).then(res => {
+            if (res.result == '0') {
+              this.$toast.clear()
+              window.localStorage.setItem('detailJump', '')
+              window.sessionStorage.onewxSigned = false
+              // window.sessionStorage.oneimgBase64Data = ''
+              this.$jump({
+                flag: 'h5',
+                extra: {
+                  url: location.origin + '/#/sale/InsuranceTip'
+                },
+                routerInfo: {
+                  path: '/sale/InsuranceTip'
+                }
+              })
+            } else {
+              that.$toast(res.resultMessage)
+            }
+          })
+        }
+      } else {
+        let that = this
+        this.$toast.loading({
+          duration: 0, // 持续展示 toast
+
+          forbidClick: true, // 禁用背景点击
+
+          loadingType: 'spinner',
+
+          message: '加载中……'
+        })
+        if (that.signVal == '0' || that.signVal == '2') {
+          let data = {
+            orderType: 'SIGN_ORDER',
+            orderDTO: {
+              orderInfoDTO: {
+                orderNo: window.localStorage.getItem('orderNo')
+              },
+              ebizSignDTOS: [
+                {
+                  signOrRead: 'sms',
+                  signId: that.appntSign.signId,
+                  orderNo: window.localStorage.getItem('orderNo'),
+                  documentCode: that.appntSign.documentCode,
+                  documentStatus: '3',
+                  signType: that.appntSign.signType,
+                  documentType: that.appntSign.documentType,
+                  baseEncryp: that.base64,
+                  policyUrl: that.appntSign.policyUrl
+                }
+              ]
+            }
+          }
+          saveInformation(data).then(res => {
+            if (res.result == '0') {
+              this.$toast.clear()
+              window.localStorage.setItem('detailJump', '')
+              window.sessionStorage.onewxSigned = false
+              // window.sessionStorage.oneimgBase64Data = ''
+              this.$jump({
+                flag: 'h5',
+                extra: {
+                  url: location.origin + '/#/sale/InsuranceTip',
+                  forbidSwipeBack: '1'
+                },
+                routerInfo: {
+                  path: '/sale/InsuranceTip'
+                }
+              })
+            } else {
+              that.$toast(res.resultMessage)
+            }
+          })
+        }
+      }
+    }
+  },
+  computed: {
+    listenChange() {
+      const { isOver, radio, appntSign } = this
+      return { isOver, radio, appntSign }
+    }
+  },
+  watch: {
+    listenChange(val) {
+      let that = this
+      if (!that.isWeixin) {
+        if (that.signVal == '0' || that.signVal == '2') {
+          if (val.isOver == true && val.radio != '' && val.appntSign.documentStatus !== '3') {
+            that.isDisable = false
+          } else {
+            that.isDisable = true
+          }
+
+          if (that.radio == '1' && val.appntSign.documentStatus == '3') {
+            that.isDisabledComplite = false
+          } else {
+            that.isDisabledComplite = true
+          }
+        }
+        if (val.appntSign.documentStatus == '3') {
+          that.isDisable = true
+        }
+      } else {
+        if (that.signVal == '0' || that.signVal == '2') {
+          if (val.isOver == true && val.radio != '') {
+            that.isDisable = false
+          } else {
+            that.isDisable = true
+          }
+          if (that.radio == '1' && val.appntSign.documentStatus == '3') {
+            that.isDisabledComplite = false
+          } else {
+            that.isDisabledComplite = true
+          }
+        }
+      }
+    }
+  },
+
+  beforeRouteLeave(to, from, next) {
+    document.body.style.backgroundColor = ''
+    next()
+  }
+}
+</script>
+<style lang="scss" scoped>
+img {
+  width: 100%;
+  height: 100%;
+}
+.notice {
+  width: 100%;
+  position: fixed;
+  top: 0;
+  z-index: 20;
+}
+.iframe {
+  width: 100vw;
+  height: 70vh;
+}
+</style>