From 0645649733d97546cc43e871d3ff39c8842be06b Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Thu, 12 Sep 2024 18:51:39 +0800
Subject: [PATCH] =?UTF-8?q?1.diy---=E4=BC=98=E6=83=A0=E5=88=B8=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/diy/coupon.vue          |  86 +++++++++++++++++++++++--
 pages/plugins/coupon/shop/shop.vue | 100 +++++++++++------------------
 2 files changed, 118 insertions(+), 68 deletions(-)

diff --git a/components/diy/coupon.vue b/components/diy/coupon.vue
index ecad6261..71bb8bd0 100644
--- a/components/diy/coupon.vue
+++ b/components/diy/coupon.vue
@@ -14,7 +14,7 @@
                                     <span v-if="item.type == '1'" class="symbol">折</span>
                                 </view>
                             </view>
-                            <view class="coupon-btn" :style="'color:' + theme_style.btn_color + ';background:' + theme_style.btn_background">立即领取</view>
+                            <view class="coupon-btn" :class="[0, 3].includes(item.status_type) ? '' : 'btn-already'" :style="'color:' + theme_style.btn_color + ';background:' + theme_style.btn_background" :data-value="home_page_url" :data-type="item.status_type" :data-index="index" :data-id="item.id" @tap="receive_event">{{ item.status_operable_name }}</view>
                         </view>
                     </view>
                 </template>
@@ -30,7 +30,7 @@
                                 <view class="name text-line-1" :style="'color:' + theme_style.name_color">{{ item.name }}</view>
                                 <view class="desc text-line-1" :style="'color:' + theme_style.desc_color">{{ item.desc }}</view>
                             </view>
-                            <view class="coupon-btn" :style="'color:' + theme_style.btn_color + ';background:' + theme_style.btn_background">立即领取</view>
+                            <view class="coupon-btn" :class="[0, 3].includes(item.status_type) ? '' : 'btn-already'" :style="'color:' + theme_style.btn_color + ';background:' + theme_style.btn_background" :data-value="home_page_url" :data-type="item.status_type" :data-index="index" :data-id="item.id" @tap="receive_event">{{ item.status_operable_name }}</view>
                         </view>
                     </view>
                 </template>
@@ -53,8 +53,8 @@
                             </view>
                             <view class="right">
                                 <div class="right-before"></div>
-                                <view class="coupon-btn" :style="'color:' + theme_style.btn_color">
-                                    <text>立即领取</text>
+                                <view class="coupon-btn" :class="[0, 3].includes(item.status_type) ? '' : 'btn-already'" :style="'color:' + theme_style.btn_color" :data-value="home_page_url" :data-type="item.status_type" :data-index="index" :data-id="item.id" @tap="receive_event">
+                                    <text>{{ item.status_operable_name }}</text>
                                     <icon name="arrow-right-o" class="icon"></icon>
                                 </view>
                             </view>
@@ -85,7 +85,11 @@
                             <view class="re z-i flex-col jc-c align-c">
                                 <view class="title text-line-1" :style="'color:' + theme_style.content_title_color">{{ content_title }}</view>
                                 <view class="desc text-line-1" :style="'color:' + theme_style.content_desc_color">{{ content_desc }}</view>
-                                <view class="coupon-btn" :style="'color:' + theme_style.btn_color + ';background:' + theme_style.btn_background">领取全部</view>
+                                <view class="coupon-btn" :class="data_list.filter((item) => item.status_type == 0).length > 0 ? '' : 'btn-already'" :style="'color:' + theme_style.btn_color + ';background:' + theme_style.btn_background" @tap="receive_all_event">
+                                    {{ data_list.filter((item) => item.status_type == 0).length > 0 ? '立即领取' : '不可领取' }}
+                                </view>
+
+                                <!-- <view class="coupon-btn" :class="[0, 3].includes(item.status_type) ? '' : 'btn-already'" :style="'color:' + theme_style.btn_color + ';background:' + theme_style.btn_background" :data-value="home_page_url" :data-type="item.status_type" :data-index="index" :data-id="item.id" @tap="receive_event">{{ item.status_operable_name }}</view> -->
                             </view>
                         </view>
                     </view>
