新增奖励图片Boom

src/views/boom/levelSet.vue

@@ -153,7 +153,7 @@
             {{ scope.row.isShow == 1 ? "是" : "否" }}
           </template>
         </el-table-column>
-        <el-table-column prop="awardStock	" align="center" label="奖品库存" />
+        <el-table-column prop="awardStock" align="center" label="奖品库存" />
       </el-table>
       <template #footer>
         <span class="dialog-footer">
@@ -206,6 +206,19 @@
           </template>
         </el-table-column>
         <el-table-column prop="awardId" align="center" label="奖品ID/VIP等级" />
+        <el-table-column prop="awardPic" align="center" label="奖励图片">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.pic"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.pic]"
+            fit="contain"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
         <el-table-column prop="isShow" align="center" label="是否展示">
           <template v-slot="scope">
             {{ scope.row.isShow == 1 ? "是" : "否" }}
@@ -303,6 +316,20 @@
           </el-option>
         </el-select>
       </div>
+      <div class="inquire">
+        <span>奖励图片：</span>
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess4"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="addObj.imageUrl" :src="addObj.imageUrl" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div>
       <template #footer>
         <span class="dialog-footer">
           <el-button type="primary" @click="addFun()"> 保存 </el-button>
@@ -453,6 +480,7 @@ export default {
       //   新增弹窗
       addDialog: false,
       addObj: {
+        imageUrl: "",
         giftVal: 8,
         giftType: [
           { desc: "金币", value: 8 },
@@ -533,6 +561,7 @@ export default {
         seq: this.addObj.sNo,
         isShow: this.addObj.showVal,
         type: this.addObj.type,
+        awardPic: this.addObj.imageUrl,
         partitionId: this.inquire.partitionId,
         level,
       };
@@ -678,6 +707,16 @@ export default {
         type: "success",
       });
     },
+    handleAvatarSuccess4(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl = URL.createObjectURL();
+      this.addObj.imageUrl = res.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
     // 分页导航
     handleSizeChange() {
       this.getData();