From 207084eba539947d45fbe97a5a1ae50ddc0276ba Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Fri, 22 Dec 2023 18:29:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E8=B4=AD=E4=B9=B0?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E7=94=9F=E6=88=90=E5=B9=B3=E5=8F=B0=E6=8A=BD?=
 =?UTF-8?q?=E6=88=90=E8=AE=B0=E5=BD=95=20=E6=B7=BB=E5=8A=A0=EF=BC=9A?=
 =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E6=8A=BD=E6=88=90=E8=AE=B0=E5=BD=95=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/platformCommission.js                 |  18 +-
 .../commissionRecord/index.vue                | 235 ++++++++++++++++++
 2 files changed, 245 insertions(+), 8 deletions(-)
 create mode 100644 src/views/marketing/platformCommission/commissionRecord/index.vue

diff --git a/src/api/platformCommission.js b/src/api/platformCommission.js
index c167c13..a1df229 100644
--- a/src/api/platformCommission.js
+++ b/src/api/platformCommission.js
@@ -1,12 +1,14 @@
 import request from './request'
 // 平台抽成 - 配置获取/配置编辑
 export function platformCommissionConfig(data = {}) {
-  if(Object.keys(data).length > 0) return request.post(`user/platformCommission/config`, data)
-  else return request.get(`user/platformCommission/config`)
+  if(Object.keys(data).length > 0) return request.post(`marketing/platformCommission/config`, data)
+  else return request.get(`marketing/platformCommission/config`)
+}
+// 平台抽成 - 记录统计
+export function platformCommissionRecordTitle(data) {
+  return request.get(`marketing/platformCommission/record_title`, data)
+}
+// 平台抽成 - 记录列表
+export function platformCommissionRecordList(data) {
+  return request.get(`marketing/platformCommission/record_list`, data)
 }
