补充资料问题件上传资料修改

src/views/ebiz/questions/QuestionsDetail.vue

@@ -11,60 +11,11 @@
           <div class="query">
             <div>问题说明</div>
             <p>
-              {{ supplement.descriptionInsurant }}
+              {{ problemDetail.issueContent }}
             </p>
           </div>
-          <p class="uploadTitle">身份证头像面照片</p>
+          <p class="uploadTitle">请上传补充资料</p>
-          <van-uploader
+          <van-uploader :after-read="uploadSupplementImg" v-model="imageList" />
-            :max-count="1"
-            :after-read="insurantUpload"
-            :before-delete="insurantDelete"
-            name="insurantIdCardA"
-            v-model="supplement.insurantIdCardA"
-          />
-          <p class="uploadTitle">身份证国徽面照片</p>
-          <van-uploader
-            :max-count="1"
-            :after-read="insurantUpload"
-            :before-delete="insurantDelete"
-            name="insurantIdCardB"
-            v-model="supplement.insurantIdCardB"
-          />
-        </div>
-      </div>
-      <div class="updateInfo">
-        <div class="title">申请人身份证明、银行账户复印件</div>
-        <div class="content">
-          <div class="query">
-            <div>问题说明</div>
-            <p>
-              {{ supplement.descriptionPolicyholder }}
-            </p>
-          </div>
-          <p class="uploadTitle">身份证头像面照片</p>
-          <van-uploader
-            :max-count="1"
-            :after-read="policyHolderUpload"
-            :before-delete="policyHolderDelete"
-            name="policyholderIdCardA"
-            v-model="supplement.policyholderIdCardA"
-          />
-          <p class="uploadTitle">身份证国徽面照片</p>
-          <van-uploader
-            :max-count="1"
-            :after-read="policyHolderUpload"
-            :before-delete="policyHolderDelete"
-            name="policyholderIdCardB"
-            v-model="supplement.policyholderIdCardB"
-          />
-          <p class="uploadTitle">银行卡照片</p>
-          <van-uploader
-            :max-count="1"
-            :after-read="policyHolderUpload"
-            @delete="policyHolderDelete"
-            name="policyholderBankCardA"
-            v-model="supplement.policyholderBankCardA"
-          />
         </div>
       </div>
     </div>
