add button loading

Signed-off-by: zhangtianli2006 <zhangtianli2006@163.com>

Author: ZTL-UwU

src/components/problem/edit.vue

@@ -90,8 +90,8 @@ export default {
           enabled: this.enabled
         })
         .then(() => {
-          this.$SegmentMessage.success(this, 'Your change has been submited');
-          this.$router.push('/problem/'+this.$route.params.id);
+          this.buttonLoading = false;
+          this.$SegmentMessage.success(this, 'Your changes have been submitted');
         })
         .catch(err => {
           if(err.request.status === 404) {

src/components/user/edit.vue

@@ -5,8 +5,7 @@
         <el-avatar shape="square" :size="400"><img src="./../../assets/icon/SOJ-thick-white-background.png" /></el-avatar>
       </el-card>
       <el-card class="item">
-        <div slot="header" class="clearfix"><i class="el-icon-setting" /> Tool Bar</div>
-        <el-button v-if="isMine || this.$store.state.user.isStaff || this.$store.state.user.isRoot" type="primary" @click="submit()">Submit</el-button>
+        <el-button v-if="isMine || this.$store.state.user.isStaff || this.$store.state.user.isRoot" type="primary" @click="submit()" :loading="buttonLoading">Submit</el-button>
         <el-button @click="$router.go(-1);">Back</el-button>
       </el-card>
     </div>
@@ -46,7 +45,8 @@ export default {
       isActive: true,
       isRootMe: false,
       isStaffMe: false,
-      isActiveMe: true
+      isActiveMe: true,
+      buttonLoading: false,
     };
   },
   methods: {
@@ -71,6 +71,7 @@ export default {
         });
     },
     submit() {
+      this.buttonLoading = true;
       this.$axios
         .patch(apiurl('/account/' + this.$route.params.id), {
           username: this.username,
@@ -80,7 +81,8 @@ export default {
           is_active: this.isActive
         })
         .then(() => {
-          this.$SegmentMessage.success(this, 'Submitted');
+          this.buttonLoading = false;
+          this.$SegmentMessage.success(this, 'Your changes have been submitted');
           if (this.isMine) {
             this.$store.commit('userStaffChange', {
               isStaff: this.isStaff,