-
-
-
-
-
-
diff --git a/src/views/marketing/platformCommission/commissionRecord/index.vue b/src/views/marketing/platformCommission/commissionRecord/index.vue
new file mode 100644
index 0000000..4f9d431
--- /dev/null
+++ b/src/views/marketing/platformCommission/commissionRecord/index.vue
@@ -0,0 +1,235 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <!--顶部搜索栏-->
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-form inline size="small" label-width="80px">
+            <el-form-item label="搜索：">
+              <el-input v-model="tableFrom.mer_id" placeholder="请输入商户ID" class="selWidth" clearable></el-input>
+              <el-input v-model="tableFrom.uid" placeholder="请输入用户ID" class="selWidth" clearable>
+                <el-button slot="append" icon="el-icon-search" class="el-button-solt" @click="searchData" />
+              </el-input>
+            </el-form-item>
+             <el-form-item class="width100">
+                <!--<el-button size="small" type="primary" @click="exports">导出</el-button>-->
+             </el-form-item>
+          </el-form>
+          <cards-data :card-lists="cardLists" />
+        </div>
+      </div>
+      <!--列表内容-->
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini">
+        <el-table-column prop="id" label="ID" min-width="80" align="center"/>
+        <el-table-column label="用户信息" prop="nickname" min-width="280" align="center">
+          <template slot-scope="scope">
+            <div class="user-content">
+              <div class="user-avatar" v-if="scope.row.avatar && scope.row.avatar != 1">
+                <img :src="scope.row.avatar" />
+              </div>
+              <div class="user-info">
+                <div class="nickname">{{ scope.row.nickname }}</div>
+                <div class="user-id">ID：{{ scope.row.uid }}</div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="抽成商户" prop="mer_name" min-width="280" align="center">
+          <template slot-scope="scope">
+            <div class="user-content">
+              <div class="user-avatar" v-if="scope.row.avatar" >
+                <img :src="scope.row.mer_avatar" />
+              </div>
+              <div class="user-info">
+                <div class="nickname">{{ scope.row.mer_name || '' }}</div>
+                <div class="user-id">ID：{{ scope.row.mer_id || 0 }}</div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="平台抽成" prop="mer_name" min-width="150" align="left">
+          <template slot-scope="scope">
+            抽成金额：{{ scope.row.platform_commission_money || '0.00' }}<br />
+            抽成比例：{{ scope.row.platform_commission_rate || '0' }}%
+          </template>
+        </el-table-column>
+        <el-table-column label="平台分佣" prop="mer_name" min-width="150" align="left">
+          <template slot-scope="scope">
+            抽成金额：{{ scope.row.commission_platform_money || '0.00' }}<br />
+            抽成比例：{{ scope.row.commission_platform_rate || '0' }}%
+          </template>
+        </el-table-column>
+        <el-table-column label="合伙人分佣" prop="mer_name" min-width="150" align="left">
+          <template slot-scope="scope">
+            抽成金额：{{ scope.row.commission_partner_money || '0.00' }}<br />
+            抽成比例：{{ scope.row.commission_partner_rate || '0' }}%
+          </template>
+        </el-table-column>
+        <el-table-column label="招商员分佣" prop="mer_name" min-width="150" align="left">
+          <template slot-scope="scope">
+            抽成金额：{{ scope.row.commission_merchants_money || '0.00' }}<br />
+            抽成比例：{{ scope.row.commission_merchants_rate || '0' }}%
+          </template>
+        </el-table-column>
+        <el-table-column label="推广员分佣" prop="mer_name" min-width="150" align="left">
+          <template slot-scope="scope">
+            抽成金额：{{ scope.row.commission_promoter_money || '0.00' }}<br />
+            抽成比例：{{ scope.row.commission_promoter_rate || '0' }}%
+          </template>
+        </el-table-column>
+        <el-table-column label="积分释放" prop="mer_name" min-width="150" align="left">
+          <template slot-scope="scope">
+            抽成金额：{{ scope.row.commission_integral_release_money || '0.00' }}<br />
+            抽成比例：{{ scope.row.commission_integral_release_rate || '0' }}%
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-sizes="[20, 40, 60, 80]"
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import cardsData from '@/components/cards/index'
+import { platformCommissionRecordList, platformCommissionRecordTitle } from '@/api/platformCommission'
+export default {
+  name: "platformCommissionRecord",
+  components: { cardsData },
+  data() {
+    return {
+      listLoading: true,
+      tableData: {
+        data: [],
+        total: 0,
+      },
+      tableFrom: {
+        page: 1,
+        limit: 10,
+        uid: '',
+        mer_id: ''
+      },
+      loading: false,
+      cardLists: [],
+    };
+  },
+  watch: {},
+  mounted() {
+    this.getIntegralTitle();
+    this.getList('');
+  },
+  methods: {
+    // 获取统计数据
+    getIntegralTitle() {
+      platformCommissionRecordTitle(this.tableFrom).then((res) => {
+        this.cardLists = res.data
+      }).catch((res) => {
+        this.$message.error(res.message)
+      })
+    },
+    // 获取列表 列表分页
+    getList(num) {
+      this.listLoading = true;
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+      platformCommissionRecordList(this.tableFrom)
+        .then((res) => {
+          this.tableData.data = res.data.list;
+          this.tableData.total = res.data.count;
+          this.listLoading = false;
+        })
+        .catch((res) => {
+          this.listLoading = false;
+          this.$message.error(res.message);
+        });
+    },
+    pageChange(page) {
+      this.tableFrom.page = page;
+      this.getList('');
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val;
+      this.getList('');
+    },
+    // 点击搜索
+    searchData(){
+      this.getIntegralTitle();
+      this.getList(1);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.selWidth {
+  width: 350px !important;
+}
+.seachTiele {
+  line-height: 35px;
+}
+.title{
+  margin-bottom: 16px;
+  color: #17233d;
+  font-size: 14px;
+  font-weight: bold;
+}
+.scollhide::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+}
+.user-content{
+  --user-content-height-: 80px;
+
+  height: var(--user-content-height-);
+  width: 100%;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  .user-avatar{
+    height: var(--user-content-height-);
+    width: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    img{
+      height: 80%!important;
+      width: 80%!important;
+      border-radius: 50% !important;
+    }
+  }
+  .user-info{
+    height: var(--user-content-height-);
+    width: calc(100% - var(--user-content-height-)) !important;
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    .nickname{
+      font-size: 15px;
+      font-weight: bold;
+      line-height: calc(var(--user-content-height- * 65%)) !important;
+      width: 100%;
+      text-align: left;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    .user-id{
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
+  }
+}
+</style>