From 31bb5fe0278d2f8132c535f8129354bfad56b7b1 Mon Sep 17 00:00:00 2001 From: dengzedong <dengzedong@email> Date: 星期三, 06 十一月 2024 11:25:24 +0800 Subject: [PATCH] 代码生成loading --- src/views/model/chart/param/index.vue | 5 ++--- src/views/model/mpk/file/MpkGenerator.vue | 16 ++++++++++++---- src/views/model/mpk/file/MpkRun.vue | 1 - 3 files changed, 14 insertions(+), 8 deletions(-) diff --git a/src/views/model/chart/param/index.vue b/src/views/model/chart/param/index.vue index d1dd03d..8714213 100644 --- a/src/views/model/chart/param/index.vue +++ b/src/views/model/chart/param/index.vue @@ -2,8 +2,8 @@ <el-drawer v-model="drawer" size="40%" - title="分组列表" - :direction="direction" + title="参数列表" + direction="rtl" :before-close="handleClose" > <!-- 搜索工作栏 --> @@ -106,7 +106,6 @@ const {t} = useI18n() // 国际化 const drawer = ref(false) -const direction = ref<DrawerProps['direction']>('rtl') const loading = ref(true) // 列表的加载中 const total = ref(0) // 列表的总页数 const list = ref([]) // 字典表格数据 diff --git a/src/views/model/mpk/file/MpkGenerator.vue b/src/views/model/mpk/file/MpkGenerator.vue index 2756e05..dbd3687 100644 --- a/src/views/model/mpk/file/MpkGenerator.vue +++ b/src/views/model/mpk/file/MpkGenerator.vue @@ -18,7 +18,7 @@ </el-form-item> </el-form> <div style="width: 100%;display: flex;flex-direction: row;justify-content: end;margin-top: 16px"> - <el-button @click="generatorCode()" type="primary">生成</el-button> + <el-button :loading="loading" @click="generatorCode()" type="primary">生成</el-button> </div> </Dialog> </template> @@ -54,11 +54,19 @@ } defineExpose({ open }) // 提供 open 方法,用于打开弹窗 + // 代码生成loading + const loading = ref(false) /** 提交表单 */ const generatorCode = async () => { - const data = await MpkApi.generatorCode(formData.value) - download.zip(data, formData.value.zipFileName) - dialogVisible.value = false + try { + loading.value = true + const data = await MpkApi.generatorCode(formData.value) + download.zip(data, formData.value.zipFileName) + dialogVisible.value = true + }finally { + dialogVisible.value = false + } + } /** 重置表单 */ const resetForm = () => { diff --git a/src/views/model/mpk/file/MpkRun.vue b/src/views/model/mpk/file/MpkRun.vue index 19f8d47..d677062 100644 --- a/src/views/model/mpk/file/MpkRun.vue +++ b/src/views/model/mpk/file/MpkRun.vue @@ -259,7 +259,6 @@ } modelRunResult.value = await MpkApi.modelRun(data) - modelRunloading.value = false message.success('运行成功') } finally { modelRunloading.value = false -- Gitblit v1.9.3