feature/GFRS-2301【需求】健康险渠道国富无忧卡金掌桂开发的需求--修改填写投保人保障方案字段信息，修改保障方案列表值，修改验证码页，修改验证码页手机号和验证码，修改阅读文章页面，文章列表缓存与修改文章列表状态

src/views/ebiz/cardList/ShowPDF.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: PangXingYue
  * @Date: 2021-04-01 11:00:21
- * @LastEditTime: 2021-04-02 18:16:27
+ * @LastEditTime: 2021-04-06 11:34:36
  * @LastEditors: PangXingYue
  * @Description: 
  * @FilePath: \ebiz-h5\src\views\ebiz\cardList\ShowPDF.vue
@@ -18,7 +18,7 @@
 
 <script>
 import { Button, NoticeBar } from 'vant'
-import { saveOrUpdateCard } from '@/api/ebiz/cardList/cardList.js'
+import { saveOrUpdateDocument } from '@/api/ebiz/cardList/cardList.js'
 export default {
   data() {
     return {
@@ -27,7 +27,8 @@ export default {
       index: this.$route.query.index || 0, //阅读文件指针
       timer: null,
       time: 5,
-      cardListPDF: []
+      cardListPDF: [],
+      orderDTO: []
     }
   },
   components: {
@@ -35,12 +36,13 @@ export default {
     [Button.name]: Button
   },
   created() {
+    this.orderDTO = JSON.parse(sessionStorage.orderDetail)
     this.init()
   },
   mounted() {},
   methods: {
-    init() {      
+    init() {            
-      this.cardListPDF = JSON.parse(localStorage.cardListPDF)      
+      this.cardListPDF = this.orderDTO.ebizSignDTOS
       this.pdfUrl = this.cardListPDF[this.index].originalUrl
       document.title = this.cardListPDF[this.index].documentName
       this.interval()
@@ -56,37 +58,40 @@ export default {
       // 调用阅读接口
       if (this.time !== 0) {
         return false
-      }
+      }      
-      if (this.index >= this.cardListPDF.length - 1) {
+      this.saveOrUpdateDocument()
-        this.$jump({
-          flag: 'h5',
-          extra: {
-            url: location.origin + '/#/cardList/SignatureConfirmation'
-          },
-          routerInfo: {
-            path: '/cardList/SignatureConfirmation'
-          }
-        })
-      } else {
-        this.saveOrUpdateCard()        
-      }
     },
     //更新险种文档阅读状态
-    saveOrUpdateCard() {   
+    saveOrUpdateDocument() {            
-        this.index++
-          this.init()
-          return false;
-      //todo
       this.cardListPDF[this.index]['documentStatus'] = '1'
       let data = {
-            'ebizSignDTOS': [this.cardListPDF[this.index]]
+        ebizSignDTOS: [this.cardListPDF[this.index]]
       }
-      saveOrUpdateCard(data).then(res => {        
+      saveOrUpdateDocument(data).then(res => {
-        if (res.result == '0') {
+        if (res.result == '0') {            
-          this.$toast.clear()
+          this.$toast.clear()        
-          this.index++
+          sessionStorage.orderDetail = JSON.stringify(this.orderDTO)          
-          this.init()
+          if (this.index >= this.cardListPDF.length - 1) {
-        } else {          
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + '/#/cardList/SignatureConfirmation'
+              },
+              routerInfo: {
+                path: '/cardList/SignatureConfirmation'
+              }
+            })
+          } else {
+             this.index = this.cardListPDF.findIndex((item, key) => {                    
+              return item.documentStatus != 1
+             })
+             if (this.index != -1) {
+               this.init()
+             }            
+            console.log(this.index, '==============this.index===============')    
+          }                                             
+        } else {
+          this.cardListPDF[this.index]['documentStatus'] = '0'
           this.$toast(res.resultMessage)
           return false
         }

src/views/ebiz/cardList/SignatureConfirmation.vue

@@ -66,21 +66,7 @@ export default {
       appntInfo: {},
       // 投保人签名阅读信息
       appntSign: [
-        {
+       
-          documentName: '短期交通卡投保须知',
-          documentUrl: this.$assetsUrl + 'product/GFRS_M0022/M0022Notice.pdf',
-          documentStatus: '1',
-        },
-        {
-          documentName: '短期交通卡投保声明',
-          documentUrl: this.$assetsUrl + 'product/GFRS_M0022/M0022Explain.pdf',
-          documentStatus: '1',
-        },
-        {
-          documentName: '国富人寿综合交通意外保险2020',
-          documentUrl: this.$assetsUrl + 'product/GFRS_M0022/M0022.pdf',
-          documentStatus: '2',
-        },
       ],
       // 折叠面板
       activeNames: ['1'],
@@ -99,12 +85,13 @@ export default {
   },
   methods: {
     // 初始化
-    async init() {
+    async init() {      
-      console.log(this.orderDTO, '=================this.orderDTO===================')
       this.recmd = this.orderDTO.recmdDTO
       this.orderInfo = this.orderDTO.orderInfoDTO
       this.appntInfo = this.orderDTO.appntDTO
+      // localStorage.setItem('cardListPDF', JSON.stringify(this.orderDTO.ebizSignDTOS))
       this.appntSign = this.orderDTO.ebizSignDTOS
+      
       // if (this.isWeixin) {
       //   await this.getOrderDetail()
       //   // weixinShare({
@@ -125,8 +112,7 @@ export default {
         return item.documentStatus != 1
       })
       if (is_sign) {
-        // 有未阅读的文件
+        // 有未阅读的文件        
-        localStorage.setItem('cardListPDF', JSON.stringify(this.appntSign))
         this.$jump({
           flag: 'h5',
           extra: {

src/views/ebiz/cardList/information.vue

@@ -107,7 +107,7 @@
       <van-field required readonly v-model="bnfTypeVal" clearable label="受益人类型" v-validate="'required'" style="border-bottom: 1px solid #ebedf0" />
     </van-cell-group>
     <p style="background: white; border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">产品信息</p>
-    <van-field :value="schemeName" readonly required label="保障方案" name="保障方案" v-validate="'required'" right-icon="arrow"
+    <van-field :value="proScheme" readonly required label="保障方案" name="保障方案" v-validate="'required'" right-icon="arrow"
       placeholder="请选择" @click="toSelect('10')" />
     <FieldDatePicter v-validate="'required'" label="指定生效日期" name="指定生效日期" required :minDate="now" :value.sync="cvaliDate"
       type="date" :flag="true" @confirm="onDateConfirm($event, '6')" ref="effectiveDate" input-align:right>
@@ -215,8 +215,8 @@ export default {
   },
   data() {
     return {
-      schemeName: '', //保障方案
+      proScheme: '', //保障方案
-      schemeCode: '',
+      proSchemeCode: '',
       productDate: '', //保险期间
       now: afterDate.getAfterDays(1), //指定生效日期最小值
       insuredSex: '男',
@@ -317,7 +317,9 @@ export default {
       pdf: ['', '', ''],
       insureType: '',
       pickerIndex: 0,
-      areaCode: '110101'
+      areaCode: '110101',
+      occupationCode: '',
+      occupationName: '',
     }
   },
   created() {
@@ -544,7 +546,7 @@ export default {
         this.columns = DataDictionary.nativeplace
         this.pickerIndex = this.insuredInfo.nativeplace - 1 > 0 ? this.insuredInfo.nativeplace - 1 : 0
       } else if (pickerType == '10') {
-        this.trialList = `{
+  /*      this.trialList = `{
     "code": 0,
     "message": "成功",
     "content": {
@@ -563,8 +565,8 @@ export default {
                 "duty": null,
                 "showPrem": 100,
                 "trialType": null,
-                "schemeName": "国富无忧卡A",
+                "proScheme": "国富无忧卡A",
-                "schemeCode": "M0041A",
+                "proSchemeCode": "M0041A",
                 "timeliness": 3
             },
             {
@@ -578,8 +580,8 @@ export default {
                 "duty": null,
                 "showPrem": 200,
                 "trialType": null,
-                "schemeName": "国富无忧卡B",
+                "proScheme": "国富无忧卡B",
-                "schemeCode": "M0041B",
+                "proSchemeCode": "M0041B",
                 "timeliness": 3
             },
             {
@@ -593,21 +595,23 @@ export default {
                 "duty": null,
                 "showPrem": 300,
                 "trialType": null,
-                "schemeName": "国富无忧卡C",
+                "proScheme": "国富无忧卡C",
-                "schemeCode": "M0041C",
+                "proSchemeCode": "M0041C",
                 "timeliness": 3
             }
         ],
         "flag": "0"
     }
 }`
+*/
+
         this.columns = []
-        this.trialList = JSON.parse(this.trialList).content.trialList
+        // this.trialList = JSON.parse(this.trialList).content.trialList
         console.log(this.trialList, '================this.trialList================')
         this.trialList.forEach(item => {
           this.columns.push({
-            id: item.schemeCode,
+            id: item.proSchemeCode ,
-            text: item.schemeName
+            text: item.proScheme
           })
         })
       }
@@ -647,11 +651,11 @@ export default {
       } else if (this.pickerType == '11') {
         this.insuredInfo.nativeplace = value.id
       } else if (this.pickerType == '10') {
-        this.schemeName = value.text
+        this.proScheme = value.text
-        this.schemeCode = value.id
+        this.proSchemeCode = value.id        
-        for (let item of this.trialList) {
+        for (let item of this.trialList) {          
-          if (item.schemeCode === this.schemeCode) {
+          if (item.proSchemeCode === this.proSchemeCode) {
-            this.allPrice = item.prem
+            this.allPrice = item.prem            
             break
           }
         }
@@ -1161,8 +1165,8 @@ export default {
           predictTransferPrem: item.predictTransferPrem,
           thirdInsuraceNo: this.policyNo,
           mult: this.mult,
-          proScheme: this.schemeName,
+          proScheme: this.proScheme,
-          proSchemeCode: this.schemeCode,
+          proSchemeCode: this.proSchemeCode,
           insuYear: insuYearDate.insuYear,
           insuYearFlag: insuYearDate.insuYearFlag,
         }

src/views/ebiz/cardList/phoneCode.vue

@@ -6,7 +6,8 @@
       text="特别提示：国富人寿为保证您的投保安全，请您点击发送验证码至投保人手机号，输入正确的验证码后点击下一步进入投保流程。"
     />
     <van-field
-      :value="userInfo.mobile | filterMobile"      
+      v-model="userInfo.mobile"          
+      clearable 
       label="投保人手机号"
       name="投保人手机号"
       placeholder="请输入手机号"
@@ -36,17 +37,19 @@ export default {
     return {
       orderNo: this.$route.query.orderNo,
       isWeixin: this.$utils.device().isWeixin,
-      userInfo: {},
+      userInfo: {
+        mobile: '',
+        authCode: ''
+      },
       codeDisabled: false,
       countDown: 60,
       timeId: null,
       sessionId: '',
     }
   },
-  created() {
+  created() {    
-    console.log(this.$route.query)
     // if(isWeixin){
-         let testData = `{
+         /*let testData = `{
             "appntOrInsured": null,
             "deleteFlag": null,
             "productDTO": {
@@ -664,6 +667,50 @@ export default {
                     "isSigned": null
                 },
                 {
+                    "signId": 20917,
+                    "signOrRead": null,
+                    "baseEncryp": null,
+                    "orderNo": "8186270000012555",
+                    "riskCode": "GFRS_M0022",
+                    "documentName": "转账授权声明",
+                    "documentCode": null,
+                    "policyUrl": null,
+                    "originalUrl": "http://139.199.50.151:8000/app/product/GFRS_M0041/DOC/M0041ZZSQSM.pdf",
+                    "documentType": "0",
+                    "documentStatus": "1",
+                    "signType": null,
+                    "relationId": null,
+                    "signDate": null,
+                    "createdDate": "2021-04-01T09:43:15.000+0000",
+                    "modifiedDate": null,
+                    "createdUser": null,
+                    "modifiedUser": null,
+                    "isDelete": 0,
+                    "isSigned": null
+                },
+                 {
+                    "signId": 20917,
+                    "signOrRead": null,
+                    "baseEncryp": null,
+                    "orderNo": "8186270000012555",
+                    "riskCode": "GFRS_M0022",
+                    "documentName": "转账授权声明",
+                    "documentCode": null,
+                    "policyUrl": null,
+                    "originalUrl": "http://139.199.50.151:8000/app/product/GFRS_M0041/DOC/M0041ZZSQSM.pdf",
+                    "documentType": "0",
+                    "documentStatus": "0",
+                    "signType": null,
+                    "relationId": null,
+                    "signDate": null,
+                    "createdDate": "2021-04-01T09:43:15.000+0000",
+                    "modifiedDate": null,
+                    "createdUser": null,
+                    "modifiedUser": null,
+                    "isDelete": 0,
+                    "isSigned": null
+                },
+                 {
                     "signId": 20917,
                     "signOrRead": null,
                     "baseEncryp": null,
@@ -690,8 +737,8 @@ export default {
             "xqPayDTO": null,
             "prtType": "0",
             "reason": "未查到详情！"
-        }`
+        }`*/
-          sessionStorage.orderDetail = testData;
+    // sessionStorage.orderDetail = testData;
     // }
     if (this.$route.query.token) {
       localStorage.token = this.$route.query.token
@@ -721,8 +768,8 @@ export default {
         }
       })
     },
-    getCode() {
+    getCode() {            
-      if (this.userInfo.mobile == '') {
+      if (!this.userInfo.mobile) {
         return this.$toast('请填写移动电话')
       }
       let data = {