任务奖励增加图片

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-form-item label="奖励名称" required>
<el-input v-model="form.name"></el-input> <el-input v-model="form.name"></el-input>
</el-form-item> </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-form-item label="奖励类型" required>
<el-radio-group v-model="form.type"> <el-radio-group v-model="form.type">
<el-radio :label="1">金币</el-radio> <el-radio :label="1">金币</el-radio>
@ -54,13 +68,14 @@ export default {
name: "", name: "",
number: "", number: "",
type: "", type: "",
img: "",
}, },
}; };
}, },
methods: { methods: {
uploadSuccess(file) { uploadSuccess(file) {
this.form.rewardImg = file.data; this.form.img = file.data;
console.log(this.form.rewardImg); console.log(this.form.img);
}, },
open(item, renwu) { open(item, renwu) {
console.log(item); console.log(item);
@ -76,8 +91,9 @@ export default {
name: "", name: "",
number: "", number: "",
type: "", type: "",
img: "",
}; };
this.renwu={} this.renwu = {};
}, },
async confirm() { async confirm() {
if (!this.form.name) { if (!this.form.name) {