优化退款密码

src/components/takeFoodCode.vue

@@ -17,7 +17,7 @@
             </div>
         </div>
         <div class="footer">
-            <el-button type="primary" style="width: 100%" @click="confirmHandle">确认</el-button>
+            <el-button type="primary" style="width: 100%" :loading="loading" @click="confirmHandle">确认</el-button>
         </div>
     </el-dialog>
 </template>
@@ -69,6 +69,7 @@ function delHandle() {
     number.value = number.value.substring(0, number.value.length - 1);
 }
 
+const loading = ref(false)
 // 确认
 function confirmHandle() {
     if (!number.value) return
@@ -77,8 +78,12 @@ function confirmHandle() {
             ElMessage.error('请输入正确的密码')
             return
         } else {
+            loading.value = true
             emit("success", number.value);
             dialogVisible.value = false;
+            setTimeout(() => {
+                loading.value = false
+            }, 1000)
         }
     } else {
         emit("success", number.value);