From 7452f8924debf32261b1593f1c6e309f6fd6eeeb Mon Sep 17 00:00:00 2001
From: zhangguoping <jackzgp@aliyun.com>
Date: Fri, 30 Aug 2024 18:44:44 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=8B=E5=87=8F=E9=87=91=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/api.ts                        |   6 +-
 src/views/templates/cmsVoucher/index.vue | 269 +++++++----------------
 2 files changed, 86 insertions(+), 189 deletions(-)

diff --git a/src/router/api.ts b/src/router/api.ts
index a742b1f..6cb6267 100644
--- a/src/router/api.ts
+++ b/src/router/api.ts
@@ -8,7 +8,9 @@ export enum Api {
   // 模板查询
   GET_THEME = "/v1/theme",
   // 兑换
-  EXCHANGE = "/v1/order/exchange"
+  EXCHANGE = "/v1/order/exchange",
+  // 商品详情查询
+  DETAIL_QUERY = "/v1/goods/detail",
 }
 
 
@@ -19,3 +21,5 @@ export const QUERY = (data?: any) => request.get(Api.QUERY, data);
 export const GET_THEME = (data?: any) => request.get(Api.GET_THEME, data);
 
 export const EXCHANGE = (data?: any) => request.post(Api.EXCHANGE, data);
+
+export const getGoodsDetail = (data?: any) => request.get(Api.DETAIL_QUERY, data);
diff --git a/src/views/templates/cmsVoucher/index.vue b/src/views/templates/cmsVoucher/index.vue
index 16cc9bf..8a518bc 100644
--- a/src/views/templates/cmsVoucher/index.vue
+++ b/src/views/templates/cmsVoucher/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="reduce" :style="{ paddingTop: outTime.length > 0 ? '0' : '21px' }">
+  <div id="reduce" :style="{ paddingTop: '21px' }">
     <!-- 弹出框 -->
     <div class="mask" v-if="maskshow"></div>
     <!-- 单条弹出框 -->
@@ -7,7 +7,7 @@
       {{ promttip }}
     </div> -->
     <!-- 弹出提示 -->
-    <div
+    <!-- <div
       class="popboxshow"
       v-if="popboxshow"
       :class="popboxshow ? 'active' : ''"
@@ -16,16 +16,16 @@
         <p>{{ tiptext }}</p>
         <span @click="knowFn">知道了</span>
       </div>
-    </div>
+    </div> -->
     <!-- 复制提示 -->
-    <div class="popboxshow" v-if="copyshow" :class="copyshow ? 'active' : ''">
+    <!-- <div class="popboxshow" v-if="copyshow" :class="copyshow ? 'active' : ''">
       <div class="tip">
         <p>请点击下方[复制]按钮，复制链接到浏览器打开！</p>
         <span @click="copyFn">复制</span>
       </div>
-    </div>
+    </div> -->
 
-    <div class="countdown" v-if="outTime.length > 0">
+    <!-- <div class="countdown" v-if="outTime.length > 0">
       <span>链接有效期：</span>
       <p>{{ outTime[0] }}</p>
       时
@@ -33,9 +33,9 @@
       分
       <p>{{ outTime[2] }}</p>
       秒
-    </div>
+    </div> -->
 
-    <div
+    <!-- <div
       class="mask"
       v-if="loading"
       ref="load"
@@ -43,10 +43,10 @@
       @mousewheel.prevent
     >
       <preload-component />
-    </div>
+    </div> -->
 
     <div class="couponShow">
-      <span>
+      <!-- <span>
         <img
           @click="backgoodsFn"
           v-if="backAble"
@@ -54,36 +54,36 @@
           src="https://lsxdmgoss.oss-cn-chengdu.aliyuncs.com/MarketingSystem/image/front/backprepageBtn.png"
           alt=""
         />
-      </span>
+      </span> -->
       <div class="coupon-left">
-        <p class="coupon_money" :style="{ fontSize: '32px' }">
-          <span>￥</span>{{ parseFloat(reduceInfo.reduce_amount) }}
+        <p class="coupon_money" :style="{ fontSize: fonts() }">
+          <span>￥</span>{{ parseFloat(info.amount || 1) }}
         </p>
         <p class="full_money">