@@ -183,6 +187,8 @@
                     url_2: '',
                     url_3: '',
                 },
+                // 首页地址
+                home_page_url: app.globalData.data.tabbar_pages[0],
             };
         },
         mounted() {
@@ -229,6 +235,72 @@
                     style_container: common_styles_computer(new_style.common_style),
                 });
             },
+            // 领取优惠券
+            receive_event(e) {
+                const coupon_status_type = e.currentTarget.dataset.type;
+                const coupon_index = e.currentTarget.dataset.index;
+                const coupon_id = e.currentTarget.dataset.id;
+                switch (coupon_status_type) {
+                    case 0:
+                        // 登录校验
+                        var user = app.globalData.get_user_info(this, 'coupon_receive_event');
+                        if (user != false) {
+                            var temp_list = this.data_list;
+                            if (temp_list[coupon_index]['is_operable'] != 0) {
+                                uni.showLoading({
+                                    title: this.$t('common.processing_in_text'),
+                                });
+                                this.coupon_api(coupon_id, coupon_index);
+                            }
+                        }
+                        break;
+                    case 3:
+                        app.globalData.url_event(e);
+                        break;
+                }
+            },
+            // 全部领取
+            receive_all_event() {
+                const filter_data_list = this.data_list.map((item) => {
+                    if (item.is_operable != 0 && item.status_type == 0) {
+                        return item.id;
+                    }
+                });
+                this.coupon_api(filter_data_list.join(','));
+            },
+            // 优惠劵领取事件
+            coupon_api(val, index) {
+                uni.request({
+                    url: app.globalData.get_request_url('receive', 'coupon', 'coupon'),
+                    method: 'POST',
+                    data: {
+                        coupon_id: val,
+                    },
+                    dataType: 'json',
+                    success: (res) => {
+                        uni.hideLoading();
+                        if (res.data.code == 0) {
+                            app.globalData.showToast(res.data.msg, 'success');
+                            if (index) {
+                                temp_list = res.data.data.coupon || [];
+                            } else {
+                                temp_list[index] = res.data.data.coupon || {};
+                            }
+                            this.setData({
+                                data_list: temp_list,
+                            });
+                        } else {
+                            if (app.globalData.is_login_check(res.data, this, 'coupon_receive_event')) {
+                                app.globalData.showToast(res.data.msg);
+                            }
+                        }
+                    },
+                    fail: () => {
+                        uni.hideLoading();
+                        app.globalData.showToast(this.$t('common.internet_error_tips'));
+                    },
+                });
+            },
         },
     };
 </script>
@@ -746,6 +818,10 @@
             }
         }
     }
+    // 已领取
+    .btn-already {
+        color: #e3ca90 !important;
+    }
     .hide-scrollbar {
         overflow: auto;
         &::-webkit-scrollbar {
diff --git a/pages/plugins/coupon/shop/shop.vue b/pages/plugins/coupon/shop/shop.vue
index 8a4618f0..99ca6d95 100644
--- a/pages/plugins/coupon/shop/shop.vue
+++ b/pages/plugins/coupon/shop/shop.vue
@@ -2,24 +2,24 @@
     <view :class="theme_view">
         <view class="plugins-coupon-container">
             <!-- 优惠劵列表 -->
-            <view v-if="data_list.length > 0" class="coupon-content bg-white pr padding-top-main page-bottom-fixed">
+            <view v-if="data_list.length > 0" class="coupon-content bg-white pr padding-top-main page-bottom-fixed">
                 <view class="flex-col">
                     <block v-for="(item, index) in data_list" :key="index">
                         <component-coupon-card :propData="item" :propStatusType="item.status_type" :propStatusOperableName="item.status_operable_name" :propIndex="index" propIsProgress @call-back="coupon_receive_event"></component-coupon-card>
-                    </block>
-                </view>
-                <!-- 结尾 -->
+                    </block>
+                </view>
+                <!-- 结尾 -->
                 <component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
             </view>
             <view v-else>
                 <!-- 提示信息 -->
                 <component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
             </view>
-        </view>
+        </view>
         <!-- 回到店铺 -->
-        <view v-if="(shop || null) != null"  class="popup-bottom bottom-fixed bg-white">
+        <view v-if="(shop || null) != null" class="popup-bottom bottom-fixed bg-white">
             <view class="bottom-line-exclude">
-                <button class="bg-white cr-main br-main round dis-block text-size" type="default" hover-class="none" :data-value="shop.url" @tap="shop_event">{{$t('index.index.i78v36')}}</button>
+                <button class="bg-white cr-main br-main round dis-block text-size" type="default" hover-class="none" :data-value="shop.url" @tap="shop_event">{{ $t('index.index.i78v36') }}</button>
             </view>
         </view>
     </view>
@@ -27,7 +27,7 @@
 <script>
     const app = getApp();
     import componentNoData from '@/components/no-data/no-data';
-    import componentBottomLine from '@/components/bottom-line/bottom-line';
+    import componentBottomLine from '@/components/bottom-line/bottom-line';
     import componentCouponCard from '@/components/coupon-card/coupon-card.vue';
 
     export default {
@@ -52,8 +52,8 @@
 
         components: {
             componentNoData,
-            componentBottomLine,
-            componentCouponCard
+            componentBottomLine,
+            componentCouponCard,
         },
         props: {},
 
@@ -167,57 +167,31 @@
                 });
             },
 
