From 704c68ffe0ee312faafbec861c46a219f5f2bea9 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Wed, 3 Jul 2024 15:52:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=EF=BC=9A=E6=83=A0=E6=B0=91?=
 =?UTF-8?q?=E7=A7=AF=E5=88=86=E4=BF=A1=E6=81=AF=E4=B8=AD=E5=BF=83=E5=8F=8A?=
 =?UTF-8?q?=E6=83=A0=E6=B0=91=E7=A7=AF=E5=88=86=E4=BF=A1=E6=81=AF=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/exchange.js                              |  14 +
 pages.json                                   |   6 +
 pages/user/index.vue                         |   5 +-
 pages/users/online_payment/record/center.vue | 290 +++++++++++++++++++
 pages/users/online_payment/record/quota.vue  |  16 +-
 pages/users/order_confirm/index.vue          |   6 -
 6 files changed, 326 insertions(+), 11 deletions(-)
 create mode 100644 pages/users/online_payment/record/center.vue

diff --git a/api/exchange.js b/api/exchange.js
index 0cfbd7d..ceb8f4c 100644
--- a/api/exchange.js
+++ b/api/exchange.js
@@ -1,4 +1,5 @@
 import request from "@/utils/request.js";
+import {getStatisticsInfo} from "./admin";
 // 在线买单 - 获取门店列表
 export function searchMer(data) {
 	return request.get("onlinePayment/searchMerList",data);
@@ -64,3 +65,16 @@ export function quotaTransfer(data) {
 export function merBindShop(merId) {
 	return request.get(`exchange/mer_bind_shop/${merId}`);
 }
+// 惠民积分 - 统计
+export function quotaIntegralStatistics() {
+	return request.get(`exchange/quota_integral_statistics`);
+}
+// 惠民积分 - 各商户持有信息列表
+export function quotaIntegralHoldList(data) {
+	return request.get(`exchange/quota_integral_hold_list`,data);
+}
+
+
+
+
+
diff --git a/pages.json b/pages.json
index a98badb..45bd0b8 100644
--- a/pages.json
+++ b/pages.json
@@ -581,6 +581,12 @@
 						"navigationBarTitleText": "额度变更记录"
 					}
 				},