-          满{{ parseFloat(reduceInfo.denomination) }}可用
+          满{{ parseFloat(info.full_amount || 1.01) }}可用
         </p>
       </div>
       <div class="coupon-right">
         <p class="title">
-          {{ reduceInfo.batch_goods_name }}
-          <span class="send_num" v-if="reduceInfo.send_num > 1"
-            >x{{ reduceInfo.send_num }}</span
+          {{ goods.name }}
+          <span class="send_num" v-if="info.send_num > 1"
+            >x{{ info.send_num }}</span
           >
         </p>
-        <p style="font-size: 11px">{{ reduceInfo.card_type }}可用</p>
-        <p class="validity" v-if="receive_time.timer_show != 2">
-          有效期:{{ receive_time.effect_time.start_time }}至{{
-            receive_time.effect_time.end_time
+        <p style="font-size: 11px">{{ cardType(info.card_type) }}可用</p>
+        <p class="validity" v-if="info.time_limit.start_date">
+          有效期:{{ info.time_limit.start_date }}至{{
+            info.time_limit.end_date
           }}
         </p>
-        <p class="validity" v-if="receive_time.use_time.type == 'received'">
+        <p class="validity" v-if="info.time_limit.receive_type">
           领取后{{
-            receive_time.use_time.effect_date_type == 0 ? "立即" : "次日凌晨"
-          }}生效,有效期 {{ receive_time.use_time.effect_day }}天
+            info.time_limit.receive_type == 0 ? "立即" : "次日凌晨"
+          }}生效,有效期 {{ info.time_limit.receive_day }}天
         </p>
