From f09c736d261e1ad41d97b6e974a81bb014ef1265 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期四, 23 十月 2025 17:45:50 +0800
Subject: [PATCH] 页面调整
---
seller/src/views/activity/store-prize-proof.vue | 86 ++++++++++++++++++++++---------------------
1 files changed, 44 insertions(+), 42 deletions(-)
diff --git a/seller/src/views/activity/store-prize-proof.vue b/seller/src/views/activity/store-prize-proof.vue
index fa62a06..1769d56 100644
--- a/seller/src/views/activity/store-prize-proof.vue
+++ b/seller/src/views/activity/store-prize-proof.vue
@@ -8,48 +8,6 @@
:label-width="75"
class="search-form mb_10"
>
-<!-- <Form-item label="浼樻儬鍒稿悕绉�" prop="couponName">-->
-<!-- <Input-->
-<!-- type="text"-->
-<!-- v-model="searchForm.couponName"-->
-<!-- placeholder="璇疯緭鍏ヤ紭鎯犲埜鍚嶇О"-->
-<!-- clearable-->
-<!-- style="width: 200px"-->
-<!-- />-->
-<!-- </Form-item>-->
-<!-- <Form-item label="浼氬憳鍚嶇О" prop="memberName">-->
-<!-- <Input-->
-<!-- type="text"-->
-<!-- v-model="searchForm.memberName"-->
-<!-- placeholder="璇疯緭鍏ヤ細鍛樺悕绉�"-->
-<!-- clearable-->
-<!-- style="width: 200px"-->
-<!-- />-->
-<!-- </Form-item>-->
-<!-- <Form-item label="鑾峰彇鏂瑰紡" prop="getType">-->
-<!-- <Select-->
-<!-- v-model="searchForm.getType"-->
-<!-- placeholder="璇烽�夋嫨"-->
-<!-- clearable-->
-<!-- style="width: 200px"-->
-<!-- >-->
-<!-- <Option value="FREE">鍏嶈垂鑾峰彇</Option>-->
-<!-- <Option value="ACTIVITY">娲诲姩鑾峰彇</Option>-->
-<!-- </Select>-->
-<!-- </Form-item>-->
-<!-- <Form-item label="浼樻儬鍒哥姸鎬�" prop="memberCouponStatus">-->
-<!-- <Select-->
-<!-- v-model="searchForm.memberCouponStatus"-->
-<!-- placeholder="璇烽�夋嫨"-->
-<!-- clearable-->
-<!-- style="width: 200px"-->
-<!-- >-->
-<!-- <Option value="NEW">宸查鍙�</Option>-->
-<!-- <Option value="USED">宸蹭娇鐢�</Option>-->
-<!-- <Option value="EXPIRE">宸茶繃鏈�</Option>-->
-<!-- <Option value="CLOSED">宸蹭綔搴�</Option>-->
-<!-- </Select>-->
-<!-- </Form-item>-->
<Button
@click="handleSearch"
type="primary"
@@ -74,6 +32,12 @@
class="add-btn"
v-if="row.material === 'NOT_GENERATE' && row.claimStatus ==='CLAIM'"
>琛ュ厖鏉愭枡</Button>
+ <Button
+ style="margin-left: 10px"
+ @click="generalQrCode(row)"
+ type="primary"
+ class="add-btn"
+ >鏌ョ湅浜岀淮鐮�</Button>
</template>
</Table>
<Row type="flex" justify="end" class="mt_10">
@@ -128,15 +92,41 @@
</div>
</Modal>
+ <Modal
+ v-model="showGeneralQrCode"
+ title="浜岀淮鐮�"
+ width="800"
+ :mask-closable="false"
+ :loading="codeLoading"
+ >
+ <vue-qr
+ :text="QRCodeUrl"
+ :margin="0"
+ colorDark="#000"
+ colorLight="#fff"
+ :size="150"
+ ></vue-qr>
+ <div slot="footer">
+ <Button type="text" @click="closeGeneralQrCode">鍏抽棴</Button>
+ </div>
+ </Modal>
+
</div>
</template>
<script>
+import vueQr from "vue-qr";
import { uploadFileByLmk, delByKey } from "@/api/common.js"
import { getPage,add } from "@/api/prize-store.js"
export default {
+ components:{
+ "vue-qr": vueQr,
+ },
name: "store-prize-proof",
data() {
return {
+ QRCodeUrl:"",
+ showGeneralQrCode:false,
+ codeLoading:false,
submitLoading:false,
file: null,
tempUrl:null,
@@ -213,6 +203,18 @@
};
},
methods: {
+ closeGeneralQrCode(){
+ this.showGeneralQrCode = false;
+ this.QRCodeUrl = '';
+ },
+ generalQrCode(row){
+ this.QRCodeUrl = '';
+ this.showGeneralQrCode = true
+ this.codeLoading = true;
+
+ this.QRCodeUrl = this.QRcodeBaseUrl+"/scanpage/prize?id="+ row.id;
+
+ },
// 鏂囦欢涓婁紶鍓嶅鐞�
handleBeforeUpload(file) {
this.file = file;
--
Gitblit v1.8.0