From bce181d2b37637266a8af86cae1f9eb54adbb24a Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Mon, 8 Jan 2024 18:06:53 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AA=20optimize:=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 coupon/lookCard.html | 36 ++++++++++++++++++++++++++----------
 1 file changed, 26 insertions(+), 10 deletions(-)

diff --git a/coupon/lookCard.html b/coupon/lookCard.html
index f6ac130..13ee90c 100644
--- a/coupon/lookCard.html
+++ b/coupon/lookCard.html
@@ -45,7 +45,11 @@
                                 复制卡号
                             </p>
                         </template>
-                        <p v-else class="generate">卡密正在生成中，请稍后刷新再查看</p>
+                        <div v-else class="generate" style="display: flex;flex: 1;">
+                            <p style="flex:1">{{cardData.status===3?'卡密兑换失败，请重新兑换':'卡密正在生成中，请稍后刷新再查看'}} </p>
+                            <span @click="backHandler" style="color: #3558df;" v-if="cardData.status===3">重新兑换</span>
+                            <span @click="getInfo" style="color: #3558df;" v-else>点击刷新</span>
+                        </div>
                     </div>
                     <div class="item">
                         <p class="title">密码：</p>
@@ -57,7 +61,11 @@
                                 复制密码
                             </p>
                         </template>
-                        <p v-else class="generate">卡密正在生成中，请稍后刷新再查看</p>
+                        <div v-else class="generate" style="display: flex;flex: 1;">
+                            <p style="flex:1">{{cardData.status===3?'卡密兑换失败，请重新兑换':'卡密正在生成中，请稍后刷新再查看'}} </p>
+                            <span @click="backHandler" style="color: #3558df;" v-if="cardData.status===3">重新兑换</span>
+                            <span @click="getInfo" style="color: #3558df;" v-else>点击刷新</span>
+                        </div>
                     </div>
                 </template>
                 <template v-else>
@@ -71,7 +79,11 @@
                                 复制卡密
                             </p>
                         </template>
-                        <p v-else class="generate">卡密正在生成中，请稍后刷新再查看</p>
+                        <div v-else class="generate" style="display: flex;flex: 1;">
+                            <p style="flex:1">{{cardData.status===3?'卡密兑换失败，请重新兑换':'卡密正在生成中，请稍后刷新再查看'}} </p>
+                            <span @click="backHandler" style="color: #3558df;" v-if="cardData.status===3">重新兑换</span>
+                            <span @click="getInfo" style="color: #3558df;" v-else>点击刷新</span>
+                        </div>
                     </div>
                 </template>
             </div>
@@ -98,13 +110,7 @@
 
 
             created () {
-                const orderNumber = localStorage.getItem('orderNumber');
-                /* 获取卡密详情 */
-                req.axiosGet(`/key/order/detail/${orderNumber}`).then(res => {
-                    if (res.code == 200) {
-                        this.cardData = res.data;
-                    }
-                });
+                this.getInfo();
             },
 
             methods: {
@@ -119,6 +125,16 @@
                     this.openDialog('复制成功');
                 },
 
+                getInfo () {
+                    const orderNumber = localStorage.getItem('orderNumber');
+                    /* 获取卡密详情 */
+                    req.axiosGet(`/key/order/detail/${orderNumber}`).then(res => {
+                        if (res.code == 200) {
+                            this.cardData = res.data;
+                        }
+                    });
+                },
+
 
                 // 单条弹框
                 openDialog (tip) {