[NEW] 修改投保支付页面样式

src/views/ebiz/sale/PayMent.vue

@@ -14,11 +14,11 @@
           </van-cell>
         </van-cell-group>
         <van-cell-group class="flex align-items-c">
-          <img :src="src" class="pl10" />
+          <img :src="vxSrc" class="vximg" />
           <van-cell title="微信支付" clickable>
             <!-- <van-checkbox v-model="checked" class="flex justify-content-fe"></van-checkbox> -->
             <van-radio-group v-model="radio" class="flex justify-content-fe">
-              <van-radio name="3"></van-radio>
+              <van-radio name="3" @click="vxVerify"></van-radio>
             </van-radio-group>
           </van-cell>
         </van-cell-group>
@@ -87,7 +87,7 @@
   </div>
 </template>
 <script>
-import { Cell, CellGroup, RadioGroup, Radio } from 'vant'
+import { Cell, CellGroup, RadioGroup, Radio, Dialog } from 'vant'
 import { acceptInsurance } from '@/api/ebiz/sale/sale'
 import { underWrite, getOrderDetail } from '@/api/ebiz/sale/sale'
 import config from '@/config'
@@ -99,8 +99,10 @@ export default {
       formActionUrl: config.payUrl,
       // 单选
       radio: '',
-      // 图片地址
+      // 银行卡支付图片地址
       src: this.$assetsUrl + 'images/cardImg.png',
+      // 微信支付图片地址
+      vxSrc: this.$assetsUrl + 'images/vxImg.png',
       // 核保数据
       underWriteData: {},
       srcImg: '',
@@ -164,6 +166,11 @@ export default {
       isWeixin // 是否为微信环境
     }
   },
+  created() {
+    if (this.isWeixin) {
+      this.radio = '3'
+    }
+  },
   mounted() {
     console.log('----保融form.action', config.payUrl)
     document.body.style.backgroundColor = '#fff'
@@ -183,7 +190,6 @@ export default {
       }
       console.log('--自核结果--支付信息：', JSON.stringify(this.underWriteData))
     } else {
-      this.radio = '3'
       let token = this.$route.query.token
       let orderNo = this.$route.query.orderNo
       localStorage.token = token
@@ -273,6 +279,7 @@ export default {
           let underWriteData = {
             accountName: res.orderDTO.orderAccountDTO.accountName,
             appntName: res.orderDTO.appntDTO.name,
+            idType: res.orderDTO.appntDTO.idType,
             bankCode: _this.typebank[res.orderDTO.orderAccountDTO.bankCode],
             bankName: res.orderDTO.orderAccountDTO.bankName,
             cardBookCode: res.orderDTO.orderAccountDTO.cardBookCode,
@@ -289,6 +296,7 @@ export default {
           let underWriteData = {
             accountName: '',
             appntName: '',
+            idType: '',
             bankCode: '',
             bankName: '',
             cardBookCode: '',
@@ -337,12 +345,24 @@ export default {
         }
       })
     },
+    // 选择微信支付校验身份证类型
+    vxVerify() {
+      if (this.underWriteData.idType != '1') {
+        Dialog.confirm({
+          message: '证件类型不是身份证，无法使用微信支付',
+          showCancelButton: false
+        }).then(() => {
+          this.radio = ''
+        })
+      }
+    },
     share() {
+      let shareName = this.underWriteData.appntName
       EWebBridge.webCallAppInJs('bridge', {
         flag: 'share',
         extra: {
-          title: '测试',
-          content: '测试微信支付分享',
+          title: `国富人寿电子投保单（${shareName}）付款`,
+          content: '付款进行',
           url: location.origin + '/#/sale/payMent?orderNo=' + localStorage.orderNo + '&token=' + localStorage.token,
           img: this.$assetsUrl + 'images/logo.png'
         }
@@ -353,7 +373,8 @@ export default {
     [Cell.name]: Cell,
     [CellGroup.name]: CellGroup,
     [RadioGroup.name]: RadioGroup,
-    [Radio.name]: Radio
+    [Radio.name]: Radio,
+    [Dialog.name]: Dialog
   },
   beforeRouteLeave(to, from, next) {
     document.body.style.backgroundColor = ''
@@ -375,4 +396,10 @@ export default {
   width: 20px;
   height: 20px;
 }
+.vximg {
+  width: 25px;
+  height: 25px;
+  padding-left: 13px;
+  padding-right: 3px;
+}
 </style>