From 90599a43dcb60e616aca2e9e4f2fcdaef98cda7a Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Tue, 9 Jul 2024 16:57:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=EF=BC=9A=E8=BF=90=E8=90=A5?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E5=A2=9E=E5=8A=A0=E7=BC=B4=E8=B4=B9=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/marketing.js                          |   6 +-
 src/router/modules/marketing.js               |   9 +
 src/views/marketing/agent/config/index.vue    |  43 +++-
 .../marketing/agent/record/pay_record.vue     | 183 ++++++++++++++++++
 4 files changed, 235 insertions(+), 6 deletions(-)
 create mode 100644 src/views/marketing/agent/record/pay_record.vue

diff --git a/src/api/marketing.js b/src/api/marketing.js
index 8fecbbc..c0fc78c 100644
--- a/src/api/marketing.js
+++ b/src/api/marketing.js
@@ -817,8 +817,10 @@ export function deliveryMerList(data) {
 export function deliveryOrderAllocation(data) {
   return request.post(`marketing/agent/delivery_order_allocation`,data)
 }
-
-
+// 代理中心 - 缴费记录
+export function agentPayRecord(data) {
+  return request.get(`marketing/agent/pay_record`,data)
+}
 
 
 // 活动分类 - 列表获取
diff --git a/src/router/modules/marketing.js b/src/router/modules/marketing.js
index 509d8ec..a1623fa 100644
--- a/src/router/modules/marketing.js
+++ b/src/router/modules/marketing.js
@@ -603,6 +603,15 @@ const marketingRouter =
             },
             component: () => import('@/views/marketing/agent/delivery/order')
           },
