优化

src/components/fastPayCard.vue

@@ -19,13 +19,8 @@
     </div>
     <div class="number_wrap">
       <div class="menus">
-        <div
-          class="item"
-          :class="{ active: payActive == index }"
-          v-for="(item, index) in payList"
-          :key="item.id"
-          @click="payTypeChange(index, item)"
-        >
+        <div class="item" :class="{ active: payActive == index }" v-for="(item, index) in payList" :key="item.id"
+          @click="payTypeChange(index, item)">
           <div class="icon">
             <el-image :src="item.icon" class="img"></el-image>
           </div>
@@ -40,12 +35,7 @@
       </div>
       <div class="keybord_wrap">
         <div class="left">
-          <div
-            class="item"
-            v-for="item in 9"
-            :key="item"
-            @click="amountInput(`${item}`)"
-          >
+          <div class="item" v-for="item in 9" :key="item" @click="amountInput(`${item}`)">
             {{ item }}
           </div>
           <div class="item" @click="amountInput('.')">.</div>
@@ -63,12 +53,7 @@
       </div>
     </div>
   </div>
-  <scanModal
-    ref="scanModalRef"
-    fast
-    :amount="money"
-    @success="scanCodeSuccess"
-  />
+  <scanModal ref="scanModalRef" fast :amount="money" @success="scanCodeSuccess" />
 </template>
 
 <script setup>
@@ -115,6 +100,7 @@ function payTypeChange(index, item) {
 
 // 结算支付
 async function confirmOrder() {
+  if (payLoading.value) return
   try {
     if (payList.value[payActive.value].payType == "scanCode") {
       scanModalRef.value.show();
@@ -203,6 +189,7 @@ onMounted(() => {
   border-bottom: 1px solid #ececec;
   display: flex;
   align-items: center;
+
   .return {
     $size: 50px;
     width: $size;
@@ -219,6 +206,7 @@ onMounted(() => {
       font-size: var(--el-font-size-base);
     }
   }
+
   .right {
     .t1 {
       display: flex;
@@ -320,9 +308,7 @@ onMounted(() => {
     flex: 1;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
-    grid-template-rows: var(--item-height) var(--item-height) var(--item-height) var(
-        --item-height
-      );
+    grid-template-rows: var(--item-height) var(--item-height) var(--item-height) var(--item-height);
     gap: var(--el-font-size-base);
 
     .item {

src/components/payCard/payCard.vue

@@ -110,6 +110,7 @@ function payTypeChange(index, item) {
 
 // 结算支付
 async function confirmOrder() {
+    if (payLoading.value) return
     try {
         if (payList.value[payActive.value].payType == 'scanCode') {
             scanModalRef.value.show()