@@ -175,28 +126,12 @@ export default {
   data() {
     let isWeixin = this.$utils.device().isWeixin
     return {
+      imageList: [],
+      imageResultList: [],
       sendTime: 0,
       isWeixin,
-      problemInfo: null,
+      problemInfo: {},
-      problemDetail: null,
+      problemDetail: {},
-      supplement: {
-        // 被保人问题描述
-        descriptionInsurant: '',
-        // 投保人问题描述
-        descriptionPolicyholder: '',
-        // 被保人身份证明
-        insurantIdCardA: [],
-        insurantIdCardAUploadResult: null,
-        insurantIdCardB: [],
-        insurantIdCardBUploadResult: null,
-        // 投保人身份证明等资料
-        policyholderIdCardA: [],
-        policyholderIdCardAUploadResult: null,
-        policyholderIdCardB: [],
-        policyholderIdCardBUploadResult: null,
-        policyholderBankCardA: [],
-        policyholderBankCardAUploadResult: null
-      },
       newContract: {
         // 新契约
         feedback: '',
@@ -240,97 +175,22 @@ export default {
     }
   },
   methods: {
-    // 补充资料问题件投保人上传身份证照片,银行卡照片
-    async policyHolderUpload(file, detail) {
-      // 微信端将上传的图片保存到localstorage中供签名回调使用
-      if (this.isWeixin) {
-        localStorage.setItem(detail.name, file.content)
-      }
-      let res = await this.afterRead(file)
-      let imageType = detail.name === 'policyholderIdCardA' ? 1 : detail.name === 'policyholderIdCardB' ? 2 : 3
-      let result = {
-        rgssUrl: res.path,
-        imageInfoType: imageType,
-        subBusinessType: 0
-      }
-      switch (detail.name) {
-        case 'policyholderIdCardA':
-          this.supplement.policyholderIdCardAUploadResult = result
-          if (this.isWeixin) {
-            localStorage.setItem('policyholderIdCardAUploadResult', JSON.stringify(result))
-          }
-          break
-        case 'policyholderIdCardB':
-          this.supplement.policyholderIdCardBUploadResult = result
-          if (this.isWeixin) {
-            localStorage.setItem('policyholderIdCardBUploadResult', JSON.stringify(result))
-          }
-          break
-        case 'policyholderBankCardA':
-          this.supplement.policyholderBankCardAUploadResult = result
-          if (this.isWeixin) {
-            localStorage.setItem('policyholderBankCardAUploadResult', JSON.stringify(result))
-          }
-          break
-      }
-    },
-    // 投保人删除资料回调方法
-    policyHolderDelete(file, detail) {
-      switch (detail.name) {
-        case 'policyholderIdCardA':
-          this.supplement.policyholderIdCardAUploadResult = null
-          return true
-        case 'policyholderIdCardB':
-          this.supplement.policyholderIdCardBUploadResult = null
-          return true
-        case 'policyholderBankCardA':
-          this.supplement.policyholderBankCardAUploadResult = null
-          return true
-      }
-    },
-    checkPolicyholderUpload() {
-      return (
-        this.supplement.policyholderIdCardAUploadResult && this.supplement.policyholderIdCardBUploadResult && this.supplement.policyholderBankCardAUploadResult
-      )
-    },
     // 补充资料问题件被保人上传身份证照片
-    async insurantUpload(file, detail) {
+    async uploadSupplementImg(file) {
+      console.dir(file)
       if (this.isWeixin) {
-        localStorage.setItem(detail.name, file.content)
+        localStorage.setItem('supplementImages', JSON.stringify(this.imageList))
       }
       let res = await this.afterRead(file)
       let result = {
         rgssUrl: res.path,
-        imageInfoType: detail.name === 'insurantIdCardA' ? 1 : 2,
+        imageInfoType: 1,
         subBusinessType: 1
       }
-      switch (detail.name) {
+      this.imageResultList.push(result)
-        case 'insurantIdCardA':
-          this.supplement.insurantIdCardAUploadResult = result
-          if (this.isWeixin) {
-            localStorage.setItem('insurantIdCardAUploadResult', JSON.stringify(result))
-          }
-          break
-        case 'insurantIdCardB':
-          this.supplement.insurantIdCardBUploadResult = result
-          if (this.isWeixin) {
-            localStorage.setItem('insurantIdCardBUploadResult', JSON.stringify(result))
-          }
-          break
-      }
     },
-    insurantDelete(file, detail) {
+    checkSupplementData() {
-      switch (detail.name) {
+      return this.imageResultList.length !== 0
-        case 'insurantIdCardA':
-          this.supplement.insurantIdCardAUploadResult = null
-          return true
-        case 'insurantIdCardB':
-          this.supplement.insurantIdCardBUploadResult = null
-          return true
-      }
-    },
-    checkInsurantUpload() {
-      return this.supplement.insurantIdCardAUploadResult && this.supplement.insurantIdCardBUploadResult
     },
     // 转账不成功问题件添加银行卡照片
     async cardUpload(file, detail) {
@@ -512,8 +372,7 @@ export default {
         return this.$toast('请输入4-400个字符')
       // 校验补充资料
       if (this.issueType === '828601') {
-        if (!this.checkInsurantUpload()) return this.$toast('请上传被保人补充资料')
+        if (!this.checkSupplementData()) return this.$toast('请上传补充资料')
-        if (!this.checkPolicyholderUpload()) return this.$toast('请上传申请人补充资料')
       }
       // 转账不成功
       if (this.issueType === '818901') {
@@ -585,13 +444,7 @@ export default {
         }
         // 补充资料类问题件
         else if (this.issueType === '828601') {
-          // 被保人资料
+          problemData.list.push(...this.imageList)
-          problemData.list.push(this.supplement.insurantIdCardAUploadResult)
-          problemData.list.push(this.supplement.insurantIdCardBUploadResult)
-          // 投保人资料
-          problemData.list.push(this.supplement.policyholderIdCardAUploadResult)
-          problemData.list.push(this.supplement.policyholderIdCardBUploadResult)
-          problemData.list.push(this.supplement.policyholderBankCardAUploadResult)
         }
         // 转账不成功问题件
         else {
@@ -657,10 +510,6 @@ export default {
         this.problemDetail = this.problemInfo.list[0]
         // 问题件接收人类型: 0投保人, 1被保人
         this.problemDetail.receiveType = this.$route.query.receiveType
-        // 被保人资料问题描述
-        this.supplement.descriptionInsurant = this.problemDetail.content
-        // 投保人资料问题描述
-        this.supplement.descriptionPolicyholder = this.problemDetail.issueContent
       } else {
         this.$toast(rs.resultMessage)
       }
@@ -792,68 +641,7 @@ export default {
         }
       }
 
-      // 补充资料问题件
+      // 补充资料问题件回显资料照片
-      {
-        // 签名回调回显被保人身份证头像面
-        if (localStorage.getItem('policyholderIdCardA')) {
-          this.supplement.insurantIdCardA.push({
-            content: localStorage.getItem('policyholderIdCardA')
-          })
-        }
-
-        // 签名回调保存被保人身份证头像面上传结果
-        if (localStorage.getItem('insurantIdCardAUploadResult')) {
-          this.supplement.insurantIdCardAUploadResult = JSON.parse(localStorage.getItem('insurantIdCardAUploadResult'))
-        }
-
-        // 签名回调回显被保人身份证国徽面照片
-        if (localStorage.getItem('policyholderIdCardB')) {
-          this.supplement.insurantIdCardB.push({
-            content: localStorage.getItem('policyholderIdCardB')
-          })
-        }
-
-        // 签名回调回显被保人身份证国徽面
-        if (localStorage.getItem('insurantIdCardBUploadResult')) {
-          this.supplement.insurantIdCardBUploadResult = JSON.parse(localStorage.getItem('insurantIdCardBUploadResult'))
-        }
-
-        // 签名回调回显投保人身份证头像面
-        if (localStorage.getItem('policyholderIdCardA')) {
-          this.supplement.policyholderIdCardA.push({
-            content: localStorage.getItem('policyholderIdCardA')
-          })
-        }
-
-        // 签名回调保存投保人身份证头像面上传结果
-        if (localStorage.getItem('policyholderIdCardAUploadResult')) {
-          this.supplement.policyholderIdCardAUploadResult = JSON.parse(localStorage.getItem('policyholderIdCardAUploadResult'))
-        }
-
-        // 签名回调回显投保人身份证国徽面
-        if (localStorage.getItem('policyholderIdCardB')) {
-          this.supplement.policyholderIdCardB.push({
-            content: localStorage.getItem('policyholderIdCardB')
-          })
-        }
-
-        // 签名回调保存投保人身份证国徽面上传结果
-        if (localStorage.getItem('policyholderIdCardBUploadResult')) {
-          this.supplement.policyholderIdCardBUploadResult = JSON.parse(localStorage.getItem('policyholderIdCardBUploadResult'))
-        }
-
-        // 签名回调回显投保人银行卡照片
-        if (localStorage.getItem('policyholderBankCardA')) {
-          this.supplement.policyholderBankCardA.push({
-            content: localStorage.getItem('policyholderBankCardA')
-          })
-        }
-
-        // 签名回调后保存转账不成功上传银行卡照片结果信息
-        if (localStorage.getItem('transferCardUploadResult')) {
-          this.transfer.cardUploadResult = JSON.parse(localStorage.getItem('transferCardUploadResult'))
-        }
-      }
     }
     this.getBankList()
     this.getQuestionDetail()