From 4d0896eae7fe6ea2b762a4142415e47596f69a29 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期二, 11 十一月 2025 11:38:25 +0800
Subject: [PATCH] 解决图片不显示问题和奖品数量问题
---
manager/src/views/activity-prize/index.vue | 112 +++++++++++++++++++++++++++++++++-----------------------
1 files changed, 66 insertions(+), 46 deletions(-)
diff --git a/manager/src/views/activity-prize/index.vue b/manager/src/views/activity-prize/index.vue
index e7d23bb..52a324e 100644
--- a/manager/src/views/activity-prize/index.vue
+++ b/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>
+<!-- <!– 鍩轰簬elementUi鐨勪笂浼犵粍浠� el-upload end–>-->
+<!-- </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){
--
Gitblit v1.8.0