From ecdd0fb84ddd09e84143896eb99956bcf9629446 Mon Sep 17 00:00:00 2001 From: zxl <763096477@qq.com> Date: 星期二, 30 九月 2025 19:26:22 +0800 Subject: [PATCH] 更新 --- manager/src/views/activity-prize/prize-store.vue | 64 ++++++++++++++++++++++++++++---- 1 files changed, 56 insertions(+), 8 deletions(-) diff --git a/manager/src/views/activity-prize/prize-store.vue b/manager/src/views/activity-prize/prize-store.vue index 4ad9f62..4cd5d7c 100644 --- a/manager/src/views/activity-prize/prize-store.vue +++ b/manager/src/views/activity-prize/prize-store.vue @@ -108,12 +108,7 @@ class="add-btn" v-if="row.generateStatus ==='NOT_GENERATE'" >鐢熸垚浼樻儬鍗�</Button> - <Button - style="margin-left: 10px;" - type="primary" - class="add-btn" - :disabled="row.material !== 'NOT_GENERATE'" - >鏌ョ湅鏉愭枡</Button> + <Button @click="detail(row)" style="margin-left: 10px;" @@ -174,6 +169,13 @@ > <template slot-scope="{ row }" slot="action"> <Button + @click="lookSupplementaryMaterials(row)" + type="primary" + class="add-btn" + :disabled="row.material === 'NOT_GENERATE'" + >鏌ョ湅鏉愭枡</Button> + <Button + style="margin-left: 20px" @click="generalQrCode(row)" type="primary" class="add-btn" @@ -275,12 +277,41 @@ <Button type="primary" @click="handleSubmit" :loading="submitLoading">纭畾</Button> </div> </Modal> + <Modal + v-model="dialogVisible2" + title="鏉愭枡璇︽儏" + width="1200" + :mask-closable="false" + @on-cancel="handleCancel2"> + <Row :gutter="16"> + <Col span="12"> + <div class="detail-item"> + <label>鏂囨湰鍐呭锛�</label> + <span>{{ detailData.content }}</span> + </div> + </Col> + <Col span="24"> + <div class="detail-item"> + <label>鏂囦欢锛�</label> + <div v-if="detailData.urlPath" class="detail-image"> + <img + :src="detailData.urlPath" alt="濂栧搧灏侀潰" + class="preview-image-limit" + > + </div> + </div> + </Col> + + </Row> + </Modal> + + </div> </template> <script> import vueQr from "vue-qr"; -import { getPage,add,changeStatus,generateStorePrize,getClaimPage} from "@/api/prize-store.js" +import { getPage,add,changeStatus,generateStorePrize,getClaimPage ,getDetailData} from "@/api/prize-store.js" import * as API_Activity_Prize from "@/api/activity-prize.js" import * as API_Order from "@/api/order"; @@ -292,6 +323,7 @@ name: 'CouponManagement', data() { return { + detailData:{}, QRCodeUrl:"", showGeneralQrCode:false, codeLoading:false, @@ -339,7 +371,7 @@ title: "鎿嶄綔", slot: "action", align: "center", - width: 200, + width: 400, fixed: "right" } ], @@ -439,6 +471,8 @@ dialogVisible: false, dialogStatus: '', dialogTitle: '', + dialogVisible2: false, + // 琛ㄥ崟楠岃瘉瑙勫垯 formRules: { @@ -514,6 +548,17 @@ } }, methods: { + lookSupplementaryMaterials(row){ + this.dialogVisible2 = true; + getDetailData(row.id).then(res =>{ + if (res.code === 200){ + this.detailData = res.data; + } + }) + + + + }, closeGeneralQrCode(){ this.showGeneralQrCode = false; this.QRCodeUrl = ''; @@ -703,6 +748,9 @@ handleCancel() { this.dialogVisible = false; }, + handleCancel2() { + this.dialogVisible2 = false; + }, // 鎻愪氦琛ㄥ崟 handleSubmit() { -- Gitblit v1.8.0