From 9989e3ceaa7a7db777aae50273b2949ec2feb72b Mon Sep 17 00:00:00 2001
From: "liu.xiaofeng@ebiz-digits.com" <liu.xiaofeng@ebiz-digits.com>
Date: Tue, 16 Jan 2024 14:47:57 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BB=B6=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/questions/QuestionsDetail.vue | 1528 +++++++++---------
 1 file changed, 764 insertions(+), 764 deletions(-)

diff --git a/src/views/ebiz/questions/QuestionsDetail.vue b/src/views/ebiz/questions/QuestionsDetail.vue
index 3a57114ba..9ea240dcc 100644
--- a/src/views/ebiz/questions/QuestionsDetail.vue
+++ b/src/views/ebiz/questions/QuestionsDetail.vue
@@ -29,7 +29,7 @@
     </div>
     <div class="checkedBox" v-if="issueType !== '818901'">
       <van-checkbox v-model="checked" class="checked" icon-size="16px" shape="square"
-        >本人认真阅读本新契约基本问题件，对其有关内容已全部了解，确认所上传资料均为真实资料，如有虚假资料或不如实告知，一切法律后果本人承担，同意将其作为投保要约的有效组成部分并承诺遵守。</van-checkbox
+      >本人认真阅读本新契约基本问题件，对其有关内容已全部了解，确认所上传资料均为真实资料，如有虚假资料或不如实告知，一切法律后果本人承担，同意将其作为投保要约的有效组成部分并承诺遵守。</van-checkbox
       >
     </div>
     <!-- 转账不成功基本问题件 -->
@@ -51,9 +51,9 @@
         </div>
         <div class="item">
           <van-field v-model="transfer.card" :maxlength="19" label-class="labels" label="银行卡号" placeholder="请输入银行卡号"
-            ><template #button>
-              <van-button size="small" class="button" round color="#e4393c" type="primary" @click.stop="toggleCardScan(true)">银行卡扫描</van-button>
-            </template>
+          ><template #button>
+            <van-button size="small" class="button" round color="#e4393c" type="primary" @click.stop="toggleCardScan(true)">银行卡扫描</van-button>
+          </template>
           </van-field>
         </div>
 <!--        <div class="item">-->
@@ -65,7 +65,7 @@
       </div>
       <div class="checkedBox" v-if="issueType === '818901'">
         <van-checkbox v-model="checked" class="checked" icon-size="16px" shape="square"
-          >本人已认真阅读和理解上述通知书内容，同意将其作为投保要约的有效组成部分并承诺遵守。</van-checkbox
+        >本人已认真阅读和理解上述通知书内容，同意将其作为投保要约的有效组成部分并承诺遵守。</van-checkbox
         >
       </div>
     </div>
@@ -84,12 +84,12 @@
       <van-button type="danger" size="large" block @click="submit">下一步</van-button>
     </div>
     <short-message
-      :phoneNumber="phoneNum"
-      :sendTime.sync="sendTime"
-      :show.sync="dialog.show"
-      :type="dialog.type"
-      :text="dialog.text"
-      @getMessage="getMessage"
+            :phoneNumber="phoneNum"
+            :sendTime.sync="sendTime"
+            :show.sync="dialog.show"
+            :type="dialog.type"
+            :text="dialog.text"
+            @getMessage="getMessage"
     ></short-message>
     <van-popup v-model="transfer.show" position="bottom">
       <ul class="bankList">
@@ -113,828 +113,828 @@
   </div>
 </template>
 <script>
