fix: 优化下单loading

lxf
1 parent 9289d6f9
Showing 1 changed file with 7 additions and 2 deletions Show diff stats
pages/order/add.vue
@@ -136,7 +136,7 @@
       </u-form>
     </template>
     <template #footer>
-      <u-button type="primary" @tap="submitAddFun">下单并指派</u-button>
+      <u-button :loading="loading" type="primary" @tap="submitAddFun">下单并指派</u-button>
     </template>
     <u-toast ref="uToast"></u-toast>
     <u-modal :show="showModal" title="粘贴识别司机车辆信息" :showCancelButton="true" @cancel="cliCancel" @confirm="cliSubmit" confirmText="确定">
@@ -156,6 +156,7 @@ export default {
   components: { UTextarea, PopupPlatenumber, payee },
   data() {
     return {
+      loading: false,
       showModal: '',
       content: '',
       carNumber: '',
@@ -233,7 +234,6 @@ export default {
       if (trailer && trailer.input) {
         cliTrailer = trailer[0];
       }
-      console.info(cliMobile, cliVehicle, cliTrailer);
       if (cliMobile || cliVehicle || cliTrailer) {
         this.form = {
           ...this.form,
@@ -453,17 +453,22 @@ export default {
       });
     },
     submitAddFun() {
+      if (this.loading) return;
+      this.loading = true;
       let totalAmount = Number(this.form.paidAmount || 0) + Number(this.form.serviceAmount || 0) + Number(this.form.securityServiceAmount || 0);
       uni.$u.api.freightOrder
         .add({ ...this.form, totalAmount, payeeId: this.payeeModel.driverId })
         .then(res => {
           if (res.success) {
+            this.form = {};
             uni.showToast({ title: '下单成功', icon: 'none' });
             this.getOpenerEventChannel().emit('refreshData');
             setTimeout(() => uni.navigateBack(), 500);
           }
+          this.loading = false;
         })
         .catch(e => {
+          this.loading = false;
           this.$refs.uToast.show({
             type: 'default',
             message: e,