Skip to content

X
xzf_uniapp-wechat-web
Commit 52ed26aa authored by 袁玲利's avatar 袁玲利
Browse files
Options

充值金额需小于等于2千

parent d5df70f5
Hide whitespace changes
Inline Side-by-side
Showing with 1530 additions and 1468 deletions
src/pages/BankModule/Recharge/Recharge.vue
View file @ 52ed26aa
...@@ -395,7 +395,7 @@ ...@@ -395,7 +395,7 @@
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; obj.value = obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
if (obj.value == '' || obj.value * 1 < 3) { if (obj.value == '' || obj.value * 1 < 3) {
$('.DepositID').attr('style', 'background: rgb(230, 230, 230) !important;'); $('.DepositID').attr('style', 'background: rgb(230, 230, 230) !important;');
} else { } else {
......
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ 52ed26aa
<template> <template>
<view class="container"> <view class="container">
<view class="contentBox" v-if="!depotMoneyother"> <view class="contentBox" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv"> <view class="contentDiv">
<view class="headview"> <view class="headview">
<view class="schoolname">{{PersonalInfo.schoolname}}</view> <view class="schoolname">{{ PersonalInfo.schoolname }}</view>
<view class="IconCls">电子校园卡</view> <view class="IconCls">电子校园卡</view>
</view> </view>
<!-- 卡号显示 --> <!-- 卡号显示 -->
<view class="cardNum"> <view class="cardNum">
<view class="cardNumleft"><span>账户：</span> **** **** **** <view class="cardNumleft"
{{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}} <span>(工商III类户)</span> ><span>账户：</span> **** **** ****
</view> {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view> <span>(工商III类户)</span>
</view> </view>
<view class="HidenText"> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber"
<view class="userName">姓名：<span>{{PersonalInfo.name}}</span></view> >复制</view
<view class="StudentCls" v-if="PersonalInfo.usertype=='1'"> >
班级：{{PersonalInfo.gradename}}({{PersonalInfo.classname}})</view> </view>
<view class='TeacherCls' v-else>教职工</view> <view class="HidenText">
</view> <view class="userName"
<view class="Balance"> >姓名：<span>{{ PersonalInfo.name }}</span></view
<view class="cardBalanceTx">余额：￥<span>{{cardBalanceTx}}</span></view> >
<view @click="ToWalletTx"> <view class="StudentCls" v-if="PersonalInfo.usertype == '1'">
<span style="display: inline-block;padding-right: 10rpx;">余额提现</span> 班级：{{ PersonalInfo.gradename }}({{
<image style="position: relative;width: 13rpx;height: 20rpx;" class='ImgIcon1' mode='widthFix' PersonalInfo.classname
:src="ImgUrl+'images/xiaopaycard (17).png'" alt=""></image> }})</view
</view> >
</view> <view class="TeacherCls" v-else>教职工</view>
</view> </view>
<!-- 充值明细 --> <view class="Balance">
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> <view class="cardBalanceTx"
账户明细 >余额：￥<span>{{ cardBalanceTx }}</span></view
</view> >
<!-- 充值账户 --> <view @click="ToWalletTx">
<view class="Recharge"> <span style="display: inline-block; padding-right: 10rpx"
<span></span> >余额提现</span
<span>账户充值</span> >
</view> <image
<!-- 充值的金额 --> style="position: relative; width: 13rpx; height: 20rpx"
<view class="MoneyBox"> class="ImgIcon1"
<view class="depotMoney" @click="depotMoney(item.value,index)" mode="widthFix"
v-bind:class="(MoneyIndex==index)?'choiceClass':''" :data-money="item.value||0" :src="ImgUrl + 'images/xiaopaycard (17).png'"
v-for="(item,index) in MoneyList" :key="index"> alt=""
></image>
<span class="value"> </view>
{{item.value}} </view>
</span> </view>
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span> <!-- 充值明细 -->
<!-- <span class="tips" v-show="item.tips"> <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
账户明细
</view>
<!-- 充值账户 -->
<view class="Recharge">
<span></span>
<span>账户充值</span>
</view>
<!-- 充值的金额 -->
<view class="MoneyBox">
<view
class="depotMoney"
@click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<span class="value">
{{ item.value }}
</span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
item.lable
}}</span>
<!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
</view> </view>
</view> </view>
<!-- 充值限额提示 --> <!-- 充值限额提示 -->
<view class="depositbox"> <view class="depositbox">
<image mode='widthFix' class="depositImg" src="../../../static/img/depositIcon.png"></image> <image
<span style="vertical-align:middle;font-size: 28rpx;color: #333333;font-weight: 500;">最大可充值金额：<span mode="widthFix"
style="color:red;">￥<span class="canDepositTx">{{RechargeMax}}</span></span></span> class="depositImg"
</view> src="../../../static/img/depositIcon.png"
<!-- 充值其它金额 --> ></image>
<view class="OtherMoney" v-if="isOtherMoney"> <span
<span>￥</span> style="
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元" vertical-align: middle;
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> font-size: 28rpx;
</view> color: #333333;
<!-- 支付方式 --> font-weight: 500;
<view class="payType" @click="queryBindCardList"> "
<view>付款方式</view> >最大可充值金额：<span style="color: red"
<view> {{ bankInfo_.bindCardName}} {{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length-4) }}<span >￥<span class="canDepositTx">{{ RechargeMax }}</span></span
class="arrow"></span></view> ></span
<!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span >
</view>
<!-- 充值其它金额 -->
<view class="OtherMoney" v-if="isOtherMoney">
<span>￥</span>
<input
v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view>
<!-- 支付方式 -->
<view class="payType" @click="queryBindCardList">
<view>付款方式</view>
<view>
{{ bankInfo_.bindCardName }}
{{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
}}<span class="arrow"></span
></view>
<!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span
class="arrow"></span></view> --> class="arrow"></span></view> -->
</view> </view>
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> --> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 --> <!-- 充值生活费 -->
<view class="bottomdiv"> <view class="bottomdiv">
<view class="DepositID" @click="toDeposit" <view
v-bind:style="Money!=''?'':'background: #e6e6e6 !important;'"> class="DepositID"
<span>充值生活费</span> @click="toDeposit"
</view> v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
<!-- --> >
<view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> <span>充值生活费</span>
</view> </view>
<!-- -->
</view> <view class="switchbankCard" @click="ChangeBankPay"
<!-- 其他充值金额 --> >我要换银行卡支付</view
<view class="contentBox" v-if="depotMoneyother"> >
<view class="OtherTitle">充值金额</view> </view>
<view class="inputOtherM"> </view>
<span>￥</span> <!-- 其他充值金额 -->
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM" <view class="contentBox" v-if="depotMoneyother">
type="text" maxlength="6" /> <view class="OtherTitle">充值金额</view>
</view> <view class="inputOtherM">
<view class="OtherLine"></view> <span>￥</span>
<!-- 充值范围 --> <input
<view class="Recharge_"> v-model="inputOtherM"
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> @input="inputControl"
<span>最大可充值金额：</span> placeholder-class="placeholderinputOtherM"
<span>￥<span>3.00 ~ {{RechargeMax}}</span></span> type="text"
</view> maxlength="6"
</view> />
<!-- 弹出层 --> </view>
<uni-popup ref="popup" :mask-click="false"> <view class="OtherLine"></view>
<!-- 充值确认 --> <!-- 充值范围 -->
<view class="RechargeConfirmationBox"> <view class="Recharge_">
<view class="RechargeInfo"> <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<view class="closePhoneBox" @click="close()"> <span>最大可充值金额：</span>
<image src="../../../static/img/close.png" mode="aspectFit"></image> <span
</view> >￥<span>3.00 ~ {{ RechargeMax }}</span></span
<view class="RechargeInfo1"> >
充值生活费 </view>
</view> </view>
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> <!-- 弹出层 -->
<view class="ContenInfo"> <uni-popup ref="popup" :mask-click="false">
<view class="" v-if="isOtherMoney"> <!-- 充值确认 -->
充值金额：{{inputOtherM}}元 <view class="RechargeConfirmationBox">
</view> <view class="RechargeInfo">
<view class="" v-else> <view class="closePhoneBox" @click="close()">
充值金额：{{Money}}元 <image src="../../../static/img/close.png" mode="aspectFit"></image>
</view> </view>
<view class=""> <view class="RechargeInfo1"> 充值生活费 </view>
付款账户：{{bankInfo_.bindCardName}}({{bankInfo_.bindCardNo && bankInfo_.bindCardNo.slice(bankInfo_.accountNo.length-4)}}) <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
</view> <view class="ContenInfo">
</view> <view class="" v-if="isOtherMoney">
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> 充值金额：{{ inputOtherM }}元
<!-- 取消 确认充值按钮 --> </view>
<view class="BtngGoup"> <view class="" v-else> 充值金额：{{ Money }}元 </view>
<view class="" @click="close()"> <view class="">
取消 付款账户：{{ bankInfo_.bindCardName }}({{
</view> bankInfo_.bindCardNo &&
<view class="" @click="ExchangeRecharge"> bankInfo_.bindCardNo.slice(bankInfo_.accountNo.length - 4)
确认充值 }})
</view> </view>
</view> </view>
</view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
</view> <!-- 取消 确认充值按钮 -->
</uni-popup> <view class="BtngGoup">
<!-- 选择银行卡 --> <view class="" @click="close()"> 取消 </view>
<view class="selectCard"> <view class="" @click="ExchangeRecharge"> 确认充值 </view>
<van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }"> </view>
<!-- 银行卡列表 --> </view>
<view class="accountlist"> </view>
<!-- 切换绑定的一类卡列表 --> </uni-popup>
<view class="showBindCardList"> <!-- 选择银行卡 -->
<view class="choiceBox">选择付款账户</view> <view class="selectCard">
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item,index) in bindcardList" <van-popup
:key="index"> v-model="popshow"
<span style="padding-right:10px;">{{item.bindCardName}} </span> round
<span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length-4)}}</span> position="bottom"
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> --> :style="{ height: '30%' }"
</view> >
</view> <!-- 银行卡列表 -->
</view> <view class="accountlist">
</van-popup> <!-- 切换绑定的一类卡列表 -->
</view> <view class="showBindCardList">
</view> <view class="choiceBox">选择付款账户</view>
<view
class="ListItem"
@click="ChangeCardPay(item)"
v-for="(item, index) in bindcardList"
:key="index"
>
<span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span
>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> -->
</view>
</view>
</view>
</van-popup>
</view>
</view>
</template> </template>
<script> <script>
import { import { Dialog, Toast } from "vant";
Dialog, import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
Toast import cityData from "@/common/js/city.js";
} from 'vant'; var gHost = "https://" + window.location.host;
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue" if (window.location.protocol != "https:") {
import cityData from "@/common/js/city.js" gHost = "https://fpdev.xiaopay.net";
var gHost = "https://" + window.location.host; // gHost = "/api";
if (window.location.protocol != "https:") { }
gHost = "https://fpdev.xiaopay.net"; let times = 0;
// gHost = "/api"; var limitClick = false; //禁止重复点击
} var sessionID = "",
let times = 0; userID = "";
var limitClick = false; //禁止重复点击 var payCardNumber = ""; //一类卡号
var sessionID = '', var orderSerialNo = ""; //提现结果查询 指令号
userID = ''; var businessNo = "",
var payCardNumber = ''; //一类卡号 otpOrderNo = "",
var orderSerialNo = ''; //提现结果查询 指令号 mobileNo = "";
var businessNo = '', var msCount = 60; //定时器
otpOrderNo = '', var MyTimer = null;
mobileNo = ''; var fromType = 0; //0转账 1提现
var msCount = 60; //定时器 var opeType = 0; //0充值 1提现 手机号验证
var MyTimer = null; var bankInfo = {
var fromType = 0; //0转账 1提现 acctNoArray: "",
var opeType = 0; //0充值 1提现 手机号验证 idNo: "",
var bankInfo = { schoolId: "",
acctNoArray: '', trueName: "",
idNo: '', userId: "",
schoolId: '', sessionid: "",
trueName: '', wechattype: 1,
userId: '', };
sessionid: '', /**
wechattype: 1 * 对象转拼接字符串
} * @param {*} res Object 需要转换的数据对象
/** */
* 对象转拼接字符串 function OforS(res) {
* @param {*} res Object 需要转换的数据对象 var resL = 0;
*/ var outS = "";
function OforS(res) { for (var i in res) {
var resL = 0; if (resL == 0) {
var outS = ""; outS += "" + i + "=" + res[i];
for (var i in res) { } else {
if (resL == 0) { outS += "&" + i + "=" + res[i];
outS += "" + i + "=" + res[i]; }
} else { resL++;
outS += "&" + i + "=" + res[i]; }
} return outS;
resL++; }
} export default {
return outS; components: {
} keyboardPackage,
export default { },
components: { name: "Recharge",
keyboardPackage data() {
}, return {
name: "Recharge", popshow: false,
data() { // 输入其它金额
return { isOtherMoney: false,
popshow: false, inputOtherM: "",
// 输入其它金额 RechargeException: false,
isOtherMoney: false, depotMoneyother: false, //其他充值
inputOtherM: '', Money: "", //选择金额
RechargeException: false, MoneyIndex: -1,
depotMoneyother: false, //其他充值 RechargeMax: "2000", //最大充值限制
Money: '', //选择金额 ReflectMoney: "", //提现金额
MoneyIndex: -1, VerifyCode: "", //验证码
RechargeMax: '2000', //最大充值限制 cardBalanceTx: "0", //余额
ReflectMoney: '', //提现金额 CodeMsg: "获取验证码",
VerifyCode: '', //验证码 type: "number",
cardBalanceTx: '0', //余额 PersonalInfo: {
CodeMsg: "获取验证码", schoolname: "",
type: 'number', name: "",
PersonalInfo: { usertype: "1",
schoolname: "", },
name: "", bankInfo_: {
usertype: "1" accountNo: "**** **** **** 1234",
}, bindCardName: "",
bankInfo_: { bindCardNo: "",
accountNo: '**** **** **** 1234', },
bindCardName: '', ImgUrl: this.$ImgUrl,
bindCardNo: '' MoneyList: [
}, {
ImgUrl: this.$ImgUrl, lable: "元",
MoneyList:[{ value: 100,
lable:'元', },
value:100 {
},{ lable: "元",
lable:'元', value: 200,
value:200 },
},{ {
lable:'元', lable: "元",
value:500 value: 500,
},{ },
lable:'元', {
value:1000 lable: "元",
},{ value: 1000,
lable:'其他金额', },
value:'' {
}], lable: "其他金额",
numberList: [], value: "",
tempFiles1: '../../static/img/idCardBg1.png', //上传身份证临时选择文件 },
tempFiles2: '../../static/img/idCardBg0.png', ],
//绑定的一类卡列表 numberList: [],
bindcardList: [] tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
} tempFiles2: "../../static/img/idCardBg0.png",
}, //绑定的一类卡列表
onLoad: function(options) { bindcardList: [],
console.log(options); };
// 初始化 },
userID = options['userID'] || ''; onLoad: function (options) {
sessionID = options['seesionID'] || ''; console.log(options);
fromType = options['fromType'] || ''; // 初始化
bankInfo.sessionid = sessionID || ''; userID = options["userID"] || "";
this.QueryUserInfo() sessionID = options["seesionID"] || "";
}, fromType = options["fromType"] || "";
created: function() { bankInfo.sessionid = sessionID || "";
this.QueryUserInfo();
}, },
mounted: function() { created: function () {},
mounted: function () {},
}, methods: {
methods: { async ChangeBankPay() {
async ChangeBankPay(){ uni.showLoading({ mask: true });
uni.showLoading({ mask:true }); let status = await this.accountCloseacceptStatusQuery();
let status = await this.accountCloseacceptStatusQuery(); uni.hideLoading();
uni.hideLoading(); if (status !== 0) return false;
if( status !== 0 ) return false; this.BackToMini("AssignAddCard");
this.BackToMini('AssignAddCard') },
}, accountCloseacceptStatusQuery() {
accountCloseacceptStatusQuery(){ return new Promise((resolve, reject) => {
return new Promise(( resolve,reject) => { $.ajax({
$.ajax({ //查询是否提交销户 //查询是否提交销户
url:gHost + "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery", url:
type:'post', gHost +
data:{ "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery",
schoolId:this.PersonalInfo.schoolid, type: "post",
userId:this.PersonalInfo.id, data: {
wechattype: 1, schoolId: this.PersonalInfo.schoolid,
'sessionid': sessionID, userId: this.PersonalInfo.id,
}, wechattype: 1,
contentType: "application/x-www-form-urlencoded", sessionid: sessionID,
headers: { },
'sessionid': sessionID, contentType: "application/x-www-form-urlencoded",
}, headers: {
success:( { code , message , results } ) => { sessionid: sessionID,
let status = results && results.status ; // 0表示未申请，1申请中，2已销户，3销户申请失败 },
if(code === '10000' && status == '0'){ success: ({ code, message, results }) => {
}else if(code === '10000' && status == '1'){ let status = results && results.status; // 0表示未申请，1申请中，2已销户，3销户申请失败
uni.showToast({ if (code === "10000" && status == "0") {
title: "您已提交销户申请，银行正在审核中。", } else if (code === "10000" && status == "1") {
icon:'none', uni.showToast({
}) title: "您已提交销户申请，银行正在审核中。",
}else{ icon: "none",
uni.showToast({ });
title: message, } else {
icon:'none', uni.showToast({
}) title: message,
} icon: "none",
resolve(status) });
}
}, resolve(status);
error: function(err) { },
uni.showToast({ error: function (err) {
title: err.message || '请求失败', uni.showToast({
icon:'none', title: err.message || "请求失败",
}); icon: "none",
reject(-1) });
}, reject(-1);
}); },
}) });
});
}, },
// 验证码弹出框开启 // 验证码弹出框开启
toDeposit() { toDeposit() {
if (this.isOtherMoney) { if (this.isOtherMoney) {
if (this.inputOtherM == '') { if (this.inputOtherM == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请输入要充值的金额!" content: "请输入要充值的金额!",
}) });
return return;
} }
if (parseFloat(this.inputOtherM) * 1 < 3) { if (parseFloat(this.inputOtherM) * 1 < 3) {
weui.topTips('充值金额必须大于3元'); weui.topTips("充值金额必须大于3元");
return return;
} }
} else { } else {
if (this.Money == '') { if (this.Money == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请选择要充值的金额!" content: "请选择要充值的金额!",
}) });
return return;
} }
if (parseFloat(this.inputOtherM) * 1 < 3) { if (parseFloat(this.inputOtherM) * 1 < 3) {
weui.topTips('充值金额必须大于3元'); weui.topTips("充值金额必须大于3元");
return return;
} }
} }
this.$refs.popup.open('top') this.$refs.popup.open("top");
}, },
// 验证码弹出框关闭 // 验证码弹出框关闭
close() { close() {
this.$refs.popup.close() this.$refs.popup.close();
}, },
//切换到提现 //切换到提现
ToWalletTx() { ToWalletTx() {
$('#DepositBox').css('display', 'none'); $("#DepositBox").css("display", "none");
$('#TxWalletBox').css('display', 'block'); $("#TxWalletBox").css("display", "block");
// $('.TitleHeader').html('电子账户提现'); // $('.TitleHeader').html('电子账户提现');
$('.doBtnTx').html('提现'); $(".doBtnTx").html("提现");
opeType = 1; opeType = 1;
uni.navigateTo({ uni.navigateTo({
url: "../Reflect/Reflect?" + OforS({ url:
sessionID: sessionID, "../Reflect/Reflect?" +
userID: userID OforS({
}) sessionID: sessionID,
}) userID: userID,
}, }),
//全部提现 });
TxAllFun() { },
this.ReflectMoney = this.cardBalanceTx * 1 //全部提现
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); TxAllFun() {
}, this.ReflectMoney = this.cardBalanceTx * 1;
// 输入限制 // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
inputControl(e) { },
let this_ = this // 输入限制
let obj = e.detail inputControl(e) {
this.$nextTick(function() { let this_ = this;
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 let obj = e.detail;
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. this.$nextTick(function () {
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; obj.value = obj.value
if (obj.value == '' || obj.value * 1 < 3) { .replace(".", "$#$")
$('.DepositID').attr('style', 'background: rgb(230, 230, 230) !important;'); .replace(/\./g, "")
} else { .replace("$#$", "."); //只允许输入一个小数点
$('.DepositID').removeAttr('style'); obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
} obj.value =
this_.inputOtherM = obj.value obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
}) if (obj.value == "" || obj.value * 1 < 3) {
}, $(".DepositID").attr(
//input键盘弹起不会弹 "style",
ReturnToTop() { "background: rgb(230, 230, 230) !important;"
this.$nextTick(function() { );
document.scrollingElement.scrollTo(0, this.scrollTop); } else {
}) $(".DepositID").removeAttr("style");
}, }
// 充值 this_.inputOtherM = obj.value;
async ExchangeRecharge() { });
let amount, },
bindMedium, //input键盘弹起不会弹
summary; ReturnToTop() {
if (this.isOtherMoney) { this.$nextTick(function () {
if (this.inputOtherM == '') { document.scrollingElement.scrollTo(0, this.scrollTop);
uni.showModal({ });
title: "系统提示", },
content: "请输入要充值的金额!" // 充值
}) async ExchangeRecharge() {
return let amount, bindMedium, summary;
} if (this.isOtherMoney) {
amount = this.inputOtherM * 1 if (this.inputOtherM == "") {
} else { uni.showModal({
if (this.Money == '') { title: "系统提示",
uni.showModal({ content: "请输入要充值的金额!",
title: "系统提示", });
content: "请选择要充值的金额!" return;
}) }
return amount = this.inputOtherM * 1;
} } else {
amount = this.Money * 1 if (this.Money == "") {
} uni.showModal({
let this_ = this; title: "系统提示",
uni.showLoading({ content: "请选择要充值的金额!",
mask: true, });
title: "处理中......" return;
}) }
try{ amount = this.Money * 1;
let status = await this.accountCloseacceptStatusQuery(); }
if(status !== 0) { uni.hideLoading(); return false }; let this_ = this;
}catch(e){ uni.showLoading({
uni.hideLoading(); mask: true,
return false title: "处理中......",
} });
try {
let status = await this.accountCloseacceptStatusQuery();
$.ajax({ if (status !== 0) {
url: gHost + '/bank-wechat/icbc/account/exchange/recharge', uni.hideLoading();
type: "POST", return false;
contentType: "application/x-www-form-urlencoded", }
data: { } catch (e) {
schoolId: bankInfo.schoolId, uni.hideLoading();
userId: userID, return false;
sessionid: sessionID, }
wechattype: 1,
amount: amount, $.ajax({
bindMedium: this.bankInfo_.bindCardNo, url: gHost + "/bank-wechat/icbc/account/exchange/recharge",
summary: "充值", type: "POST",
}, contentType: "application/x-www-form-urlencoded",
headers: { data: {
'sessionid': sessionID, schoolId: bankInfo.schoolId,
}, userId: userID,
success: function(res5) { sessionid: sessionID,
uni.hideLoading() wechattype: 1,
if (res5.code == "10000") { amount: amount,
this_.close(); bindMedium: this.bankInfo_.bindCardNo,
setTimeout(() => { summary: "充值",
this_.queryBankInfo(); },
},3000); headers: {
wx.showModal({ sessionid: sessionID,
title:'充值申请已提交', },
content:'银行处理需要1-5分钟时间，充值结果以余额查询为准。', success: function (res5) {
showCancel:false uni.hideLoading();
}) if (res5.code == "10000") {
} else { this_.close();
weui.topTips(res5.message) setTimeout(() => {
} this_.queryBankInfo();
}, 3000);
}, wx.showModal({
error: function(err) { title: "充值申请已提交",
uni.hideLoading(); content: "银行处理需要1-5分钟时间，充值结果以余额查询为准。",
}, showCancel: false,
}); });
}, } else {
// 充值结果查询 weui.topTips(res5.message);
async ExchangeRechargeQuery(flowId, oriCorpSerno) { }
let this_ = this; },
let loading = Toast.loading({ error: function (err) {
message: '加载中...', uni.hideLoading();
forbidClick: true, },
loadingType: 'spinner', });
duration: 0 },
}); // 充值结果查询
$.ajax({ async ExchangeRechargeQuery(flowId, oriCorpSerno) {
url: gHost + '/bank-wechat/icbc/account/exchange/rechargeQuery', let this_ = this;
type: "POST", let loading = Toast.loading({
contentType: "application/x-www-form-urlencoded", message: "加载中...",
data: { forbidClick: true,
schoolId: bankInfo.schoolId, loadingType: "spinner",
userId: userID, duration: 0,
sessionid: sessionID, });
wechattype: 1, $.ajax({
flowId: flowId, url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
oriCorpSerno: oriCorpSerno, type: "POST",
}, contentType: "application/x-www-form-urlencoded",
headers: { data: {
'sessionid': sessionID, schoolId: bankInfo.schoolId,
}, userId: userID,
success: function(res5) { sessionid: sessionID,
loading.clear(); wechattype: 1,
if (res5.code == "10000") { flowId: flowId,
let appStatus = res5.results.appStatus; oriCorpSerno: oriCorpSerno,
if (appStatus == '4') { },
uni.showModal({ headers: {
title: "系统提示", sessionid: sessionID,
content: "充值成功!" },
}) success: function (res5) {
this_.queryBankInfo(); loading.clear();
} else { if (res5.code == "10000") {
uni.showModal({ let appStatus = res5.results.appStatus;
title: "系统提示", if (appStatus == "4") {
content: appStatus == '1' ? '申请已受理' : res5.message uni.showModal({
}) title: "系统提示",
} content: "充值成功!",
} else { });
weui.topTips(res5.message) this_.queryBankInfo();
uni.showModal({ } else {
title: "系统提示", uni.showModal({
content: res5.message title: "系统提示",
}) content: appStatus == "1" ? "申请已受理" : res5.message,
} });
}, }
error: function(err) { } else {
loading.clear(); weui.topTips(res5.message);
}, uni.showModal({
}); title: "系统提示",
}, content: res5.message,
// 复制我卡号 });
async CopyCardNumber() { }
let value = this.bankInfo_.accountNo },
Dialog({ error: function (err) {
title: '系统提示', loading.clear();
message: '复制成功！' },
}); });
this.$nextTick(function() { },
let clipboard = new ClipboardJS('#cardNumright', { // 复制我卡号
text: function() { async CopyCardNumber() {
return value let value = this.bankInfo_.accountNo;
} Dialog({
}) title: "系统提示",
}) message: "复制成功！",
}, });
//选择输入其他金额 this.$nextTick(function () {
OtherMoney() { let clipboard = new ClipboardJS("#cardNumright", {
this.depotMoneyother = true text: function () {
}, return value;
// 快捷选择金额 },
async depotMoney(value, MoneyIndex) { });
console.log(value) });
if (!value) { },
this.isOtherMoney = true //选择输入其他金额
this.Money = '' OtherMoney() {
this.MoneyIndex = MoneyIndex this.depotMoneyother = true;
return },
} // 快捷选择金额
this.isOtherMoney = false async depotMoney(value, MoneyIndex) {
this.Money = parseInt(value) console.log(value);
this.MoneyIndex = MoneyIndex if (!value) {
}, this.isOtherMoney = true;
//按钮操作 this.Money = "";
HideHTML(dom, type) { this.MoneyIndex = MoneyIndex;
this.$nextTick(function() { return;
if (type == 0) { }
$('.' + dom).css('display', 'none'); this.isOtherMoney = false;
} else { this.Money = parseInt(value);
$('.' + dom).css('display', 'block'); this.MoneyIndex = MoneyIndex;
} },
}) //按钮操作
}, HideHTML(dom, type) {
//返回小程序 跳转指定页面 this.$nextTick(function () {
BackToMini(page) { if (type == 0) {
if (page == 'UserMain' || page == 'personalCenter') { $("." + dom).css("display", "none");
jWeixin.miniProgram.switchTab({ } else {
url: `/pages/${page}/main`, $("." + dom).css("display", "block");
}); }
} else { });
jWeixin.miniProgram.redirectTo({ },
url: `/pages/${page}/main`, //返回小程序 跳转指定页面
}); BackToMini(page) {
} if (page == "UserMain" || page == "personalCenter") {
}, jWeixin.miniProgram.switchTab({
//换绑卡 url: `/pages/${page}/main`,
ChangeCardPay(item) { });
let this_ = this; } else {
if (bankInfo.bindCardNo == item.bindCardNo) { jWeixin.miniProgram.redirectTo({
return url: `/pages/${page}/main`,
} });
var loading = weui.loading('请稍后'); }
$.ajax({ },
url: gHost + '/bank-wechat/icbc/account/bindcard/changeDefaultBinding', //换绑卡
type: "POST", ChangeCardPay(item) {
contentType: "application/x-www-form-urlencoded", let this_ = this;
data: { if (bankInfo.bindCardNo == item.bindCardNo) {
schoolId: bankInfo.schoolId, return;
userId: userID, }
sessionid: sessionID, var loading = weui.loading("请稍后");
wechattype: 1, $.ajax({
bindMedium: item.bindCardNo, url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
bindMediumName: item.bindCardName type: "POST",
}, contentType: "application/x-www-form-urlencoded",
success: function(res5) { data: {
loading.hide(); schoolId: bankInfo.schoolId,
if (res5.code == "10000") { userId: userID,
this_.queryUserBankInfo(); sessionid: sessionID,
this_.close(); wechattype: 1,
} else { bindMedium: item.bindCardNo,
weui.topTips(res5.message) bindMediumName: item.bindCardName,
} },
this_.popshow = false; success: function (res5) {
}, loading.hide();
error: function(err) { if (res5.code == "10000") {
loading.hide(); this_.queryUserBankInfo();
}, this_.close();
}); } else {
}, weui.topTips(res5.message);
//查询一类卡绑定列表 }
queryBindCardList() { this_.popshow = false;
let this_ = this; },
let loading = weui.loading('请稍后'); error: function (err) {
$.ajax({ loading.hide();
url: gHost + '/bank-wechat/icbc/account/bindcard/bindingList', },
type: "POST", });
contentType: "application/x-www-form-urlencoded", },
data: { //查询一类卡绑定列表
mediumId: bankInfo.accountNo, queryBindCardList() {
schoolId: bankInfo.schoolId, let this_ = this;
userId: userID, let loading = weui.loading("请稍后");
sessionid: sessionID, $.ajax({
wechattype: 1 url: gHost + "/bank-wechat/icbc/account/bindcard/bindingList",
}, type: "POST",
success: function(res4) { contentType: "application/x-www-form-urlencoded",
loading.hide(); data: {
if (res4.code == "10000") { mediumId: bankInfo.accountNo,
this_.bindcardList = res4.results; schoolId: bankInfo.schoolId,
this_.popshow = true userId: userID,
} else { sessionid: sessionID,
weui.topTips(res4.message) wechattype: 1,
} },
}, success: function (res4) {
error: function(err) { loading.hide();
loading.hide(); if (res4.code == "10000") {
}, this_.bindcardList = res4.results;
}); this_.popshow = true;
}, } else {
//获取银行余额 weui.topTips(res4.message);
queryBankInfo() { }
let this_ = this; },
// let loading = weui.loading('请稍后'); error: function (err) {
$.ajax({ loading.hide();
url: gHost + '/bank-wechat/icbc/account/balance/balanceQuery', },
type: "POST", });
timeout: 8000, },
contentType: "application/x-www-form-urlencoded", //获取银行余额
data: { queryBankInfo() {
mediumId: bankInfo.accountNo || '', let this_ = this;
schoolId: bankInfo.schoolId || '', // let loading = weui.loading('请稍后');
userId: bankInfo.userId || '', $.ajax({
sessionid: sessionID, url: gHost + "/bank-wechat/icbc/account/balance/balanceQuery",
wechattype: 1, type: "POST",
}, timeout: 8000,
success: function(res3) { contentType: "application/x-www-form-urlencoded",
// loading.hide(); data: {
if (res3.code == "10000") { mediumId: bankInfo.accountNo || "",
if (res3.results.accountBalance == null) { schoolId: bankInfo.schoolId || "",
weui.topTips("账户信息为空，余额查询失败"); userId: bankInfo.userId || "",
} else { sessionid: sessionID,
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(2); wechattype: 1,
$('.TxClsTx').attr('placeholder', },
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` success: function (res3) {
) // loading.hide();
this_.RechargeMax = ((2000 - ((res3.results.accountBalance * 1).toFixed(2) * if (res3.code == "10000") {
1)).toFixed(2)); if (res3.results.accountBalance == null) {
} weui.topTips("账户信息为空，余额查询失败");
} else { } else {
weui.topTips(res3.message) this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
} 2
}, );
error: function(err) { $(".TxClsTx").attr(
// loading.hide(); "placeholder",
}, `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
complete: function(XMLHttpRequest, status) { );
// loading.hide(); this_.RechargeMax = (
if (status == 'timeout') { 2000 -
weui.topTips("请求超时，余额查询失败"); (res3.results.accountBalance * 1).toFixed(2) * 1
} ).toFixed(2);
} }
}) } else {
}, weui.topTips(res3.message);
//获取用户已填写银行信息 }
queryUserBankInfo() { },
let this_ = this; error: function (err) {
// let loading = weui.loading('请稍后'); // loading.hide();
$.ajax({ },
url: gHost + '/bank-wechat/user/bank/get', complete: function (XMLHttpRequest, status) {
type: "POST", // loading.hide();
contentType: "application/x-www-form-urlencoded", if (status == "timeout") {
data: { weui.topTips("请求超时，余额查询失败");
schoolId: bankInfo.schoolId, }
userId: userID, },
sessionid: sessionID, });
wechattype: 1 },
}, //获取用户已填写银行信息
success: function(res2) { queryUserBankInfo() {
if (res2.code == "10000") { let this_ = this;
if (!res2.results) { // let loading = weui.loading('请稍后');
weui.topTips("获取用户银行信息失败!") $.ajax({
// loading.hide(); url: gHost + "/bank-wechat/user/bank/get",
return type: "POST",
} contentType: "application/x-www-form-urlencoded",
bankInfo = res2.results; data: {
bankInfo.sessionid = sessionID; schoolId: bankInfo.schoolId,
this_.queryBankInfo(); //查余额 userId: userID,
this_.bankInfo_ = bankInfo; sessionid: sessionID,
// this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id); wechattype: 1,
} else { },
weui.topTips(res2.message) success: function (res2) {
} if (res2.code == "10000") {
}, if (!res2.results) {
error: function(err) { weui.topTips("获取用户银行信息失败!");
// loading.hide(); // loading.hide();
}, return;
}); }
}, bankInfo = res2.results;
//查询用户信息 bankInfo.sessionid = sessionID;
QueryUserInfo() { this_.queryBankInfo(); //查余额
let this_ = this; this_.bankInfo_ = bankInfo;
let loading = Toast.loading({ // this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id);
message: '加载中...', } else {
forbidClick: true, weui.topTips(res2.message);
loadingType: 'spinner', }
duration: 0 },
}); error: function (err) {
$.ajax({ // loading.hide();
url: gHost + '/wechat/svweapp/QueryPersonalInfo', },
type: "POST", });
contentType: "application/x-www-form-urlencoded", },
data: { //查询用户信息
userid: userID, QueryUserInfo() {
sessionid: sessionID, let this_ = this;
wechattype: 1 let loading = Toast.loading({
}, message: "加载中...",
success: function(res1) { forbidClick: true,
loading.clear(); loadingType: "spinner",
if (res1.code == "10000") { duration: 0,
bankInfo.schoolId = res1.results.schoolid; });
bankInfo.userId = res1.results.id; $.ajax({
this_.PersonalInfo = res1.results url: gHost + "/wechat/svweapp/QueryPersonalInfo",
if (res1.results.usertype == 1) { type: "POST",
$('.StudentCls').css('display', 'block'); contentType: "application/x-www-form-urlencoded",
$('.TeacherCls').css('display', 'none'); data: {
} else { userid: userID,
$('.StudentCls').css('display', 'none'); sessionid: sessionID,
$('.TeacherCls').css('display', 'block'); wechattype: 1,
} },
this_.queryUserBankInfo(); success: function (res1) {
} else { loading.clear();
weui.topTips(res1.message); if (res1.code == "10000") {
setTimeout(() => { bankInfo.schoolId = res1.results.schoolid;
this_.BackToMini('UserMain'); bankInfo.userId = res1.results.id;
}, 1500) this_.PersonalInfo = res1.results;
} if (res1.results.usertype == 1) {
}, $(".StudentCls").css("display", "block");
error: function(err) { $(".TeacherCls").css("display", "none");
loading.clear(); } else {
}, $(".StudentCls").css("display", "none");
}); $(".TeacherCls").css("display", "block");
}, }
} this_.queryUserBankInfo();
} } else {
weui.topTips(res1.message);
setTimeout(() => {
this_.BackToMini("UserMain");
}, 1500);
}
},
error: function (err) {
loading.clear();
},
});
},
},
};
</script> </script>
<style lang="scss"> <style lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.showBindCardList { .showBindCardList {
.choiceBox { .choiceBox {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
padding: 0; padding: 0;
border-bottom: 0.5px solid #e6e6e6; border-bottom: 0.5px solid #e6e6e6;
} }
.ListItem { .ListItem {
border-bottom: 1rpx solid #e6e6e6; border-bottom: 1rpx solid #e6e6e6;
font-size: 30rpx; font-size: 30rpx;
padding: 25rpx 0; padding: 25rpx 0;
background: #fff; background: #fff;
position: relative; position: relative;
text-align: center; text-align: center;
} }
} }
.SubmittedSuccessfully { .SubmittedSuccessfully {
width: 400rpx !important; width: 400rpx !important;
height: 200rpx !important; height: 200rpx !important;
margin: 0 auto !important; margin: 0 auto !important;
background: #000000; background: #000000;
opacity: 0.8; opacity: 0.8;
border-radius: 8rpx; border-radius: 8rpx;
}
}
.cardNum {
.cardNum { width: 574rpx;
width: 574rpx; margin: 0 auto;
margin: 0 auto; display: flex;
display: flex; justify-content: space-between;
justify-content: space-between; padding-top: 36rpx;
padding-top: 36rpx; font-size: 24rpx;
font-size: 24rpx;
.cardNumleft {
.cardNumleft { font-family: PingFang SC;
font-family: PingFang SC; font-weight: 500;
font-weight: 500; color: #ffffff;
color: #FFFFFF; }
}
.cardNumright {
.cardNumright { font-family: PingFang SC;
font-family: PingFang SC; font-weight: 500;
font-weight: 500; text-decoration: underline;
text-decoration: underline; color: #ffffff;
color: #FFFFFF; }
} }
} .RechargeDetailed {
text-align: center;
.RechargeDetailed { // width: 118rpx;
text-align: center; height: 32rpx;
// width: 118rpx; margin: 0 auto;
height: 32rpx; font-size: 30rpx;
margin: 0 auto; font-family: PingFang SC;
font-size: 30rpx; font-weight: 500;
font-family: PingFang SC; text-decoration: underline;
font-weight: 500; color: #36a8ff;
text-decoration: underline; margin-top: 50rpx;
color: #36A8FF; }
margin-top: 50rpx;
} .contentBox {
width: 670rpx;
height: 376rpx;
.contentBox { margin: 0 auto;
width: 670rpx; }
height: 376rpx;
margin: 0 auto; .contentDiv {
} height: 100%;
// margin-top: 36rpx;
.contentDiv { border-radius: 15rpx;
height: 100%; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
// margin-top: 36rpx; background-repeat: no-repeat;
border-radius: 15rpx; background-size: 100% 100%;
background-image: url('https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png');
background-repeat: no-repeat; position: relative;
background-size: 100% 100%; top: 36rpx;
}
position: relative;
top: 36rpx; .HidenText {
} width: 574rpx;
margin: 0 auto;
.HidenText { padding-top: 88rpx;
width: 574rpx; }
margin: 0 auto;
padding-top: 88rpx; .HidenText,
.Balance {
} padding-left: 46rpx;
padding-right: 40rpx;
.HidenText, display: flex;
.Balance { justify-content: space-between;
padding-left: 46rpx;
padding-right: 40rpx; font-size: 28rpx;
display: flex; color: #ffffff;
justify-content: space-between; }
font-size: 28rpx; .Balance {
color: #FFFFFF; width: 574rpx;
} margin: 0 auto;
margin-top: 20rpx;
.Balance {
width: 574rpx; font-size: 30rpx;
margin: 0 auto; font-family: PingFang SC;
margin-top: 20rpx; font-weight: bold;
color: #ffffff;
font-size: 30rpx; }
font-family: PingFang SC;
font-weight: bold; .Recharge {
color: #FFFFFF; // height: 30rpx;
} font-size: 32rpx;
font-family: PingFang SC;
.Recharge { font-weight: bold;
// height: 30rpx; color: #333333;
font-size: 32rpx; margin-top: 58rpx;
font-family: PingFang SC;
font-weight: bold; span:nth-child(1) {
color: #333333; width: 4rpx;
margin-top: 58rpx; height: 30rpx;
background: #23d6a3;
span:nth-child(1) { border-radius: 2rpx;
width: 4rpx; display: inline-block;
height: 30rpx; position: relative;
background: #23D6A3; top: 5rpx;
border-radius: 2rpx; }
display: inline-block;
position: relative; span:nth-child(2) {
top: 5rpx; display: inline-block;
} margin-left: 16rpx;
}
span:nth-child(2) { }
display: inline-block;
margin-left: 16rpx; .headview {
display: flex;
} justify-content: space-between;
} // padding-left: 40rpx;
// padding-right: 40rpx;
.headview { padding-top: 36rpx;
display: flex; width: 574rpx;
justify-content: space-between; margin: 0 auto;
// padding-left: 40rpx; }
// padding-right: 40rpx;
.headview .schoolname {
padding-top: 36rpx; width: 252rpx;
width: 574rpx; height: 50rpx;
margin: 0 auto; font-size: 36rpx;
} font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
.headview .schoolname { color: #ffffff;
width: 252rpx; line-height: 50rpx;
height: 50rpx; }
font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC; .headview .IconCls {
font-weight: 500; width: 170rpx;
color: #FFFFFF; height: 48rpx;
line-height: 50rpx; background: #20946d;
} border-radius: 25rpx;
.headview .IconCls { font-size: 24rpx;
width: 170rpx; font-weight: 400;
height: 48rpx; color: #ffffff;
background: #20946D; line-height: 48rpx;
border-radius: 25rpx; text-align: center;
}
font-size: 24rpx;
font-weight: 400; .MoneyBox {
color: #FFFFFF; flex-wrap: wrap;
line-height: 48rpx; height: auto;
text-align: center; color: #888888;
} width: 686rpx;
margin: 0 auto;
.MoneyBox { overflow: hidden;
flex-wrap: wrap; }
height: auto;
color: #888888; .choiceClass {
width: 686rpx; background: rgba(39, 266, 148, 0.1) !important;
margin: 0 auto; color: #28d79c;
overflow: hidden; }
}
.MoneyBox view {
.choiceClass { width: 220rpx;
background: rgba(39, 266, 148, 0.1) !important; height: 120rpx;
color: #28D79C; background: #ffffff;
} border-radius: 8rpx;
border: 1rpx solid #eeeeee;
.MoneyBox view { margin-top: 16rpx;
width: 220rpx; text-align: center;
height: 120rpx; position: relative;
background: #FFFFFF; box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
border-radius: 8rpx; margin-right: 2px;
border: 1rpx solid #EEEEEE; float: left;
margin-top: 16rpx; }
text-align: center;
position: relative; .depotMoney .value {
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); font-size: 45rpx;
margin-right: 2px; font-family: PingFangSC-Semibold, PingFang SC;
float: left; font-weight: 600;
} line-height: 120rpx;
text-align: center;
.depotMoney .value { }
font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC; .depotMoney .tips {
font-weight: 600; // width: 79rpx;
line-height: 120rpx; // height: 33rpx;
text-align: center; // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
} // border-radius: 4rpx;
// font-size: 18rpx;
.depotMoney .tips { // font-weight: 500;
// width: 79rpx; // padding: 4rpx;
// height: 33rpx; // text-align: center;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // float: right;
// border-radius: 4rpx; // position: absolute;
// font-size: 18rpx; // right: 0rpx;
// font-weight: 500; // line-height: 33rpx;
// padding: 4rpx; }
// text-align: center;
// float: right; .OtherMoney {
// position: absolute; display: flex;
// right: 0rpx; justify-content: flex-start;
// line-height: 33rpx; // color: #999999;
} // font-size: 28rpx;
// font-family: PingFangSC-Regular, PingFang SC;
.OtherMoney { // font-weight: 400;
display: flex; // color: #999999;
justify-content: flex-start; // line-height: 40rpx;
// color: #999999; width: 686rpx;
// font-size: 28rpx; height: 100rpx;
// font-family: PingFangSC-Regular, PingFang SC; background: #f7f6fb;
// font-weight: 400; border-radius: 10rpx;
// color: #999999; margin: 0 auto;
// line-height: 40rpx; line-height: 100rpx;
width: 686rpx; margin-top: 32rpx;
height: 100rpx;
background: #F7F6FB; span {
border-radius: 10rpx; display: inline-block;
margin: 0 auto; font-size: 40rpx;
line-height: 100rpx; font-family: PingFang SC;
margin-top: 32rpx; font-weight: bold;
color: #000000;
padding-left: 26rpx;
span { }
display: inline-block;
font-size: 40rpx; input {
font-family: PingFang SC; height: 100%;
font-weight: bold; }
color: #000000; }
padding-left: 26rpx;
} .OtherMoney view:nth-child(2) {
// width: 30rpx;
input { // height: 30rpx;
height: 100%; // background: #F0F0F0;
} // border-radius: 50%;
} // text-align: center;
// line-height: 30rpx;
.OtherMoney view:nth-child(2) { // margin-top: 7rpx;
// width: 30rpx; // margin-left: 5rpx;
// height: 30rpx; }
// background: #F0F0F0;
// border-radius: 50%; .payType {
// text-align: center; height: 98rpx;
// line-height: 30rpx; line-height: 98rpx;
// margin-top: 7rpx; display: flex;
// margin-left: 5rpx; justify-content: space-between;
} }
.payType { .payType view:nth-child(1) {
height: 98rpx; // width: 120rpx;
line-height: 98rpx; height: 42rpx;
display: flex; font-size: 32rpx;
justify-content: space-between; font-family: PingFang SC;
} font-weight: 500;
color: #888888;
.payType view:nth-child(1) { line-height: 98rpx;
// width: 120rpx; }
height: 42rpx;
font-size: 32rpx; .payType view::nth-child(2) {
font-family: PingFang SC; width: 225rpx;
font-weight: 500; height: 45rpx;
color: #888888; font-size: 32rpx;
line-height: 98rpx; font-family: PingFang SC;
} font-weight: bold;
color: #333333;
.payType view::nth-child(2) { line-height: 45rpx;
width: 225rpx; }
height: 45rpx;
font-size: 32rpx; .arrow {
font-family: PingFang SC; transform: rotate(-45deg);
font-weight: bold; top: -3rpx;
color: #333333; border: solid #999999;
line-height: 45rpx; border-width: 0 1rpx 1rpx 0;
} display: inline-block;
padding: 8rpx;
position: relative;
}
.arrow {
transform: rotate(-45deg); @media (min-height: 650px) {
top: -3rpx; .bottomdiv {
border: solid #999999; position: fixed;
border-width: 0 1rpx 1rpx 0; left: 0;
display: inline-block; right: 0;
padding: 8rpx; bottom: 30rpx;
position: relative; }
}
}
.DepositID {
@media (min-height: 650px) { width: 630rpx;
.bottomdiv { height: 92rpx;
position: fixed; background: #04ba73;
left: 0; border-radius: 8rpx;
right: 0; margin: 0 auto;
bottom: 30rpx; text-align: center;
} bottom: 30rpx;
} }
.DepositID { .DepositID span {
width: 630rpx; height: 50rpx;
height: 92rpx; font-size: 36rpx;
background: #04BA73; font-family: PingFangSC-Medium, PingFang SC;
border-radius: 8rpx; font-weight: 500;
margin: 0 auto; color: #ffffff;
text-align: center; line-height: 92rpx;
bottom: 30rpx; }
} .switchbankCard {
text-align: center;
.DepositID span { /* width: 205px; */
height: 50rpx; // height: 28rpx;
font-size: 36rpx; font-size: 26rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; text-decoration: underline;
line-height: 92rpx; color: #268ef8;
} margin-top: 23rpx;
}
.switchbankCard {
text-align: center; .RechargeConfirmationBox {
/* width: 205px; */ position: fixed;
// height: 28rpx; left: 0;
font-size: 26rpx; right: 0;
font-family: PingFang SC; top: 400rpx;
font-weight: 500; width: 618rpx;
text-decoration: underline; height: 478rpx;
color: #268EF8; background: #ffffff;
margin-top: 23rpx; border-radius: 8rpx;
} margin: 0 auto;
.RechargeConfirmationBox { .RechargeInfo {
position: fixed; width: 520rpx;
left: 0; height: 100%;
right: 0; margin: 0 auto;
top: 400rpx;
width: 618rpx; .RechargeInfo1 {
height: 478rpx; height: 124rpx;
background: #FFFFFF; line-height: 124rpx;
border-radius: 8rpx; font-size: 36rpx;
margin: 0 auto; font-family: PingFang SC;
font-weight: bold;
.RechargeInfo { color: #000000;
width: 520rpx; text-align: center;
height: 100%; }
margin: 0 auto;
.ContenInfo {
.RechargeInfo1 { text-align: center;
height: 124rpx; // width: 383rpx;
line-height: 124rpx; height: 159rpx;
font-size: 36rpx; margin: 0 auto;
font-family: PingFang SC; font-size: 32rpx;
font-weight: bold; font-family: PingFang SC;
color: #000000; font-weight: 500;
text-align: center; color: #010101;
}
view {
.ContenInfo { line-height: 75rpx;
text-align: center; }
// width: 383rpx; }
height: 159rpx;
margin: 0 auto; .BtngGoup {
font-size: 32rpx; justify-content: space-between;
font-family: PingFang SC; display: flex;
font-weight: 500; margin-top: 40rpx;
color: #010101;
view {
view { width: 250rpx;
line-height: 75rpx; height: 88rpx;
} border-radius: 8rpx;
} text-align: center;
line-height: 88rpx;
.BtngGoup { }
justify-content: space-between;
display: flex; view:nth-child(1) {
margin-top: 40rpx; background: #ebebeb;
font-size: 36rpx;
view { font-family: PingFang SC;
width: 250rpx; font-weight: 500;
height: 88rpx; color: #1cc48b;
border-radius: 8rpx; }
text-align: center;
line-height: 88rpx; view:nth-child(2) {
} background: #1cc48b;
font-size: 36rpx;
view:nth-child(1) { font-family: PingFang SC;
background: #EBEBEB; font-weight: 500;
font-size: 36rpx; color: #ffffff;
font-family: PingFang SC; }
font-weight: 500; }
color: #1CC48B; }
} }
view:nth-child(2) { .closePhoneBox {
background: #1CC48B; // width: 35rpx;
font-size: 36rpx; height: 35rpx;
font-family: PingFang SC; position: relative;
font-weight: 500; right: -20rpx;
color: #FFFFFF; top: 20rpx;
} text-align: right;
} image {
width: 40rpx;
} height: 40rpx;
} position: relative;
}
.closePhoneBox { }
// width: 35rpx;
height: 35rpx; .doBtnTx {
position: relative; width: 506rpx;
right: -20rpx; height: 92rpx;
top: 20rpx; background: #04ba73;
text-align: right; border-radius: 8rpx;
color: #ffffff;
image {
width: 40rpx; position: absolute;
height: 40rpx; left: 0;
position: relative; right: 0;
} margin: 0 auto;
bottom: 38rpx;
} }
.doBtnTx { .PhoneNum,
width: 506rpx; .VerifyCode {
height: 92rpx; width: 506rpx;
background: #04BA73; height: 80rpx;
border-radius: 8rpx; line-height: 60rpx;
color: #FFFFFF; background: #f7f6fb;
margin: 0 auto;
position: absolute; margin-top: 20rpx;
left: 0; }
right: 0;
margin: 0 auto; .VerifyCode {
bottom: 38rpx; display: flex;
} justify-content: space-between;
}
.PhoneNum,
.VerifyCode { .VerifyCode input {
width: 506rpx; width: 200rpx;
height: 80rpx; }
line-height: 60rpx;
background: #F7F6FB; .CodeMsg {
margin: 0 auto; color: #01bc73;
margin-top: 20rpx; background: #f7f6fb;
} font-size: 32rpx;
font-weight: 600;
.VerifyCode { line-height: 80rpx;
display: flex; letter-spacing: 3rpx;
justify-content: space-between; }
}
.placeholderInput {
.VerifyCode input { color: #aaaaaa;
width: 200rpx; font-size: 42rpx;
} font-weight: 500;
letter-spacing: 3rpx;
.CodeMsg { // padding-left: 50rpx;
color: #01BC73; height: 80rpx;
background: #F7F6FB; }
font-size: 32rpx;
font-weight: 600; .OtherTitle {
line-height: 80rpx; height: 67rpx;
letter-spacing: 3rpx; font-size: 48rpx;
} font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
.placeholderInput { color: #010101;
color: #AAAAAA; line-height: 67rpx;
font-size: 42rpx;
font-weight: 500; padding-top: 60rpx;
letter-spacing: 3rpx; }
// padding-left: 50rpx;
height: 80rpx; .inputOtherM {
} display: flex;
height: 100rpx;
.OtherTitle { margin-top: 40rpx;
height: 67rpx; }
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; .inputOtherM input {
font-weight: 600; border: none;
color: #010101; outline: none;
line-height: 67rpx; height: 50rpx;
padding-left: 16rpx;
padding-top: 60rpx; font-size: 72rpx;
} font-weight: 600;
}
.inputOtherM {
display: flex; .inputOtherM span:nth-child(1) {
height: 100rpx; width: 72rpx;
margin-top: 40rpx; font-size: 80rpx;
} font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
.inputOtherM input { color: #010101;
border: none; line-height: 100rpx;
outline: none; }
height: 50rpx;
padding-left: 16rpx; .OtherLine {
font-size: 72rpx; width: 631rpx;
font-weight: 600; height: 1rpx;
} background-color: #cccccc;
margin-top: 19rpx;
.inputOtherM span:nth-child(1) { }
width: 72rpx;
font-size: 80rpx; .depositbox {
font-family: PingFangSC-Semibold, PingFang SC; margin-top: 31rpx;
font-weight: 600; height: 30rpx;
color: #010101; line-height: 30rpx;
line-height: 100rpx; }
}
.depositImg {
.OtherLine { width: 24rpx;
width: 631rpx; height: 24rpx;
height: 1rpx; vertical-align: middle;
background-color: #CCCCCC; margin-right: 8rpx;
margin-top: 19rpx; position: relative;
} top: -2rpx;
}
.depositbox {
margin-top: 31rpx; .Recharge_ {
height: 30rpx; height: 40rpx;
line-height: 30rpx; font-size: 28rpx;
} font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
.depositImg { color: #333333;
width: 24rpx; line-height: 40rpx;
height: 24rpx; margin-top: 40rpx;
vertical-align: middle; }
margin-right: 8rpx;
position: relative; .Recharge_ span:nth-child(2) {
top: -2rpx; font-size: 28rpx;
} font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
.Recharge_ { color: #fa6400;
height: 40rpx; }
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; .placeholderinputOtherM {
font-weight: 400; height: 50rpx;
color: #333333; // font-family: PingFangSC-Semibold, PingFang SC;
line-height: 40rpx; // font-weight: 600;
margin-top: 40rpx; // color: #010101;
} line-height: 50rpx;
width: 323rpx;
.Recharge_ span:nth-child(2) { font-size: 28rpx;
font-size: 28rpx; font-family: PingFang SC;
font-family: PingFangSC-Semibold, PingFang SC; font-weight: 500;
font-weight: 600; color: #888888;
color: #FA6400; }
}
// 异常处理
.placeholderinputOtherM { .RechargeException {
height: 50rpx; padding-top: 20rpx;
// font-family: PingFangSC-Semibold, PingFang SC; }
// font-weight: 600;
// color: #010101; .weui-label {
line-height: 50rpx; // width: 118rpx;
width: 323rpx; height: 42rpx;
font-size: 28rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #888888; color: #3d3d3d;
} line-height: 42rpx;
font-weight: bold;
// 异常处理 margin-left: 30rpx;
.RechargeException { }
padding-top: 20rpx;
} .tiptext {
height: 1.06rem;
.weui-label { font-size: 0.75rem;
// width: 118rpx; font-family: PingFangSC-Regular, PingFang SC;
height: 42rpx; font-weight: 400;
font-size: 30rpx; color: #03bc73;
font-family: PingFangSC-Medium, PingFang SC; line-height: 1.06rem;
font-weight: 500; margin-bottom: 0.625rem;
color: #3D3D3D; text-align: center;
line-height: 42rpx; }
font-weight: bold;
margin-left: 30rpx; .bottomDetail {
} width: 628rpx;
height: 88rpx;
.tiptext { color: white;
height: 1.06rem; // position: fixed;
font-size: 0.75rem; // left: 0;
font-family: PingFangSC-Regular, PingFang SC; // right: 0;
font-weight: 400; margin: 0 auto;
color: #03BC73; background-color: #03bc73;
line-height: 1.06rem; text-align: center;
margin-bottom: 0.625rem; line-height: 88rpx;
text-align: center;
} margin-top: 84rpx;
}
.bottomDetail {
width: 628rpx; .RechargeException input::placeholder {
height: 88rpx; color: #a1a4a8;
color: white; }
// position: fixed;
// left: 0; .RechargeException .weui-cell {
// right: 0; height: 4rem;
margin: 0 auto; padding: 0 !important;
background-color: #03BC73; }
text-align: center;
line-height: 88rpx; .idCardPhoto1,
.idCardPhoto2 {
width: 388rpx;
margin-top: 84rpx; height: 224rpx;
} margin: 0 auto;
margin-top: 20rpx;
}
.RechargeException input::placeholder {
color: #A1A4A8; .idCardPhoto1 image,
} .idCardPhoto2 image {
width: 100%;
.RechargeException .weui-cell { height: 100%;
height: 4rem; position: relative;
padding: 0 !important; }
}
.weui-toptips_success {
.idCardPhoto1, background-color: #03bc73 !important;
.idCardPhoto2 { }
width: 388rpx;
height: 224rpx; .positionCam {
margin: 0 auto; height: 32rpx;
margin-top: 20rpx; font-size: 22rpx;
} font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
.idCardPhoto1 image, color: #6d7278;
.idCardPhoto2 image { line-height: 32rpx;
width: 100%; text-align: center;
height: 100%; position: relative;
position: relative; top: -29px;
} }
.weui-toptips_success { .BgCoverBox {
background-color: #03BC73 !important width: 100vw;
} height: 100vh;
position: fixed;
.positionCam { left: 0;
height: 32rpx; top: 0;
font-size: 22rpx; z-index: 10;
font-family: PingFang-SC-Medium, PingFang-SC; background: #000000;
font-weight: 500; opacity: 0.5;
color: #6D7278; }
line-height: 32rpx;
text-align: center; .hideListCover {
position: relative; max-height: 50vh;
top: -29px; overflow-y: auto;
} padding: 0;
}
.BgCoverBox { .bottomDiv {
width: 100vw; font-weight: bold;
height: 100vh; height: 50px;
position: fixed; line-height: 50px;
left: 0; border-bottom: 1px solid #e6e6e6;
top: 0; }
z-index: 10;
background: #000000;
opacity: 0.5;
}
.hideListCover {
max-height: 50vh;
overflow-y: auto;
padding: 0;
}
.bottomDiv {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment