前端:UNIAPP
后端:ThinkPHP
数据库: Mysql
前端使用的uniapp 可以打包APP H5 小程序
系统提供了完善的网络借贷体系,为金融中介平台提供从获客到贷后管理全流程服务,解决了借贷手续繁琐、流程缓慢等问题
此源码为运营中版本,具有极高稳定性,防注入,防攻击,修复全部已知后门漏洞
仅供学习演示、二次开发专用,禁止一切违法行为的利用!
<template>
<view>
<view class="pd40">
<view class="flex center ft14 text-main">
可提现金额(元)
</view>
<view class="flex center mt30 ft36 ftw600 text-default">¥{{qbMoney}}</view>
<view class="flex center mt40">
<view>
<view @click="storeAct" class="btn-money flex center alcenter ft18 text-w ftw600">充值</view>
</view>
<view @click="withdrawAct" class="ml30">
<view class="btn-withdraw bg-w flex center alcenter ft18 text-main ftw600">提现</view>
</view>
</view>
</view>
<view class="mt40 unio2o-money" v-if="showMoneyStatus == 1">
<view class="flex alcenter pd30">
<text class="iconfont iconicon_balance_des ft20"></text>
<text class="ft18 ftw600 text-default ml20">余额明细</text>
</view>
<view class="line"></view>
<view class="pd30">
<view v-for="(item,index) in moneylog">
<view class="pb30">
<view>
<view class="flex space">
<view>
<view class="ft18 text-default">余额变动</view>
<view class="ft14 text-notice mt20">{{item.add_time}}</view>
</view>
<view>
<view class="ft18 text-default text-right ftw600">¥{{item.money}}</view>
<view class="ft14 text-info mt20 text-right ftw500" v-if="item.istatus == 0 & item.bz == 1">充值审核中</view>
<view class="ft14 text-info mt20 text-right ftw500" v-if="item.istatus == 1 & item.bz == 1">充值审核通过</view>
<view class="ft14 text-info mt20 text-right ftw500" v-if="item.istatus == 2 & item.bz == 1">充值审核驳回</view>
<view class="ft14 text-info mt20 text-right ftw500" v-if="item.istatus == 0 & item.bz == 2">提现中</view>
<view class="ft14 text-info mt20 text-right ftw500" v-if="item.istatus == 1 & item.bz == 2">提现审核通过</view>
<view class="ft14 text-info mt20 text-right ftw500" v-if="item.istatus == 2 & item.bz == 2">提现审核驳回</view>
<view class="ft14 text-info mt20 text-right ftw500" v-if="item.istatus == 3">款项下放钱包</view>
</view>
</view>
</view>
<view class="line mt30"></view>
</view>
</view>
</view>
</view>
<unio2o-modal @closed="storeBindAlert = false" title="选择充值方式" :show="storeBindAlert">
<view class="pd30">
<view class="flex pd20">
<view class="ft16 ftw500 text-info">支付方式</view>
<picker class="ml40 yzm-code showList" @change="bindPickerChangeRelation" :value="bankindex" :range="bankList">
<view class="uni-input">{{bankList[bankindex]}}</view>
</picker>
</view>
<view class="mt30">
<button @click="showTips" class="btn-main ft18 text-w">充值</button>
</view>
<view class="mt30">
<button @click="recharegeAct" class="btn-main ft18 text-w">已充值上传凭证</button>
</view>
</view>
</unio2o-modal>
<unio2o-model-middle @closed="plusContactAlert = false" :title="title" :show="plusContactAlert">
<view class="pd30" v-if="bankindex == 0">
<view class="bdr16">
<view class="flex space alcenter mt50 ft14">
<text class="text-info">收款银行:</text>
<text class="text-main">{{paybank}}</text>
</view>
<view class="flex space alcenter mt50 ft14">
<text class="text-info">收款人</text>
<text class="text-main">{{payname}}</text>
</view>
<view class="flex space alcenter mt50 ft14">
<text class="text-info">收款账户</text>
<text class="text-main">{{paysn}}</text>
</view>
<view class="flex space alcenter mt50 ft14">
<text class="text-info">说明</text>
<text class="text-main">{{paysm}}</text>
</view>
</view>
</view>
<view class="pd30" v-if="bankindex == 1">
<view class="bdr16">
<view class="flex space alcenter mt50 ft14 center">
<image class="member-face" :src="zfbcodes"></image>
</view>
<view class="flex space alcenter mt50 ft14 center showSomeTips">
手机用户可截图二维码到手机中<br />
在支付宝扫一扫中选择 相册 即可
</view>
</view>
</view>
<view class="pd30" v-if="bankindex == 2">
<view class="bdr16">
<view class="flex space alcenter mt50 ft14 center">
<image class="member-face" :src="wxcodes"></image>
</view>
<view class="flex space alcenter mt50 ft14 center showSomeTips">
手机用户可截图二维码到手机中<br />
在微信扫一扫中选择 相册 即可
</view>
</view>
</view>
</unio2o-model-middle>
<unio2o-model-middle @closed="recharegeAlert = false" :title="title" :show="recharegeAlert">
<view class="pd30">
<view class="flex pd20">
<view class="ft16 ftw500 text-info show_align">支付方式:</view>
<picker class="ml40 yzm-code showList" @change="bindPickerChangeRelation" :value="bankindex" :range="bankList">
<view class="uni-input">{{bankList[bankindex]}}</view>
</picker>
</view>
<view class="pd20 flex alcenter">
<view class="ft16 ftw500 text-info for_money show_align">充值金额:</view>
<input class="ml40" maxlength="11" name="jine" v-model="jine" type="number" placeholder="输入充值金额" />
</view>
<view class="pd20 col3 text-center">
<view class="ft14 text-info mt20">
<image class="member-face" @click="upload($event)" :src="showUploadImg"></image>
</view>
<view class="text-default p_font">
上传充值转账转账记录截图
</view>
</view>
<view class="pd20">
<button @click="submit" class="btn-main ft18 text-w">提交</button>
</view>
</view>
</unio2o-model-middle>
<unio2o-model-middle @closed="withdrawAlert = false" title="钱包取现" :show="withdrawAlert">
<view class="pd30">
<view class="pd20 flex alcenter">
<view class="ft16 ftw500 text-info for_money show_align show_align_sepc">可提现金额:</view>
<input class="ml40" disabled="true" maxlength="11" name="widthdrawAmount" v-model="widthdrawAmount" type="number" placeholder="输入取现金额" />
</view>
<view class="pd20 mt20">
<button @click="withdrawSubmit" class="btn-main ft18 text-w">提交</button>
<button @click="withdrawDelete" class="btn-main ft18 text-w mt20">取消</button>
</view>
</view>
</unio2o-model-middle>
<unio2o-coupon-alert :readTitle="readTitle" :readContent="readContent" v-if="isStatus == 1"></unio2o-coupon-alert>
<unio2o-footer :selectIndex="3"></unio2o-footer>
</view>
</template>
提现详情界面代码
<template>
<view>
<view class="pd40" v-if="isSshow == 1">
<view class="box-shadow bdr16 pd30 bg-w mb60">
<view class="flex">
<view class="showAll">
<view class="ft16 text-main order ftw600 mb20">{{loanOrder.oid}}</view>
<view class="flex space alcenter mt20 showWidth">
<view class="showOne pt10 pb10">
<view class="ft16 text-info mb10">借款总额</view>
<view class="ft18 ftw600 text-main">¥{{loanOrder.money}}</view>
</view>
<view class="showOne pt10 pb10">
<view class="ft16 text-info mb10">钱包余额</view>
<view class="ft18 ftw600 text-main">¥{{qbmoney}}</view>
</view>
</view>
</view>
</view>
</view>
<view class="flex center mt30">
<navigator url="/pages/member/money/recharge">
<view class="btn-money flex center alcenter ft18 text-w">每期应还<br />¥{{nowbillmoney}}</view>
</navigator>
<navigator class="ml30" url="/pages/member/money/withdraw">
<view class="btn-money flex center alcenter ft18 text-w">剩余结算<br />¥{{remainSum}}</view>
</navigator>
</view>
</view>
<view class="mt30 unio2o-money" v-if="isSshow == 1">
<view class="flex alcenter pd30">
<text class="ft18 ftw600 text-default ml20">共 {{loanOrder.time}} 期 剩余还款:¥{{remainSum}}</text>
</view>
<view class="line"></view>
<view class="pd30">
<view>
<view class="pb30" v-for="(item,index) in billList">
<navigator>
<view class="flex space">
<view>
<view class="ft18 text-default">{{item.repayment_time}}</view>
<view class="ft14 text-notice mt20">第 {{item.billnum}} 期</view>
</view>
<view>
<view class="ft18 text-default text-right ftw600">¥{{item.money + item.interest}}</view>
<view class="ft14 text-info mt20 text-right ftw500">
<view class="showOne pt10 pb10">
<view @click="showBackTop" class="ft16 text-info mb10 back_action">还款</view>
</view>
</view>
</view>
</view>
</navigator>
<view class="line mt30"></view>
</view>
</view>
</view>
</view>
<unio2o-footer :selectIndex="3"></unio2o-footer>
</view>
</template>
前端界面
提现界面代码:
<template>
<view>
<view class="plr60 login-box">
<view class="box-shadow pd30 bg-w bdr16 mt50">
<view class="pt10 flex alcenter">
<view class="ft16 ftw500 text-info show_align">提现金额</view>
</view>
<view class="pt40 mb40 flex alcenter">
<view class="ft16 ftw500 text-info show_align show_align_auto">¥</view>
<input class="ml15" maxlength="20" name="widthdrawAmount" v-model="widthdrawAmount" type="number" disabled="true" placeholder="请输入提现金额" />
</view>
<view class="line mt40 mb120"></view>
<view class="mt20 flex alcenter">
<text class="ft14 text-notice">到账银行:</text>
<text class="ft14 text-theme spec-title-color">{{bankname}}({{bankcard}})</text>
</view>
</view>
<button @click="withdrawSubmit" class="btn-main mt40 ft18 text-w">确认提现</button>
</view>
<unio2o-footer :selectIndex="3"></unio2o-footer>
</view>
</template>
后台管理界面