增加被占用订单提示

src/views/pay/STATIC_DATA.js

@@ -114,6 +114,15 @@ function isDetentionFn() {
     });
   }
 }
+function havePayingOrder() {
+  /* 有享花卡未支付的订单 */
+  this.$dialog({
+    message: '您的享花卡额度被其他订单占用，暂时不可使用享花卡支付哦！',
+    confirmButtonText: '重新选择',
+    showCancelButton: false,
+    confirmButtonColor: '#EC1500'
+  });
+}
 function filterAllPayList(type, data) {
   for (let item in data.payList) {
     if (data.payList[item].payType === type) {
@@ -140,6 +149,7 @@ export {
   IS_GROUP_PAY,
   IS_CREDIT_PAY,
   isDetentionFn,
+  havePayingOrder,
   filterAllPayList,
   ACCOUNT_NO_APPLY,
   PAYMENT_CODE_PAY,

src/views/pay/components/PayCardItem.vue

@@ -114,7 +114,7 @@ export default {
   background: #fffbe8;
   .text-11;
   padding: 4px 8px;
-  margin: 8px;
+  margin: 8px 8px 8px 4px;
   border-radius: 3px;
 }
 .type-item {

src/views/pay/components/SmsModal.vue

@@ -7,13 +7,13 @@
         <p class="sms-des">为保证您账户安全，此笔交易需要短信验证</p>
         <p class="phone">已发送至 {{ getPhone() }}</p>
         <cr-authcode-field
-          span-size="20px"
+          span-size="24px"
           type="number"
           border-type="bottom"
           :number="6"
           height="40px"
-          span-color="#000"
-          input-color="#000"
+          span-color="#666"
+          input-color="#666"
           input-size="20px"
           class="sms-input"
           :success="success"
@@ -103,7 +103,7 @@ export default {
   left: 50%;
   top: 26%;
   margin-left: -150px;
-  padding: 12px 12px 24px;
+  padding: 12px 18px 24px;
   width: 300px;
   border-radius: 16px;
   background: #fff;

src/views/pay/index.vue

@@ -112,6 +112,7 @@ import {
   IS_GROUP_PAY,
   IS_CREDIT_PAY,
   isDetentionFn,
+  havePayingOrder,
   filterAllPayList,
   PAYMENT_CODE_PAY, // 支付密码
   ACCOUNT_APPLY_FAIL,
@@ -241,7 +242,7 @@ export default {
         return;
       }
       this.isReady = true;
-      const { displayInfo = {}, payMethods } = data || {};
+      const { displayInfo = {}, payMethods, creditQuotaInfo } = data || {};
       this.overtime = displayInfo.periodSeconds <= 0;
       this.success = true;
       if (this.overtime) {
@@ -321,6 +322,9 @@ export default {
         this.isShowProtocol && (this.isCheckAgreement = true);
         this.setAmount();
       }
+      if (creditQuotaInfo?.isFreezeCreditInOtherOrder && !this.payInfo?.payType) {
+        havePayingOrder.call(this);
+      }
     },
     isRiskLimit() {
       const { accountStatus, riskManagementAmt } = this.creditPayInfo;
@@ -454,12 +458,7 @@ export default {
       if (error) {
         if (error?.response?.businessCode === '3001') {
           /* 有享花卡未支付的订单 */
-          this.$dialog({
-            message: '您的享花卡额度被其他订单占用，暂时不可使用享花卡支付哦！',
-            confirmButtonText: '重新选择',
-            showCancelButton: false,
-            confirmButtonColor: '#EC1500'
-          });
+          havePayingOrder.call(this);
           return;
         }
         if (codeArr.indexOf(error?.response?.businessCode) < 0) {