jiangyc/RuoYi-Vue-Plus
1
0
Fork 0
mirror of https://github.com/dromara/RuoYi-Vue-Plus.git synced 2025-09-24 07:19:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化新增、修改页面的按钮动作loading从页面loading到按钮loading

Browse Source
This commit is contained in:
kdyzm
2021-06-02 18:13:34 +08:00
parent 329c95196e
commit 6b789e2eb0
4 changed files with 24 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ruoyi-ui/src/views/demo/demo/index.vue
View File

@ -152,7 +152,7 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
@ -168,6 +168,8 @@ export default {
},
data() {
return {
//按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 导出遮罩层
@ -291,17 +293,17 @@ export default {
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.loading = true;
this.buttonLoading = true;
if (this.form.id != null) {
updateDemo(this.form).then(response => {
this.loading = false;
this.buttonLoading = false;
this.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addDemo(this.form).then(response => {
this.loading = false;
this.buttonLoading = false;
this.msgSuccess("新增成功");
this.open = false;
this.getList();

10
ruoyi-ui/src/views/demo/tree/index.vue
View File

@ -102,7 +102,7 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
@ -121,6 +121,8 @@ export default {
},
data() {
return {
//按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 显示搜索条件
@ -250,17 +252,17 @@ export default {
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.loading = true;
this.buttonLoading = true;
if (this.form.id != null) {
updateTree(this.form).then(response => {
this.loading = false;
this.buttonLoading = false;
this.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addTree(this.form).then(response => {
this.loading = false;
this.buttonLoading = false;
this.msgSuccess("新增成功");
this.open = false;
this.getList();