From d6f1cd437133360997fc9631825d89fde465b233 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Mon, 17 Jun 2024 18:14:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=EF=BC=9A=E9=85=8D=E9=80=81?=
 =?UTF-8?q?=E5=95=86=E7=BC=B4=E8=B4=B9=E9=A1=B5=E9=9D=A2=E5=8F=8A=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/agent.js                            |  20 +
 pages.json                              |  19 +-
 pages/agent/centerV2.vue                |  18 +
 pages/agent/delivery/mer_list.vue       | 123 ++++
 pages/agent/delivery/payment.vue        | 740 ++++++++++++++++++++++++
 pages/agent/delivery/payment_record.vue | 124 ++++
 pages/agent/user/commission.vue         |   2 +-
 pages/agent/user/list.vue               |   2 +-
 pages/user/index.vue                    |   2 +-
 9 files changed, 1046 insertions(+), 4 deletions(-)
 create mode 100644 pages/agent/delivery/mer_list.vue
 create mode 100644 pages/agent/delivery/payment.vue
 create mode 100644 pages/agent/delivery/payment_record.vue

diff --git a/api/agent.js b/api/agent.js
index 4afc6b4..6b642b7 100644
--- a/api/agent.js
+++ b/api/agent.js
@@ -49,3 +49,23 @@ export function roleAndCorrelationRole(data) {
 	return request.get(`agent/role_and_correlation_role`, data);
 }
 
+
+// 配送商 - 获取缴费列表
+export function deliveryPaymentList(data) {
+	return request.get(`agent/delivery/payment_list`, data);
+}
+export function deliveryCreateOrder(data) {
+	return request.post(`agent/delivery/create_order`, data);
+}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages.json b/pages.json
index a74e328..3ba1302 100644
--- a/pages.json
+++ b/pages.json
@@ -1397,7 +1397,6 @@
 				}
 			]
 		},
-
 		{
 			"root": "pages/agent",
 			"name": "agent",
@@ -1452,6 +1451,24 @@
 					"style": {
 						"navigationBarTitleText": "我的邀请"
 					}
+				},
+				{
+					"path": "delivery/mer_list",
+					"style": {
+						"navigationBarTitleText": "我的商户"
+					}
+				},
+				{
+					"path": "delivery/payment",
+					"style": {
+						"navigationBarTitleText": "资金缴费"
+					}
+				},
+				{
+					"path": "delivery/payment_record",
+					"style": {
+						"navigationBarTitleText": "缴费记录"
+					}
 				}
 			]
 		},
diff --git a/pages/agent/centerV2.vue b/pages/agent/centerV2.vue
index 20196f8..0598d1f 100644
--- a/pages/agent/centerV2.vue
+++ b/pages/agent/centerV2.vue
@@ -146,6 +146,24 @@ export default {
           url: '/pages/agent/user/order',
           icon: 'icon-dingdanguanli',
         });
