解决图片不显示问题和奖品数量问题

peng

2025-11-11 4d0896eae7fe6ea2b762a4142415e47596f69a29

 manager/src/views/activity-prize/index.vue

@@ -91,6 +91,14 @@
              :disabled="!row.canSet"
              @click="setPrize(row)"
            >奖品设置</Button>
            <Button
              type="info"
              size="small"
              :disabled="row.popup"
              @click="setPopup(row)"
              >
              弹窗活动
            </Button>
<!--            <Button-->
<!--              type="info"-->
<!--              size="small"-->
@@ -186,26 +194,26 @@
                />
              </FormItem>
            </Col>
            <Col span="24">
              <FormItem label="活动图片：" prop="activityImg">
                <Upload
                  v-if="!imgTempUrl"
                  :before-upload="(file) => handleBeforeUpload(file, 'content')"
                  :format="['jpg','jpeg','png','gif']"
                  :max-size="20480"
                  action=""
                  accept="image/*"
                >
                  <Button icon="ios-cloud-upload-outline">上传封面图片</Button>
                </Upload>
                <div v-else class="upload-file-info">
                  <img :src="imgTempUrl" alt="活动图片" class="preview-image-limit">
                  <Button type="text" @click="handleRemove('content')">删除</Button>
                </div>
<!--            <Col span="24">-->
<!--              <FormItem label="活动图片：" prop="activityImg">-->
<!--                <Upload-->
<!--                  v-if="!imgTempUrl"-->
<!--                  :before-upload="(file) => handleBeforeUpload(file, 'content')"-->
<!--                  :format="['jpg','jpeg','png','gif']"-->
<!--                  :max-size="20480"-->
<!--                  action=""-->
<!--                  accept="image/*"-->
<!--                >-->
<!--                  <Button icon="ios-cloud-upload-outline">上传封面图片</Button>-->
<!--                </Upload>-->
<!--                <div v-else class="upload-file-info">-->
<!--                  <img :src="imgTempUrl" alt="活动图片" class="preview-image-limit">-->
<!--                  <Button type="text" @click="handleRemove('content')">删除</Button>-->
<!--                </div>-->

                <!-- 基于elementUi的上传组件 el-upload end-->
              </FormItem>
            </Col>
<!--                &lt;!&ndash; 基于elementUi的上传组件 el-upload end&ndash;&gt;-->
<!--              </FormItem>-->
<!--            </Col>-->
            <Col span="24">
              <FormItem label="活动封面：" prop="activityCover">
                <Upload
@@ -374,9 +382,9 @@
                ref="table"
                class="prize-table"
              >
                <template slot-scope="{ row }" slot="prizeCoverUrl">
                <template slot-scope="{ row }" slot="prizeImgUrl">
                  <img
                    :src="row.prizeCoverUrl"
                    :src="row.prizeImgUrl"
                    alt="奖品封面"
                    class="thumbnail"
                  >
@@ -419,8 +427,8 @@
                :loading="choiceLoading"
              >
                <!-- 奖品图片 slot -->
                <template slot-scope="{ row }" slot="prizeCoverUrl">
                  <img :src="row.prizeCoverUrl" alt="奖品封面" style="width: 50px; height: 50px; object-fit: cover;">
                <template slot-scope="{ row }" slot="prizeImgUrl">
                  <img :src="row.prizeImgUrl" alt="奖品封面" style="width: 50px; height: 50px; object-fit: cover;">
                </template>
                <!-- 数量 slot -->
                <template slot-scope="{ row, index }" slot="maxPreDay">
@@ -490,7 +498,8 @@
  del,
  addActivityRefPrizeList,
  getActivityRefPrizeByActivityId,
  publishPrizeActivity
  publishPrizeActivity,
  popup
} from '@/api/activity-prize.js'
import {delByKey, uploadFileByLmk} from "../../api/common";

@@ -507,7 +516,7 @@
      choiceColumns:[
        {
          title: '奖品图片',
          slot: 'prizeCoverUrl',
          slot: 'prizeImgUrl',
          width: 80,
          align: 'center'
        },
@@ -557,8 +566,8 @@
      prizeColumns:[
        {
          title: '奖品封面',
          key: 'prizeCoverUrl',
          slot:'prizeCoverUrl',
          key: 'prizeImgUrl',
          slot:'prizeImgUrl',
          align: 'center',
          minWidth: 100,
        },
@@ -643,9 +652,9 @@
        activityCover: [
          {required: true, message: '请选择活动封面', trigger: 'blur'}
        ],
        activityImg: [
          {required: true, message: '请选择活动图片', trigger: 'blur'}
        ],
        // activityImg: [
        //   {required: true, message: '请选择活动图片', trigger: 'blur'}
        // ],
      },
      activityFrom:{
        id:'',
@@ -747,6 +756,16 @@
    this.init();
  },
  methods: {
    setPopup(row){
      popup(row.id).then(res =>{
        if (res.code === 200){
          this.$Message.success(res.msg)
          this.getPage()
        }else {
          this.$Message.error(res.msg)
        }
      })
    },
    handleProbabilityInput(event, index) {
      const inputValue = event.target.value;
      let numericValue = parseFloat(inputValue);
@@ -824,10 +843,10 @@
    },
    choicePrize(row){
      //判断数组长度
      if(this.choiceData.length >= 5){
        this.$Message.warning("最多添加5个奖品")
        return;
      }
      // if(this.choiceData.length >= 5){
      //   this.$Message.warning("最多添加5个奖品")
      //   return;
      // }
      console.log(row.prizeId)
      if (this.isPrizeChosen(row.id)){

@@ -837,7 +856,7 @@
      this.choiceLoading = true;

      const prizeToAdd = {
        prizeCoverUrl:row.prizeCoverUrl,
        prizeImgUrl:row.prizeImgUrl,
        prizeType: row.prizeType,
        prizeName: row.prizeName,
        prizeNum: 1, // 默认数量为1
@@ -1135,22 +1154,23 @@
    init() {
      this.getPage()
    },
    changePage(){
    changePage(v){
      this.searchForm.pageNumber = v
      this.getPage()
    },
    changePageSize(v){
      this.searchForm.pageNumber = 1
      this.searchForm.pageSize = pageSize
      this.searchForm.pageSize = v
      this.getPage()
    },
    changePageSize(){
      this.searchForm.pageNumber = page
      this.getPage()
    },
    prizeChangePage(){
      this.prizeSearchForm.pageNumber = 1
      this.prizeSearchForm.pageSize = pageSize
    prizeChangePage(v){
      this.prizeSearchForm.pageNumber = v
      this.prizeSearchForm.pageSize = 1
      this.getPrizeList()
    },
    prizeChangePageSize(){
      this.prizeSearchForm.pageNumber = page
    prizeChangePageSize(v){
      this.prizeSearchForm.pageNumber = 1
      this.prizeSearchForm.pageSize = v
      this.getPrizeList()
    },
    async publishPrizeActivity(row){