增加：运营中心 - 角色账单缴费

api/agent.js

@@ -86,8 +86,18 @@ export function contractAgainSign(data) {
 }
 
 
-
+// 缴费账单 - 账单信息获取
-
+export function agentPayRecordInfo(data) {
+	return request.get(`agent/pay_record/get_info`, data);
+}
+// 缴费账单 - 生成缴费订单
+export function agentPayRecordCreateOrder(data) {
+	return request.post(`agent/pay_record/pay`, data);
+}
+// 缴费账单 - 申请退款
+export function agentPayRecordApplyRefund(data) {
+	return request.post(`agent/pay_record/refund`, data);
+}
 
 
 

components/payment/index.vue

@@ -148,7 +148,7 @@ export default {
       }
       let that = this;
       let type = ''
-      if (paytype == 'wechat') {
+      if (paytype == 'wechat' || paytype == 'weixin') {
         // #ifdef H5
         type = this.$wechat.isWeixin() ? 'weixin' : 'h5';
         // #endif

pages.json

@@ -1485,13 +1485,13 @@
 				{
 					"path": "delivery/payment",
 					"style": {
-						"navigationBarTitleText": "资金缴费"
+						"navigationBarTitleText": "货款缴费"
 					}
 				},
 				{
 					"path": "delivery/payment_record",
 					"style": {
-						"navigationBarTitleText": "缴费记录"
+						"navigationBarTitleText": "货款记录"
 					}
 				},
 				{
@@ -1499,8 +1499,13 @@
 					"style": {
 						"navigationBarTitleText": "合作协议"
 					}
+				},
+				{
+					"path": "user/pay_record",
+					"style": {
+						"navigationBarTitleText": "缴费账单"
+					}
 				}
-
 			]
 		},
 		{

pages/agent/centerV2.vue

@@ -109,7 +109,7 @@ import {roleAndCorrelationRole} from "@/api/agent";
 import {storeLoginSimulation} from "@/api/store";
 
 export default {
-  name: 'business',
+  name: 'agentV2',
   components: {
     authorize,
     qrCode
@@ -154,13 +154,13 @@ export default {
           icon: 'icon-ziti',
         });
         menuList.push({
-          title: '资金缴费',
+          title: '货款缴费',
           type: 'link',
           url: '/pages/agent/delivery/payment',
           icon: 'icon-yue2',
         });
         menuList.push({
-          title: '缴费记录',
+          title: '货款记录',
           type: 'link',
           url: '/pages/agent/delivery/payment_record',
           icon: 'icon-dingdan-xuanzhong',
@@ -191,6 +191,12 @@ export default {
         url: '/pages/agent/contract/index?role_type='+ agentType +'&role_id=' + agentId,
         icon: 'icon-bianji4',
       });
+      menuList.push({
+        title: '缴费账单',
+        type: 'link',
+        url: '/pages/agent/user/pay_record',
+        icon: 'icon-dingdan-xuanzhong',
+      });
 
 
 

pages/agent/invite/record.vue

@@ -48,7 +48,6 @@ import emptyPage from '@/components/emptyPage.vue';
 import {agentApplyRecord} from "@/api/agent";
 import authorize from '@/components/Authorize';
 import payment from '@/components/payment';
-import {getUserInfo} from "@/api/user";
 
 export default {
   components: {

pages/agent/user/pay_record.vue

@@ -0,0 +1,320 @@
+<template>
+  <view class="page-content">
+    <!--主要内容-->
+    <view class="main-content">
+      <view class="block" v-for="(item,index) in list" :kye="index">
+        <view class="left" v-if="index === 'deposit'">定金</view>
+        <view class="left" v-if="index === 'arrears'">尾款</view>
+        <view class="left" v-if="index === 'earnest_money'">保证金</view>
+        <view class="right">
+          <view class="top">
+            <view class="line">
+              <view class="line-label">支付状态</view>
+              <view class="line-text">{{ item.pay_status | payStatusText }}</view>
+            </view>
+            <view class="line">
+              <view class="line-label">付款金额</view>
+              <view class="line-text line-price">¥{{ item.money }}</view>
+            </view>
+          </view>
+          <view class="bottom">
+            <!--未支付-->
+            <template v-if="Number(item.pay_status) === 0 && Number(item.money) > 0">
+              <view class="time"></view>
+              <view class="bottom-btn pay-btn" @click="goToPay(item)">去支付</view>
+            </template>
+            <!--已支付-->
+            <template v-if="Number(item.pay_status) === 1 && Number(item.money) > 0">
+              <view class="time">支付时间：{{ item.pay_time }}</view>
+              <view class="bottom-btn refund-btn" @click="applyRefund(item)">申请退款</view>
+            </template>
+            <!--退款审核中-->
+            <template v-if="Number(item.pay_status) === 2">
+              <view class="time"></view>
+              <view class="bottom-btn">审核中</view>
+            </template>
+            <!--已退款-->
+            <template v-if="Number(item.pay_status) === 3">
+              <view class="time">退款时间：{{ item.refund_time }}</view>
+              <view class="bottom-btn"></view>
+            </template>
+          </view>
+        </view>
+      </view>
+    </view>
+    <!-- 授权登录 -->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+    <!-- 支付弹框 -->
+    <payment
+        :pay_close="pay_close"
+        @onChangeFun='onChangeFun'
+        :order_id="pay_order_id"
+        :totalPrice='totalPrice'
+        :returnUrl="'/pages/agent/user/pay_record?agent_id=' + agent_id">
+    </payment>
+
+  </view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import authorize from '@/components/Authorize';
+import {agentPayRecordApplyRefund, agentPayRecordCreateOrder, agentPayRecordInfo} from "../../../api/agent";
+import payment from '@/components/payment';
+
+export default {
+  name: 'agentPayRecord',
+  components: {
+    authorize,
+    payment
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      // 登录相关
+      isAuto: false, // 没有授权的不会自动授权
+      isShowAuth: false,// 是否隐藏授权
+      // 页面参数信息
+      agent_id: 0,
+      list: {},
+      // 支付相关
+      pay_close: false,
+      pay_order_id: '',
+      totalPrice: 0,
+
+    }
+  },
+  filters: {
+    // 缴费状态
+    payStatusText(value) {
+      // 状态：0=未交费，1=已缴费，2=已退款
+      value = Number(value) || 0;
+      if(Number(value) === 0) return '未交费';
+      else if(Number(value) === 1) return '已缴费';
+      else if(Number(value) === 2) return '退款审核中';
+      else if(Number(value) === 3) return '已退款';
+
+      return '';
+    }
+  },
+  onLoad(options) {
+    // 参数获取
+    this.agent_id = options.agent_id || 0;
+    if(this.agent_id <= 0){
+      uni.showModal({
+        title: '提示',
+        content: '非法访问，参数错误！',
+        success: function success(res) {
+          uni.navigateBack();
+        }
+      });
+    }
+    // 判断：是否登录
+    if (!this.isLogin) {
+      // 未登录  授权登录
+      this.isAuto = true;
+      this.isShowAuth = true
+    }else{
+      // 已登录  获取信息
+      this.init();
+    }
+  },
+  methods: {
+    // 授权回调
+    onLoadFun() {
+      if(this.isLogin){
+        this.isShowAuth = false;
+        this.init();
+      }
+    },
+    // 授权关闭
+    authClose(e) {
+      this.isShowAuth = e
+    },
+    // 授权成功 初始化
+    init () {
+      this.getInfo();
+    },
+    // 获取当前代理的缴费账单
+    getInfo(){
+      let _this = this;
+      agentPayRecordInfo({ agent_id: _this.agent_id}).then(res=>{
+        if(Number(res.status) === 200){
+          _this.list = res.data || {};
+        }else{
+          _this.$util.Tips({title: res.message});
+        }
+      })
+    },
+    // 支付 - 发起支付
+    goToPay(item){
+      let _this = this;
+      agentPayRecordCreateOrder({ id: item.id }).then(res=>{
+        if(Number(res.status) === 200){
+          let data = res.data || {};
+          _this.$set(_this, 'pay_close', true);
+          _this.order_id = data.group_order_id;
+          _this.pay_order_id = data.group_order_id.toString()
+          _this.$set(_this, 'totalPrice', data.pay_price);
+        }else{
+          _this.$util.Tips({title: res.message});
+        }
+      })
+    },
+    // 支付 - 事件回调
+    onChangeFun(e) {
+      let opt = e;
+      let action = opt.action || null;
+      let value = opt.value != undefined ? opt.value : null;
+      (action && this[action]) && this[action](value);
+    },
+    // 支付 - 关闭弹框
+    payClose() {
+      this.pay_close = false;
+    },
+    // 退款 - 申请退款
+    applyRefund(item){
+      let _this = this;
+      let options = {
+        title: '提示',// 弹框标题
+        content: '该操作不可逆，请确认是否申请退款！',// 提示
+        confirmText: '申请',// 确认按钮文字
+        showCancel: true, // 是否显示取消按钮
+        cancelText: '取消', // 取消按钮文字
+      }
+      _this.$util.tips(options, function () {
+        agentPayRecordApplyRefund({ id: item.id }).then(res=>{
+          if(Number(res.status) === 200){
+            _this.getInfo();
+          }else{
+            _this.$util.Tips({title: res.message});
+          }
+        })
+      });
+    }
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.page-content{
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #f6f6f6;// #f6f6f6
+
+  .main-content{
+    padding: 0 20rpx;
+
+    .block{
+      width: 100%;
+      border-radius: 30rpx;
+      margin-top: 30rpx;
+      background: #ffffff;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      align-items: center;
+      height: 230rpx;
+      overflow: hidden;
+
+      .left{
+        width: 60rpx;
+        height: 100%;
+        writing-mode: vertical-rl; /* 文字从上到下竖排，从右到左 */
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: center;
+        align-items: center;
+        font-size: 30rpx;
+        color: #ffffff;
+        letter-spacing: 20rpx;
+        padding-top: 20rpx;
+      }
+      .right{
+        width: calc(100% - 70rpx);
+        .top{
+          padding: 0 20rpx;
+          width: 100%;
+          height: 130rpx;
+          border-bottom: 2rpx solid #f4f5f7;
+          display: inline-flex;
+          flex-direction: column;
+          flex-wrap: nowrap;
+          justify-content: space-evenly;
+          align-items: center;
+
+          .line{
+            width: 100%;
+            font-size: 28rpx;
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            justify-content: flex-start;
+            align-items: center;
+            .line-label{
+              width: 130rpx;
+              color: #757b92;
+            }
+            .line-text{
+              text-align: left;
+            }
+            .line-price{
+              color: #d60001;
+            }
+          }
+        }
+        .bottom{
+          height: calc(230rpx - 130rpx);
+          width: 100%;
+          padding: 0 20rpx;
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          justify-content: space-between;
+          align-items: center;
+          .time{}
+          .bottom-btn{
+            border-radius: 10rpx;
+            height: 46rpx;
+            line-height: 46rpx;
+            font-size: 26rpx;
+            padding: 0 20rpx;
+            text-align: center;
+            background: #d2d2d2;
+            color: #787878;
+          }
+          .pay-btn{
+            background: #d60000!important;
+            color: #ffffff!important;
+          }
+          .refund-btn{
+            background: #e6a23c!important;
+            color: #ffffff!important;
+          }
+        }
+      }
+    }
+    .block:nth-child(1){
+      .left{
+        background: #ff6253;
+      }
+    }
+    .block:nth-child(2){
+      .left{
+        background: #83c887;
+      }
+    }
+    .block:nth-child(3){
+      .left{
+        background: #ffb830;
+      }
+    }
+  }
+}
+</style>