feat(bonusCount): 列表操作按钮添加loading

src/views/settlementCenter/bonusCount/index.vue

@@ -146,17 +146,20 @@
             size="small"
             style="background-color: #48B2FD;"
             class="thebtn2"
+            :loading="btnLoading"
             @click="balance"
           >{{ '结算' }}</el-button>
           <el-button
             v-has-buttons="['bonusCountPublish']"
             size="small"
             class="thebtn2"
+            :loading="btnLoading"
             @click="publish"
           >{{ '公布' }}</el-button>
           <el-button
             size="small"
             class="thebtn2"
+            :loading="btnLoading"
             @click="publish1"
           >{{ '不公布' }}</el-button>
           <el-button
@@ -164,6 +167,7 @@
             size="small"
             style="background-color: #009B58"
             class="thebtn2"
+            :loading="btnLoading"
             @click="grant"
           >{{ '发放' }}</el-button>
           <el-button
@@ -171,6 +175,7 @@
             size="small"
             style="background-color: #48B2FD"
             class="thebtn2"
+            :loading="btnLoading"
             @click="withdraw"
           >{{ '提现' }}</el-button>
         </div>
@@ -406,6 +411,7 @@ export default {
   },
   data() {
     return {
+      btnLoading: false,
       dealerList: [],
       isActive: true,
       typeList: [
@@ -528,6 +534,7 @@ export default {
       const verify = this.verifySelect()
       const time = this.$refs.multipleTable.selection[0].settleDate
       if (verify) {
+        this.btnLoading = true
         settleBonus({ 'settleDate': time }).then((res) => {
           if (res.code == 200) {
             Message({
@@ -541,6 +548,9 @@ export default {
             })
           }
         })
+          .finally(() => {
+            this.btnLoading = false
+          })
       }
     },
     // 不公布
@@ -548,6 +558,7 @@ export default {
       const verify = this.verifySelect()
       const time = this.$refs.multipleTable.selection[0].settleDate
       if (verify) {
+        this.btnLoading = true
         noPublishBonus({ 'settleDate': time }).then((res) => {
           if (res.code == 200) {
             Message({
@@ -561,6 +572,9 @@ export default {
             })
           }
         })
+          .finally(() => {
+            this.btnLoading = false
+          })
       }
     },
     // 公布
@@ -568,6 +582,7 @@ export default {
       const verify = this.verifySelect()
       const time = this.$refs.multipleTable.selection[0].settleDate
       if (verify) {
+        this.btnLoading = true
         publishBonus({ 'settleDate': time }).then((res) => {
           if (res.code == 200) {
             Message({
@@ -581,6 +596,9 @@ export default {
             })
           }
         })
+          .finally(() => {
+            this.btnLoading = false
+          })
       }
     },
     // 发放
@@ -588,6 +606,7 @@ export default {
       const verify = this.verifySelect()
       const time = this.$refs.multipleTable.selection[0].settleDate
       if (verify) {
+        this.btnLoading = true
         grantBonus({ 'settleDate': time }).then((res) => {
           if (res.code == 200) {
             Message({
@@ -601,6 +620,9 @@ export default {
             })
           }
         })
+          .finally(() => {
+            this.btnLoading = false
+          })
       }
     },
     // 提现
@@ -608,6 +630,7 @@ export default {
       const verify = this.verifySelect()
       const time = this.$refs.multipleTable.selection[0].settleDate
       if (verify) {
+        this.btnLoading = true
         withdrawalBonus({ 'settleDate': time }).then((res) => {
           if (res.code == 200) {
             Message({
@@ -621,6 +644,9 @@ export default {
             })
           }
         })
+          .finally(() => {
+            this.btnLoading = false
+          })
       }
     },
     // 展开折叠