+        menuList.push({
+          title: '我的商户',
+          type: 'link',
+          url: '/pages/agent/delivery/mer_list',
+          icon: 'icon-ziti',
+        });
+        menuList.push({
+          title: '资金缴费',
+          type: 'link',
+          url: '/pages/agent/delivery/payment',
+          icon: 'icon-yue2',
+        });
+        menuList.push({
+          title: '缴费记录',
+          type: 'link',
+          url: '/pages/agent/delivery/payment_record',
+          icon: 'icon-dingdan-xuanzhong',
+        });
       }
       // 我的邀请
       if(['6'].includes(String(agentType))){
diff --git a/pages/agent/delivery/mer_list.vue b/pages/agent/delivery/mer_list.vue
new file mode 100644
index 0000000..d7f2613
--- /dev/null
+++ b/pages/agent/delivery/mer_list.vue
@@ -0,0 +1,123 @@
+<template>
+  <view>
+    <view class="main-content" v-if="Object.values(list).length > 0">
+
+
+      配送商关联商户列表
+
+
+    </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';
+
+export default {
+  components: {
+    authorize,
+    emptyPage
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+      // 列表
+      total: 0,
+      list: [],
+      page: 1,
+      agent_id: 0,
+
+    }
+  },
+  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/centerV2?agent_id=${_this.agent_id}`});
+      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;
+
+      console.log("列表信息获取");
+      // let params = {
+      //   page: _this.page,
+      //   pid: _this.agent_id
+      // };
+      // myAgentList(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});
+      // });
+    },
+
+
+
+
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-content {
+  width: 100vw;
+  min-height: 100vh!important;
+  background: #f6f6f6;
+
+
+
+
+
+}
+</style>
diff --git a/pages/agent/delivery/payment.vue b/pages/agent/delivery/payment.vue
new file mode 100644
index 0000000..74da659
--- /dev/null
+++ b/pages/agent/delivery/payment.vue
@@ -0,0 +1,740 @@
+<template>
+  <view :style="viewColor">
+    <!--具体内容-->
+    <view class='content-box'>
+      <!--买单金额-->
+      <view class="money">
+        <view class="top-bg-line"></view>
+        <view class="money-box">
+          <view class="title">缴费金额</view>
+          <view class="input-box">
+            <view class="unit">¥</view>
+            <input class="money-input" :value="payment_current.price | toFixedTwo" readonly disabled />
+          </view>
+        </view>
+      </view>
+      <!--赠送内容-->
+      <view class="give">
+        <view class="box-title">赠送额度</view>
+        <view class="give-content">
+          <view class="give-box">赠送冠名品牌额度：<view class="give-quota">{{ payment_current.title_quota | toFixedTwo}}</view></view>
+          <view class="give-box">赠送其他品牌额度：<view class="give-quota">{{ payment_current.other_quota | toFixedTwo}}</view></view>
+          <view class="give-box change-btn" v-if="Object.values(payment_list).length > 1" @click="showChangePopup">切换支付项</view>
+        </view>
+      </view>
+      <!--支付方式-->
+      <view class="pay-type">
+        <view class="box-title">支付方式</view>
+        <view class="box-content">
+          <radio-group name="pay_type" @change="changePayType">
+            <view class="pay-label" v-for="(item,index) in pay_list" :key="index" v-if="item.payStatus==1">
+              <label>
+                <view class="pay-item">
+                  <view class="left">
+                    <view :class="['iconfont','animated',item.icon]"></view>
+                    <view class="pay-item-info">
+                      <view class="pay-name">{{ item.name }}</view>
+                      <view class='tip'>
+                        {{item.title}}
+                        <block v-if="item.value == 'balance'">
+                          {{now_money}}
+                        </block>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="right">
+                    <radio :value="item.value" :checked="item.value == pay_info.pay_type ? true : false" />
+                  </view>
+                </view>
+              </label>
+            </view>
+          </radio-group>
+        </view>
+      </view>
+      <!--支付按钮-->
+      <view class="pay-btn" v-if="agent_id > 0" @click="confirmPayment">确认支付</view>
+      <view class="pay-btn not-btn" v-else>确认支付</view>
+    </view>
+    <!--授权登录-->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+    <!--支付项目选择-->
+    <uni-popup ref="paymentListPopup" type="bottom">
+      <view class="payment-list-content">
+        <view class="list">
+          <view class="box" v-for="(item,index) in payment_list" :key="index">
+            <view class="left">
+              <view class="price">¥{{ item.price | toFixedTwo}}</view>
+              <view class="quota-box">赠送冠名品牌额度：<view class="quota-num">{{ item.title_quota | toFixedTwo }}</view></view>
+              <view class="quota-box">赠送其他品牌额度：<view class="quota-num">{{ item.other_quota | toFixedTwo }}</view></view>
+            </view>
+            <view class="selected-btn" @click="changePayment(index)">选中</view>
+          </view>
+        </view>
+      </view>
+    </uni-popup>
+
+
+
+  </view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import authorize from '@/components/Authorize';
+import emptyPage from '@/components/emptyPage.vue';
+import {getUserInfo} from "@/api/user";
+import {deliveryPaymentList, deliveryCreateOrder} from "@/api/agent";
+
+const app = getApp();
+export default {
+  components: {
+    authorize,
+    emptyPage,
+  },
+  data() {
+    return {
+      agent_id: '',
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+      //支付相关
+      pay_list: [
+        {
+          "name": "微信支付",
+          "icon": "icon-weixin2",
+          value: 'weixin',
+          title: '微信快捷支付',
+          payStatus: 1,
+        },
+        {
+          name: "支付宝支付",
+          icon: "icon-icon34",
+          // #ifdef H5 || APP-PLUS
+          value: 'alipay',
+          // #endif
+          // #ifdef MP
+          value: 'alipayQr',
+          // #endif
+          title: '支付宝支付',
+          payStatus: this.$store.getters.globalData.alipay_open
+        },
+        {
+          "name": "余额支付",
+          "icon": "icon-icon-test",
+          value: 'balance',
+          title: '可用余额:',
+          payStatus: this.$store.getters.globalData.yue_pay_status,
+        },
+        {
+          "name": "线下支付",
+          "icon": "icon-yinhangqia",
+          value: 'offline',
+          title: '线下支付',
+          payStatus: 2,
+        },
+      ],
+      now_money: 0,
+      pay_info: {
+        money: 0.00,// 买单金额
+        pay_type: 'weixin',
+        // #ifdef H5
+        return_url: 'http://' + window.location.host + '/pages/users/order_list/index',
+        // #endif
+      },
+      // 缴费信息
+      payment_list: {},
+      payment_index: '',
+      payment_current: {},
+
+    };
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'userInfo', 'viewColor'])
+  },
+  filters: {
+    toFixedTwo(value) {
+      value = value || 0;
+      value = Number(value);
+
+      return value.toFixed(2);
+    }
+  },
+  onLoad(options) {
+    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/centerV2?agent_id=${this.agent_id}`});
+      return false;
+    }
+    // 判断：是否登录
+    if (!this.isLogin) {
+      // 未登录  授权登录
+      this.isAuto = true;
+      this.isShowAuth = true
+    }else{
+      // 已登录  获取信息
+      this.init();
+    }
+  },
+  onReachBottom: function () {},
+  methods: {
+    // 授权回调
+    onLoadFun() {
+      if(this.isLogin){
+        this.isShowAuth = false;
+        this.init();
+      }
+    },
+    // 授权关闭
+    authClose(e) {
+      this.isShowAuth = e
+    },
+    // 授权成功 获取用户信息
+    init () {
+      let _this = this;
+      // 获取用户信息
+      getUserInfo().then(res => {
+        _this.now_money = res.data.now_money
+      });
+      // 获取用户缴费列表
+      this.getPaymentList();
+    },
+    // 获取缴费项列表
+    getPaymentList(){
+      let _this = this;
+      deliveryPaymentList().then(res => {
+        let data = res.data || {};
+        _this.payment_list = data || {};
+        _this.payment_index = 0;
+        _this.payment_current = data[_this.payment_index] || {};
+        // 判断：如果不存在任何缴费项目 报错并且返回
+        if(Object.values(data).length <= 0){
+          this.$util.Tips({
+            title: '不存在任何支付项，请联系管理员！',
+          },{tab:5,url:`/pages/agent/centerV2?agent_id=${_this.agent_id}`});
+          return false;
+        }
+      });
+    },
+    // 点击显示切换支付项弹框
+    showChangePopup(){
+      this.$refs.paymentListPopup.open('bottom');
+    },
+    // 点击切换支付项
+    changePayment(index){
+      this.payment_index = index;
+      this.$set(this, 'payment_current', this.payment_list[this.payment_index] || {});
+      this.$refs.paymentListPopup.close();
+    },
+    // 修改支付方式
+    changePayType(e){
+      this.pay_info.pay_type = e.detail.value || e.target.value;
+    },
+    // 确认付款
+    confirmPayment(){
+      let _this = this;
+      let paymentCurrentInfo = Object.assign({}, _this.payment_current);
+      let payInfo = Object.assign({},_this.pay_info);
+      payInfo.agent_id = _this.agent_id;
+      payInfo.money = Number(paymentCurrentInfo.price).toFixed(2);
+      payInfo.title_quota = Number(paymentCurrentInfo.title_quota).toFixed(2);
+      payInfo.other_quota = Number(paymentCurrentInfo.other_quota).toFixed(2);
+      // 发起支付
+      if (payInfo.pay_type == 'weixin') {
+        // #ifdef H5
+        payInfo.pay_type = _this.$wechat.isWeixin() ? 'weixin' : 'h5'
+        // #endif
+        // #ifdef MP
+        payInfo.pay_type = 'routine'
+        // #endif
+        // #ifdef APP-PLUS
+        payInfo.pay_type = 'weixin'
+        // #endif
+      }
+      uni.showLoading({title: '订单处理中...', mask: true});
+      deliveryCreateOrder(payInfo).then(res => {
+        if (res.status == 200) {
+          let backUrl = `/pages/agent/delivery/payment_record?agent_id=${_this.agent_id}`;
+          let backTab = 5;
+          if(Number(paymentCurrentInfo.price) > 0){
+            let status = res.data.status,
+                orderId = res.data.result.order_id,
+                callback_key = res.data.result.pay_key,
+                jsConfig = res.data.result.config;
+            // let goPages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=' + res.message;
+            let goPages = backUrl;
+            switch (status) {
+              case 'ORDER_EXIST':
+              case 'EXTEND_ORDER':
+              case 'PAY_ERROR':
+              case 'error':
+                return _this.$util.Tips({
+                  title: res.message
+                }, {
+                  tab: backTab,
+                  url: goPages
+                });
+                break;
+              case 'success':
+                return _this.$util.Tips({
+                  title: res.message,
+                  icon: 'success'
+                }, {
+                  tab: backTab,
+                  url: goPages
+                });
+                break;
+              case 'alipay':
+              case "alipayQr":
+                uni.navigateTo({
+                  url: '/pages/order_pay_back/index?keyCode=' + callback_key + '&url=' +
+                      jsConfig
+                })
+                return;
+                break;
+                // #ifndef MP
+              case "wechat":
+              case "weixin":
+              case "weixinApp":
+                jsConfig.timeStamp = jsConfig.timestamp;
+                // #ifndef APP-PLUS
+                this.$wechat.pay(jsConfig).then(res => {
+                  return _this.$util.Tips({
+                    title: res.message,
+                    icon: 'success'
+                  }, {
+                    tab: backTab,
+                    url: goPages
+                  });
+                }).catch(res => {
+                  if (res.errMsg == 'chooseWXPay:cancel') return _this.$util.Tips({
+                    title: '取消支付'
+                  }, {
+                    tab: backTab,
+                    url: goPages + '&status=0'
+                  });
+                })
+                // #endif
+                // #ifdef APP-PLUS
+                let mp_pay_name=''
+                if(uni.requestOrderPayment){
+                  mp_pay_name='requestOrderPayment'
+                }else{
+                  mp_pay_name='requestPayment'
+                }
+                uni[mp_pay_name]({
+                  provider: 'wxpay',
+                  orderInfo: jsConfig,
+                  success: (e) => {
+                    // let url = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=支付成功';
+                    return _this.$util.Tips({
+                      title: '支付成功',
+                      icon: 'success'
+                    }, {
+                      tab: backTab,
+                      url: backUrl
+                    });
+                  },
+                  fail: (e) => {
+                    // let url = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付';
+                    return _this.$util.Tips({
+                      title: '取消支付',
+                    }, {
+                      tab: backTab,
+                      url: backUrl
+                    });
+                  },
+                  complete: () => {
+                    // let url = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付';
+                    return _this.$util.Tips({
+                      title: '',
+                    }, {
+                      tab: backTab,
+                      url: backUrl
+                    });
+                  },
+                });
+                // #endif
+                break;
+                // #endif
+                // #ifdef MP
+              case "routine":
+                jsConfig.timeStamp = jsConfig.timestamp;
+                _this.toPay = true;
+                let mp_pay_name=''
+                if(uni.requestOrderPayment){
+                  mp_pay_name='requestOrderPayment'
+                }else{
+                  mp_pay_name='requestPayment'
+                }
+                uni[mp_pay_name]({
+                  ...jsConfig,
+                  success: function(res) {
+                    uni.hideLoading();
+                    return _this.$util.Tips({
+                      title: '支付成功',
+                      icon: 'success'
+                    }, {
+                      tab: backTab,
+                      url: goPages
+                    });
+                  },
+                  fail: function(e) {
+                    // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付'
+                    return _this.$util.Tips({
+                      title: '取消支付'
+                    }, {
+                      tab: backTab,
+                      // url: pages + '&status=0'
+                      url: backUrl
+                    });
+                  },
+                })
+                break;
+                // #endif
+              case "balance":
+                //余额
+                return _this.$util.Tips({
+                  title: res.msg
+                }, {
+                  tab: backTab,
+                  url: goPages + '&status=1'
+                });
+                break;
+                // #ifdef H5
+              case 'h5':
+                let host = window.location.protocol + "//" + window.location.host;
+                // let url = `${host}/pages/order_pay_status/index?order_id=${orderId}&msg=${res.message}`
+                let eUrl = encodeURIComponent(backUrl)
+                let jsurl = jsConfig.mweb_url || jsConfig.h5_url
+                let locations = `${jsurl}&redirect_url=${eUrl}`
+                setTimeout(() => {
+                  location.href = locations;
+                }, 100);
+                break;
+                // #endif
+                // #ifdef APP-PLUS
+              case 'alipayApp':
+                uni.requestPayment({
+                  provider: 'alipay',
+                  orderInfo: jsConfig,
+                  success: (e) => {
+                    return _this.$util.Tips({
+                      title: '支付成功',
+                      icon: 'success'
+                    }, {
+                      tab: backTab,
+                      url: goPages
+                    });
+                  },
+                  fail: (e) => {
+                    // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=支付失败'
+                    return _this.$util.Tips({
+                      title: '支付失败'
+                    }, {
+                      tab: backTab,
+                      url: backUrl
+                    });
+                  },
+                  complete: () => {
+                    uni.hideLoading();
+                    // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付'
+                    return _this.$util.Tips({
+                      title: ''
+                    }, {
+                      tab: backTab,
+                      url: backUrl
+                    });
+                  },
+                });
+                break;
+                // #endif
+              default:
+                // let pages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=取消支付'
+                return _this.$util.Tips({
+                  title: '取消支付'
+                }, {
+                  tab: backTab,
+                  // url: pages + '&status=0'
+                  url: backUrl
+                });
+            }
+          }else{
+            _this.$util.Tips({
+              title: '操作成功！',
+            },{
+              tab: backTab,
+              url: backUrl
+            });
+          }
+        }
+      }).catch(err => {
+        uni.hideLoading();
+        this.$util.Tips({title: err});
+      });
+    },
+
+
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.content-box{
+  width: 100vw;
+  min-height: 100vh;
+  background-color: orange;
+  padding: 20rpx;
+  background: linear-gradient(to bottom, #1b79ff, #f6f6f6) no-repeat;
+  background-size: 100% 300rpx;
+  background-color: #f6f6f6;
+
+  // 公共内容
+  .box-title{
+    margin: 30rpx 0;
+    height: 50rpx;
+    line-height: 50rpx;
+    font-size: 28rpx;
+    padding-left: 20rpx;
+    font-weight: bold;
+    position: relative;
+  }
+  .box-title:after{
+    content: "";
+    position: absolute;
+    left: 0;
+    top: calc((50rpx - 30rpx) / 2);
+    width: 10rpx;
+    height: 30rpx;
+    background: #1777ff;
+  }
+  // 买单金额
+  .money{
+    position: relative;
+    padding: 15rpx;
+    .top-bg-line{
+      width: 100%;
+      background-color: #1256ad;
+      height: 20rpx;
+      border-radius: 50rpx;
+      position: absolute;
+      left: 0;
+      top: 0;
+    }
+    .money-box{
+      background: #FFFFFF;
+      position: relative;
+      width: 100%;
+      top: -5rpx;
+      border-radius: 15rpx;
+      padding: 20rpx;
+      box-shadow: 0px 3px 5px 0px #ececec;
+      .title{
+        height: 60rpx;
+        line-height: 60rpx;
+        font-size: 26rpx;
+        font-weight: bold;
+      }
+      .input-box{
+        height: 70rpx;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+        align-items: flex-end;
+        font-size: 50rpx;
+        font-weight: bold;
+        margin: 20rpx 0 30rpx 0;
+      }
+      .unit{
+        margin-right: 15rpx;
+      }
+      .money-input{
+        height: 70rpx;
+      }
+    }
+  }
+  // 赠送额度
+  .give{
+    .give-content{
+      width: 100%;
+      display: inline-flex;
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      align-items: center;
+      flex-direction: column;
+      .give-box{
+        display: inline-flex;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+        align-items: center;
+        flex-direction: row;
+        width: 100%;
+        height: 50rpx;
+        line-height: 50rpx;
+        color: #C3C3C3;
+        font-size: 30rpx;
+        .give-quota{
+          color: #f70e05;
+        }
+      }
+      .change-btn{
+        color: #1b79ff;
+      }
+    }
+  }
+  // 支付方式
+  .pay-type{
+
+    .box-content{
+      .pay-label:not(:last-child){
+        margin-bottom: 20rpx;
+      }
+      .pay-item{
+        height: 120rpx;
+        padding: 20rpx;
+        width: 100%;
+        border: 2rpx solid #d9dce4;
+        border-radius: 15rpx;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        align-items: center;
+        justify-content: space-around;
+        .left{
+          width: calc(100% - 80rpx);
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: flex-start;
+          .animated{
+            width: 44rpx;
+            height: 44rpx;
+            border-radius: 50%;
+            text-align: center;
+            line-height: 44rpx;
+            background-color: #fe960f;
+            color: #fff;
+            font-size: 30rpx;
+            margin-right: 15rpx;
+          }
+          .icon-weixin2 {
+            background-color: #41b035;
+          }
+          .icon-icon34 {
+            background-color: #4295D5;
+          }
+          .pay-item-info{
+            .pay-name{
+              text-align: left;
+              border-right: 1px solid #eee;
+              justify-content: left;
+            }
+            .tip{
+              text-align: left;
+              font-size: 26rpx;
+              color: #aaa;
+            }
+          }
+        }
+        .right{
+          width: 80rpx;
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: flex-end;
+        }
+      }
+    }
+  }
+  // 确认支付
+  .pay-btn{
+    width: calc(100% - (20rpx * 2));
+    background: #1777ff;
+    color: #FFFFFF;
+    border-radius: 15rpx;
+    font-size: 30rpx;
+    text-align: center;
+    height: 70rpx;
+    line-height: 70rpx;
+    position: absolute;
+    left: 20rpx;
+    bottom: 150rpx;
+  }
+  .not-btn{
+    background-color: #909399;
+    color: #fff;
+  }
+}
+
+.payment-list-content{
+  background: #FFFFFF;
+  width: 100vw!important;
+  height: 80vh!important;
+  padding: 15rpx;
+  border-top-right-radius: 20rpx;
+  border-top-left-radius: 20rpx;
+
+  .list{
+    overflow: auto;
+    height: calc(100% - 60rpx);
+    .box{
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20rpx 0;
+      width: 100%;
+      .left{
+        width: calc(100% - 110rpx);
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        align-items: center;
+        justify-content: flex-start;
+        .price{
+          width: 100%;
+          font-size: 36rpx;
+          height: 70rpx;
+          line-height: 70rpx;
+          color: #fb0000;
+        }
+        .quota-box{
+          width: 100%;
+          font-size: 28rpx;
+          text-align: left;
+          height: 40rpx;
+          line-height: 40rpx;
+          display: inline-flex;
+          flex-direction: row;
+          align-items: center;
+          flex-wrap: nowrap;
+          justify-content: flex-start;
+          color: #818181;
+          .quota-num{
+            color: #f70e05;
+          }
+        }
+      }
+      .selected-btn{
+        width: 100rpx;
+        height: 50rpx;
+        line-height: 50rpx;
+        text-align: center;
+        font-size: 26rpx;
+        background-color: #67c23a;
+        color: #fff;
+        border-radius: 50rpx;
+      }
+    }
+    .box:not(:last-child){
+      border-bottom: 2rpx solid #f6f6f6;
+    }
+  }
+}
+</style>
diff --git a/pages/agent/delivery/payment_record.vue b/pages/agent/delivery/payment_record.vue
new file mode 100644
index 0000000..1da45e0
--- /dev/null
+++ b/pages/agent/delivery/payment_record.vue
@@ -0,0 +1,124 @@
+<template>
+  <view>
+    <!--v-if="Object.values(list).length > 0"-->
+    <view class="main-content">
+
+
+      资金缴费记录
+
+
+    </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';
+
+export default {
+  components: {
+    authorize,
+    emptyPage
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+      // 列表
+      total: 0,
+      list: [],
+      page: 1,
+      agent_id: 0,
+
+    }
+  },
+  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/centerV2?agent_id=${_this.agent_id}`});
+      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;
+
+      console.log("列表信息获取");
+      // let params = {
+      //   page: _this.page,
+      //   pid: _this.agent_id
+      // };
+      // myAgentList(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});
+      // });
+    },
+
+
+
+
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-content {
+  width: 100vw;
+  min-height: 100vh!important;
+  background: #f6f6f6;
+
+
+
+
+
+}
+</style>
diff --git a/pages/agent/user/commission.vue b/pages/agent/user/commission.vue
index 82d773e..baf0278 100644
--- a/pages/agent/user/commission.vue
+++ b/pages/agent/user/commission.vue
@@ -59,7 +59,7 @@ export default {
     if(Number(_this.agent_id) <= 0){
       _this.$util.Tips({
         title: '非法访问，信息不存在！',
-      },{tab:5,url:'/pages/agent/center'});
+      },{tab:5,url:`/pages/agent/centerV2?agent_id=${_this.agent_id}`});
       return false;
     }
     // 判断：是否登录
diff --git a/pages/agent/user/list.vue b/pages/agent/user/list.vue
index bb448d5..6f73048 100644
--- a/pages/agent/user/list.vue
+++ b/pages/agent/user/list.vue
@@ -67,7 +67,7 @@ export default {
     if(Number(_this.agent_id) <= 0){
       _this.$util.Tips({
         title: '非法访问，信息不存在！',
-      },{tab:5,url:'/pages/agent/center'});
+      },{tab:5,url:`/pages/agent/centerV2?agent_id=${_this.agent_id}`});
       return false;
     }
     // 判断：是否登录
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 3e7b7d2..2c07a7d 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -558,7 +558,7 @@
 			filterMenus: function(item){
 				let that = this;
 				if(item.url=='/pages/users/user_money/index') item.isShow =  that.balance_func_status == 1
-        else if(item.url == '/pages/agent/center'){
+        else if(item.url == '/pages/agent/center' || item.url == '/pages/agent/centerV2'){
           console.log('是否为代理人员：',that.is_agent)
           item.isShow = that.is_agent || false;
         }