-import { Uploader, Checkbox, Field, Radio, RadioGroup, Popup, Overlay, Dialog } from 'vant'
-import { getBankList, uploadImg } from '@/api/ebiz/sale/sale'
-import { getQuestionDetail, updateQuestionDetail } from '@/api/ebiz/questions'
-import BankCardScan from '@/components/ebiz/sale/BankCardScan'
-import ShortMessage from '@/components/ebiz/question/ShortMessage.vue'
-import config from '@/config'
-export default {
-  name: 'QuestionsDetail',
-  components: {
-    [Uploader.name]: Uploader,
-    [Checkbox.name]: Checkbox,
-    ShortMessage,
-    BankCardScan,
-    [Field.name]: Field,
-    [Radio.name]: Radio,
-    [RadioGroup.name]: RadioGroup,
-    [Popup.name]: Popup,
-    [Overlay.name]: Overlay,
-    [Dialog.name]: Dialog
-  },
-  data() {
-    let isWeixin = this.$utils.device().isWeixin
-    return {
-      suplementDesc: '',
-      uploadIndex: 0,
-      releationType: null,
-      imageList: [],
-      imageResultList: [],
-      sendTime: 0,
-      isWeixin,
-      problemInfo: {},
-      problemDetail: {},
-      newContract: {
-        // 新契约
-        feedback: ''
-      },
-      transfer: {
-        // 转账失败
-        mode: 1,
-        bank: '',
-        bankCode: '',
-        card: '',
-        cardPhoto: [],
-        bankList: [],
-        show: false, //显示银行列表
-        showDiscern: false, //是否开启银行卡识别
-        clear: false, //是否清空银行卡识别数据
-        cardUploadResult: null
-      },
-      // 勾选协议
-      checked: false,
-      dialog: {
-        // 弹窗
-        show: false,
-        type: 'confirm',
-        text: ''
-      },
-      issueType: 0,
-      // 投保人是否已签名
-      policyholderSigned: false,
-      policyholderBase64: '',
-      // 被保人是否已签名
-      insurantSigned: false,
-      insurantBase64: '',
-      // 接收验证码手机号码
-      phoneNum: '',
-      showConfirm: false,
-      src: location.origin + '/pdfjs/web/viewer.html?file=',
-      pdfUrl: '',
-      // 转账不成功处理方式是否不可用
-      handleType: false
-    }
-  },
-  methods: {
-    // 补充资料问题件被保人上传身份证照片
-    async uploadSupplementImg(file) {
-      file.index = this.uploadIndex
-      this.uploadIndex++
-      this.$toast.loading({
-        duration: 0
-      })
-      const res = await this.afterRead(file)
-      let result = {
-        rgssUrl: res.path,
-        imageInfoType: 1,
-        subBusinessType: '0',
-        index: this.uploadIndex
-      }
-      this.imageResultList.push(result)
-      if (this.isWeixin) {
-        localStorage.setItem('imageResultList', JSON.stringify(this.imageResultList))
+  import { Uploader, Checkbox, Field, Radio, RadioGroup, Popup, Overlay, Dialog } from 'vant'
+  import { getBankList, uploadImg } from '@/api/ebiz/sale/sale'
+  import { getQuestionDetail, updateQuestionDetail } from '@/api/ebiz/questions'
+  import BankCardScan from '@/components/ebiz/sale/BankCardScan'
+  import ShortMessage from '@/components/ebiz/question/ShortMessage.vue'
+  import config from '@/config'
+  export default {
+    name: 'QuestionsDetail',
+    components: {
+      [Uploader.name]: Uploader,
+      [Checkbox.name]: Checkbox,
+      ShortMessage,
+      BankCardScan,
+      [Field.name]: Field,
+      [Radio.name]: Radio,
+      [RadioGroup.name]: RadioGroup,
+      [Popup.name]: Popup,
+      [Overlay.name]: Overlay,
+      [Dialog.name]: Dialog
+    },
+    data() {
+      let isWeixin = this.$utils.device().isWeixin
+      return {
+        suplementDesc: '',
+        uploadIndex: 0,
+        releationType: null,
+        imageList: [],
+        imageResultList: [],
+        sendTime: 0,
+        isWeixin,
+        problemInfo: {},
+        problemDetail: {},
+        newContract: {
+          // 新契约
+          feedback: ''
+        },
+        transfer: {
+          // 转账失败
+          mode: 1,
+          bank: '',
+          bankCode: '',
+          card: '',
+          cardPhoto: [],
+          bankList: [],
+          show: false, //显示银行列表
+          showDiscern: false, //是否开启银行卡识别
+          clear: false, //是否清空银行卡识别数据
+          cardUploadResult: null
+        },
+        // 勾选协议
+        checked: false,
+        dialog: {
+          // 弹窗
+          show: false,
+          type: 'confirm',
+          text: ''
+        },
+        issueType: 0,
+        // 投保人是否已签名
+        policyholderSigned: false,
+        policyholderBase64: '',
+        // 被保人是否已签名
+        insurantSigned: false,
+        insurantBase64: '',
+        // 接收验证码手机号码
+        phoneNum: '',
+        showConfirm: false,
+        src: location.origin + '/pdfjs/web/viewer.html?file=',
+        pdfUrl: '',
+        // 转账不成功处理方式是否不可用
+        handleType: false
       }
     },
-    deleteSupplementImg(file) {
-      this.imageResultList = this.imageResultList.filter(result => {
-        return result.index !== file.index
-      })
-      if (this.isWeixin) {
-        localStorage.setItem('imageResultList', JSON.stringify(this.imageResultList))
-      }
-      return true
-    },
-    checkSupplementData() {
-      return this.imageList.length !== 0
-    },
-    // 转账不成功问题件添加银行卡照片
-    async cardUpload(file, detail) {
-      // 供微信签名回调回显图片
-      if (this.isWeixin) {
-        localStorage.setItem(detail.name, file.content)
-      }
-      let res = await this.afterRead(file)
-      if (res.result === '0') {
-        this.transfer.cardUploadResult = {
+    methods: {
+      // 补充资料问题件被保人上传身份证照片
+      async uploadSupplementImg(file) {
+        file.index = this.uploadIndex
+        this.uploadIndex++
+        this.$toast.loading({
+          duration: 0
+        })
+        const res = await this.afterRead(file)
+        let result = {
           rgssUrl: res.path,
-          imageInfoType: '3',
-          subBusinessType: '0'
+          imageInfoType: 1,
+          subBusinessType: '0',
+          index: this.uploadIndex
         }
+        this.imageResultList.push(result)
         if (this.isWeixin) {
-          localStorage.setItem('transferCardUploadResult', JSON.stringify(this.transfer.cardUploadResult))
+          localStorage.setItem('imageResultList', JSON.stringify(this.imageResultList))
         }
-      } else {
-        this.$toast(res.resultMessage)
-      }
-    },
-    // 转账不成功问题件删除银行卡照片
-    transferBankCardDelete() {
-      this.transfer.cardUploadResult = null
-    },
-    // 签名
-    async autograph(personType) {
-      if (this.isWeixin && this.checked) {
-        localStorage.setItem('agreementChecked', true)
-      }
-
-      if (this.isWeixin && this.issueType === '828601') {
-        localStorage.setItem('imageResultList', JSON.stringify(this.imageResultList))
-        localStorage.setItem('suplementDesc', JSON.stringify(this.suplementDesc))
-      }else if (this.isWeixin && this.issueType === 'TB89'){
-        localStorage.setItem('feedback', JSON.stringify(this.newContract.feedback))
-      }
-
-      // 新契约问题件签名前必须输入回复内容
-      if (this.issueType === 'TB89') {
-        let reply = this.newContract.feedback.trim()
-        if (!reply) {
-          return this.$toast('请填写具体回复信息')
-        } else if (reply.length < 4 || reply.length > 400) {
-          return this.$toast('请输入4-400个字符')
-        } else {
-          localStorage.setItem('problemReplay', reply)
+      },
+      deleteSupplementImg(file) {
+        this.imageResultList = this.imageResultList.filter(result => {
+          return result.index !== file.index
+        })
+        if (this.isWeixin) {
+          localStorage.setItem('imageResultList', JSON.stringify(this.imageResultList))
         }
-      }
-      // 转账不成功签名前必须选择处理方式
-      if (this.issueType === '818901') {
-        if (this.transfer.mode === '') {
-          return this.$toast('请先选择处理方式')
-        } else {
-          localStorage.setItem('resolveType', this.transfer.mode)
+        return true
+      },
+      checkSupplementData() {
+        return this.imageList.length !== 0
+      },
+      // 转账不成功问题件添加银行卡照片
+      async cardUpload(file, detail) {
+        // 供微信签名回调回显图片
+        if (this.isWeixin) {
+          localStorage.setItem(detail.name, file.content)
         }
-
-        // 非终止转账
-        if (this.transfer.mode === 3) {
-          // 校验开户行
-          if (!this.transfer.bank) {
-            return this.$toast('请选择开户银行')
+        let res = await this.afterRead(file)
+        if (res.result === '0') {
+          this.transfer.cardUploadResult = {
+            rgssUrl: res.path,
+            imageInfoType: '3',
+            subBusinessType: '0'
           }
-          // 银行卡号校验
-          if (this.transfer.card.trim() === '') {
-            return this.$toast('请填写银行卡信息')
+          if (this.isWeixin) {
+            localStorage.setItem('transferCardUploadResult', JSON.stringify(this.transfer.cardUploadResult))
           }
-          let regx = /^(\d{16}|\d{17}|\d{18}|\d{19})$/
-          if (!regx.test(this.transfer.card)) {
-            return this.$toast('银行卡号不符合规则')
-          }
-          // if (this.transfer.cardPhoto.length === 0) {
-          //   return this.$toast('请上传银行卡照片')
-          // }
-        }
-
-        if (this.transfer.bank) {
-          localStorage.setItem('problemBank', this.transfer.bank)
-        }
-
-        if (this.transfer.bankCode) {
-          localStorage.setItem('problemBankCode', this.transfer.bankCode)
-        }
-
-        if (this.transfer.card) {
-          localStorage.setItem('problemCard', this.transfer.card)
-        }
-      }
-      let name = personType === 0 ? this.problemInfo.appntName : this.problemInfo.insuredName
-      let number = personType === 0 ? this.problemInfo.appntIdCardNo : this.problemInfo.insuredIdCardNo
-      let keyword = ''
-      if (personType === 1) {
-        keyword = '被保险人/监护人签名'
-      }
-      if (personType === 0) {
-        if (this.releationType) {
-          keyword = '投保人/被保险人签名'
         } else {
-          keyword = '投保人签名'
+          this.$toast(res.resultMessage)
         }
-      }
-      if (!this.isWeixin) {
-        let signParam = {
-          name,
-          type: '1',
-          number,
-          keyword,
-          pageNo: '1',
-          index: 1,
-          offset: 20,
-          pos: 3,
-          signatureWidth: this.$utils.signParams().signatureWidth,
-          signatureHeight: this.$utils.signParams().signatureHeight
+      },
+      // 转账不成功问题件删除银行卡照片
+      transferBankCardDelete() {
+        this.transfer.cardUploadResult = null
+      },
+      // 签名
+      async autograph(personType) {
+        if (this.isWeixin && this.checked) {
+          localStorage.setItem('agreementChecked', true)
         }
-        console.dir(signParam)
-        // eslint-disable-next-line
-        const res = await EWebBridge.webCallAppInJs('ca_sign', signParam)
-        let signRes = JSON.parse(res)
-        // 投保人签名
-        if (personType === 0 && signRes.state === '1') {
-          this.policyholderBase64 = decodeURI(signRes.sign)
-          this.policyholderSigned = true
+
+        if (this.isWeixin && this.issueType === '828601') {
+          localStorage.setItem('imageResultList', JSON.stringify(this.imageResultList))
+          localStorage.setItem('suplementDesc', JSON.stringify(this.suplementDesc))
+        }else if (this.isWeixin && this.issueType === 'TB89'){
+          localStorage.setItem('feedback', JSON.stringify(this.newContract.feedback))
         }
-        // 被保人签名
-        else if (personType === 1 && signRes.state === '1') {
-          this.insurantBase64 = decodeURI(signRes.sign)
-          this.insurantSigned = true
+
+        // 新契约问题件签名前必须输入回复内容
+        if (this.issueType === 'TB89') {
+          let reply = this.newContract.feedback.trim()
+          if (!reply) {
+            return this.$toast('请填写具体回复信息')
+          } else if (reply.length < 4 || reply.length > 400) {
+            return this.$toast('请输入4-400个字符')
+          } else {
+            localStorage.setItem('problemReplay', reply)
+          }
+        }
+        // 转账不成功签名前必须选择处理方式
+        if (this.issueType === '818901') {
+          if (this.transfer.mode === '') {
+            return this.$toast('请先选择处理方式')
+          } else {
+            localStorage.setItem('resolveType', this.transfer.mode)
+          }
+
+          // 非终止转账
+          if (this.transfer.mode === 3) {
+            // 校验开户行
+            if (!this.transfer.bank) {
+              return this.$toast('请选择开户银行')
+            }
+            // 银行卡号校验
+            if (this.transfer.card.trim() === '') {
+              return this.$toast('请填写银行卡信息')
+            }
+            let regx = /^(\d{16}|\d{17}|\d{18}|\d{19})$/
+            if (!regx.test(this.transfer.card)) {
+              return this.$toast('银行卡号不符合规则')
+            }
+            // if (this.transfer.cardPhoto.length === 0) {
+            //   return this.$toast('请上传银行卡照片')
+            // }
+          }
+
+          if (this.transfer.bank) {
+            localStorage.setItem('problemBank', this.transfer.bank)
+          }
+
+          if (this.transfer.bankCode) {
+            localStorage.setItem('problemBankCode', this.transfer.bankCode)
+          }
+
+          if (this.transfer.card) {
+            localStorage.setItem('problemCard', this.transfer.card)
+          }
+        }
+        let name = personType === 0 ? this.problemInfo.appntName : this.problemInfo.insuredName
+        let number = personType === 0 ? this.problemInfo.appntIdCardNo : this.problemInfo.insuredIdCardNo
+        let keyword = ''
+        if (personType === 1) {
+          keyword = '被保险人/监护人签名'
         }
-      } else {
         if (personType === 0) {
           if (this.releationType) {
-            this.toAirSign('0', '投保人/被保险人签名', '10', '2', personType)
+            keyword = '投保人/被保险人签名'
           } else {
-            this.toAirSign('0', '投保人签名', '10', '2', personType)
+            keyword = '投保人签名'
+          }
+        }
+        if (!this.isWeixin) {
+          let signParam = {
+            name,
+            type: '1',
+            number,
+            keyword,
+            pageNo: '1',
+            index: 1,
+            offset: 20,
+            pos: 3,
+            signatureWidth: this.$utils.signParams().signatureWidth,
+            signatureHeight: this.$utils.signParams().signatureHeight
+          }
+          console.dir(signParam)
+          // eslint-disable-next-line
+          const res = await EWebBridge.webCallAppInJs('ca_sign', signParam)
+          let signRes = JSON.parse(res)
+          // 投保人签名
+          if (personType === 0 && signRes.state === '1') {
+            this.policyholderBase64 = decodeURI(signRes.sign)
+            this.policyholderSigned = true
+          }
+          // 被保人签名
+          else if (personType === 1 && signRes.state === '1') {
+            this.insurantBase64 = decodeURI(signRes.sign)
+            this.insurantSigned = true
           }
         } else {
-          let keyword = '被保险人/监护人签名'
-          this.toAirSign('0', keyword, '10', '2', personType)
-        }
-      }
-    },
-    getBankNo(data) {
-      console.log(data)
-    },
-    toggleCardScan(data) {
-      this.transfer.showDiscern = data
-      if (data) {
-        localStorage.setItem('cardScanningType', 0)
-      } else {
-        localStorage.removeItem('cardScanningType')
-      }
-    },
-    getBankListItem(item) {
-      this.transfer.show = !this.transfer.show
-      this.transfer.bank = item.bankName
-      this.transfer.bankCode = item.code
-    },
-    async getBankList() {
-      this.transfer.bankList = (
-        await getBankList({
-          operateType: 'bank_type'
-        })
-      ).content
-    },
-    appCallBack(data) {
-      let title = ''
-      if (this.issueType === 'TB89') {
-        title = '国富人寿基本问题件处理'
-      } else if (this.issueType === '828601') {
-        title = '国富人寿补充资料问题件处理'
-      } else {
-        title = '国富人寿转账不成功问题件处理'
-      }
-      let shareObj = {
-        title: title,
-        content: '签字进行',
-        url: `${location.origin}/#/questions/detail/${this.problemDetail.issueId}/${this.problemDetail.issueType}?&token=${localStorage.token}&receiveType=${this.problemDetail.receiveType}&prtNo=${this.$route.query.prtNo}`,
-        img: this.$assetsUrl + 'images/logo.png'
-      }
-      if (data.trigger == 'right_button_click') {
-        // eslint-disable-next-line no-undef
-        EWebBridge.webCallAppInJs('bridge', {
-          flag: 'share',
-          extra: shareObj
-        })
-      }
-    },
-    modeChange(mode) {
-      if (mode !== 1) {
-        this.showConfirm = true
-      }
-      this.transfer.bankCode = ''
-      this.transfer.bank = ''
-      this.transfer.card = ''
-      this.transfer.cardPhoto.splice(0)
-      this.transfer.cardUploadResult.splice(0)
-    },
-    async afterRead(file) {
-      let data = new FormData()
-      data.append('imgPath', file.file)
-      return await uploadImg(data)
-    },
-    // 下一步
-    async submit() {
-      // 校验回复内容
-      if (this.issueType === 'TB89') {
-        let reply = this.newContract.feedback.trim()
-        if (reply === '') return this.$toast('请填写具体回复信息')
-        if (reply.length < 4 || reply.length > 400) return this.$toast('请输入4-400个字符')
-      }
-      // 校验补充资料
-      if (this.issueType === '828601') {
-        if (!this.checkSupplementData()) return this.$toast('请上传补充资料')
-      }
-      // 转账不成功
-      if (this.issueType === '818901') {
-        // 非终止转账
-        if (this.transfer.mode === 3) {
-          // 校验开户行
-          if (!this.transfer.bank) {
-            return this.$toast('请选择开户银行')
-          }
-          // 银行卡号校验
-          if (this.transfer.card.trim() === '') {
-            return this.$toast('请填写银行卡信息')
-          }
-          let regx = /^(\d{16,19})$/
-          if (!regx.test(this.transfer.card)) {
-            return this.$toast('银行卡号不符合规则')
-          }
-          // if (this.transfer.cardPhoto.length === 0) {
-          //   return this.$toast('请上传银行卡照片')
-          // }
-        }
-      }
-      if (!this.checked) {
-        return this.$toast('请先阅读并勾选协议')
-      }
-      // 校验签名
-      if (this.releationType) {
-        if (!this.policyholderSigned) return this.$toast('签名未完成, 请先进行签名')
-      } else {
-        if (!this.policyholderSigned || !this.insurantSigned) return this.$toast('签名未完成, 请先进行签名')
-      }
-
-      this.phoneNum = this.problemInfo.phoneNo
-      let phoneStrArr = this.problemInfo.phoneNo.split('')
-      phoneStrArr.splice(3, 4, '****')
-      let encryptPhone = phoneStrArr.join('')
-      // 短信校验
-      this.dialog = {
-        type: 'confirm',
-        show: true,
-        text: `为确定用户身份，我们将向${encryptPhone}此手机号发送验证码`
-      }
-    },
-    async getMessage({ data }) {
-      let signInfo = []
-      if (this.policyholderBase64) signInfo.push(this.policyholderBase64)
-      if (this.insurantBase64) signInfo.push(this.insurantBase64)
-      let problemData = {
-        id: this.$route.params.id,
-        businessType: this.$route.params.type,
-        content: '',
-        disposeStatus: '',
-        bankType: '',
-        bankName: '',
-        bankNo: '',
-        list: [],
-        signInfo: signInfo
-      }
-      // 验证码验证成功
-      if (data) {
-        // 关闭短信弹窗
-        this.dialog.show = false
-        // 契约问题件
-        if (this.issueType === 'TB89') {
-          problemData.content = this.newContract.feedback
-        }
-        // 补充资料类问题件
-        else if (this.issueType === '828601') {
-          // problemData.list.push(...this.imageResultList)
-          if (this.suplementDesc.trim()) {
-            problemData.content = this.suplementDesc.trim()
+          if (personType === 0) {
+            if (this.releationType) {
+              this.toAirSign('0', '投保人/被保险人签名', '10', '2', personType)
+            } else {
+              this.toAirSign('0', '投保人签名', '10', '2', personType)
+            }
           } else {
-            problemData.content = '客户已上传资料'
+            let keyword = '被保险人/监护人签名'
+            this.toAirSign('0', keyword, '10', '2', personType)
           }
         }
-        // 转账不成功问题件
-        else {
-          problemData.disposeStatus = this.transfer.mode
-          problemData.bankType = this.transfer.bankCode
-          problemData.bankName = this.transfer.bank
-          problemData.bankNo = this.transfer.card
-          // 选择非终止转账时上传银行卡照片
-          // if (this.transfer.mode === 3) {
-          //   problemData.list.push(this.transfer.cardUploadResult)
-          // }
+      },
+      getBankNo(data) {
+        console.log(data)
+      },
+      toggleCardScan(data) {
+        this.transfer.showDiscern = data
+        if (data) {
+          localStorage.setItem('cardScanningType', 0)
+        } else {
+          localStorage.removeItem('cardScanningType')
         }
-        // 更新问题件数据
-        try {
-          this.$toast.loading({
-            duration: 0
+      },
+      getBankListItem(item) {
+        this.transfer.show = !this.transfer.show
+        this.transfer.bank = item.bankName
+        this.transfer.bankCode = item.code
+      },
+      async getBankList() {
+        this.transfer.bankList = (
+                await getBankList({
+                  operateType: 'bank_type'
+                })
+        ).content
+      },
+      appCallBack(data) {
+        let title = ''
+        if (this.issueType === 'TB89') {
+          title = '国富人寿基本问题件处理'
+        } else if (this.issueType === '828601') {
+          title = '国富人寿补充资料问题件处理'
+        } else {
+          title = '国富人寿转账不成功问题件处理'
+        }
+        let shareObj = {
+          title: title,
+          content: '签字进行',
+          url: `${location.origin}/#/questions/detail/${this.problemDetail.issueId}/${this.problemDetail.issueType}?&token=${localStorage.token}&receiveType=${this.problemDetail.receiveType}&prtNo=${this.$route.query.prtNo}`,
+          img: this.$assetsUrl + 'images/logo.png'
+        }
+        if (data.trigger == 'right_button_click') {
+          // eslint-disable-next-line no-undef
+          EWebBridge.webCallAppInJs('bridge', {
+            flag: 'share',
+            extra: shareObj
           })
-          let res = await updateQuestionDetail(problemData)
-          this.$toast.clear()
-          if (res.result === '1') {
-            localStorage.setItem('failedReason', res.resultMessage)
+        }
+      },
+      modeChange(mode) {
+        if (mode !== 1) {
+          this.showConfirm = true
+        }
+        this.transfer.bankCode = ''
+        this.transfer.bank = ''
+        this.transfer.card = ''
+        this.transfer.cardPhoto.splice(0)
+        this.transfer.cardUploadResult.splice(0)
+      },
+      async afterRead(file) {
+        let data = new FormData()
+        data.append('imgPath', file.file)
+        return await uploadImg(data)
+      },
+      // 下一步
+      async submit() {
+        // 校验回复内容
+        if (this.issueType === 'TB89') {
+          let reply = this.newContract.feedback.trim()
+          if (reply === '') return this.$toast('请填写具体回复信息')
+          if (reply.length < 4 || reply.length > 400) return this.$toast('请输入4-400个字符')
+        }
+        // 校验补充资料
+        if (this.issueType === '828601') {
+          if (!this.checkSupplementData()) return this.$toast('请上传补充资料')
+        }
+        // 转账不成功
+        if (this.issueType === '818901') {
+          // 非终止转账
+          if (this.transfer.mode === 3) {
+            // 校验开户行
+            if (!this.transfer.bank) {
+              return this.$toast('请选择开户银行')
+            }
+            // 银行卡号校验
+            if (this.transfer.card.trim() === '') {
+              return this.$toast('请填写银行卡信息')
+            }
+            let regx = /^(\d{16,19})$/
+            if (!regx.test(this.transfer.card)) {
+              return this.$toast('银行卡号不符合规则')
+            }
+            // if (this.transfer.cardPhoto.length === 0) {
+            //   return this.$toast('请上传银行卡照片')
+            // }
           }
-          this.$jump({
-            flag: 'h5',
-            extra: {
-              url: location.origin + `/#/questions/result/${res.result}`,
-              forbidSwipeBack: '1'
-            },
-            routerInfo: {
-              path: `/questions/result/${res.result}`
-            }
-          })
-        } catch (reason) {
-          this.$toast.clear()
-          this.$toast('服务器异常, 请稍后再试')
         }
-      }
-    },
-    async getQuestionDetail() {
-      const rs = await getQuestionDetail({
-        id: this.$route.params.id,
-        prtNo: this.$route.query.prtNo,
-        userType: Number(this.$route.query.receiveType)
-      })
-      if (rs.result === '0') {
-        // 已处理问题件跳转至列表页
-        if (rs.content && rs.content.status === '1') {
-          Dialog({
-            message: '问题件已被处理',
-            confirmButtonColor: 'red',
-            beforeClose: (action, done) => {
-              done()
-              this.$jump({
-                flag: 'h5',
-                extra: {
-                  url: location.origin + `/#/questions/list`,
-                  forbidSwipeBack: '1'
-                },
-                routerInfo: {
-                  path: `/questions/list`
-                }
-              })
-            }
-          })
-          return
+        if (!this.checked) {
+          return this.$toast('请先阅读并勾选协议')
+        }
+        // 校验签名
+        if (this.releationType) {
+          if (!this.policyholderSigned) return this.$toast('签名未完成, 请先进行签名')
+        } else {
+          if (!this.policyholderSigned || !this.insurantSigned) return this.$toast('签名未完成, 请先进行签名')
         }
-        // 是否投被同人
-        this.releationType = rs.content.releation === '00'
-        // 包含投保人和被保人证件id和姓名
-        this.problemInfo = rs.content
-        this.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${this.problemInfo.pdfUrl}`)
-        this.problemDetail = this.problemInfo.list[0]
-        // 问题件接收人类型: 0投保人, 1被保人
-        this.problemDetail.receiveType = this.$route.query.receiveType
-      } else {
-        this.$toast(rs.resultMessage)
-      }
-    },
-    // 微信空签
-    toAirSign(status, keyword, offset, originStatus, personType) {
-      sessionStorage.removeItem('twoimgBase64Data')
-      sessionStorage.removeItem('twowxSigned')
-      localStorage.removeItem('signInfo')
 
-      localStorage.setItem('signedPersonType', personType)
-      localStorage.setItem(
-        'signInfo',
-        JSON.stringify({
-          originStatus: originStatus,
-          idNo: personType === 0 ? this.problemInfo.appntIdCardNo : this.problemInfo.insuredIdCardNo,
-          name: personType === 0 ? this.problemInfo.appntName : this.problemInfo.insuredName,
-          type: '1',
-          keyword: keyword,
-          status: status,
-          offset: offset,
-          originUrl: location.href + '&fromSign=true'
+        this.phoneNum = this.problemInfo.phoneNo
+        let phoneStrArr = this.problemInfo.phoneNo.split('')
+        phoneStrArr.splice(3, 4, '****')
+        let encryptPhone = phoneStrArr.join('')
+        // 短信校验
+        this.dialog = {
+          type: 'confirm',
+          show: true,
+          text: `为确定用户身份，我们将向${encryptPhone}此手机号发送验证码`
+        }
+      },
+      async getMessage({ data }) {
+        let signInfo = []
+        if (this.policyholderBase64) signInfo.push(this.policyholderBase64)
+        if (this.insurantBase64) signInfo.push(this.insurantBase64)
+        let problemData = {
+          id: this.$route.params.id,
+          businessType: this.$route.params.type,
+          content: '',
+          disposeStatus: '',
+          bankType: '',
+          bankName: '',
+          bankNo: '',
+          list: [],
+          signInfo: signInfo
+        }
+        // 验证码验证成功
+        if (data) {
+          // 关闭短信弹窗
+          this.dialog.show = false
+          // 契约问题件
+          if (this.issueType === 'TB89') {
+            problemData.content = this.newContract.feedback
+          }
+          // 补充资料类问题件
+          else if (this.issueType === '828601') {
+            problemData.list.push(...this.imageResultList)
+            if (this.suplementDesc.trim()) {
+              problemData.content = this.suplementDesc.trim()
+            } else {
+              problemData.content = '客户已上传资料'
+            }
+          }
+          // 转账不成功问题件
+          else {
+            problemData.disposeStatus = this.transfer.mode
+            problemData.bankType = this.transfer.bankCode
+            problemData.bankName = this.transfer.bank
+            problemData.bankNo = this.transfer.card
+            // 选择非终止转账时上传银行卡照片
+            // if (this.transfer.mode === 3) {
+            //   problemData.list.push(this.transfer.cardUploadResult)
+            // }
+          }
+          // 更新问题件数据
+          try {
+            this.$toast.loading({
+              duration: 0
+            })
+            let res = await updateQuestionDetail(problemData)
+            this.$toast.clear()
+            if (res.result === '1') {
+              localStorage.setItem('failedReason', res.resultMessage)
+            }
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + `/#/questions/result/${res.result}`,
+                forbidSwipeBack: '1'
+              },
+              routerInfo: {
+                path: `/questions/result/${res.result}`
+              }
+            })
+          } catch (reason) {
+            this.$toast.clear()
+            this.$toast('服务器异常, 请稍后再试')
+          }
+        }
+      },
+      async getQuestionDetail() {
+        const rs = await getQuestionDetail({
+          id: this.$route.params.id,
+          prtNo: this.$route.query.prtNo,
+          userType: Number(this.$route.query.receiveType)
         })
-      )
-      window.location.href = this.$mainUrl + '/sign/index.html'
+        if (rs.result === '0') {
+          // 已处理问题件跳转至列表页
+          if (rs.content && rs.content.status === '1') {
+            Dialog({
+              message: '问题件已被处理',
+              confirmButtonColor: 'red',
+              beforeClose: (action, done) => {
+                done()
+                this.$jump({
+                  flag: 'h5',
+                  extra: {
+                    url: location.origin + `/#/questions/list`,
+                    forbidSwipeBack: '1'
+                  },
+                  routerInfo: {
+                    path: `/questions/list`
+                  }
+                })
+              }
+            })
+            return
+          }
+          // 是否投被同人
+          this.releationType = rs.content.releation === '00'
+          // 包含投保人和被保人证件id和姓名
+          this.problemInfo = rs.content
+          this.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${this.problemInfo.pdfUrl}`)
+          this.problemDetail = this.problemInfo.list[0]
+          // 问题件接收人类型: 0投保人, 1被保人
+          this.problemDetail.receiveType = this.$route.query.receiveType
+        } else {
+          this.$toast(rs.resultMessage)
+        }
+      },
+      // 微信空签
+      toAirSign(status, keyword, offset, originStatus, personType) {
+        sessionStorage.removeItem('twoimgBase64Data')
+        sessionStorage.removeItem('twowxSigned')
+        localStorage.removeItem('signInfo')
+
+        localStorage.setItem('signedPersonType', personType)
+        localStorage.setItem(
+                'signInfo',
+                JSON.stringify({
+                  originStatus: originStatus,
+                  idNo: personType === 0 ? this.problemInfo.appntIdCardNo : this.problemInfo.insuredIdCardNo,
+                  name: personType === 0 ? this.problemInfo.appntName : this.problemInfo.insuredName,
+                  type: '1',
+                  keyword: keyword,
+                  status: status,
+                  offset: offset,
+                  originUrl: location.href + '&fromSign=true'
+                })
+        )
+        window.location.href = this.$mainUrl + '/sign/index.html'
+      },
+      dataURLtoFile(dataurl, filename) {
+        // 将base64转换为文件，dataurl为base64字符串，filename为文件名（必须带后缀名，如.jpg,.png）
+        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 })
+      }
     },
-    dataURLtoFile(dataurl, filename) {
-      // 将base64转换为文件，dataurl为base64字符串，filename为文件名（必须带后缀名，如.jpg,.png）
-      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)
+    async created() {
+      // 问题件类型
+      this.issueType = this.$route.params.type
+      // 根据问题件类型修改标题
+      if (this.issueType === 'TB89') {
+        document.title = '新契约基本问题件通知书'
+      } else if (this.issueType === '818901') {
+        document.title = '转账不成功问题件'
+      } else if (this.issueType === '828601') {
+        document.title = '补充资料通知书'
       }
-      return new File([u8arr], filename, { type: mime })
-    }
-  },
-  async created() {
-    // 问题件类型
-    this.issueType = this.$route.params.type
-    // 根据问题件类型修改标题
-    if (this.issueType === 'TB89') {
-      document.title = '新契约基本问题件通知书'
-    } else if (this.issueType === '818901') {
-      document.title = '转账不成功问题件'
-    } else if (this.issueType === '828601') {
-      document.title = '补充资料通知书'
-    }
-    if (this.isWeixin) {
-      localStorage.setItem('token', this.$route.query.token)
-      let imgBase64Data = sessionStorage.getItem('twoimgBase64Data')
-      let signInfo = JSON.parse(localStorage.getItem('signInfo'))
+      if (this.isWeixin) {
+        localStorage.setItem('token', this.$route.query.token)
+        let imgBase64Data = sessionStorage.getItem('twoimgBase64Data')
+        let signInfo = JSON.parse(localStorage.getItem('signInfo'))
 
-      if (this.$route.query.fromSign) {
-        // 0代表投保人签名
-        if (Number(localStorage.getItem('signedPersonType')) === 0) {
-          if (signInfo.status == '0') {
-            localStorage.setItem('policyholderSignInfo', imgBase64Data)
+        if (this.$route.query.fromSign) {
+          // 0代表投保人签名
+          if (Number(localStorage.getItem('signedPersonType')) === 0) {
+            if (signInfo.status == '0') {
+              localStorage.setItem('policyholderSignInfo', imgBase64Data)
+            }
           }
-        }
-        // 1代表被保人签名
-        else {
-          if (signInfo.status == '0') {
-            localStorage.setItem('insurantSignInfo', imgBase64Data)
+          // 1代表被保人签名
+          else {
+            if (signInfo.status == '0') {
+              localStorage.setItem('insurantSignInfo', imgBase64Data)
+            }
           }
-        }
-      } else {
-        // 不是微信签名回调时清空保存的数据
-        localStorage.removeItem('insurantSignInfo')
-        localStorage.removeItem('policyholderSignInfo')
-        localStorage.removeItem('agreementChecked')
-        localStorage.removeItem('problemReplay')
-        // 转账不成功类型保存的数据
-        localStorage.removeItem('resolveType')
-        localStorage.removeItem('problemBank')
-        localStorage.removeItem('problemCard')
-        localStorage.removeItem('problemBankCode')
-        // 补充资料问题件保存数据
-        localStorage.removeItem('imageResultList')
-        localStorage.removeItem('suplementDesc')
-        localStorage.removeItem('feedback')
-      }
-
-      // localstorage存在投保人签名信息
-      if (localStorage.getItem('policyholderSignInfo')) {
-        this.policyholderBase64 = localStorage.getItem('policyholderSignInfo')
-        this.policyholderSigned = true
-      }
-
-      // localstorage存在被保人签名信息
-      if (localStorage.getItem('insurantSignInfo')) {
-        this.insurantBase64 = localStorage.getItem('insurantSignInfo')
-        this.insurantSigned = true
-      }
-
-      // localstorage存在回复内容时回显回复内容
-      if (localStorage.getItem('problemReplay')) {
-        this.newContract.feedback = localStorage.getItem('problemReplay')
-      }
-
-      // 微信签名后回显同意协议
-      if (localStorage.getItem('agreementChecked') === 'true') {
-        this.checked = true
-      }
-
-      // 转账不成功问题件
-      {
-        // localstorage存在处理类型回显处理类型
-        if (localStorage.getItem('resolveType')) {
-          this.transfer.mode = Number(localStorage.getItem('resolveType'))
+        } else {
+          // 不是微信签名回调时清空保存的数据
+          localStorage.removeItem('insurantSignInfo')
+          localStorage.removeItem('policyholderSignInfo')
+          localStorage.removeItem('agreementChecked')
+          localStorage.removeItem('problemReplay')
+          // 转账不成功类型保存的数据
+          localStorage.removeItem('resolveType')
+          localStorage.removeItem('problemBank')
+          localStorage.removeItem('problemCard')
+          localStorage.removeItem('problemBankCode')
+          // 补充资料问题件保存数据
+          localStorage.removeItem('imageResultList')
+          localStorage.removeItem('suplementDesc')
+          localStorage.removeItem('feedback')
         }
 
-        // localstorage存在银行名称回显银行名称
-        if (localStorage.getItem('problemBank')) {
-          this.transfer.bank = localStorage.getItem('problemBank')
+        // localstorage存在投保人签名信息
+        if (localStorage.getItem('policyholderSignInfo')) {
+          this.policyholderBase64 = localStorage.getItem('policyholderSignInfo')
+          this.policyholderSigned = true
         }
 
-        // localstorage存在银行卡号回显银行卡号
-        if (localStorage.getItem('problemCard')) {
-          this.transfer.card = localStorage.getItem('problemCard')
+        // localstorage存在被保人签名信息
+        if (localStorage.getItem('insurantSignInfo')) {
+          this.insurantBase64 = localStorage.getItem('insurantSignInfo')
+          this.insurantSigned = true
         }
 
-        if (localStorage.getItem('problemBankCode')) {
-          this.transfer.bankCode = localStorage.getItem('problemBankCode')
+        // localstorage存在回复内容时回显回复内容
+        if (localStorage.getItem('problemReplay')) {
+          this.newContract.feedback = localStorage.getItem('problemReplay')
         }
 
-        // 签名回调回显银行卡照片
-        if (localStorage.getItem('bankcardA')) {
-          this.transfer.cardPhoto.push({
-            content: localStorage.getItem('bankcardA')
-          })
+        // 微信签名后回显同意协议
+        if (localStorage.getItem('agreementChecked') === 'true') {
+          this.checked = true
         }
-      }
 
-      {
-        // 微信签名后回显补充资料照片
-        if (localStorage.getItem('imageResultList')) {
-          let images = JSON.parse(localStorage.getItem('imageResultList'))
-          this.imageResultList = images
-          for (let image of images) {
-            this.imageList.push({
-              url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${encodeURIComponent(image.rgssUrl)}`,
-              index: image.index
+        // 转账不成功问题件
+        {
+          // localstorage存在处理类型回显处理类型
+          if (localStorage.getItem('resolveType')) {
+            this.transfer.mode = Number(localStorage.getItem('resolveType'))
+          }
+
+          // localstorage存在银行名称回显银行名称
+          if (localStorage.getItem('problemBank')) {
+            this.transfer.bank = localStorage.getItem('problemBank')
+          }
+
+          // localstorage存在银行卡号回显银行卡号
+          if (localStorage.getItem('problemCard')) {
+            this.transfer.card = localStorage.getItem('problemCard')
+          }
+
+          if (localStorage.getItem('problemBankCode')) {
+            this.transfer.bankCode = localStorage.getItem('problemBankCode')
+          }
+
+          // 签名回调回显银行卡照片
+          if (localStorage.getItem('bankcardA')) {
+            this.transfer.cardPhoto.push({
+              content: localStorage.getItem('bankcardA')
             })
           }
         }
-        if (localStorage.getItem('suplementDesc')) {
-          this.suplementDesc = JSON.parse(localStorage.getItem('suplementDesc'))
-        }
-        if (localStorage.getItem('feedback')) {
-          this.newContract.feedback = JSON.parse(localStorage.getItem('feedback'))
-        }
-      }
-    }
-    this.getBankList()
-    this.getQuestionDetail()
-  },
-  mounted() {
-    setTimeout(() => {
-      // 拦截原生右上角按钮
-      if (!this.isWeixin) {
-        window.EWebBridge.webCallAppInJs('webview_right_button', {
-          btns: [
-            {
-              img: this.$assetsUrl + 'images/share@3x.png'
+
+        {
+          // 微信签名后回显补充资料照片
+          if (localStorage.getItem('imageResultList')) {
+            let images = JSON.parse(localStorage.getItem('imageResultList'))
+            this.imageResultList = images
+            for (let image of images) {
+              this.imageList.push({
+                url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${encodeURIComponent(image.rgssUrl)}`,
+                index: image.index
+              })
             }
-          ]
-        })
+          }
+          if (localStorage.getItem('suplementDesc')) {
+            this.suplementDesc = JSON.parse(localStorage.getItem('suplementDesc'))
+          }
+          if (localStorage.getItem('feedback')) {
+            this.newContract.feedback = JSON.parse(localStorage.getItem('feedback'))
+          }
+        }
       }
-    }, 1000)
-    window['appCallBack'] = this.appCallBack
+      this.getBankList()
+      this.getQuestionDetail()
+    },
+    mounted() {
+      setTimeout(() => {
+        // 拦截原生右上角按钮
+        if (!this.isWeixin) {
+          window.EWebBridge.webCallAppInJs('webview_right_button', {
+            btns: [
+              {
+                img: this.$assetsUrl + 'images/share@3x.png'
+              }
+            ]
+          })
+        }
+      }, 1000)
+      window['appCallBack'] = this.appCallBack
+    }
   }
-}
 </script>
 <style lang="scss" scoped>
-.iframe {
-  width: 99%;
-  height: 70vh;
-}
+  .iframe {
+    width: 99%;
+    height: 70vh;
+  }
 
-.uploadTitle {
-  font-size: 14px;
-  margin-bottom: 0.5em;
-}
+  .uploadTitle {
+    font-size: 14px;
+    margin-bottom: 0.5em;
+  }
 
-.bottom-btn {
-  z-index: 1;
-}
+  .bottom-btn {
+    z-index: 1;
+  }
 
-/deep/ .van-dialog__header {
-  padding-top: 1em;
-}
+  /deep/ .van-dialog__header {
+    padding-top: 1em;
+  }
 
-/deep/ .van-search {
-  font-size: 10px;
-}
+  /deep/ .van-search {
+    font-size: 10px;
+  }
 
-#app .van-cell:not(:last-child):after {
-  border: 0;
-}
-.detail-container {
-  min-height: 100vh;
-  background: #fff;
-  padding-bottom: 40px;
-  box-sizing: border-box;
-  .showDiscern {
-    position: fixed;
-    z-index: -1;
-    left: 0;
-    top: 0;
-    width: 100vw;
-    height: 100vh;
-    background: rgba(0, 0, 0, 0.5);
-    opacity: 0;
-    visibility: hidden;
-    transition: all 0.3s ease 0.3s;
-    display: flex;
-    align-items: flex-end;
-    justify-content: center;
+  #app .van-cell:not(:last-child):after {
+    border: 0;
+  }
+  .detail-container {
+    min-height: 100vh;
     background: #fff;
-    &.show {
-      z-index: 999;
-      opacity: 1;
-      visibility: visible;
-      transition: all 0.3s;
-      .backContent {
-        transform: translateY(0);
-        transition: all 0.3s ease 0.3s;
-      }
-    }
-    .icon {
-      position: absolute;
-      right: 10px;
-      top: 10px;
-      z-index: 1;
-    }
-    .backContent {
-      transition: all 0.3s;
-      width: 100%;
-      transform: translateY(10px);
-      height: 95%;
+    padding-bottom: 40px;
+    box-sizing: border-box;
+    .showDiscern {
+      position: fixed;
+      z-index: -1;
+      left: 0;
+      top: 0;
+      width: 100vw;
+      height: 100vh;
+      background: rgba(0, 0, 0, 0.5);
+      opacity: 0;
+      visibility: hidden;
+      transition: all 0.3s ease 0.3s;
+      display: flex;
+      align-items: flex-end;
+      justify-content: center;
       background: #fff;
-      border-radius: 5px;
-      overflow: hidden;
-    }
-  }
-  .bankList {
-    height: 300px;
-    li {
-      text-align: center;
-      padding: 10px 0;
-      font-size: 14px;
-      border-bottom: 1px solid #eee;
-    }
-  }
-  .pdf {
-    width: 100vw;
-  }
-  .checkedBox {
-    padding: 10px;
-    .checked {
-      font-size: 10px;
-      color: #666;
-      line-height: 1.5;
-    }
-  }
-  .update {
-    margin-bottom: 10px;
-    .updateInfo {
-      border-bottom: 1px solid #eee;
-      .title {
-        border-bottom: 1px solid #eee;
-        height: 30px;
-        line-height: 30px;
-        font-size: 14px;
-        padding: 0 10px;
+      &.show {
+        z-index: 999;
+        opacity: 1;
+        visibility: visible;
+        transition: all 0.3s;
+        .backContent {
+          transform: translateY(0);
+          transition: all 0.3s ease 0.3s;
+        }
       }
-      .content {
-        padding: 10px 20px;
-        .query {
-          color: #e4393c;
-          font-size: 13px;
-          #supplementDesc {
-            margin: 10px 0;
-            width: 100%;
-            color: #000;
-          }
-          div {
-            padding-bottom: 2px;
-          }
-          p {
-            line-height: 22px;
+      .icon {
+        position: absolute;
+        right: 10px;
+        top: 10px;
+        z-index: 1;
+      }
+      .backContent {
+        transition: all 0.3s;
+        width: 100%;
+        transform: translateY(10px);
+        height: 95%;
+        background: #fff;
+        border-radius: 5px;
+        overflow: hidden;
+      }
+    }
+    .bankList {
+      height: 300px;
+      li {
+        text-align: center;
+        padding: 10px 0;
+        font-size: 14px;
+        border-bottom: 1px solid #eee;
+      }
+    }
+    .pdf {
+      width: 100vw;
+    }
+    .checkedBox {
+      padding: 10px;
+      .checked {
+        font-size: 10px;
+        color: #666;
+        line-height: 1.5;
+      }
+    }
+    .update {
+      margin-bottom: 10px;
+      .updateInfo {
+        border-bottom: 1px solid #eee;
+        .title {
+          border-bottom: 1px solid #eee;
+          height: 30px;
+          line-height: 30px;
+          font-size: 14px;
+          padding: 0 10px;
+        }
+        .content {
+          padding: 10px 20px;
+          .query {
+            color: #e4393c;
+            font-size: 13px;
+            #supplementDesc {
+              margin: 10px 0;
+              width: 100%;
+              color: #000;
+            }
+            div {
+              padding-bottom: 2px;
+            }
+            p {
+              line-height: 22px;
+            }
           }
         }
       }
     }
-  }
-  .feedback {
-    margin-bottom: 10px;
-    padding: 0 10px;
-    .title {
-      font-size: 14px;
-      padding: 10px 0;
-    }
-  }
-  .selectList {
-    .item {
-      border-bottom: 1px solid #eee;
-      /deep/.labels {
-        font-size: 13px;
-      }
-      .radioGroup {
-        display: flex;
-        justify-content: space-between;
-        font-size: 13px;
-      }
-      .button {
-        height: 18px;
-        line-height: 18px;
-      }
-      .cardList {
-        padding: 10px 10px 0;
-        border-top: 1px solid #eee;
+    .feedback {
+      margin-bottom: 10px;
+      padding: 0 10px;
+      .title {
+        font-size: 14px;
+        padding: 10px 0;
       }
     }
-  }
-  .autograph {
-    padding: 10px 10px 20px 10px;
-    font-size: 12px;
-    .list {
-      &:first-child {
-        margin-bottom: 5px;
-      }
-      .button {
-        border-radius: 5px;
-        height: 18px;
-        line-height: 18px;
+    .selectList {
+      .item {
+        border-bottom: 1px solid #eee;
+        /deep/.labels {
+          font-size: 13px;
+        }
+        .radioGroup {
+          display: flex;
+          justify-content: space-between;
+          font-size: 13px;
+        }
+        .button {
+          height: 18px;
+          line-height: 18px;
+        }
+        .cardList {
+          padding: 10px 10px 0;
+          border-top: 1px solid #eee;
+        }
       }
     }
+    .autograph {
+      padding: 10px 10px 20px 10px;
+      font-size: 12px;
+      .list {
+        &:first-child {
+          margin-bottom: 5px;
+        }
+        .button {
+          border-radius: 5px;
+          height: 18px;
+          line-height: 18px;
+        }
+      }
+    }
+    .next {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 40px;
+    }
   }
-  .next {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 40px;
+  textarea {
+    font-size: 13px;
+    border: 0;
+    width: 96%;
+    height: 60px;
+    border: 1px solid #e5e5e5;
+    padding: 5px;
+    resize: none;
   }
-}
-textarea {
-  font-size: 13px;
-  border: 0;
-  width: 96%;
-  height: 60px;
-  border: 1px solid #e5e5e5;
-  padding: 5px;
-  resize: none;
-}
 </style>