1

src/views/paymentApplication/index.vue

@@ -125,8 +125,10 @@
       <div class="handleTit">处理人   &nbsp;&nbsp;&nbsp;&nbsp;<span>{{ username }}</span></div>
     </div>
     <div class="paymentBtnBox">
-      <button class="closeBtn" @click="cancel">关闭</button>
-      <button class="submitBtn" @click="handelConfirm">提交</button>
+      <el-button class="closeBtn" @click="cancel">关闭</el-button>
+      <el-button class="submitBtn" :loading="loadingFlag" @click="handelConfirm">
+        提交
+      </el-button>
     </div>
   </div>
 </template>
@@ -384,6 +386,7 @@ export default {
         },
         async handelConfirm() {
             // console.log(this.confirmForm)
+            this.loadingFlag = true
             const { data } = await this.baseRequest1('ApplyPaymentSettleController', 'AddConfirmResult', { ...this.confirmForm })
             if (data.code == 200) {
                 this.$message.success('处理成功')
@@ -401,6 +404,21 @@ export default {
 </script>
 
 <style lang="scss">
+.loading {
+    width: 15px;
+    height: 15px;
+    border: 4px solid rgba(0, 123, 255, 0.5);
+    border-top-color: #00bfff;
+    border-radius: 50%;
+    animation: spin 1s ease-in-out infinite;
+    -webkit-animation: spin 1s ease-in-out infinite;
+}
+/* 定义旋转动画 */
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
     .payment-application{
         padding: 2vw 3vw 10vw 3vw;
         display: flex;