-            // 优惠劵领取事件
-            coupon_receive_event(index, value) {
-                if (!app.globalData.is_single_page_check()) {
-                    return false;
-                }
-                // 参数处理
-                if ((index || null) == null && (value || null) == null) {
-                    var index = this.temp_coupon_receive_index;
-                    var value = this.temp_coupon_receive_value;
-                } else {
-                    this.setData({
-                        temp_coupon_receive_index: index,
-                        temp_coupon_receive_value: value,
-                    });
-                }
-                // 登录校验
-                var user = app.globalData.get_user_info(this, 'coupon_receive_event');
-                if (user != false) {
-                    var temp_list = this.data_list;
-                    if (temp_list[index]['is_operable'] != 0) {
-                        uni.showLoading({
-                            title: this.$t('common.processing_in_text'),
-                        });
-                        uni.request({
-                            url: app.globalData.get_request_url('receive', 'coupon', 'coupon'),
-                            method: 'POST',
-                            data: {
-                                coupon_id: value,
-                            },
-                            dataType: 'json',
-                            success: (res) => {
-                                uni.hideLoading();
-                                if (res.data.code == 0) {
-                                    app.globalData.showToast(res.data.msg, 'success');
-                                    temp_list[index] = res.data.data.coupon;
-                                    this.setData({
-                                        data_list: temp_list,
-                                    });
-                                } else {
-                                    if (app.globalData.is_login_check(res.data, this, 'coupon_receive_event')) {
-                                        app.globalData.showToast(res.data.msg);
-                                    }
-                                }
-                            },
-                            fail: () => {
-                                uni.hideLoading();
-                                app.globalData.showToast(this.$t('common.internet_error_tips'));
-                            },
-                        });
-                    }
-                }
+            // 优惠劵领取事件
+            coupon_receive_event(index, value) {
+                if (!app.globalData.is_single_page_check()) {
+                    return false;
+                }
+                // 参数处理
+                if ((index || null) == null && (value || null) == null) {
+                    var index = this.temp_coupon_receive_index;
+                    var value = this.temp_coupon_receive_value;
+                } else {
+                    this.setData({
+                        temp_coupon_receive_index: index,
+                        temp_coupon_receive_value: value,
+                    });
+                }
+                // 登录校验
+                var user = app.globalData.get_user_info(this, 'coupon_receive_event');
+                if (user != false) {
+                    var temp_list = this.data_list;
+                    if (temp_list[index]['is_operable'] != 0) {
+                        uni.showLoading({
+                            title: this.$t('common.processing_in_text'),
+                        });
+                    }
+                }
             },
 
             // 店铺事件
@@ -232,6 +206,6 @@
         },
     };
 </script>
-<style>
-    @import './shop.css';
+<style>
+    @import './shop.css';
 </style>