test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: markdown上传图片时显示加载中

This commit is contained in:
chenjianxing 2021-09-03 14:32:29 +08:00 committed by jianxing
parent 7172a43c82
commit d7d02dc403
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/business/components/track/case/components/FormRichTextItem.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<el-form-item :disable="true" :label="title" :prop="prop" :label-width="labelWidth"> <el-form-item v-loading="result.loading" :disable="true" :label="title" :prop="prop" :label-width="labelWidth">
<mavon-editor v-if="active" :editable="!disabled" @imgAdd="imgAdd" :default-open="disabled ? 'preview' : null" class="mavon-editor" <mavon-editor v-if="active" :editable="!disabled" @imgAdd="imgAdd" :default-open="disabled ? 'preview' : null" class="mavon-editor"
:subfield="disabled ? false : true" :toolbars="toolbars" :language="language" :toolbarsFlag="disabled ? false : true" @imgDel="imgDel" v-model="data[prop]" ref="md"/> :subfield="disabled ? false : true" :toolbars="toolbars" :language="language" :toolbarsFlag="disabled ? false : true" @imgDel="imgDel" v-model="data[prop]" ref="md"/>
</el-form-item> </el-form-item>
@ -13,6 +13,7 @@ export default {
props: ['data', 'title', 'prop', 'disabled', 'labelWidth'], props: ['data', 'title', 'prop', 'disabled', 'labelWidth'],
data() { data() {
return { return {
result: {loading: false},
toolbars: { toolbars: {
bold: true, // 粗体 bold: true, // 粗体
italic: true, // 斜体 italic: true, // 斜体
@ -78,9 +79,11 @@ export default {
id: getUUID().substring(0, 8) id: getUUID().substring(0, 8)
}; };
file.prefix = param.id; file.prefix = param.id;
this.result = this.$fileUpload('/resource/md/upload', file, null, param, () => { this.result.loading = true;
this.$fileUpload('/resource/md/upload', file, null, param, () => {
this.$success(this.$t('commons.save_success')); this.$success(this.$t('commons.save_success'));
this.$refs.md.$img2Url(pos, '/resource/md/get/' + param.id + '_' + file.name); this.$refs.md.$img2Url(pos, '/resource/md/get/' + param.id + '_' + file.name);
this.result.loading = false;
}); });
this.$emit('imgAdd', file); this.$emit('imgAdd', file);
}, },