From c3c2a87688988a30170bdc7106783e65b01c3e61 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Fri, 2 Feb 2024 17:55:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E4=BB=A3=E7=90=86?=
 =?UTF-8?q?=E4=BD=A3=E9=87=91=E6=98=8E=E7=BB=86=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/agent.js                    |   4 +
 pages.json                      |   6 +
 pages/agent/center.vue          |   9 ++
 pages/agent/user/commission.vue | 230 ++++++++++++++++++++++++++++++++
 4 files changed, 249 insertions(+)
 create mode 100644 pages/agent/user/commission.vue

diff --git a/api/agent.js b/api/agent.js
index dfb7570..3f4c1c8 100644
--- a/api/agent.js
+++ b/api/agent.js
@@ -28,6 +28,10 @@ export function getSingleAgentInfo(id) {
 export function getAgentConfig() {
 	return request.get(`agent/get_config`);
 }
+// 佣金明细
+export function commissionList(data) {
+	return request.get(`agent/commission_list`, data);
+}
 
 
 
diff --git a/pages.json b/pages.json
index 89c2fd0..78ffe0e 100644
--- a/pages.json
+++ b/pages.json
@@ -1347,6 +1347,12 @@
 					"style": {
 						"navigationBarTitleText": "下级管理"
 					}
+				},
+				{
+					"path": "user/commission",
+					"style": {
+						"navigationBarTitleText": "佣金明细"
+					}
 				}
 
 
diff --git a/pages/agent/center.vue b/pages/agent/center.vue
index d3d554e..9c54bd1 100644
--- a/pages/agent/center.vue
+++ b/pages/agent/center.vue
@@ -203,6 +203,15 @@ export default {
           icon: 'iconfont icon-yonghu1',
         });
       }
+      // 除内勤外都有佣金明细
+      if(!['4'].includes(String(agentType))){
+        menuList.push({
+          title: '佣金明细',
+          type: 'link',
+          url: '/pages/agent/user/commission',
+          icon: 'iconfont icon-yonghu1',
+        });
+      }
 
 
       return menuList;
diff --git a/pages/agent/user/commission.vue b/pages/agent/user/commission.vue
new file mode 100644
index 0000000..82d773e
--- /dev/null
+++ b/pages/agent/user/commission.vue
@@ -0,0 +1,230 @@
+<template>
+  <view>
+    <view class="main-content" v-if="Object.values(list).length > 0">
+      <view class="list-content">
+        <view class="top-content">
+          <view class="num">{{ total }}</view>
+          <view class="title">总获得佣金</view>
+        </view>
+        <view class="list">
+          <view class="list-box" v-for="(item,index) in list" :key="index">
+            <!-- 顶部信息 -->
+            <view class="top-info">
+              <view class="user-info">{{ item.source == 1 ? '邀请下级奖励' : '用户购买会员卡奖励' }}</view>
+              <view class="role"> + {{ item.brokerage || '0.00' }}</view>
+            </view>
+            <!--统计信息-->
+            <view class="statistics">
+              <!-- todo： 统计信息  开发中-->
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <emptyPage v-else title="暂无信息～"></emptyPage>
+    <!-- 授权登录 -->
+    <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 {commissionList} from "@/api/agent";
+
+export default {
+  components: {
+    authorize,
+    emptyPage
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      total: 0,
+      list: [],
+      page: 1,
+      agent_id: 0,
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+    }
+  },
+  onLoad(options) {
+    let _this = this;
+    _this.agent_id = options.agent_id || 0;
+    // 判断：agent_id <= 0 抛出错误，返回代理中心
+    if(Number(_this.agent_id) <= 0){
+      _this.$util.Tips({
+        title: '非法访问，信息不存在！',
+      },{tab:5,url:'/pages/agent/center'});
+      return false;
+    }
+    // 判断：是否登录
+    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.getList();
+    },
+    // 记录
+    getList() {
+      let _this = this;
+      let params = {
+        page: _this.page,
+        agent_id: _this.agent_id
+      };
+      commissionList(params).then(res => {
+        let list = res.data.list || {};
+        _this.total = res.data.totalMoney || 0.00;
+        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});
+      });
+    },
+    // 渲染类型信息
+    getAgentTypeText(info, title = '') {
+      switch (Number(info.agent_type)) {
+        case 1:
+          title = '发起人';
+          break;
+        case 2:
+          title = '省公司';
+          if(info.province_name) title += `(${info.province_name})`;
+          break;
+        case 3:
+          title = '外勤';
+          if(info.province_name) title += `(${info.province_name})`;
+          break;
+        case 4:
+          title = '内勤';
+          if(info.province_name) title += `(${info.province_name})`;
+          break;
+        case 5:
+          title = '运营商';
+          if(info.province_name || info.area_name || info.area_name) title += `(${info.province_name}${info.city_name}${info.area_name})`;
+          break;
+        case 6:
+          title = '合伙人';
+          if(info.province_name || info.area_name || info.area_name) title += `(${info.province_name}${info.city_name}${info.area_name})`;
+          break;
+        case 7:
+          title = '餐厅';
+          if(info.mer && info.mer.mer_name) title += `(${info.mer.mer_name})`;
+          break;
+        case 8:
+          title = '配送商';
+          break;
+      }
+
+      return title;
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-content {
+  width: 100vw;
+  min-height: 100vh!important;
+  background: #f6f6f6;
+
+  .list-content{
+    .top-content{
+      background: #82201d;
+      width: 100%;
+      height: 200rpx;
+      display: inline-flex;
+      flex-direction: column;
+      flex-wrap: nowrap;
+      justify-content: center;
+      align-items: center;
+      .num{
+        color: #FFFFFF;
+        height: 70rpx;
+        line-height: 70rpx;
+        font-size: 45rpx!important;
+      }
+      .title{
+        color: #ffe9ea;
+        font-size: 26rpx!important;
+        height: 100rpx;
+      }
+    }
+    .list{
+      width: 100%;
+      padding: 0 20rpx;
+      position: relative;
+      top: -50rpx;
+      .list-box{
+        width: 100%;
+        background: #FFFFFF;
+        padding: 20rpx;
+        border-radius: 10rpx;
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+        align-items: center;
+        .top-info{
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          justify-content: space-between;
+          align-items: center;
+          width: 100%;
+          .user-info{
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            justify-content: flex-start;
+            align-items: center;
+            .user-title{
+              margin-left: 20rpx;
+            }
+          }
+          .role{
+            background: #f2e6e8;
+            color: #6c454a;
+            padding: 5rpx 15rpx;
+            font-size: 24rpx;
+            border-radius: 5rpx;
+          }
+        }
+      }
+      .list-box:not(:last-child){
+        margin-bottom: 20rpx!important;
+      }
+    }
+  }
+}
+</style>