|
|
@@ -1,6 +1,10 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <div class="config-card">
|
|
|
+ <div
|
|
|
+ class="config-card"
|
|
|
+ v-loading="reissueLoading"
|
|
|
+ element-loading-text="补发中，请稍候..."
|
|
|
+ >
|
|
|
<div class="config-header">
|
|
|
<h2>补发SOP配置</h2>
|
|
|
<p>配置小程序/飞书补发策略及可用状态</p>
|
|
|
@@ -45,7 +49,7 @@
|
|
|
</el-form>
|
|
|
<div class="config-footer">
|
|
|
<el-button type="primary" @click="submitForm">提 交</el-button>
|
|
|
- <el-button v-if="form.id" type="success" @click="reissueHandle">一键补发</el-button>
|
|
|
+ <el-button v-if="form.id" type="success" :loading="reissueLoading" @click="reissueHandle">一键补发</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -66,6 +70,7 @@ export default {
|
|
|
return {
|
|
|
appList: [],
|
|
|
loading: false,
|
|
|
+ reissueLoading: false,
|
|
|
form: {
|
|
|
type: null,
|
|
|
appId: null,
|
|
|
@@ -91,10 +96,14 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
reissueHandle() {
|
|
|
- // TODO: 实现一键补发逻辑
|
|
|
- reissueCourseSop(this.form).then(() => {
|
|
|
- this.msgSuccess("补发成功");
|
|
|
- });
|
|
|
+ this.reissueLoading = true;
|
|
|
+ reissueCourseSop(this.form)
|
|
|
+ .then(() => {
|
|
|
+ this.msgSuccess("补发成功");
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.reissueLoading = false;
|
|
|
+ });
|
|
|
},
|
|
|
submitForm() {
|
|
|
this.$refs["form"].validate((valid) => {
|
