From 385bd8111b3402e057b01eb22cec9a1f3a89f50c Mon Sep 17 00:00:00 2001
From: "li.yuetong" <li.yuetong@ebiz-digits.com>
Date: Tue, 21 Jun 2022 17:57:01 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=9B=BD=E5=AF=8C=E6=83=A0=E6=A1=82?=
 =?UTF-8?q?=E4=BF=9D=E5=9B=A2=E4=BD=93=E5=8C=BB=E7=96=97=E4=BF=9D=E9=99=A9?=
 =?UTF-8?q?=E4=BA=A7=E5=93=81=E4=B8=8A=E7=BA=BF=E9=87=91=E6=8E=8C=E6=A1=82?=
 =?UTF-8?q?=E6=8A=95=E4=BF=9D=E5=BC=80=E5=8F=91=E9=9C=80=E6=B1=82=E3=80=91?=
 =?UTF-8?q?=E6=8A=95=E4=BF=9D=E4=BA=BA=E9=82=AE=E7=AE=B1=E5=BF=85=E5=A1=AB?=
 =?UTF-8?q?=EF=BC=8C=E5=8A=A0=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/ebiz/cardList.js                   |   10 +
 src/views/ebiz/cardList/GroupAppntInfo.vue    |    2 +-
 .../cardList/GroupAttachmentManagement.vue    | 1381 +++++++++++++++++
 src/views/ebiz/cardList/GroupInsuredList.vue  |   64 +-
 4 files changed, 1402 insertions(+), 55 deletions(-)
 create mode 100644 src/views/ebiz/cardList/GroupAttachmentManagement.vue

diff --git a/src/router/ebiz/cardList.js b/src/router/ebiz/cardList.js
index 535da892f..f8cde2a80 100644
--- a/src/router/ebiz/cardList.js
+++ b/src/router/ebiz/cardList.js
@@ -15,6 +15,7 @@ const Result = () => import('@/views/ebiz/cardList/Result')
 const GroupAppntInfo = () => import('@/views/ebiz/cardList/GroupAppntInfo')
 const GroupInsuredInfo = () => import('@/views/ebiz/cardList/GroupInsuredInfo')
 const GroupInsuredList = () => import('@/views/ebiz/cardList/GroupInsuredList')
+const GroupAttachmentManagement = () => import('@/views/ebiz/cardList/GroupAttachmentManagement')
 const GroupPayMent = () => import('@/views/ebiz/cardList/GroupPayMent')
 const GroupCheckInfo = () => import('@/views/ebiz/cardList/GroupCheckInfo')
 
@@ -156,6 +157,15 @@ export default [
       index: 14
     }
   },
