fix: 处理sms手机号null的问题

src/api/pay.api.js

@@ -71,6 +71,11 @@ const reissueContract = function(params) {
   return request.post(`${talosHost}/open/checkout/payReissueContract`, params);
 };
 
+// 获取用户手机号
+const getPhoneNumber = function() {
+  return request.get(`${talosHost}/api/kdsp/user/phone`);
+};
+
 export {
   pay,
   prepay,
@@ -83,5 +88,6 @@ export {
   getGoodsList,
   kaGetNextUrl,
   queryPayStatus,
-  reissueContract
+  reissueContract,
+  getPhoneNumber
 };

src/views/pay/components/SmsModal.vue

@@ -29,8 +29,7 @@
 </template>
 
 <script>
-import localStorage from '@/service/localStorage.service';
-import { sendSms as sendSmsApi } from '@/api/pay.api';
+import { sendSms as sendSmsApi, getPhoneNumber } from '@/api/pay.api';
 export default {
   props: {
     value: {
@@ -45,7 +44,8 @@ export default {
     return {
       send: false,
       time: 60,
-      timer: null
+      timer: null,
+      phoneNumber: ''
     };
   },
   computed: {},
@@ -83,9 +83,8 @@ export default {
       }
     },
     getPhone() {
-      const phone = localStorage.get('phoneNo');
-      const phoneS = `${phone}`.replace(/(\d{3})\d*(\d{4})/, '+86 $1 **** $2');
-      return phoneS;
+      const [phoneNumber] = await getPhoneNumber();
+      this.phoneNumber = phoneNumber;
     },
     clearTimer() {
       clearInterval(this.timer);