+          {
+            path: 'pay_record',
+            name: `agentPayRecord`,
+            meta: {
+              title: '缴费记录',
+              noCache: true
+            },
+            component: () => import('@/views/marketing/agent/record/pay_record')
+          },
         ]
       },
       {
diff --git a/src/views/marketing/agent/config/index.vue b/src/views/marketing/agent/config/index.vue
index 97220e1..6e2f916 100644
--- a/src/views/marketing/agent/config/index.vue
+++ b/src/views/marketing/agent/config/index.vue
@@ -4,13 +4,14 @@
       <el-form ref="config" :model="config" label-width="200px" class="demo-config">
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="入驻基本设置" name="pay_money">
+            <!--顶部提示-->
             <el-alert type="warning" show-icon :closable="false">
               <template slot="title">费用及佣金说明</template>
               1、费用为该角色加入时需要支付的金额，例如：总部外勤邀请省发起人加入，则省发起人需要在【省发起人定金中选择个档次支付】，如果仅存在一个档次则无需选择，如果无任何档次信息则无需支付！<br />
               2、费用设置为0时则无需支付，且【推荐奖励佣金】设置将失效，无奖励佣金<br />
               3、奖励仅邀请人归属的上级可得，例如：合伙人加入且支付后→邀请该合伙人的运营商可获得奖励→邀请该运营商的省公司外勤可获得奖励→邀请该省公司外勤的省发起人可获得奖励→邀请该省发起人的总部外勤可获得奖励<br />
             </el-alert>
-
+            <!--循环基本设置项-->
             <div v-for="(item,index) in agent_base_set" :key="index">
               <el-divider content-position="left">{{ item.title }}</el-divider>
               <el-form-item label="是否需要审核：">
@@ -19,13 +20,21 @@
                   <el-radio :label="1">无需审核</el-radio>
                 </el-radio-group>
               </el-form-item>
-              <el-form-item label="缴费总额：">
-                <el-input v-model="item.total_money" :precision="2" :step="0.01" :min="0" type="number" class="selWidth">
+              <el-form-item label="保证金：">
+                <el-input v-model="item.earnest_money" :precision="2" :step="0.01" :min="0" type="number" class="selWidth">
+                  <template slot="append">元</template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="入驻缴费总额：">
+                <el-input
+                  :value="item.total_money"
+                  @input="changeTotalMoney($event,index)"
+                  :precision="2" :step="0.01" :min="0" type="number" class="selWidth">
                   <template slot="append">元</template>
                 </el-input>
               </el-form-item>
               <template v-if="item.total_money > 0">
-                <el-form-item label="缴费定金：">
+                <el-form-item label="入驻缴费定金：">
                   <div v-for="(depositItem, depositIndex) in item.deposit_list" :key="depositIndex">
                     <el-input
                       :value="depositItem.deposit_price"
@@ -282,6 +291,32 @@ export default {
 
       this.$set(this.agent_base_set[index], 'commission_list', commissionList);
       this.$forceUpdate();
+    },
+    // 总额变更
+    changeTotalMoney(e, index){
+      let value = e || 0;
+      let baseSet =  Object.assign({}, this.agent_base_set || {});
+      let currentInfo = Object.assign({}, baseSet[index] || {});
+      let currentDepositList = Object.assign({}, currentInfo.deposit_list || {});
+      currentInfo.total_money = value || 0;
+      // 处理定金信息
+      if(Number(value) > 0 && Object.values(currentDepositList).length > 0){
+        Object.values(currentDepositList).forEach((item,key) => {
+          // 判断：如果定金大于总额  则定金等于总额
+          if(Number(item.deposit_price) > Number(value)) {
+            item.deposit_price = Number(value);
+            currentDepositList[key].deposit_price = Number(value);
+          }
+          // 计算：新的剩余金额
+          currentDepositList[key].surplus_price = Number(value - item.deposit_price).toFixed(2);
+        })
+      }else{
+        currentDepositList = {};
+      }
+      currentInfo.deposit_list = currentDepositList;
+
+      this.$set(this.agent_base_set, index, currentInfo);
+      this.$forceUpdate();
     }
 
 
diff --git a/src/views/marketing/agent/record/pay_record.vue b/src/views/marketing/agent/record/pay_record.vue
new file mode 100644
index 0000000..6adf001
--- /dev/null
+++ b/src/views/marketing/agent/record/pay_record.vue
@@ -0,0 +1,183 @@
+<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.object_id" placeholder="请输入运营中心角色ID" class="selWidth" clearable />
+              <el-select v-model="tableFrom.pay_status" class="selWidth" clearable>
+                <el-option label="未交费" :value="0"></el-option>
+                <el-option label="已缴费" :value="1"></el-option>
+                <el-option label="已退款" :value="2"></el-option>
+              </el-select>
+              <el-select v-model="tableFrom.pay_type" class="selWidth" clearable>
+                <el-option label="定金" :value="1"></el-option>
+                <el-option label="尾款" :value="2"></el-option>
+                <el-option label="保证金" :value="3"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+          <el-button size="small" type="primary" @click="getList(1)">搜索</el-button>
+        </div>
+      </div>
+      <!--表格信息-->
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini">
+        <el-table-column prop="id" label="ID" min-width="50" align="center"/>
+        <el-table-column label="缴费用户" min-width="200" align="center">
+          <template slot-scope="scope">
+            <div class="user-content">
+              <div class="user-avatar">
+                <img :src="scope.row.user.avatar || moren" />
+              </div>
+              <div class="user-info">
+                <div class="nickname">{{ scope.row.user.nickname }}</div>
+                <div class="user-id">ID：{{ scope.row.user.uid }}</div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="运营中心身份" min-width="200" align="center">
+          <template slot-scope="scope">
+            <div class="user-content" v-if="scope.row.agent">
+              {{ scope.row.agent.agent_type_text || '' }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="缴费类型" min-width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.pay_type == 1">定金</el-tag>
+            <el-tag v-else-if="scope.row.pay_type == 2">尾款</el-tag>
+            <el-tag v-else-if="scope.row.pay_type == 3">保证金</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="缴费金额" prop="money" min-width="100" align="center"/>
+        <el-table-column label="状态" min-width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.pay_status == 0" type="info">未缴费</el-tag>
+            <el-tag v-else-if="scope.row.pay_status == 1" type="success">已缴费</el-tag>
+            <el-tag v-else-if="scope.row.pay_status == 2" type="warning">已退款</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="缴费时间" prop="pay_time" min-width="150" align="center"/>
+        <!--<el-table-column label="操作" min-width="150" fixed="right" align="center">-->
+        <!--  <template slot-scope="scope">-->
+        <!--    <el-button v-if="scope.row.status == 1" type="text" size="small" class="mr10" @click="allocationOrder(scope.row)">分配</el-button>-->
+        <!--  </template>-->
+        <!--</el-table-column>-->
+      </el-table>
+      <!--分页-->
+      <div class="block">
+        <el-pagination :page-size="tableFrom.limit" :current-page="tableFrom.page" :total="tableData.total" @current-change="pageChange" />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { agentPayRecord } from '@/api/marketing'
+export default {
+  name: "preSaleProductList",
+  components: { },
+  data() {
+    return {
+      moren: require("@/assets/images/f.png"),
+      listLoading: true,
+      tableData: {
+        data: [],
+        total: 0,
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        object_id: '',
+        pay_status: '',
+        pay_type: '',
+      },
+
+
+
+
+    };
+  },
+  watch: {},
+  mounted() {
+    this.getList('');
+  },
+  methods: {
+    // 获取列表
+    getList(num) {
+      let _this = this;
+      _this.listLoading = true;
+      _this.tableFrom.page = num ? num : this.tableFrom.page;
+      agentPayRecord(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('');
+    },
+
+
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+/deep/ .el-table .cell{
+  padding: 0!important;
+}
+.selWidth{
+  margin-bottom: 10px!important;
+}
+.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-);
+    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%));
+    }
+    .user-id{
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
+  }
+}
+</style>