+  {
+    path: '/cardList/GroupAttachmentManagement',
+    name: 'GroupAttachmentManagement',
+    component: GroupAttachmentManagement,
+    meta: {
+      title: '附件管理',
+      index: 16
+    }
+  },
   {
     path: '/cardList/GroupPayMent',
     name: 'GroupPayMent',
diff --git a/src/views/ebiz/cardList/GroupAppntInfo.vue b/src/views/ebiz/cardList/GroupAppntInfo.vue
index 8045a5993..aabbdeace 100644
--- a/src/views/ebiz/cardList/GroupAppntInfo.vue
+++ b/src/views/ebiz/cardList/GroupAppntInfo.vue
@@ -85,7 +85,7 @@
         v-validate="'required|mobile'"
         maxlength='11'
       />
-      <van-field v-model='userInfo.email' label='电子邮箱' name='电子邮箱' placeholder='如需电子保单，请填写' v-validate="'email'"
+      <van-field required v-model='userInfo.email' label='电子邮箱' name='电子邮箱' placeholder='如需电子保单，请填写' v-validate="'required|email'"
                  clearable />
       <!-- <van-field v-model="userInfo.workcompany" required label="工作单位" name="工作单位" placeholder="请输入" v-validate="'required'" maxlength="50" clearable /> -->
       <van-field
diff --git a/src/views/ebiz/cardList/GroupAttachmentManagement.vue b/src/views/ebiz/cardList/GroupAttachmentManagement.vue
new file mode 100644
index 000000000..a9985aa23
--- /dev/null
+++ b/src/views/ebiz/cardList/GroupAttachmentManagement.vue
@@ -0,0 +1,1381 @@
+<template>
+  <div class="redRadioCheckbox">
+    <div>
+      <div>
+        <div class="flex p10 align-items-c bg-white mt10">
+          <span>投保人附件上传</span>
+        </div>
+        <div class="m20 bg-white">
+          <div class="p10">
+            <div v-for="(item, index) in idType" :key="index">
+              <div v-if="item.id == saleInsuredInfo.idType">
+                <div v-if="item.id == '1' || item.id == '2' || item.id == '3' || item.id == '5' || item.id == '6' || item.id == '8' || item.id == '9'">
+                  <van-cell-group>
+                    <van-field required :label="item.id == '2' ? `${item.text}户主页` : `${item.text}正面`" disabled />
+                  </van-cell-group>
+                  <div @click="test('fileListIdFront', saleInsuredInfo.idType)" class="flex align-items-e">
+                    <van-uploader
+                      name="fileListIdFront"
+                      v-model="fileListIdFront"
+                      :after-read="afterRead"
+                      :before-delete="beforeDelete"
+                      class="mt10 ml20"
+                      :max-count="1"
+                      @delete="deleteImg"
+                    />
+                  </div>
+                  <van-cell-group>
+                    <van-field required :label="item.id == '2' ? `${item.text}本人页` : `${item.text}反面`" disabled />
+                  </van-cell-group>
+                  <div @click="test('fileListIdBack', saleInsuredInfo.idType)">
+                    <van-uploader
+                      name="fileListIdBack"
+                      v-model="fileListIdBack"
+                      :after-read="afterRead"
+                      @delete="deleteImg"
+                      :before-delete="beforeDelete"
+                      class="mt10 ml20"
+                      :max-count="1"
+                    />
+                  </div>
+                </div>
+                <div v-if="item.id == '4'">
+                  <van-cell-group>
+                    <van-field required :label="`${item.text}头像面`" disabled />
+                  </van-cell-group>
+                  <div @click="test('fileLIstImg', saleInsuredInfo.idType)">
+                    <van-uploader
+                      name="fileLIstImg"
+                      v-model="fileLIstImg"
+                      :after-read="afterRead"
+                      @delete="deleteImg"
+                      :before-delete="beforeDelete"
+                      class="mt10 ml20"
+                      :max-count="1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- <div v-if="relationToAppnt != '1'">
+        <div class="flex bg-white p10 align-items-c">
+          <span>请点击+上传被保险人身份证件</span>
+        </div>
+        <div class="m20 bg-white">
+          <div>
+            <div class=" ">
+              <div v-for="(item, index) in idType" :key="index">
+                <div v-if="item.id == saleInsuredPersonInfo.idType">
+                  <div v-if="item.id == '1' || item.id == '2' || item.id == '3' || item.id == '5' || item.id == '6' || item.id == '8' || item.id == '9'">
+                    <van-cell-group>
+                      <van-field required :label="item.id == '2' ? `${item.text}户主页` : `${item.text}正面`" disabled />
+                    </van-cell-group>
+                    <div @click="test('fileListIdFrontInsured', saleInsuredPersonInfo.idType)">
+                      <van-uploader
+                        name="fileListIdFrontInsured"
+                        v-model="fileListIdFrontInsured"
+                        :after-read="afterRead"
+                        :before-delete="beforeDelete"
+                        @delete="deleteImg"
+                        class="mt10 ml20"
+                        :max-count="1"
+                      />
+                    </div>
+                    <van-cell-group>
+                      <van-field required :label="item.id == '2' ? `${item.text}本人页` : `${item.text}反面`" disabled />
+                    </van-cell-group>
+                    <div @click="test('fileListIdBackInsured', saleInsuredPersonInfo.idType)">
+                      <van-uploader
+                        name="fileListIdBackInsured"
+                        v-model="fileListIdBackInsured"
+                        :after-read="afterRead"
+                        :before-delete="beforeDelete"
+                        @delete="deleteImg"
+                        class="mt10 ml20"
+                        :max-count="1"
+                      />
+                    </div>
+                  </div>
+                  <div v-if="item.id == '4'">
+                    <van-cell-group>
+                      <van-field required :label="`${item.text}头像页`" disabled />
+                    </van-cell-group>
+                    <div @click="test('fileLIstImgInsured', saleInsuredPersonInfo.idType)">
+                      <van-uploader
+                        name="fileLIstImgInsured"
+                        v-model="fileLIstImgInsured"
+                        :after-read="afterRead"
+                        :before-delete="beforeDelete"
+                        @delete="deleteImg"
+                        class="mt10 ml20"
+                        :max-count="1"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
+    </div>
+    <!-- <div class="ml30 mt30 mb80">
+      <van-radio-group v-model="radio">
+        <van-radio name="1">销售人员已见证各证件原件并拍照上传</van-radio>
+      </van-radio-group>
+    </div> -->
+    <div class="bg-white bottom-btn">
+      <van-button
+        type="danger"
+        class="attachmentManagement-next"
+        size="large"
+        :disabled="isDisabled"
+        @click="next"
+        @touchstart="beforeNext(isDisabled)"
+        v-no-more-click="1000"
+        >立即投保</van-button
+      >
+    </div>
+  </div>
+</template>
+
+<script>
+import DataDictionary from '@/assets/js/utils/data-dictionary'
+import { Cell, CellGroup, Field, Uploader, RadioGroup, Radio, Dialog, Picker, Popup } from 'vant'
+import { cardOrderDetail,saveOrUpdateGroupCard } from '@/api/ebiz/cardList/cardList.js'
+import config from '@/config'
+import utils from '../../../assets/js/business-common'
+import { underWrite } from '@/api/ebiz/sale/sale'
+import { uploadImg, IDCardOCR } from '@/api/ebiz/sale/sale'
+
+
+export default {
+  data() {
+    return {
+      // 订单号
+      cardOrderNo: '',
+      // 被保人异常告知
+      fileListNotifyInsured: [],
+      // 投保人异常告知
+      fileListNotify: [],
+      // 身份证正面
+      fileListIdFront: [
+        // { url: 'https://img.yzcdn.cn/vant/cat.jpeg' }
+        // Uploader 根据文件后缀来判断是否为图片文件
+      ],
+      // 身份证反面
+      fileListIdBack: [],
+      // 其他类型页面
+      fileLIstImg: [],
+      // 投保人选择的必选其他
+      saleInsuredInfoOther: [],
+      // 被保险人选择的必选其他
+      saleInsuredPersonInfoOther: [],
+      // 银行卡正面
+      fileListBank: [],
+      //银行卡反面
+      // fileListBankBack: [],
+      // 被保险人身份证正面
+      fileListIdFrontInsured: [],
+      // 被保险人身份证反面
+      fileListIdBackInsured: [],
+      // 被保险人银行账户
+      fileListBankInsured: [],
+      // 被保险人其他类型页面
+      fileLIstImgInsured: [],
+      // 受益人
+      // fileListtypebeneficiary: [],
+      // fileLIstImgInsrued
+      // 其他
+      // fileListOtherOne: [],
+      // fileListOtherTwo: [],
+      // fileListOtherThree: [],
+      // 单选框
+    //   radio: '',
+      // 是否可以点击下一步
+      isDisabled: true,
+      // 数据字典证件类型
+      idType: [],
+      // 被保险人信息
+      saleInsuredPersonInfo: {},
+      // 投保人信息
+      saleInsuredInfo: {},
+      // 图片流
+      file: '',
+      // 图片名称
+      imgName: '',
+      // 图片返回数组
+      imgList: [],
+      type: '',
+      // 是投保人还是被保险人
+      isAppant: '',
+      // 传给后端的list
+      list: [],
+      // 是哪个证件类型
+      id: '',
+      // 投保人被保险人是否是一个人 1为同一个人
+      relationToAppnt: '',
+      salePageFlag: '7',
+      imageType: ''
+    }
+  },
+  created() {
+    if (this.$route.query.cardOrderNo) {
+      this.cardOrderNo = this.$route.query.cardOrderNo
+    }
+    //如果是从编辑进来的
+    // if (this.$route.query.edit) {
+    cardOrderDetail({ orderNo: this.cardOrderNo }).then((res) => {
+      // console.log(res)
+      if (res.result == 0) {
+        //投被保险人关系
+        this.relationToAppnt = res.orderDTO.insuredDTOs[0].relationToAppnt
+        this.$utils.intLocalStorage(res)
+        //投保人信息
+        this.saleInsuredInfo = res.orderDTO.appntDTO
+        //被保险人信息
+        this.saleInsuredPersonInfo = res.orderDTO.insuredDTOs[0]
+        // localStorage.saleInsuredPersonInfo = JSON.stringify(res.orderDTO.insuredDTOs[0])
+      } else {
+        this.$toast(res.resultMessage)
+      }
+    })
+    // }
+  },
+  mounted() {
+    setTimeout(() => {
+      // eslint-disable-next-line no-undef
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        img: this.$assetsUrl + 'images/del-close-btn@3x.png',
+        intercept: '1', //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    // window.appCallBack = this.appCallBack
+    if (!this.$route.query.edit) {
+      //如果不是编辑/导航条跳转进来的
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.edit && !this.$route.query.salePageFlag) {
+      //如果从保单列表点击编辑按钮进入
+      this.salePageFlag = '7'
+      localStorage.setItem('salePageFlag', this.salePageFlag)
+    } else if (this.$route.query.salePageFlag) {
+      //如果是从导航栏点击进入
+      this.salePageFlag = localStorage.salePageFlag
+    }
+    let that = this
+    // 投被保险人是否同人
+    // if (this.$CacheUtils.getLocItem('saleInsuredPersonInfo')) {
+    //   that.relationToAppnt = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo')).relationToAppnt
+    //   // 获取被保险人信息
+    //   that.saleInsuredPersonInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo'))
+    // }
+    // 数据字典获取
+    that.idType = DataDictionary.idType
+
+    // 获取投保人信息
+    // if (this.$CacheUtils.getLocItem('saleInsuredInfo')) {
+    //   that.saleInsuredInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo'))
+    // }
+
+    // document.body.style.backgroundColor = '#fff'
+    // 身份证正面
+    if (window.localStorage.getItem('imgfrontPath') != null) {
+      let imgfront = {
+        url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgfrontPath')}`,
+      }
+      that.fileListIdFront.push(imgfront)
+      let obj = {
+        businessNo: that.cardOrderNo,
+        businessType: '',
+        imageInfoType: '1',
+        rgssUrl: window.localStorage.getItem('imgfrontPath'),
+        subBusinessType: '0',
+        subBusinessNo: that.saleInsuredInfo.insuredId,
+      }
+      that.list.push(obj)
+    } else {
+      that.fileListIdFront = []
+    }
+    // 被保险人身份证正面
+    if (window.localStorage.getItem('imgfrontInsuredPath') != null) {
+      let imgfront = {
+        url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgfrontInsuredPath')}`,
+      }
+      that.fileListIdFrontInsured.push(imgfront)
+      let obj = {
+        businessNo: that.cardOrderNo,
+        businessType: '',
+        imageInfoType: '1',
+        rgssUrl: window.localStorage.getItem('imgfrontInsuredPath'),
+        subBusinessType: '1',
+        subBusinessNo: that.saleInsuredPersonInfo.insuredId,
+      }
+      that.list.push(obj)
+    } else {
+      that.fileListIdFrontInsured = []
+    }
+    // 身份证背面
+    if (window.localStorage.getItem('imgBackPath') != null) {
+      let imgback = {
+        url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgBackPath')}`,
+      }
+      that.fileListIdBack.push(imgback)
+      let obj = {
+        businessNo: that.cardOrderNo,
+        businessType: '',
+        imageInfoType: '2',
+        rgssUrl: window.localStorage.getItem('imgBackPath'),
+        subBusinessType: '0',
+        subBusinessNo: that.saleInsuredInfo.insuredId,
+      }
+      that.list.push(obj)
+    } else {
+      that.fileListIdBack = []
+    }
+    // 被保险人身份证背面
+    if (window.localStorage.getItem('imgBackInsuredPath') != null) {
+      let imgback = {
+        url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgBackInsuredPath')}`,
+      }
+      that.fileListIdBackInsured.push(imgback)
+      let obj = {
+        businessNo: that.cardOrderNo,
+        businessType: '',
+        imageInfoType: '2',
+        rgssUrl: window.localStorage.getItem('imgBackInsuredPath'),
+        subBusinessType: '1',
+        subBusinessNo: that.saleInsuredPersonInfo.insuredId,
+      }
+      that.list.push(obj)
+    } else {
+      that.fileListIdBackInsured = []
+    }
+    // 银行卡
+    if (window.localStorage.getItem('bankCardUrlPath') != null) {
+      let bankCardUrl = {
+        url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('bankCardUrlPath')}`,
+      }
+      that.fileListBank.push(bankCardUrl)
+      let obj = {
+        businessNo: that.cardOrderNo,
+        businessType: '',
+        imageInfoType: '3',
+        rgssUrl: window.localStorage.getItem('bankCardUrlPath'),
+        subBusinessType: '0',
+        subBusinessNo: that.saleInsuredInfo.insuredId,
+      }
+      that.list.push(obj)
+    } else {
+      that.fileListBank = []
+    }
+    // 被保险人银行卡
+    // if (window.localStorage.getItem('bankCardUrlInsuredPath') != null) {
+    //   let bankCardUrlInsured = {
+    //     url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('bankCardUrlInsuredPath')}`
+    //   }
+    //   that.fileListBankInsured.push(bankCardUrlInsured)
+    //   let obj = {
+    //     businessNo: that.cardOrderNo,
+    //     businessType: '',
+    //     imageInfoType: '3',
+    //     rgssUrl: window.localStorage.getItem('bankCardUrlInsuredPath'),
+    //     subBusinessType: '1',
+    //     subBusinessNo: that.saleInsuredPersonInfo.insuredId
+    //   }
+    //   that.list.push(obj)
+    // } else {
+    //   that.fileListBankInsured = []
+    // }
+    // 保费超过20万的提示
+    // Dialog.alert({ title: '提示', message: '趸交保费≥20万元或期交保费*总期数≥20万元时，须上传指定受益人证件正反面' })
+  },
+  beforeRouteLeave(to, from, next) {
+    document.body.style.backgroundColor = ''
+    next()
+  },
+  methods: {
+    // appCallBack(data) {
+    //   if (data.trigger == 'left_button_click') {
+    //     return this.$dialog
+    //       .confirm({
+    //         className: 'dialog-delete',
+    //         title: '提示',
+    //         message: '退出流程可能会丢失部分数据，是否确认退出？',
+    //         cancelButtonColor: '#E9332E',
+    //         confirmButtonColor: '#FFFFFF',
+    //       })
+    //       .then(() => {
+    //         this.$jump({
+    //           flag: 'h5',
+    //           extra: {
+    //             title: '电子投保单列表',
+    //             forbidSwipeBack: 1, //当前页面禁止右滑返回
+    //             url: location.origin + `/#/sale/list`,
+    //           },
+    //           routerInfo: {
+    //             path: `/sale/list`,
+    //             type: '1',
+    //           },
+    //         })
+    //       })
+    //       .catch(() => {
+    //         return
+    //       })
+    //   }
+    // },
+
+    // 删除图片前
+    beforeDelete(file, detail) {
+      let that = this
+      Dialog.confirm({
+        title: '提示',
+        message: '您确定要删除吗',
+      }).then(() => {
+        if (detail.name == 'fileListIdFront') {
+          this.fileListIdFront = []
+          this.deleteImg(file, 'fileListIdFront')
+        } else if (detail.name == 'fileListIdBack') {
+          this.fileListIdBack = []
+          this.deleteImg(file, 'fileListIdBack')
+        } else if (detail.name == 'fileLIstImg') {
+          this.fileLIstImg = []
+          this.deleteImg(file, 'fileLIstImg')
+        } else if (detail.name == 'fileListBank') {
+          this.fileListBank = []
+          this.deleteImg(file, 'fileListBank')
+          // } else if (detail.name == 'fileListBankBack') {
+          //   this.fileListBankBack = []
+        } else if (detail.name == 'fileListIdFrontInsured') {
+          this.fileListIdFrontInsured = []
+          this.deleteImg(file, 'fileListIdFrontInsured')
+        } else if (detail.name == 'fileListIdBackInsured') {
+          this.fileListIdBackInsured = []
+          this.deleteImg(file, 'fileListIdBackInsured')
+        } else if (detail.name == 'fileListBankInsured') {
+          this.fileListBankInsured = []
+          this.deleteImg(file, 'fileListBankInsured')
+        } else if (detail.name == 'fileLIstImgInsured') {
+          this.fileLIstImgInsured = []
+          this.deleteImg(file, 'fileLIstImgInsured')
+          // } else if (detail.name == 'fileListOtherOne') {
+          //   this.fileListOtherOne = []
+          // } else if (detail.name == 'fileListOtherTwo') {
+          //   this.fileListOtherTwo = []
+          // } else if (detail.name == 'fileListOtherThree') {
+          //   this.fileListOtherThree = []
+        } else if (detail.name == 'saleInsuredInfoOther') {
+          this.saleInsuredInfoOther = []
+          this.deleteImg(file, 'saleInsuredInfoOther')
+        } else if (detail.name == 'saleInsuredPersonInfoOther') {
+          this.saleInsuredPersonInfoOther = []
+          this.deleteImg(file, 'saleInsuredPersonInfoOther')
+          // } else if (detail.name == 'fileListtypebeneficiary') {
+          //   that.fileListtypebeneficiary.map((item, index, array) => {
+          //     if (item.content == file.content) {
+          //       array.splice(index, 1)
+          //     } else {
+          //       return
+          //     }
+          //   })
+        } else if (detail.name == 'fileListNotify') {
+          this.fileListNotify.forEach((item, index, arr) => {
+            if (item.name == file.name) {
+              arr.splice(index,1)
+            }else{
+              return;
+            }
+          })
+          this.deleteImg(file, 'fileListNotify')
+        } else if (detail.name == 'fileListNotifyInsured') {
+          this.fileListNotifyInsured.forEach((item, index, arr) => {
+            if (item.name == file.name) {
+              arr.splice(index,1)
+            }else{
+              return;
+            }
+          })
+          this.deleteImg(file, 'fileListNotifyInsured')
+        }
+      })
+    },
+    test(type, id) {
+      let that = this
+      that.id = id
+      switch (type) {
+        case 'fileListIdFront':
+          that.type = type
+          break
+        case 'fileListIdBack':
+          that.type = type
+          break
+        case 'fileLIstImg':
+          that.type = type
+          break
+        case 'fileListBank':
+          that.type = type
+          break
+        // case 'fileListBankBack':
+        //   that.type = type
+        //   break
+        case 'fileListOther':
+          that.type = type
+          break
+        case 'fileListIdFrontInsured':
+          that.type = type
+          break
+        case 'fileListIdBackInsured':
+          that.type = type
+          break
+        case 'fileListBankInsured':
+          that.type = type
+          break
+        case 'fileLIstImgInsured':
+          that.type = type
+          break
+        case 'saleInsuredPersonInfoOther':
+          that.type = type
+          break
+        case 'saleInsuredInfoOther':
+          that.type = type
+          break
+        default:
+          that.type = type
+      }
+    },
+    // 删除图片
+    deleteImg(file, nameList) {
+      let that = this
+      that.list.map((item, index, array) => {
+        // if (item.fileName.indexOf(file.file.name) == -1) {
+        //   return
+        // } else {
+        //   array.splice(index, 1)
+        // }
+        if (item.fileName == file.name && nameList == item.name) {
+          array.splice(index, 1)
+        }
+      })
+    },
+    afterRead(file) {
+      let that = this
+      // console.log(type)
+      // 此时可以自行将文件上传至服务器
+      that.file = file.content
+      that.imgName = Math.floor(Math.random() * 100).toString() + new Date().getTime() + file.file.name //为图片名加随机数  与时间戳
+      file.name = that.imgName
+      that.uploadImg()
+    },
+
+    // 转化base64格式为文件格式
+    dataURLtoFile(dataurl, filename) {
+      //将base64转换为文件
+      var arr = dataurl.split(','),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]),
+        n = bstr.length,
+        u8arr = new Uint8Array(n)
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n)
+      }
+      return new File([u8arr], filename, { type: mime })
+    },
+    // 上传图片
+    uploadImg() {
+      let that = this
+      this.$toast.loading({
+        duration: 0, // 持续展示 toast
+
+        forbidClick: true, // 禁用背景点击
+
+        loadingType: 'spinner',
+
+        message: '加载中……',
+      })
+      let formdata = new FormData()
+      formdata.append('imgPath', that.dataURLtoFile(that.file, that.imgName))
+      uploadImg(formdata).then(
+        (res) => {
+          //  console.log(res)
+          if (res.result == '0') {
+            this.$toast.clear()
+            // res.responseObject.imgList.map(item => {
+            if (
+              that.type == 'fileListIdFront' ||
+              that.type == 'fileListIdBack' ||
+              that.type == 'fileLIstImg' ||
+              that.type == 'fileListBank' ||
+              // that.type == 'fileListBankBack' ||
+              that.type == 'fileListNotify' ||
+              that.type == 'saleInsuredInfoOther'
+            ) {
+              // 是投保人
+              // console.log(that.file)
+              // 证件类型
+              let imageInfoType = ''
+              let name = ''
+              // if (that.type == 'fileListIdFront' && that.id == '1') {
+              //   imageInfoType = '1'
+              // } else if (that.type == 'fileListIdBack' && that.id == '1') {
+              //   imageInfoType = '2'
+              // } else if (that.type == 'fileListBank') {
+              //   imageInfoType = '3'
+              // } else if (that.type == 'fileListIdFront' && that.id == '2') {
+              //   imageInfoType = '5'
+              // } else if (that.type == 'fileListIdBack' && that.id == '2') {
+              //   imageInfoType = '6'
+              // } else if (that.type == 'fileLIstImg' && that.id == '3') {
+              //   imageInfoType = '7'
+              // } else if (that.type == 'fileLIstImg' && that.id == '4') {
+              //   imageInfoType = '8'
+              // } else if (that.type == 'fileLIstImg' && that.id == '5') {
+              //   imageInfoType = '9'
+              // } else if (that.type == 'fileLIstImg' && that.id == '6') {
+              //   imageInfoType = '10'
+              // } else if (that.type == 'saleInsuredInfoOther' && that.id == '7') {
+              //   imageInfoType = '11'
+              // }
+              if (that.type == 'fileListIdFront' && that.id == '1') {
+                //身份证正面
+                name = 'fileListIdFront'
+                imageInfoType = '1'
+              } else if (that.type == 'fileListIdBack' && that.id == '1') {
+                //身份证反面
+                name = 'fileListIdBack'
+                imageInfoType = '2'
+              } else if (that.type == 'fileListIdFront' && that.id == '2') {
+                //户口本正面
+                name = 'fileListIdFront'
+                imageInfoType = '5'
+              } else if (that.type == 'fileListIdBack' && that.id == '2') {
+                //户口本反面
+                name = 'fileListIdBack'
+                imageInfoType = '6'
+              } else if (that.type == 'fileListIdFront' && that.id == '3') {
+                //出生证正面
+                name = 'fileListIdFront'
+                imageInfoType = '7'
+              } else if (that.type == 'fileListIdBack' && that.id == '3') {
+                //出生证反面
+                name = 'fileListIdBack'
+                imageInfoType = '12'
+              } else if (that.type == 'fileLIstImg' && that.id == '4') {
+                //护照面
+                name = 'fileLIstImg'
+                imageInfoType = '8'
+              } else if (that.type == 'fileListIdFront' && that.id == '5') {
+                //港澳居民来往内地通行证正面
+                name = 'fileListIdFront'
+                imageInfoType = '9'
+              } else if (that.type == 'fileListIdBack' && that.id == '5') {
+                //港澳居民来往内地通行证反面
+                name = 'fileListIdBack'
+                imageInfoType = '13'
+              } else if (that.type == 'fileListIdFront' && that.id == '6') {
+                //台湾居民来往大陆通行证正面
+                name = 'fileListIdFront'
+                imageInfoType = '10'
+              } else if (that.type == 'fileListIdBack' && that.id == '6') {
+                //台湾居民来往大陆通行证反面
+                name = 'fileListIdBack'
+                imageInfoType = '14'
+              } else if (that.type == 'fileListIdFront' && that.id == '8') {
+                //外国人永久居留身份证正面
+                name = 'fileListIdFront'
+                imageInfoType = '15'
+              } else if (that.type == 'fileListIdBack' && that.id == '8') {
+                //外国人永久居留身份证反面
+                name = 'fileListIdBack'
+                imageInfoType = '16'
+              } else if (that.type == 'fileListIdFront' && that.id == '9') {
+                //港澳台居民居住证正面
+                name = 'fileListIdFront'
+                imageInfoType = '17'
+              } else if (that.type == 'fileListIdBack' && that.id == '9') {
+                //港澳台居民居住证反面
+                name = 'fileListIdBack'
+                imageInfoType = '18'
+              } else if (that.type == 'fileListBank') {
+                //银行卡正面
+                name = 'fileListBank'
+                imageInfoType = '3'
+                // } else if (that.type == 'fileListBankBack') {
+                //   //银行卡反面
+                //   imageInfoType = '19'
+              } else if (that.type == 'fileListNotify') {
+                name = 'fileListNotify'
+                imageInfoType = '24'
+              }
+              let obj = {
+                name: name,
+                businessNo: that.cardOrderNo,
+                businessType: '',
+                imageInfoType: imageInfoType,
+                // window.localStorage.setItem('bankCardUrlInsuredPath', encodeURI(JSON.parse(data).path).replace(/\+/g, '%2B'))
+                rgssUrl: encodeURI(res.path).replace(/\+/g, '%2B'),
+                subBusinessType: '0',
+                subBusinessNo: that.saleInsuredInfo.appntId,
+                fileName: that.imgName,
+              }
+              this.imageType = imageInfoType
+              that.list.push(obj)
+            } else if (
+              that.type == 'fileListIdFrontInsured' ||
+              that.type == 'fileListIdBackInsured' ||
+              that.type == 'fileListBankInsured' ||
+              that.type == 'fileLIstImgInsured' ||
+              that.type == 'fileListNotifyInsured' ||
+              that.type == 'saleInsuredPersonInfoOther'
+            ) {
+              // 是被保险人
+              // 证件类型
+
+              let imageInfoType = ''
+              let name = ''
+
+              if (that.type == 'fileListIdFrontInsured' && that.id == '1') {
+                name = 'fileListIdFrontInsured'
+                imageInfoType = '1'
+              } else if (that.type == 'fileListIdBackInsured' && that.id == '1') {
+                name = 'fileListIdBackInsured'
+                imageInfoType = '2'
+              } else if (that.type == 'fileListIdFrontInsured' && that.id == '2') {
+                name = 'fileListIdFrontInsured'
+                imageInfoType = '5'
+              } else if (that.type == 'fileListIdBackInsured' && that.id == '2') {
+                name = 'fileListIdBackInsured'
+                imageInfoType = '6'
+              } else if (that.type == 'fileListIdFrontInsured' && that.id == '3') {
+                name = 'fileListIdFrontInsured'
+                imageInfoType = '7'
+              } else if (that.type == 'fileListIdBackInsured' && that.id == '3') {
+                name = 'fileListIdBackInsured'
+                imageInfoType = '12'
+              } else if (that.type == 'fileLIstImgInsured' && that.id == '4') {
+                name = 'fileLIstImgInsured'
+                imageInfoType = '8'
+              } else if (that.type == 'fileListIdFrontInsured' && that.id == '5') {
+                name = 'fileListIdFrontInsured'
+                imageInfoType = '9'
+              } else if (that.type == 'fileListIdBackInsured' && that.id == '5') {
+                name = 'fileListIdBackInsured'
+                imageInfoType = '13'
+              } else if (that.type == 'fileListIdFrontInsured' && that.id == '6') {
+                name = 'fileListIdFrontInsured'
+                imageInfoType = '10'
+              } else if (that.type == 'fileListIdBackInsured' && that.id == '6') {
+                name = 'fileListIdBackInsured'
+                imageInfoType = '14'
+              } else if (that.type == 'fileListIdFrontInsured' && that.id == '8') {
+                name = 'fileListIdFrontInsured'
+                imageInfoType = '15'
+              } else if (that.type == 'fileListIdBackInsured' && that.id == '8') {
+                name = 'fileListIdBackInsured'
+                imageInfoType = '16'
+              } else if (that.type == 'fileListIdFrontInsured' && that.id == '9') {
+                name = 'fileListIdFrontInsured'
+                imageInfoType = '17'
+              } else if (that.type == 'fileListIdBackInsured' && that.id == '9') {
+                name = 'fileListIdBackInsured'
+                imageInfoType = '18'
+              } else if (that.type == 'fileListNotifyInsured') {
+                name = 'fileListNotifyInsured'
+                imageInfoType = '24'
+              }
+
+              let obj = {
+                name: name,
+                businessNo: that.cardOrderNo,
+                businessType: '',
+                imageInfoType: imageInfoType,
+                rgssUrl: encodeURI(res.path).replace(/\+/g, '%2B'),
+                subBusinessType: '1',
+                subBusinessNo: that.saleInsuredPersonInfo.insuredId,
+                fileName: that.imgName,
+              }
+              this.imageType = imageInfoType
+              that.list.push(obj)
+            } else if (that.type == 'fileListOther') {
+              // 是其他
+              let type = '2'
+              let name = 'fileListOther'
+              let obj = {
+                name: name,
+                businessNo: that.cardOrderNo,
+                businessType: name,
+                imageInfoType: '11',
+                rgssUrl: encodeURI(res.path).replace(/\+/g, '%2B'),
+                subBusinessType: type,
+                subBusinessNo: '',
+                fileName: that.imgName,
+              }
+
+              that.list.push(obj)
+              // } else if (that.type == 'fileListtypebeneficiary') {
+              //   // 是受益人
+              //   let type = '3'
+              //   let obj = {
+              //     businessNo: that.cardOrderNo,
+              //     businessType: '',
+              //     imageInfoType: '21',
+              //     rgssUrl: encodeURI(res.path).replace(/\+/g, '%2B'),
+              //     subBusinessType: type,
+              //     subBusinessNo: '',
+              //     fileName: that.imgName
+              //   }
+              //   that.list.push(obj)
+            } else if (that.type == 'fileListNotify') {
+              // 健康告知异常类资料
+              // let obj = {
+              //   name: 'fileListNotify',
+              //   businessNo: that.cardOrderNo,
+              //   businessType: '',
+              //   imageInfoType: '24',
+              //   rgssUrl: encodeURI(res.path).replace(/\+/g, '%2B'),
+              //   subBusinessType: '0',
+              //   subBusinessNo: '',
+              //   fileName: that.imgName,
+              // }
+              // that.list.push(obj)
+            }
+
+
+            let imgPath = res.path
+            //只有身份证件才进行ocr校验
+            if(that.type == 'fileListIdFront' || that.type == 'fileListIdBack' || that.type == 'fileLIstImg' ||
+               that.type == 'fileListIdFrontInsured' || that.type == 'fileListIdBackInsured' || that.type == 'fileLIstImgInsured'){
+              if(that.id == '1' && this.imageType == '1' && that.type == 'fileListIdFront'){
+                //投保人身份证正面
+                this.IDCardOCRValite(that.id, this.cardOrderNo, imgPath, 'FRONT', 'appentFront')
+              }else if(that.id == '1' && this.imageType == '2' && that.type == 'fileListIdBack'){
+                //投保人身份证反面
+                this.IDCardOCRValite(that.id, this.cardOrderNo, imgPath, 'BACK', 'appentBack')
+              }else if(that.id == '1' && this.imageType == '1' && that.type == 'fileListIdFrontInsured'){
+                //被保人身份证正面
+                this.IDCardOCRValite(that.id, this.cardOrderNo, imgPath, 'FRONT', 'insuredFront')
+              }else if(that.id == '1' && this.imageType == '2' && that.type == 'fileListIdBackInsured'){
+                //被保人身份证反面
+                this.IDCardOCRValite(that.id, this.cardOrderNo, imgPath, 'BACK', 'insuredBack')
+              }else {
+                //其他素材(护照,户口本,港澳身份证等)
+                this.IDCardOCRValite(that.id, this.cardOrderNo, imgPath, "OTHER", '')
+              }
+            }
+
+
+          } else {
+            switch (that.type) {
+              case 'fileListIdFront':
+                that.fileListIdFront = []
+                break
+              case 'fileListIdBack':
+                that.fileListIdBack = []
+                break
+              case 'fileLIstImg':
+                that.fileLIstImg = []
+                break
+              case 'fileListBank':
+                that.fileListBank = []
+                break
+              case 'fileListOther':
+                that.fileListOther = []
+                break
+              case 'fileListIdFrontInsured':
+                that.fileListIdFrontInsured = []
+                break
+              case 'fileListIdBackInsured':
+                that.fileListIdBackInsured = []
+                break
+              case 'fileListBankInsured':
+                that.fileListBankInsured = []
+                break
+              case 'fileLIstImgInsured':
+                that.fileLIstImgInsured = []
+                break
+              case 'saleInsuredInfoOther':
+                that.saleInsuredInfoOther = []
+                break
+              case 'saleInsuredPersonInfoOther':
+                that.saleInsuredPersonInfoOther = []
+                break
+            }
+            this.$toast.clear()
+            this.$toast(res.resultMessage)
+          }
+        },
+        (error) => {
+          switch (that.type) {
+            case 'fileListIdFront':
+              that.fileListIdFront = []
+              break
+            case 'fileListIdBack':
+              that.fileListIdBack = []
+              break
+            case 'fileLIstImg':
+              that.fileLIstImg = []
+              break
+            case 'fileListBank':
+              that.fileListBank = []
+              break
+            case 'fileListOther':
+              that.fileListOther = []
+              break
+            case 'fileListIdFrontInsured':
+              that.fileListIdFrontInsured = []
+              break
+            case 'fileListIdBackInsured':
+              that.fileListIdBackInsured = []
+              break
+            case 'fileListBankInsured':
+              that.fileListBankInsured = []
+              break
+            case 'fileLIstImgInsured':
+              that.fileLIstImgInsured = []
+              break
+            case 'saleInsuredInfoOther':
+              that.saleInsuredInfoOther = []
+              break
+            case 'saleInsuredPersonInfoOther':
+              that.saleInsuredPersonInfoOther = []
+              break
+          }
+          this.$toast('网络环境不佳，图片上传失败，请切换移动网络或稍后重试')
+        }
+      )
+    },
+    beforeNext(isDis) {
+      if (isDis && this.fileListBank.length > 0 && this.fileListIdBack.length > 0 && this.fileListIdFront.length > 0) {
+        this.$toast('请勾选确认销售人员已见证各证件原件并拍照上传')
+      }
+    },
+
+    IDCardOCRValite(idType, orderNo, imgPath, cardSide, flag){
+      let param = {
+        idType : idType,
+        orderNo : orderNo,
+        imgPath : imgPath,
+        cardSide : cardSide,
+      }
+      //调用身份证OCR识别
+      IDCardOCR(param).then((res) => {
+        if(res.result == '0'){
+          //不校验OCR直接返回
+          if(res.content == '' || res.content == null){
+            return
+          }
+          //如果识别的身份证信息与填写的不一致,进行提示
+          let isFlag = true;
+          //投保人身份证正面
+          if('appentFront' == flag){
+            this.saleInsuredInfo.sex = this.saleInsuredInfo.sex == '0'? '男' :'女'
+            res.content.birth = utils.formatDate(Date.parse(res.content.birth), 'yyyy-MM-dd')
+            if(this.saleInsuredInfo.name != res.content.name ||
+                    this.saleInsuredInfo.sex != res.content.sex ||
+                    this.saleInsuredInfo.birthday != res.content.birth ||
+                    this.saleInsuredInfo.idNo != res.content.idNum
+            ){
+                isFlag = false;
+            }
+          }
+          else if('appentBack' == flag){
+            //投保人身份证反面
+            //"ValidDate": "2010.07.21-2020.07.21"
+            //"ValidDate": "2010.07.21-长期"
+            let certiexpireDate = res.content.validDate.split('-')[1]
+            if('长期' == certiexpireDate){
+              res.content.validDate = '9999-01-01'
+              if(this.saleInsuredInfo.certiexpiredate != res.content.validDate){
+                isFlag = false;
+              }
+            }else{
+              res.content.validDate = res.content.validDate.split('-')[1].replace(/\./g,'-')
+              if(this.saleInsuredInfo.certiexpiredate != res.content.validDate){
+                isFlag = false;
+              }
+            }
+
+          }
+          else if('insuredFront' == flag){
+            this.saleInsuredPersonInfo.sex = this.saleInsuredPersonInfo.sex == '0'? '男' :'女'
+            res.content.birth = utils.formatDate(Date.parse(res.content.birth), 'yyyy-MM-dd')
+            //被保人身份证正面
+            if(this.saleInsuredPersonInfo.name != res.content.name ||
+                    this.saleInsuredPersonInfo.sex != res.content.sex ||
+                    this.saleInsuredPersonInfo.birthday != res.content.birth ||
+                    this.saleInsuredPersonInfo.idNo != res.content.idNum
+            ){
+              isFlag = false;
+            }
+          }
+          else if('insuredBack' == flag){
+            //被保人身份证反面
+            //"ValidDate": "2010.07.21-2020.07.21"
+            //"ValidDate": "2010.07.21-长期"
+            let certiexpireDate = res.content.validDate.split('-')[1]
+            console.log("res.content.validDate", res.content.validDate)
+            if('长期' == certiexpireDate){
+              res.content.validDate = '9999-01-01'
+              if(this.saleInsuredInfo.certiexpiredate != res.content.validDate){
+                isFlag = false;
+              }
+            }else{
+              res.content.validDate = res.content.validDate.split('-')[1].replace(/\./g,'-')
+              if(this.saleInsuredInfo.certiexpiredate != res.content.validDate){
+                isFlag = false;
+              }
+            }
+          }
+          if(!isFlag){
+            this.$toast.clear()
+            this.$toast("上传的证件信息与录入的证件信息不一致，请核对修改并重新上传。")
+          }
+        }else{
+          this.$toast.clear()
+          this.$toast(res.resultMessage)
+        }
+      });
+    },
+
+    // 点击下一步
+    next() {
+      console.log(888)
+      let that = this
+      // this.$toast.loading({
+      //   duration: 0, // 持续展示 toast
+
+      //   forbidClick: true, // 禁用背景点击
+
+      //   loadingType: 'spinner',
+
+      //   message: '加载中……'
+      // })
+      //注释双录提示
+      // let request = {
+      //   productList: JSON.parse(localStorage.chooseProductCodes),
+      //   // productList:  ["DCRS_A0009"],
+      //   birthday: this.saleInsuredInfo.birthday
+      // }
+      // check(request).then(res => {
+      //   if (res.result == '0') {
+      //     if (res.status == '0') {
+      //       // 弹
+      //       window.localStorage.setItem('attachmentShow', '0')
+      //     } else {
+      //       // 不弹
+      //       window.localStorage.setItem('attachmentShow', '1')
+      //     }
+      //   } else {
+      //     // 不弹
+      //     window.localStorage.setItem('attachmentShow', '1')
+      //   }
+      // })
+      // delete that.list.fileName
+      that.list.map((i) => {
+        delete i.name
+      })
+      let data = {
+        orderDTO: {
+          orderInfoDTO: {
+            orderNo: this.cardOrderNo,
+            productCode: that.saleInsuredPersonInfo.riskDTOLst[0].mainRiskCode,
+          },
+          appntDTO: {
+            relationToInsured: that.saleInsuredPersonInfo.relationToAppnt,
+          },
+          mediaDTOS: that.list,
+        },
+        orderType: 'CARDGROUP_MEDIA_ORDER',
+      }
+
+      saveOrUpdateGroupCard(data).then((res) => {
+        if (res.result == '0') {
+          this.$toast.clear()
+          window.localStorage.removeItem('imgfront')
+          window.localStorage.removeItem('imgBackPath')
+          window.localStorage.removeItem('imgfrontPath')
+          window.localStorage.removeItem('imgfrontInsured')
+          window.localStorage.removeItem('imgfrontInsuredPath')
+          window.localStorage.removeItem('imgBackInsuredPath')
+          window.localStorage.removeItem('bankCardUrl')
+          window.localStorage.removeItem('bankCardUrlPath')
+          window.localStorage.removeItem('bankCardUrlInsured')
+          window.localStorage.removeItem('bankCardUrlInsuredPath')
+          let data = {
+            platform: 'app',
+            type: '1',
+            orderDTO: {
+            orderInfoDTO: {
+                orderNo: this.cardOrderNo
+            }
+            }
+          }
+        //核保
+        underWrite(data).then(res => {
+            if (res.result == '0') {
+            this.$toast.clear()
+            window.localStorage.setItem('underWriteData', JSON.stringify(res))
+            if (res.uwResult == '33') {
+                window.localStorage.setItem('uwResult', res.uwResult)
+                window.localStorage.setItem('resultMessage', res.message)
+            } else {
+                window.localStorage.setItem('uwResult', res.uwResult)
+            }
+            if (res.uwResult == '02') {
+                this.underWriteData = res
+                window.localStorage.setItem('underWriteData', JSON.stringify(res))
+                this.$jump({
+                flag: 'h5',
+                extra: {
+                    url: location.origin + `/#/cardList/pay`,
+                    forbidSwipeBack: 1
+                },
+                routerInfo: {
+                    path: `/cardList/pay`
+                }
+                })
+            } else {
+                window.localStorage.setItem('uwResult', res.uwResult)
+                window.localStorage.setItem('resultMessage', res.message)
+                this.$jump({
+                flag: 'h5',
+                extra: {
+                    url: location.origin + '/#/cardList/result',
+                    backToFirst: '1'
+                },
+                routerInfo: {
+                    path: '/cardList/result'
+                }
+                })
+            }
+            return true
+            } else {
+            this.$toast(res.resultMessage)
+            return false
+            }
+        })
+        } else {
+          Dialog.confirm({
+            title: '提示',
+            message: res.resultMessage,
+            confirmButtonColor:'#FF0000',
+            showCancelButton:false
+          })
+          //that.$toast(res.resultMessage)
+        }
+      })
+    },
+  },
+  computed: {
+    // eslint-disable-next-line vue/return-in-computed-property
+    typebeneficiary() {
+      // 1.趸交保费≥20万元或期交保费*总期数≥20万元时，
+      // 2.指定受益人
+      // 3.受益人与被保险人关系为其他
+      if (!window.localStorage.getItem('trialList') == true || !window.localStorage.getItem('beneficiaryInfo') == true) {
+        return false
+      } else {
+        let beneficiaryInfoList = JSON.parse(window.localStorage.getItem('beneficiaryInfo'))
+        if (JSON.parse(window.localStorage.getItem('trialList'))[0].prem >= 200000) {
+          for (let index = 0; index < beneficiaryInfoList.length; index++) {
+            if (beneficiaryInfoList[index].relationToInsured == 5) {
+              return true
+            }
+          }
+          // return false
+        } else {
+          return false
+        }
+      }
+    },
+    listenChange() {
+      const {
+        fileListIdFront,
+        fileListIdBack,
+        fileListBank,
+        // fileListBankBack,
+        // radio,
+        fileLIstImg,
+        fileListIdFrontInsured,
+        fileListIdBackInsured,
+        fileListBankInsured,
+        fileLIstImgInsured,
+        saleInsuredPersonInfoOther,
+        saleInsuredInfoOther,
+        // fileListtypebeneficiary
+      } = this
+      console.log(this)
+      return {
+        fileListIdFront,
+        fileListIdBack,
+        fileListBank,
+        // fileListBankBack,
+        // radio,
+        fileListIdFrontInsured,
+        fileListIdBackInsured,
+        fileListBankInsured,
+        fileLIstImgInsured,
+        fileLIstImg,
+        saleInsuredPersonInfoOther,
+        saleInsuredInfoOther,
+        // fileListtypebeneficiary
+      }
+    },
+  },
+  watch: {
+    listenChange(val) {
+      let that = this
+        if (
+          (val.fileListIdFront.length != '0' &&
+            val.fileListIdBack.length != '0'
+            // val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            // val.fileListIdFrontInsured.length != '0' &&
+            // val.fileListIdBackInsured.length != '0'
+            // val.radio !== ''
+            ) ||
+          (val.fileLIstImg.length != '0' &&
+            // val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileListIdFrontInsured.length != '0' &&
+            val.fileListIdBackInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.fileListIdFront.length != '0' &&
+            // val.fileListIdBack.length != '0' &&
+            val.fileListIdFrontInsured.length != '0' &&
+            val.fileListIdBackInsured.length != '0' &&
+            val.fileListBankInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.fileLIstImg.length != '0' &&
+            val.fileListIdFrontInsured.length != '0' &&
+            val.fileListIdBackInsured.length != '0' &&
+            val.fileListBankInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.fileListIdFront.length != '0' &&
+            val.fileListIdBack.length != '0' &&
+            val.fileListBankInsured.length != '0' &&
+            val.fileLIstImgInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.fileListIdFront.length != '0' &&
+            val.fileListIdBack.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileLIstImgInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileLIstImg.length != '0' &&
+            val.fileLIstImgInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.fileLIstImg.length != '0' && val.fileLIstImgInsured.length != '0' && val.fileListBankInsured.length != '0' && val.radio !== '') ||
+          (val.fileListIdFront.length != '0' &&
+            val.fileListIdBack.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.radio !== '' &&
+            this.relationToAppnt == '1') ||
+          (val.fileLIstImg.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.radio !== '' &&
+            this.relationToAppnt == '1') ||
+          (val.saleInsuredInfoOther.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileListIdFrontInsured.length != '0' &&
+            val.fileListIdBackInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredInfoOther.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileLIstImgInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredPersonInfoOther.length != '0' &&
+            val.fileListBankInsured.length != '0' &&
+            val.fileListIdFront.length != '0' &&
+            val.fileListIdBack.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredInfoOther.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileLIstImg.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredInfoOther.length != '0' &&
+            val.fileListBankInsured.length != '0' &&
+            val.fileListIdFrontInsured.length != '0' &&
+            val.fileListIdBackInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredInfoOther.length != '0' && val.fileListBankInsured.length != '0' && val.fileLIstImg.length != '0' && val.radio !== '') ||
+          (val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileListIdFront.length != '0' &&
+            val.fileListIdBack.length != '0' &&
+            val.saleInsuredPersonInfoOther.length != '0' &&
+            val.radio !== '') ||
+          (val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.fileLIstImg.length != '0' &&
+            val.saleInsuredPersonInfoOther.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredInfoOther.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.saleInsuredPersonInfoOther.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredInfoOther.length != '0' &&
+            val.saleInsuredPersonInfoOther.length != '0' &&
+            val.fileListBankInsured.length != '0' &&
+            val.radio !== '') ||
+          (val.saleInsuredInfoOther.length != '0' &&
+            val.fileListBank.length != '0' &&
+            // val.fileListBankBack.length != '0' &&
+            val.radio !== '' &&
+            this.relationToAppnt == '1')
+        ) {
+          //去掉收益人添加的，有收益人删掉该行显示下面影藏判断
+          that.isDisabled = false
+          // if ((that.typebeneficiary && val.fileListtypebeneficiary.length != '0') || (!that.typebeneficiary && val.fileListtypebeneficiary.length == '0')) {
+          //   that.isDisabled = false
+          // } else {
+          //   that.isDisabled = true
+          // }
+        } else {
+          that.isDisabled = true
+        }
+      }
+  },
+  components: {
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Field.name]: Field,
+    [Uploader.name]: Uploader,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Dialog.name]: Dialog,
+    [Picker.name]: Picker,
+    [Popup.name]: Popup
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/sass/variables.scss';
+
+.attachmentManagement-block {
+  width: 4px;
+  height: 15px;
+  background: #d6211a;
+  margin-right: 5px;
+}
+
+.attachmentManagement-next {
+  width: 100%;
+}
+/deep/ .van-hairline-unset--top-bottom::after {
+  border: none;
+}
+.redRadioCheckbox {
+  overflow: hidden;
+}
+</style>
diff --git a/src/views/ebiz/cardList/GroupInsuredList.vue b/src/views/ebiz/cardList/GroupInsuredList.vue
index 932747110..8fb84afcd 100644
--- a/src/views/ebiz/cardList/GroupInsuredList.vue
+++ b/src/views/ebiz/cardList/GroupInsuredList.vue
@@ -39,7 +39,7 @@
       >元
       </van-button
       >
