github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-30 14:31:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'v5.1.0dev' of https://gitee.com/ZhongBangKeJi/CRMEB into v5.1.0dev

Browse Source
This commit is contained in:
liaofei 2023-06-26 16:48:19 +08:00
commit 26125efce8
1 changed files with 52 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
template/admin/src/components/uploadImg/index.vue
View File

@ -8,7 +8,7 @@
width="1024px"
@closed="closed"
>
<div class="main">
<div class="main" v-loading="loading">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="上传方式：" prop="type">
<el-radio-group v-model="ruleForm.type" @change="radioChange(ruleForm.type)">
@ -43,6 +43,8 @@
:data="uploadData"
:headers="header"
:before-upload="beforeUpload"
:multiple="true"
:limit="limit"
>
<i slot="default" class="el-icon-plus"></i>
<div
@ -158,6 +160,8 @@ export default {
treeId: '',
qrcode: '',
scanToken: '',
limit: 20,
loading: false,
};
},
created() {},
@ -203,24 +207,39 @@ export default {
this.uploadData = {
pid: this.treeId,
};
for (let i = 0; i < this.ruleForm.imgList.length; i++) {
const file = this.ruleForm.imgList[i].raw;
await this.uploadItem(file);
if (i == this.ruleForm.imgList.length - 1) {
this.$Message.success('上传成功');
this.$emit('uploadSuccess');
this.uploadModal = false;
if (this.ruleForm.imgList.length) {
if (this.loading) return;
this.loading = true;
for (let i = 0; i < this.ruleForm.imgList.length; i++) {
const file = this.ruleForm.imgList[i].raw;
await this.uploadItem(file);
if (i == this.ruleForm.imgList.length - 1) {
this.$Message.success('上传成功');
this.$emit('uploadSuccess');
this.uploadModal = false;
this.loading = false;
}
}
}
} else if (this.ruleForm.type == 1) {
let urls = this.ruleForm.imgList.map((e) => {
return e.url;
});
onlineUpload({ pid: this.treeId, images: urls }).then((res) => {
this.$Message.success('上传成功');
this.$emit('uploadSuccess');
this.uploadModal = false;
});
if (urls.length) {
if (this.loading) return;
this.loading = true;
onlineUpload({ pid: this.treeId, images: urls })
.then((res) => {
this.$Message.success('上传成功');
this.$emit('uploadSuccess');
this.uploadModal = false;
this.loading = false;
})
.catch((err) => {
this.loading = false;
this.$Message.error(err.msg);
});
}
} else if (this.ruleForm.type == 2) {
let attId = this.ruleForm.imgList.map((e) => {
return e.att_id;
@ -243,6 +262,7 @@ export default {
resolve();
// this.$emit('uploadImgSuccess', res.data);
} else {
this.loading = false;
this.$message({
message: '上传失败',
type: 'error',
@ -251,6 +271,7 @@ export default {
}
})
.catch((err) => {
this.loading = false;
this.$Message.error(err.msg);
});
});
@ -281,12 +302,25 @@ export default {
handleDownload(file) {
console.log(file);
},
fileChange(file, fileList) {
console.log(file, fileList);
this.ruleForm.imgList = fileList;
compressImg(file.raw).then((res) => {
if (fileList.length) fileList[fileList.length - 1].raw = res;
async fileChange(file, fileList) {
if (file.size >= 2097152) {
await this.comImg(file.raw).then((res) => {
fileList.map((e) => {
if (e.uid === file.uid) {
e.raw = res;
}
});
this.ruleForm.imgList = fileList;
});
} else {
this.ruleForm.imgList = fileList;
}
},
comImg(file) {
return new Promise((resolve, reject) => {
compressImg(file).then((res) => {
resolve(res);
});
});
},
loadData(item, callback) {