From b81e4a169d0a8f04a5c056281b6b5dca7ad3c852 Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Mon, 24 Oct 2022 11:59:56 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E5=8D=A1=E5=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 coupon/lookCard.html | 118 +++++++++++++++++++++++++++++++++++++++++++
 coupon/myOrder.html  |   3 +-
 2 files changed, 120 insertions(+), 1 deletion(-)
 create mode 100644 coupon/lookCard.html
diff --git a/coupon/lookCard.html b/coupon/lookCard.html
new file mode 100644
index 0000000..ad898c5
--- /dev/null
+++ b/coupon/lookCard.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport"
+        content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover" />
+    <title>查看卡密</title>
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
+        charset="utf-8"></script>
+    <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/lookCard.css">
+    <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.4.1/vconsole.min.js"></script>
+</head>
+
+<body>
+    <div id="app">
+
+        <!-- 单条弹出框 -->
+        <div class="prompt" :class="toastShow?'proactive':''">
+            {{this.toastTip}}
+        </div>
+        <img class="backPresTy" @click="backHandler"
+            src=" https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
+        <p class="nav-title">卡密</p>
+        <div class="topBox">
+            <img :src="cardData.show_url" alt="">
+            <p class="product_name">{{cardData.product_name}}</p>
+            <p class="end_time">兑换有效期：{{cardData.end_time}} 20222-10-13 22:22:59</p>
+        </div>
+        <div class="bottomBox">
+            <div>
+                <p class="cardInformation">卡密信息</p>
+                <template v-if="cardData.card_number">
+                    <div class="item item-margin">
+                        <p class="title">卡号：</p>
+                        <p class="number">{{cardData.card_number}}</p>
+                        <p class="copy" @click="copyFunction(cardData.card_number)">
+                            <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png"
+                                alt="">
+                            复制卡号
+                        </p>
+                    </div>
+                    <div class="item">
+                        <p class="title">密码：</p>
+                        <p class="number">{{cardData.card_password}}</p>
+                        <p class="copy" @click="copyFunction(cardData.card_password)">
+                            <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png"
+                                alt="">
+                            复制密码
+                        </p>
+                    </div>
+                </template>
+                <template v-else>
+                    <div class="item item-margin">
+                        <p class="title">卡密：</p>
+                        <p class="number">{{cardData.card_password}}</p>
+                        <p class="copy" @click="copyFunction(cardData.card_password)">
+                            <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/copyNumber.png"
+                                alt="">
+                            复制卡密
+                        </p>
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        var vConsole = new VConsole();
+        new Vue({
+            el: "#app",
+            data () {
+                return {
+                    cardData: {},
+                    toastShow: false,
+                    toastTip: ''
+                }
+            },
+
+
+
+            created () {
+                this.cardData = JSON.parse(localStorage.getItem('cardProductDetail'));
+            },
+
+            methods: {
+                /* 复制 */
+                copyFunction (number) {
+                    var aux = document.createElement("input");
+                    aux.setAttribute("value", number);
+                    document.body.appendChild(aux);
+                    aux.select();
+                    document.execCommand("copy");
+                    document.body.removeChild(aux);
+                    this.openDialog('复制成功')
+                },
+
+
+                // 单条弹框
+                openDialog (tip) {
+                    this.toastShow = true;
+                    this.toastTip = tip;
+                    setTimeout(() => {
+                        this.toastShow = false;
+                        this.toastTip = '';
+                    }, 3000)
+                },
+
+                backHandler () {
+                    history.go(-1);
+                }
+
+            }
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/coupon/myOrder.html b/coupon/myOrder.html
index a38add6..7004708 100644
--- a/coupon/myOrder.html
+++ b/coupon/myOrder.html
@@ -61,7 +61,8 @@
                         </template>
                         <template v-if="item.type==1">
                             <!-- 查看卡密 -->
-                            <p class="button-card" @click="lookCard(item)" v-if="item.status==2">查看卡密</p>
+                            <p class="button-card" @click="lookCard(item)"
+                                v-if="item.status==2&&item.goods.product_type==2">查看卡密</p>
                             <!-- 款项状态 -->
                             <p class="pay_status" v-if="[2,3].includes(item.pay_status)&&item.status==3">
                                 {{item.pay_status==2?'已支付':'已退款'}}</p>