-      <van-goods-action-button type='danger' text='立即投保' @click='nextStep' v-no-more-click='1000'
+      <van-goods-action-button type='danger' text='下一步' @click='nextStep' v-no-more-click='1000'
                                style='border-radius: 0em; width: 50%; height: 40px' />
     </van-goods-action>
   </div>
@@ -49,7 +49,6 @@ import { Icon, Dialog, Toast } from 'vant'
 import { cardOrderDetail, deleteGroupCardByInsured } from '@/api/ebiz/cardList/cardList.js'
 // import BreadcrumbNavigator from '@/components/ebiz/proposal/BreadcrumbNavigator'
 import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant'
-import { underWrite } from '@/api/ebiz/sale/sale'
 
 import Vue from 'vue'
 Vue.use(GoodsAction)
@@ -211,59 +210,16 @@ export default {
       if (!hasRisk) {
         return Toast.fail('请选择保险产品信息')
       }
-      let data = {
-        platform: 'app',
-        type: '1',
-        orderDTO: {
-          orderInfoDTO: {
-            orderNo: this.cardOrderNo
+      let url = `/cardList/GroupAttachmentManagement?cardOrderNo=${this.cardOrderNo}`
+        this.$jump({
+          flag: 'h5',
+          extra: {
+            url: location.origin + `/#${url}`
+          },
+          routerInfo: {
+            path: url
           }
-        }
-      }
-      //核保
-      underWrite(data).then(res => {
-        if (res.result == '0') {
-          this.$toast.clear()
-          window.localStorage.setItem('underWriteData', JSON.stringify(res))
-          if (res.uwResult == '33') {
-            window.localStorage.setItem('uwResult', res.uwResult)
-            window.localStorage.setItem('resultMessage', res.message)
-          } else {
-            window.localStorage.setItem('uwResult', res.uwResult)
-          }
-          if (res.uwResult == '02') {
-            this.underWriteData = res
-            window.localStorage.setItem('underWriteData', JSON.stringify(res))
-            this.$jump({
-              flag: 'h5',
-              extra: {
-                url: location.origin + `/#/cardList/pay`,
-                forbidSwipeBack: 1
-              },
-              routerInfo: {
-                path: `/cardList/pay`
-              }
-            })
-          } else {
-            window.localStorage.setItem('uwResult', res.uwResult)
-            window.localStorage.setItem('resultMessage', res.message)
-            this.$jump({
-              flag: 'h5',
-              extra: {
-                url: location.origin + '/#/cardList/result',
-                backToFirst: '1'
-              },
-              routerInfo: {
-                path: '/cardList/result'
-              }
-            })
-          }
-          return true
-        } else {
-          this.$toast(res.resultMessage)
-          return false
-        }
-      })
+        })     
     },
     //从页头选择被保险人,本人1 配偶2 父母3 子女4
     handleChoose(item) {