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

peng

2025-11-11 4d0896eae7fe6ea2b762a4142415e47596f69a29

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

@@ -67,12 +67,12 @@
        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"
            @click="previewImage(row.prizeCoverUrl)"
            @click="previewImage(row.prizeImgUrl)"
          >
        </template>
        <!-- 操作按钮插槽 -->
@@ -194,25 +194,25 @@
                       style="width: 300px" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="请输入"></Input>
              </FormItem>
            </Col>
            <Col span="24">
                <FormItem label="奖品封面：" prop="prizeCover">
                  <Upload
                    v-if="!coverTempUrl"
                    :before-upload="(file) => handleBeforeUpload(file, 'cover')"
                    :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="coverTempUrl" alt="奖品封面" class="preview-image-limit">
                    <Button type="text" @click="handleRemove('cover')">删除</Button>
                  </div>
<!--            <Col span="24">-->
<!--                <FormItem label="奖品封面：" prop="prizeCover">-->
<!--                  <Upload-->
<!--                    v-if="!coverTempUrl"-->
<!--                    :before-upload="(file) => handleBeforeUpload(file, 'cover')"-->
<!--                    :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="coverTempUrl" alt="奖品封面" class="preview-image-limit">-->
<!--                    <Button type="text" @click="handleRemove('cover')">删除</Button>-->
<!--                  </div>-->

                </FormItem>
              </Col>
<!--                </FormItem>-->
<!--              </Col>-->
            <Col span="24">
                <FormItem label="奖品图片：" prop="prizeImg">

@@ -479,9 +479,9 @@
          { required: true, message: '请输入奖品描述', trigger: 'blur' },
          { max: 100, message: '长度不能超过100个字符', trigger: 'blur' }
        ],
        prizeCover: [
          {required: true, message: '请选择奖品封面', trigger: 'blur'}
        ],
        // prizeCover: [
        //   {required: true, message: '请选择奖品封面', trigger: 'blur'}
        // ],
        prizeImg: [
          {required: true, message: '请选择奖品图片', trigger: 'blur'}
        ],
@@ -501,9 +501,9 @@

      columns:[
        {
          title: '奖品封面',
          key: 'prizeCoverUrl',
          slot:'prizeCoverUrl',
          title: '奖品图片',
          key: 'prizeImgUrl',
          slot:'prizeImgUrl',
          align: 'center',
          minWidth: 100,
        },