+				{
+					"path": "online_payment/record/center",
+					"style": {
+						"navigationBarTitleText": "额度中心"
+					}
+				},
 				{
 					"path": "online_payment/record/quota_transfer",
 					"style": {
diff --git a/pages/user/index.vue b/pages/user/index.vue
index c72ec12..748cb1b 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -82,7 +82,6 @@
             </view>
             <view class="num-item" @click="goMenuPage('/pages/users/online_payment/record/integral')">
               <text class="num">{{userInfo.exchange_integral || 0}}</text>
-              <!--<view class="txt">酒水卡积分</view>-->
               <view class="txt">消费积分</view>
             </view>
             <view class="num-item" @click="goMenuPage('/pages/users/online_payment/record/quota?quota_type=3')">
@@ -93,6 +92,10 @@
               <text class="num">{{ integral_surplus || 0}}</text>
               <view class="txt">餐费积分</view>
             </view>
+            <view class="num-item" @click="goMenuPage('/pages/users/online_payment/record/center')">
+              <text class="num">{{userInfo.quota_integral || 0}}</text>
+              <view class="txt">惠民积分</view>
+            </view>
 
             <!--<view class="num-item" @click="goMenuPage('/pages/users/online_payment/record/quota?quota_type=4')">-->
             <!--  <text class="num">{{userInfo.oil_available || 0}}</text>-->
diff --git a/pages/users/online_payment/record/center.vue b/pages/users/online_payment/record/center.vue
new file mode 100644
index 0000000..a2cd0ba
--- /dev/null
+++ b/pages/users/online_payment/record/center.vue
@@ -0,0 +1,290 @@
+<template>
+  <view>
+    <view class="main-content">
+      <!--顶部内容-->
+      <view class="top" :style="{ 'background-image': `url(${top_icon})`}">
+        <view class="top-half">
+          <view class="num">{{ statistics.total_quota || '0.00' }}</view>
+          <view class="title">全部积分</view>
+        </view>
+        <view class="bottom-half">
+          <view class="bottom-box">
+            <view class="num">{{ statistics.surplus_quota || '0.00' }}</view>
+            <view class="label">剩余积分</view>
+          </view>
+          <view class="bottom-box">
+            <view class="num">{{ statistics.freeze_quota || '0.00' }}</view>
+            <view class="label">冻结中积分</view>
+          </view>
+          <view class="bottom-box">
+            <view class="num">{{ statistics.available_quota || '0.00' }}</view>
+            <view class="label">可用积分</view>
+          </view>
+        </view>
+      </view>
+      <!--列表内容-->
+      <view class="list-content" v-if="Object.values(list).length > 0">
+        <!--标题-->
+        <view class="title">商户列表</view>
+        <!--列表-->
+        <view class="list-box" v-for="(item,index) in list" :key="index">
+          <image class="mer-image" :src="item.mer.mer_avatar || default_mer_logo" mode="widthFix"></image>
+          <view class="mer-info">
+            <view class="mer_name">{{ item.mer.mer_name || '' }}</view>
+            <view class="integral">可用积分：{{ Number(item.surplus_quota - item.freeze_quota).toFixed(2) }}</view>
+          </view>
+          <view class="see-btn" v-if="item.total_quota > 0" @click="goToPage(item)">积分详情</view>
+        </view>
+      </view>
+      <emptyPage v-else title="暂无信息～"></emptyPage>
+    </view>
+    <!-- 授权登录 -->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+  </view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import emptyPage from '@/components/emptyPage.vue';
+import authorize from '@/components/Authorize';
+import { HTTP_REQUEST_URL } from '@/config/app.js';
+import {quotaIntegralHoldList, quotaIntegralStatistics} from "@/api/exchange";
+
+export default {
+  components: {
+    authorize,
+    emptyPage
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+      top_icon: '',
+      default_mer_logo: '',
+      // 列表
+      total: 0,
+      list: [],
+      page: 1,
+      statistics: {},
+    }
+  },
+  watch: {},
+  onReady() {
+    this.top_icon = `${HTTP_REQUEST_URL}/static/images/icon/top_half_icon.png`;
+    this.default_mer_logo = `${HTTP_REQUEST_URL}/static/images/icon/default_mer_logo.png`;
+  },
+  onLoad(options) {
+    uni.setNavigationBarTitle({
+      title: '惠民积分中心'
+    })
+    // 判断：是否登录
+    if (!this.isLogin) {
+      // 未登录  授权登录
+      this.isAuto = true;
+      this.isShowAuth = true
+    }else{
+      // 已登录  获取信息
+      this.init();
+    }
+  },
+  // 滚动到底部
+  onReachBottom() {
+    this.getList();
+  },
+  methods: {
+    // 授权回调
+    onLoadFun() {
+      if(this.isLogin){
+        this.isShowAuth = false;
+        this.init();
+      }
+    },
+    // 授权关闭
+    authClose(e) {
+      this.isShowAuth = e
+    },
+    // 授权成功 初始化
+    init () {
+      this.getStatistics();
+      this.getList();
+    },
+    // 信息获取
+    getList() {
+      let _this = this;
+      let params = {
+        page: _this.page,
+        quota_type: 5
+      };
+      quotaIntegralHoldList(params).then(res => {
+        let list = res.data.list || {};
+        _this.total = res.data.count || 0;
+        if (Object.values(list).length > 0) {
+          _this.list = _this.$util.SplitArray(list, _this.list);
+          _this.$set(_this, 'list', _this.list);
+          _this.page++;
+        }
+      }).catch(err => {
+        this.$util.Tips({title: err});
+      });
+    },
+    // 统计信息获取
+    getStatistics() {
+      let _this = this;
+      quotaIntegralStatistics().then(res => {
+        _this.statistics = res.data || {};
+      }).catch(err => {
+        this.$util.Tips({title: err});
+      });
+    },
+    // 点击查看详情
+    goToPage(item){
+      uni.navigateTo({
+        url: '/pages/users/online_payment/record/quota?quota_type=5&mer_id=' + item.mer_id
+      })
+    }
+
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-content {
+  width: 100vw;
+  min-height: 100vh!important;
+  background: #f6f6f6;// #f6f6f6
+
+  .top{
+    width: 100%;
+    padding: 0 30rpx;
+    background-size: 100% auto;
+    background-repeat: no-repeat;
+
+    .top-half{
+      width: 100%;
+      padding: 0 20rpx;
+      height: 220rpx;
+      display: inline-flex;
+      flex-direction: column;
+      flex-wrap: nowrap;
+      align-items: flex-start;
+      justify-content: center;
+      .num{
+        color: #ffffff;
+        font-size: 50rpx;
+        height: 80rpx;
+        line-height: 80rpx;
+      }
+      .title{
+        color: #ffffff;
+        font-size: 30rpx;
+        height: 50rpx;
+        line-height: 50rpx;
+      }
+    }
+    .bottom-half{
+      width: 100%;
+      background-color: #ffffff;
+      border-radius: 20rpx;
+      padding: 30rpx;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0rpx 5rpx 10rpx 0rpx #f0f0f0;
+      .bottom-box{
+        width: calc(100% / 3);
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        align-items: center;
+        justify-content: center;
+        .num{
+          font-size: 34rpx;
+          font-weight: bold;
+          color: #000000;
+          height: 60rpx;
+          line-height: 60rpx;
+        }
+        .label{
+          font-size: 26rpx;
+          color: #383838;
+          height: 50rpx;
+          line-height: 50rpx;
+        }
+      }
+    }
+  }
+
+  .list-content{
+    width: 100%;
+    padding: 0 30rpx;
+
+    .title{
+      width: 100%;
+      padding: 0 20rpx;
+      font-size: 32rpx;
+      font-weight: bold;
+      height: 100rpx;
+      line-height: 100rpx;
+    }
+    .list-box{
+      background-color: #ffffff;
+      border-radius: 20rpx;
+      padding: 30rpx 20rpx;
+      width: 100%;
+      box-shadow: 0rpx 0rpx 10rpx 0rpx #f0f0f0;
+      margin-bottom: 30rpx;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: flex-start;
+      .mer-image{
+        width: 90rpx!important;
+        height: 90rpx!important;
+        border-radius: 10rpx;
+      }
+      .mer-info{
+        width: calc(100% - 90rpx - 140rpx);
+        padding: 0 20rpx;
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        align-items: flex-start;
+        justify-content: center;
+        .mer_name{
+          width: 100%;
+          height: 50rpx;
+          line-height: 50rpx;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-size: 32rpx;
+        }
+        .integral{
+          font-size: 26rpx;
+          height: 40rpx;
+          line-height: 40rpx;
+          color: #555555;
+        }
+      }
+      .see-btn{
+        border-radius: 100rpx;
+        font-size: 26rpx;
+        background-color: #d20001;
+        color: #f1f1f1;
+        height: 45rpx;
+        line-height: 45rpx;
+        width: 140rpx;
+        text-align: center;
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/users/online_payment/record/quota.vue b/pages/users/online_payment/record/quota.vue
index 834e909..4ea77cb 100644
--- a/pages/users/online_payment/record/quota.vue
+++ b/pages/users/online_payment/record/quota.vue
@@ -53,6 +53,7 @@ export default{
         page: 1,
         limit: 20,
         quota_type: 1,
+        mer_id: 0,
       },
       total_page: 0,
       allow_page: false,
@@ -60,11 +61,18 @@ export default{
   },
   onLoad(options){
     this.searchData.quota_type = options.quota_type || 1;
+    this.searchData.mer_id = options.mer_id || 0;
+    // 额度类型：1=酒卡额度(瓶装酒)，2=菜卡额度，3=封坛酒额度，4=加油卡额度，5=惠民积分
+    let title = '瓶装酒';
+    switch (Number(this.searchData.quota_type)) {
+      case 2:title = '特色菜卡';break;
+      case 3:title = '封坛酒';break;
+      case 4:title = '加油卡';break;
+      case 5:title = '惠民';break;
+    }
     uni.setNavigationBarTitle({
-      title: this.searchData.quota_type == 2 ? '菜卡额度变更记录' : '酒卡额度变更记录'
+      title: title + '积分变更记录'
     })
-    // this.getStatistics();
-    // this.getList();
   },
   onShow() {
     this.getStatistics();
@@ -74,7 +82,7 @@ export default{
     // 统计获取
     getStatistics(){
       let _this = this;
-      recordQuota({ quota_type: _this.searchData.quota_type }).then(res => {
+      recordQuota({ quota_type: _this.searchData.quota_type, mer_id: _this.searchData.mer_id }).then(res => {
         this.statistics_list = res.data || {};
       });
     },
diff --git a/pages/users/order_confirm/index.vue b/pages/users/order_confirm/index.vue
index 31e736c..b2aeb70 100644
--- a/pages/users/order_confirm/index.vue
+++ b/pages/users/order_confirm/index.vue
@@ -372,8 +372,6 @@
 						</view>
 					</view>
 				</view>-->
-
-
         <template v-if="order_type == 36">
           <view class='item acea-row row-between-wrapper integral-switch-content' v-if="orderTotalWineIntegral > 0 || orderTotalWineDiffMoney > 0">
             <view>酒水卡积分抵扣：</view>
@@ -398,10 +396,6 @@
             </view>
           </view>
         </template>
-
-
-
-
         <view class='item acea-row row-between-wrapper' v-if="orderTotalRandomReduction > 0">
           <view>随机立减：</view>
           <view class='money'>-￥{{orderTotalRandomReduction}}</view>