任务奖励增加图片

This commit is contained in:
YeMingfei666 2024-12-25 10:22:53 +08:00
parent 0ffc27f750
commit 698f8ae186
1 changed files with 19 additions and 3 deletions

View File

@ -12,6 +12,20 @@
<el-form-item label="奖励名称" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="奖励图标">
<el-upload
class="avatar-uploader"
v-model="form.img"
:action="$http.adornUrl('alioss/upload')"
:show-file-list="false"
:on-success="uploadSuccess"
>
<div class="upload-file-box">
<img v-if="form.img" :src="form.img" class="avatar" />
<i v-else class="el-icon-plus avatar-uploader-icon iconss"></i>
</div>
</el-upload>
</el-form-item>
<el-form-item label="奖励类型" required>
<el-radio-group v-model="form.type">
<el-radio :label="1">金币</el-radio>
@ -54,13 +68,14 @@ export default {
name: "",
number: "",
type: "",
img: "",
},
};
},
methods: {
uploadSuccess(file) {
this.form.rewardImg = file.data;
console.log(this.form.rewardImg);
this.form.img = file.data;
console.log(this.form.img);
},
open(item, renwu) {
console.log(item);
@ -76,8 +91,9 @@ export default {
name: "",
number: "",
type: "",
img: "",
};
this.renwu={}
this.renwu = {};
},
async confirm() {
if (!this.form.name) {