-        <p class="validity" v-if="receive_time.use_time.type == 'fiexd'">
-          可用时间:{{ receive_time.use_time.fiexd_time.start_time }}-{{
-            receive_time.use_time.fiexd_time.end_time
+        <p class="validity" v-if="info.time_limit.start_time">
+          可用时间:{{ info.time_limit.start_time }}-{{
+            info.time_limit.end_time
           }}
         </p>
       </div>
@@ -91,7 +91,7 @@
     <div
       class="receiveBtn"
       @click="receiveFn"
-      :class="goodInfo.available != 1 ? 'readOnly' : ''"
+      :class="goods.err_code != 0 ? 'readOnly' : ''"
     >
       立即领取
       <!-- {{
@@ -102,7 +102,7 @@
     </div>
     <div class="coupon_explain">
       <h1>- 兑换说明 -</h1>
-      <div class="content">
+      <!-- <div class="content">
         <h3
           v-if="
             receive_time.use_time.type == 'week' ||
@@ -137,30 +137,32 @@
             </div>
           </li>
         </ul>
-      </div>
+      </div> -->
       <div class="content">
         <h3>使用须知</h3>
-        <p v-html="goodInfo.entity.notice" v-if="goodInfo.entity.notice"></p>
+        <p v-html="info.notice" v-if="info.notice"></p>
         <p v-else>
           1、在{{
-            reduceInfo.channel == 1 ? "支付宝H5" : "微信APP内打开链接"
+            info.channel == 1 ? "支付宝H5" : "微信APP内打开链接"
           }}，点击【一键领取】完成领取{{
-            reduceInfo.channel == 1 ? "支付宝" : "微信"
+            info.channel == 1 ? "支付宝" : "微信"
           }}立减金<br />
           2、{{
-            reduceInfo.channel == 1 ? "支付宝" : "微信"
+            info.channel == 1 ? "支付宝" : "微信"
           }}立减金一旦领取不可撤销、不可转让。注意不要将兑换券泄露给他人
         </p>
       </div>
       <div class="content">
         <h3>使用规则</h3>
-        <p v-html="goodInfo.instruction"></p>
+        <p v-html="info.instruction" v-if="info.instruction"></p>
       </div>
     </div>
   </div>
 </template>
 <script lang="ts">
 import "./index.scss";
+import { getGoodsDetail, EXCHANGE } from "@/router/api";
+
 let goodsDetail = 0,
   goodsCount = 0;
 export default {
@@ -168,155 +170,36 @@ export default {
   props: {},
   data() {
     return {
-      plaflam: 1, //支付宝
-      promtshow: false,
-      promttip: "警告提示",
-      copyshow: false, //解决ios，必须触发按钮复制
-      copyLink: "", //存储链接
-      popboxshow: false,
-      maskshow: false,
-      openId: localStorage.getItem("openid"),
-      bindClick: false,
-      tiptext: "错误提示",
-      goodInfo: {
-        available: 0,
-        instruction: "",
-        entity: {
-          notice: "",
-        },
-      }, //商品信息
-      reduceInfo: {
-        channel: 1,
-        reduce_amount: "",
-        denomination: "",
-        batch_goods_name: "",
-        send_num: 0,
-        card_type: 1,
-      }, //券信息
-      orderId: "",
-      backAble: true,
-      loading: false,
-      outTime: [],
-      receive_time: {
-        timer_show: 1,
-        use_time: {
-          week: "",
-          day: "",
-          time: "",
-          type: "",
-          effect_date_type: 0,
-          effect_day: 0,
-          fiexd_time: { start_time: "", end_time: "" },
-        },
-        effect_time: { start_time: "", end_time: "" },
-      }, //领取立减金时间
-      tip: `1、立减金自领取之日起0天有效，请在有效期内使用<br />
-            2、微信立减金自领取后每个立减金一次性使用，不兑换，不找零，到期后自动失效，逾期未使用不再补发。使用微信支付进行付款（大于立减金面额0.01元以上）即可自动抵扣<br />
-            3、多张立减金可在单笔微信支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用<br />
-            4、在中国境内商户使用微信支付即可使用，少数特定商户（包括但不限于：CoCo奶茶、优衣库、星巴克、肯德基、必胜客、同程艺龙、热风、太平鸟、孩子王、航联保险、华为商城、Miss
-            Sixty、Ochirly、Apple商城、FivePlus、信用卡还款、零钱通、理财通等）、以及社交支付（如转账、红包、个人收款码支付等）及合单支付（微信支付订单号为44开头的交易）无法使用立减金<br />
-            5、使用立减金的微信支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户<br />`,
-      goodsInfo: {
-        id: 68147,
-        type: 2,
-        code_batch_id: 9164,
-        weight: 0,
-        delete_time: null,
-        stock: 100,
-        entity: {
-          id: 2776,
-          goods_id: 68147,
-          channel: 1,
-          channel_activity_id: "23232323221jjk",
-          batch_goods_name: "支付宝立减金",
-          price: "10.0000",
-          recharge_amount: "100.00",
-          frozen_amount: "0.0000",
-          balance: "100.0000",
-          used_amount: "0.0000",
-          denomination: "1.01",
-          reduce_amount: "1.00",
-          all_budget: "100.00",
-          day_budget: "100.00",
-          receive_conf: { num: "1", type: "all" },
-          card_type: ["1"],
-          natural_limit: 1,
-          brush_limit: 1,
-          time_limit: {
-            use_time: {
-              type: "received",
-              effect_day: "1",
-              fiexd_time: [],
-              effect_date_type: "0",
-            },
-            timer_show: "1",
-            effect_time: {
-              end_time: "2024-09-30 23:59:59",
-              start_time: "2024-08-28 11:41:36",
-            },
-            receive_time: [],
-          },
-          instruction:
-            "<p>1、立减金自领取之日起7天有效，请在有效期内使用\n<br/>2、支付宝立减金自领取后每个立减金一次性使用，不兑换、不找零，到期后自动失效，逾期未使用不再补发。使用支付宝支付进行付款(大于立减金面额0.01元以上)即可自动抵扣\n<br/>3、多张立减金可在单笔支付宝支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用\n<br/>4、使用立减金的支付宝支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户;如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户</p>",
-          early_per: ["1"],
-          early_notifier: [{ mobile: "18202818112", real_name: "张城" }],
-          last_early_per: 0,
-          temp_no: "23232323",
-          create_time: "2024-08-28 11:46:17",
-          delete_time: null,
-          provider: "lsxd",
-          receive_mode: 1,
-          send_num: 1,
-          is_webview: 0,
-          notice:
-            "<p>1、在支付宝H5内打开链接，点击【一键领取】完成领取支付宝立减金<br/>\n2、支付宝立减金一旦领取不可撤销、不可转让。注意不要将兑换券泄露给他人</p>",
-          voucher_batch: ["23232323221jjk"],
-        },
-        begin_time: "2024-08-23 15:19:10",
-        end_time: "2024-09-30 23:59:59",
-        available: 1,
-        exchange: 0,
-        product_id: 68147,
-        key: "AAACsHAafZqcB5vd",
-        instruction:
-          "<p>1、立减金自领取之日起7天有效，请在有效期内使用\n<br/>2、支付宝立减金自领取后每个立减金一次性使用，不兑换、不找零，到期后自动失效，逾期未使用不再补发。使用支付宝支付进行付款(大于立减金面额0.01元以上)即可自动抵扣\n<br/>3、多张立减金可在单笔支付宝支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用\n<br/>4、使用立减金的支付宝支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户;如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户</p>",
-        recharge_type: 1,
-        origin_price: "1.00",
-        coupon_price: "1.00",
+      // 新版
+      goodsID: 0, // 商品ID
+      // 立减金商品信息
+      info: {
+        amount: 1, // 金额
+        full_amount: 1.01, // 满减金额
+        send_num: 1, // 多少张立减金
+        card_type: ["1"], // 卡种类型
+        //  领取时间
+        time_limit: {},
+      },
+      goods: {
+        name: "立减金", // 商品名称
       },
     };
   },
-  created() {
-    document.title = localStorage.getItem("title") || "";
-    /*  获取立减金信息*/
-    let goodsDetail = this.goodsInfo;
-    this.goodInfo = goodsDetail;
-    /*默认显示*/
-    // if (goodsDetail.available != 1) {
-    //   this.openErrorDialog(product_status(goodsDetail.available, goodsDetail));
-    //   this.bindClick = true;
-    // }
-    const goodsCount: any = sessionStorage.getItem("goodsCount") || 12;
-    this.backAble = goodsCount > 1; //多个商品才有返回
-    Object.assign(this.reduceInfo, goodsDetail.entity);
-    this.plaflam = goodsDetail.entity.channel;
-    if (
-      goodsDetail.entity.time_limit.use_time &&
-      goodsDetail.entity.time_limit.use_time.type == "week"
-    ) {
-      //处理星期连贯操作
-      // goodsDetail.entity.time_limit.use_time.week = sortWeeks(
-      //   goodsDetail.entity.time_limit.use_time.week
-      // );
+  async created() {
+    this.goodsID = localStorage.getItem("id") || 810;
+    const { code, data } = await getGoodsDetail({ id: this.goodsID });
+    if (code === 200) {
+      Object.assign(this.info, data.info, {
+        time_limit: data.info.time_limit
+          ? JSON.parse(data.info.time_limit)
+          : {},
+        card_type: data.info.card_type || ["1"],
+      });
+      Object.assign(this.goods, data.goods);
     }
-    Object.assign(this.receive_time, goodsDetail.entity.time_limit);
-
-    /* 倒计时 */
-    const key_expiration_time =
-      sessionStorage.getItem("key_expiration_time") || 0;
-    this.outTime = [];
   },
-  filters: {
+  methods: {
     cardType(val: any[]) {
       return val
         .map((item) => {
@@ -324,8 +207,6 @@ export default {
         })
         .join(" ");
     },
-  },
-  methods: {
     globalFormatStatus(type: any) {
       switch (type) {
         case 1:
@@ -343,10 +224,23 @@ export default {
         history.go(-2);
       }
     },
-    receiveFn() {
-      if (this.loading) return;
-      this.loading = true;
+    async receiveFn() {
       let self = this;
+      if (this.goods.err_code != 0) {
+        return showToast(this.goods.reason);
+      }
+      const params = {
+        id: [this.goodsID],
+        key:
+          localStorage.getItem("key") ||
+          "rPBVzOCs0FN4P7jNMqHo5IVfb0oaAyigbfNBmCKnavs=",
+        account: "123",
+        name: "123",
+      };
+      const res = await EXCHANGE(params);
+      // if(res.code === 200) {
+
+      // }
     },
 
     /* 公众号领取 */
@@ -404,11 +298,10 @@ export default {
 
     /* 动态font */
     fonts() {
-      const defaultCss = "0.32rem";
-      const count =
-        String(parseFloat(this.reduceInfo.reduce_amount)).length + 1;
+      const defaultCss = "32px";
+      const count = String(parseFloat(this.info.amount || 1)).length + 1;
       if (count > 4) {
-        return 0.32 - ((count - 3) / 100) * 2.2 + "rem";
+        return 32 - (count - 3) * 2.2 + "px";
       } else {
         return defaultCss;
       }