From 83d340b897945662c9a33531685914342f68a4ef Mon Sep 17 00:00:00 2001
From: gongfuxiang <fuxiang.gong@qq.com>
Date: Tue, 9 Aug 2022 19:06:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E6=83=A0=E5=88=B8=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=A4=9A=E5=95=86=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                         |   7 +
 pages/plugins/coupon/shop/shop.css |   3 +
 pages/plugins/coupon/shop/shop.vue | 260 +++++++++++++++++++++++++++++
 3 files changed, 270 insertions(+)
 create mode 100644 pages/plugins/coupon/shop/shop.css
 create mode 100644 pages/plugins/coupon/shop/shop.vue

diff --git a/pages.json b/pages.json
index 07fdf289..d8a92eee 100644
--- a/pages.json
+++ b/pages.json
@@ -268,6 +268,13 @@
 				"navigationBarTitleText": "领券中心"
 			}
 		},
+        {
+        	"path": "pages/plugins/coupon/shop/shop",
+        	"style": {
+        		"enablePullDownRefresh": true,
+        		"navigationBarTitleText": "店铺领券中心"
+        	}
+        },
 		{
 			"path": "pages/plugins/coupon/user/user",
 			"style": {
diff --git a/pages/plugins/coupon/shop/shop.css b/pages/plugins/coupon/shop/shop.css
new file mode 100644
index 00000000..1c9b5af5
--- /dev/null
+++ b/pages/plugins/coupon/shop/shop.css
@@ -0,0 +1,3 @@
+.page {
+    padding-bottom: 110rpx;
+}
\ No newline at end of file
diff --git a/pages/plugins/coupon/shop/shop.vue b/pages/plugins/coupon/shop/shop.vue
new file mode 100644
index 00000000..cbc1a690
--- /dev/null
+++ b/pages/plugins/coupon/shop/shop.vue
@@ -0,0 +1,260 @@
+<template>
+    <view class="page">
+        <!-- 优惠劵列表 -->
+        <view v-if="data_list.length > 0" class="plugins-coupon-container padding-horizontal-main padding-top-main">
+            <block v-for="(item, index) in data_list" :key="index">
+                <view :class="'item border-radius-main bg-white spacing-mb ' + (item.is_operable == 0 ? 'item-disabled' : '')">
+                    <view class="v-left fl">
+                        <view class="base single-text" :style="'color:' + item.bg_color_value + ';'">
+                            <text v-if="item.type == 0" class="symbol">{{currency_symbol}}</text>
+                            <text class="price">{{item.discount_value}}</text>
+                            <text class="unit">{{item.type_unit}}</text>
+                            <text v-if="(item.desc || null) != null" class="desc cr-gray">{{item.desc}}</text>
+                        </view>
+                        <view v-if="(item.use_limit_type_name || null) != null" class="base-tips cr-base single-text">{{item.use_limit_type_name}}</view>
+                    </view>
+                    <view class="v-right fr cp" @tap="coupon_receive_event" :data-index="index" :data-value="item.id" :style="'background:' + item.bg_color_value + ';'">
+                        <text class="circle"></text>
+                        <text>{{item.is_operable_name}}</text>
+                    </view>
+                </view>
+            </block>
+        </view>
+        <view v-else>
+            <!-- 提示信息 -->
+            <component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
+        </view>
+
+        <!-- 结尾 -->
+        <component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
+
+        <!-- 回到店铺 -->
+        <view v-if="(shop || null) != null" class="bottom-fixed padding-main">
+            <button class="bg-main br-main cr-white round dis-block" type="default" hover-class="none" size="mini" @tap="shop_event" :data-value="shop.url">
+                <view class="dis-inline-block va-m">
+                    <uni-icons type="shop" size="16" color="#fff"></uni-icons>
+                </view>
+                <text class="va-m margin-left-sm">回到店铺</text>
+            </button>
+        </view>
+    </view>
+</template>
+<script>
+    const app = getApp();
+    import componentNoData from "../../../../components/no-data/no-data";
+    import componentBottomLine from "../../../../components/bottom-line/bottom-line";
+
+    export default {
+        data() {
+            return {
+                data_bottom_line_status: false,
+                data_list_loding_status: 1,
+                data_list_loding_msg: '',
+                currency_symbol: app.globalData.data.currency_symbol,
+                params: null,
+                data_list: [],
+                data_base: null,
+                shop: null,
+                // 优惠劵领取
+                temp_coupon_receive_index: null,
+                temp_coupon_receive_value: null,                
+                // 自定义分享信息
+                share_info: {}
+            };
+        },
+
+        components: {
+            componentNoData,
+            componentBottomLine
+        },
+        props: {},
+        
+        onLoad(params) {
+            this.setData({
+                params: params
+            });
+        },
+
+        onShow() {
+            // 数据加载
+            this.init();
+            
+            // 初始化配置
+            this.init_config();
+        },
+
+        // 下拉刷新
+        onPullDownRefresh() {
+            this.get_data_list();
+        },
+
+        methods: {
+            // 初始化配置
+            init_config(status) {
+                if ((status || false) == true) {
+                    this.setData({
+                        currency_symbol: app.globalData.get_config('currency_symbol')
+                    });
+                } else {
+                    app.globalData.is_config(this, 'init_config');
+                }
+            },
+
+            // 获取数据
+            init() {
+                this.get_data_list();
+            },
+
+            // 获取数据
+            get_data_list() {
+                var self = this;
+                uni.showLoading({
+                    title: "加载中..."
+                });
+                if (self.data_list.length <= 0) {
+                    self.setData({
+                        data_list_loding_status: 1
+                    });
+                }
+                uni.request({
+                    url: app.globalData.get_request_url("shop", "index", "coupon"),
+                    method: "POST",
+                    data: this.params,
+                    dataType: "json",
+                    success: res => {
+                        uni.hideLoading();
+                        uni.stopPullDownRefresh();
+                        if (res.data.code == 0) {
+                            var data = res.data.data;
+                            var status = (data.data || []).length > 0;
+                            this.setData({
+                                data_base: data.base || null,
+                                shop: data.shop || null,
+                                data_list: data.data || [],
+                                data_list_loding_msg: '',
+                                data_list_loding_status: status ? 3 : 0,
+                                data_bottom_line_status: status
+                            });
+
+                            if ((this.data_base || null) != null) {
+                                // 基础自定义分享
+                                this.setData({
+                                    share_info: {
+                                        title: this.data_base.seo_title || this.data_base.application_name,
+                                        desc: this.data_base.seo_desc,
+                                        path: '/pages/plugins/coupon/shop/shop'
+                                    }
+                                });
+
+                                // 导航名称
+                                if((this.data_base.shop_application_name || null) != null) {
+                                    uni.setNavigationBarTitle({
+                                        title: this.data_base.shop_application_name
+                                    });
+                                }
+                            }
+                        } else {
+                            self.setData({
+                                data_bottom_line_status: false,
+                                data_list_loding_status: 2,
+                                data_list_loding_msg: res.data.msg
+                            });
+                            app.globalData.showToast(res.data.msg);
+                        }
+
+                        // 分享菜单处理
+                        app.globalData.page_share_handle(this.share_info);
+                    },
+                    fail: () => {
+                        uni.hideLoading();
+                        uni.stopPullDownRefresh();
+                        self.setData({
+                            data_bottom_line_status: false,
+                            data_list_loding_status: 2,
+                            data_list_loding_msg: '服务器请求出错'
+                        });
+                        app.globalData.showToast("服务器请求出错");
+                    }
+                });
+            },
+
+            // 优惠劵领取事件
+            coupon_receive_event(e) {
+                // 参数处理
+                if ((e || null) == null) {
+                    var index = this.temp_coupon_receive_index;
+                    var value = this.temp_coupon_receive_value;
+                } else {
+                    var index = e.currentTarget.dataset.index;
+                    var value = e.currentTarget.dataset.value;
+                    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) {
+                    // 用户未绑定用户则转到登录页面
+                    if (app.globalData.user_is_need_login(user)) {
+                        uni.navigateTo({
+                            url: "/pages/login/login?event_callback=coupon_receive_event"
+                        });
+                        return false;
+                    } else {
+                        var temp_list = this.data_list;
+                        if (temp_list[index]['is_operable'] != 0) {
+                            uni.showLoading({
+                                title: "处理中..."
+                            });
+                            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");
+                                        if (this.data_base != null && this.data_base.is_repeat_receive !=
+                                            1) {
+                                            temp_list[index]['is_operable'] = 0;
+                                            temp_list[index]['is_operable_name'] = '已领取';
+                                            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("服务器请求出错");
+                                }
+                            });
+                        }
+                    }
+                }
+            },
+
+            // 店铺事件
+            shop_event(e) {
+                var prev_url = app.globalData.prev_page();
+                if(prev_url != null && prev_url.indexOf('pages/plugins/shop/detail/detail') != -1) {
+                    uni.navigateBack();
+                } else {
+                    app.globalData.url_event(e);
+                }
+            }
+        }
+    };
+</script>
+<style>
+    @import './shop.css';
+</style>
\ No newline at end of file