From cede521babc248ed553b5a45d3ee7ef5fd2a51d6 Mon Sep 17 00:00:00 2001 From: dengzedong <dengzedong@email> Date: 星期二, 17 六月 2025 18:52:19 +0800 Subject: [PATCH] 接口响应时间和一些loading状态 --- src/views/model/pre/item/MmPredictItemForm.vue | 101 +++++++++++++++++++++++++++----------------------- 1 files changed, 55 insertions(+), 46 deletions(-) diff --git a/src/views/model/pre/item/MmPredictItemForm.vue b/src/views/model/pre/item/MmPredictItemForm.vue index 6b16d06..5b363ca 100644 --- a/src/views/model/pre/item/MmPredictItemForm.vue +++ b/src/views/model/pre/item/MmPredictItemForm.vue @@ -184,6 +184,7 @@ :on-error="uploadModelError" :action="uploadUrl" :show-file-list="false" + v-loading="updateModelLoading" :http-request="httpRequest"> <el-button type="primary" @click="setReplaceModelOnly(false)"> <Icon icon="ep:upload"/> @@ -553,6 +554,7 @@ const fileList = ref([]) const operatorList = ['+', '-'] const replaceModelOnly = ref(false) +const updateModelLoading = ref(false) const queryParams = reactive({ pageNo: 1, pageSize: 10, @@ -843,6 +845,7 @@ } function beforeUpload(file) { + updateModelLoading.value = true let fileName = file.name let first = fileName.lastIndexOf('.') let nameLength = fileName.length @@ -854,59 +857,65 @@ } function uploadModelSuccess(response, file, fileList) { - if (response.code === 0) { - message.success(t('上传成功')) - dataForm.value.mmModelArithSettingsList = [] - if (!replaceModelOnly.value) { - dataForm.value.mmModelParamList = [] - } - dataForm.value.mmPredictModel.modelpath = '' - dataForm.value.mmPredictModel.modelparamstructure = '' - if (response.data.loadFieldSetList && response.data.loadFieldSetList[0].propertyList) { - response.data.loadFieldSetList[0].propertyList.forEach(function (value) { - //匹配 data数字 - if (!/^data\d+$/.test(value.key)) { - dataForm.value.mmModelArithSettingsList.push({ - key: value.key, - name: value.name, - valuetype: value.valueType, - value: value.value - }) - } - }) - } - dataForm.value.mmPredictModel.modelname = response.data.originalFilename - dataForm.value.mmPredictModel.classname = response.data.className - dataForm.value.mmPredictModel.methodname = response.data.methodName - if (response.data.paramPathList) { - dataForm.value.mmPredictModel.modelpath = response.data.paramPathList[0] - } - if (response.data.paramsArray) { - dataForm.value.mmPredictModel.modelparamstructure = response.data.paramsArray.join(',') - } - if (response.data.paramsCount && !replaceModelOnly.value) { - for (let i = 0; i < response.data.paramsCount; i++) { - dataForm.value.mmModelParamList.push({ - modelparamportorder: (i + 1), - modelparamorder: (i + 1), - modelparamtype: '', - modelparamid: '', - modelparamname: '', - datalength: 0 + try { + if (response.code === 0) { + message.success(t('上传成功')) + dataForm.value.mmModelArithSettingsList = [] + if (!replaceModelOnly.value) { + dataForm.value.mmModelParamList = [] + } + dataForm.value.mmPredictModel.modelpath = '' + dataForm.value.mmPredictModel.modelparamstructure = '' + if (response.data.loadFieldSetList && response.data.loadFieldSetList[0].propertyList) { + response.data.loadFieldSetList[0].propertyList.forEach(function (value) { + //匹配 data数字 + if (!/^data\d+$/.test(value.key)) { + dataForm.value.mmModelArithSettingsList.push({ + key: value.key, + name: value.name, + valuetype: value.valueType, + value: value.value + }) + } }) } + dataForm.value.mmPredictModel.modelname = response.data.originalFilename + dataForm.value.mmPredictModel.classname = response.data.className + dataForm.value.mmPredictModel.methodname = response.data.methodName + if (response.data.paramPathList) { + dataForm.value.mmPredictModel.modelpath = response.data.paramPathList[0] + } + if (response.data.paramsArray) { + dataForm.value.mmPredictModel.modelparamstructure = response.data.paramsArray.join(',') + } + if (response.data.paramsCount && !replaceModelOnly.value) { + for (let i = 0; i < response.data.paramsCount; i++) { + dataForm.value.mmModelParamList.push({ + modelparamportorder: (i + 1), + modelparamorder: (i + 1), + modelparamtype: '', + modelparamid: '', + modelparamname: '', + datalength: 0 + }) + } + } + if (response.data.settingConfigMap && response.data.settingConfigMap.settingMap) { + dataForm.value.mmPredictModel.settingmap = JSON.stringify(response.data.settingConfigMap.settingMap) + } + } else { + message.error('上传失败!' + response.msg) + return } - if (response.data.settingConfigMap && response.data.settingConfigMap.settingMap) { - dataForm.value.mmPredictModel.settingmap = JSON.stringify(response.data.settingConfigMap.settingMap) - } - } else { - message.error('上传失败!' + response.msg) - return + fileList = [] + }finally { + updateModelLoading.value = false } - fileList = [] + } function uploadModelError(file, err, fileList) { + updateModelLoading.value = false } function changeItemtype(value) { -- Gitblit v1.9.3