Skip to content

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

银行卡bin管理

parent 909ff900
Hide whitespace changes
Inline Side-by-side
Showing with 1787 additions and 1811 deletions
src/pages/BankModule/Recharge/Recharge.vue
View file @ 4619c718
<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" <view class="cardNumleft"><span>账户：</span> **** **** ****
><span>账户：</span> **** **** **** {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
{{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }} <span>({{ accountEnum[bankInfo_.accountType + ""] }})</span>
<span>({{ accountEnum[bankInfo_.accountType + ""] }})</span> </view>
</view> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view>
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber" </view>
>复制</view <view class="HidenText">
> <view class="userName" style="
</view>
<view class="HidenText">
<view
class="userName"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" ">
> 姓名：<span>{{ PersonalInfo.name }}</span></view>
姓名：<span>{{ PersonalInfo.name }}</span></view <view class="StudentCls" style="
>
<view
class="StudentCls"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" " v-if="PersonalInfo.usertype == '1'">
v-if="PersonalInfo.usertype == '1'" 班级：{{ PersonalInfo.gradename }}({{
>
班级：{{ PersonalInfo.gradename }}({{
PersonalInfo.classname PersonalInfo.classname
}})</view }})</view>
> <view class="TeacherCls" style="
<view
class="TeacherCls"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" " v-else>教职工</view>
v-else </view>
>教职工</view <view class="Balance">
> <view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view>
</view> <view @click="ToWalletTx">
<view class="Balance"> <span style="display: inline-block; padding-right: 10rpx">余额提现</span>
<view class="cardBalanceTx" <image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix"
>余额：￥<span>{{ cardBalanceTx }}</span></view :src="ImgUrl + 'images/xiaopaycard (17).png'" alt=""></image>
> </view>
<view @click="ToWalletTx"> </view>
<span style="display: inline-block; padding-right: 10rpx" </view>
>余额提现</span <!-- 充值明细 -->
> <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
<image 账户明细
style="position: relative; width: 13rpx; height: 20rpx" </view>
class="ImgIcon1" <!-- 充值账户 -->
mode="widthFix" <view class="Recharge">
:src="ImgUrl + 'images/xiaopaycard (17).png'" <span></span>
alt="" <span>账户充值</span>
></image> </view>
</view> <!-- 充值的金额 -->
</view> <view class="MoneyBox">
</view> <view class="depotMoney" @click="depotMoney(item.value, index)"
<!-- 充值明细 --> v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" :data-money="item.value || 0"
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> v-for="(item, index) in MoneyList" :key="index">
账户明细 <span class="value">
</view> {{ item.value }}
<!-- 充值账户 --> </span>
<view class="Recharge"> <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
<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 item.lable
}}</span> }}</span>
<!-- <span class="tips" v-show="item.tips"> <!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
</view> </view>
</view> <!-- <view class="depotMoney" @click="depotOtherMoney">
<!-- 充值限额提示 --> <span class="value">
<view class="depositbox"> </span>
<image <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">其他金额</span>
mode="widthFix" </view> -->
class="depositImg" <!-- <view class="depotMoney">
src="../../../static/img/depositIcon.png" <input v-model="inputOtherM" class="otherMoneyInput" @input="inputControl" @blur="ReturnToTop"
></image> placeholder="最低3元" type="text" maxlength="6" />
<span </view> -->
style=" </view>
vertical-align: middle;
font-size: 28rpx; <!-- 充值其它金额 -->
color: #333333; <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
font-weight: 500; <view class="OtherMoney">
" <span>￥</span>
>最大可充值金额：<span style="color: red" <input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
></span </view>
> <!-- 充值限额提示 -->
</view> <view class="depositbox">
<!-- 充值其它金额 --> <image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
<view class="OtherMoney" v-if="isOtherMoney"> <span style="
<span>￥</span> vertical-align: middle;
<input font-size: 28rpx;
v-model="inputOtherM" color: #333333;
@input="inputControl" font-weight: 500;
@blur="ReturnToTop" ">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
placeholder="请输入其他金额，最低3元" </view>
placeholder-class="placeholderinputOtherM" <!-- 支付方式 -->
type="text" <view class="payType" @click="queryBindCardList">
maxlength="6" <view>付款方式</view>
/> <view>
</view> {{ bankInfo_.bindCardName }}
<!-- 支付方式 --> {{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
<view class="payType" @click="queryBindCardList"> }}<span class="arrow"></span>
<view>付款方式</view> </view>
<view> <!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span
{{ 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 <view class="DepositID" @click="toDeposit"
class="DepositID" v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'">
@click="toDeposit" <span>充值生活费</span>
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'" </view>
> <!-- -->
<span>充值生活费</span> <view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view>
</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>
> <van-field label-class="openCardPhonTxt" label="手机号:" maxlength="11" v-model="openCardPhon"
</view> placeholder="校园卡开卡手机号" center :border="false">
</view> <view slot="right-icon" v-if="bankInfo_.accountType == 4">
<!-- 弹出层 --> <view class="changPhone" style="display: flex; justify-content: center"
<uni-popup ref="popup" :mask-click="false"> @click="changePhone">变更手机号
<!-- 充值确认 --> <van-icon name="arrow" />
<view class="RechargeConfirmationBox"> </view>
<view class="RechargeInfo"> </view>
<view class="closePhoneBox" @click="close()"> </van-field>
<image src="../../../static/img/close.png" mode="aspectFit"></image> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
</view> <van-field v-model="openCardPhonSms" label-class="openCardPhonSmsTxt" maxlength="6" label="验证码:"
<view class="RechargeInfo1"> 验证校园卡开卡手机号 </view> placeholder="输入短信验证码" center clearable :border="false">
<van-field <van-button slot="button" size="small" type="primary" @click="SendSms">
label-class="openCardPhonTxt" <div style="font-size: 28rpx">{{ CodeMsg }}</div>
label="手机号:" </van-button>
maxlength="11" </van-field>
v-model="openCardPhon" <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
placeholder="校园卡开卡手机号" <!-- 取消 确认充值按钮 -->
center <view class="BtngGoup">
:border="false" <view class="" @click="ExchangeRecharge"> 充值 </view>
> </view>
<view slot="right-icon" v-if="bankInfo_.accountType == 4"> </view>
<view </view>
class="changPhone" </uni-popup>
style="display: flex; justify-content: center" <!-- 选择银行卡 -->
@click="changePhone" <view class="selectCard">
>变更手机号 <van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }">
<van-icon name="arrow" /> <!-- 银行卡列表 -->
</view> <view class="accountlist">
</view> <!-- 切换绑定的一类卡列表 -->
</van-field> <view class="showBindCardList">
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view> <view class="choiceBox">选择付款账户</view>
<van-field <view class="ListItem" @click="ChangeCardPay(item)" v-for="(item, index) in bindcardList"
v-model="openCardPhonSms" :key="index">
label-class="openCardPhonSmsTxt" <span style="padding-right: 10px">{{ item.bindCardName }} </span>
maxlength="6" <span>尾号：{{
label="验证码:"
placeholder="输入短信验证码"
center
clearable
:border="false"
>
<van-button
slot="button"
size="small"
type="primary"
@click="SendSms"
>
<div style="font-size: 28rpx">{{ CodeMsg }}</div>
</van-button>
</van-field>
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<!-- 取消 确认充值按钮 -->
<view class="BtngGoup">
<view class="" @click="ExchangeRecharge"> 充值 </view>
</view>
</view>
</view>
</uni-popup>
<!-- 选择银行卡 -->
<view class="selectCard">
<van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<!-- 银行卡列表 -->
<view class="accountlist">
<!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList">
<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) item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span }}</span>
> <!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> -->
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> --> </view>
</view> </view>
</view> </view>
</view> </van-popup>
</van-popup> </view>
</view> </view>
</view>
</template> </template>
<script> <script>
import { Dialog, Toast } from "vant"; import {
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue"; Dialog,
import cityData from "@/common/js/city.js"; Toast
var gHost = "https://" + window.location.host; } from "vant";
if (window.location.protocol != "https:") { import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
gHost = "https://fpdev.xiaopay.net"; import cityData from "@/common/js/city.js";
// gHost = "/api"; var gHost = "https://" + window.location.host;
} if (window.location.protocol != "https:") {
let times = 0; gHost = "https://fpdev.xiaopay.net";
var limitClick = false; //禁止重复点击 // gHost = "/api";
var sessionID = "", }
userID = ""; let times = 0;
var payCardNumber = ""; //一类卡号 var limitClick = false; //禁止重复点击
var orderSerialNo = ""; //提现结果查询 指令号 var sessionID = "",
var businessNo = "", userID = "";
otpOrderNo = "", var payCardNumber = ""; //一类卡号
mobileNo = ""; var orderSerialNo = ""; //提现结果查询 指令号
var MyTimer = null; var businessNo = "",
var fromType = 0; //0转账 1提现 otpOrderNo = "",
var opeType = 0; //0充值 1提现 手机号验证 mobileNo = "";
var bankInfo = { var MyTimer = null;
acctNoArray: "", var fromType = 0; //0转账 1提现
idNo: "", var opeType = 0; //0充值 1提现 手机号验证
schoolId: "", var bankInfo = {
trueName: "", acctNoArray: "",
userId: "", idNo: "",
sessionid: "", schoolId: "",
wechattype: 1, trueName: "",
}; userId: "",
/** sessionid: "",
* 对象转拼接字符串 wechattype: 1,
* @param {*} res Object 需要转换的数据对象 };
*/ let orderApi = window.location.origin;
function OforS(res) { /**
var resL = 0; * 对象转拼接字符串
var outS = ""; * @param {*} res Object 需要转换的数据对象
for (var i in res) { */
if (resL == 0) { function OforS(res) {
outS += "" + i + "=" + res[i]; var resL = 0;
} else { var outS = "";
outS += "&" + i + "=" + res[i]; for (var i in res) {
} if (resL == 0) {
resL++; outS += "" + i + "=" + res[i];
} } else {
return outS; outS += "&" + i + "=" + res[i];
} }
export default { resL++;
components: { }
keyboardPackage, return outS;
}, }
name: "Recharge", export default {
data() { components: {
return { keyboardPackage,
popshow: false, },
// 输入其它金额 name: "Recharge",
isOtherMoney: false, data() {
inputOtherM: "", return {
RechargeException: false, popshow: false,
depotMoneyother: false, //其他充值 // 输入其它金额
Money: "", //选择金额 isOtherMoney: false,
MoneyIndex: -1, inputOtherM: "",
RechargeMax: "2000", //最大充值限制 RechargeException: false,
ReflectMoney: "", //提现金额 depotMoneyother: false, //其他充值
VerifyCode: "", //验证码 Money: "", //选择金额
cardBalanceTx: "0", //余额 MoneyIndex: -1,
CodeMsg: "获取验证码", RechargeMax: "2000", //最大充值限制
type: "number", ReflectMoney: "", //提现金额
PersonalInfo: { VerifyCode: "", //验证码
schoolname: "", cardBalanceTx: "0", //余额
name: "", CodeMsg: "获取验证码",
usertype: "1", type: "number",
}, PersonalInfo: {
bankInfo_: { schoolname: "",
accountNo: "**** **** **** 1234", name: "",
bindCardName: "", usertype: "1",
bindCardNo: "", },
}, bankInfo_: {
ImgUrl: this.$ImgUrl, accountNo: "**** **** **** 1234",
MoneyList: [ bindCardName: "",
{ bindCardNo: "",
lable: "元", },
value: 100, ImgUrl: this.$ImgUrl,
}, MoneyList: [{
{ lable: "元",
lable: "元", value: 100,
value: 200, },
}, {
{ lable: "元",
lable: "元", value: 200,
value: 500, },
}, {
{ lable: "元",
lable: "元", value: 500,
value: 1000, },
}, {
{ lable: "元",
lable: "其他金额", value: 1000,
value: "", },
}, // {
], // lable: "其他金额",
numberList: [], // value: "",
tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件 // },
tempFiles2: "../../static/img/idCardBg0.png", ],
//绑定的一类卡列表 numberList: [],
bindcardList: [], tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
// 20211126 银行账户类型 tempFiles2: "../../static/img/idCardBg0.png",
accountType: "2", //绑定的一类卡列表
// 银行账户类型名称枚举 bindcardList: [],
accountEnum: { // 20211126 银行账户类型
1: "平安银行III类户", accountType: "2",
2: "工商银行III类户", // 银行账户类型名称枚举
3: "交通银行III类户", accountEnum: {
4: "渤海银行II类户", 1: "平安银行III类户",
}, 2: "工商银行III类户",
/** 3: "交通银行III类户",
* 20211129新增 4: "渤海银行II类户",
*/ },
// 充值手机号码 /**
openCardPhon: "", * 20211129新增
openCardPhonSms: "", */
msCount: 60, //定时器 // 充值手机号码
RechargeSmsorderNoInfo: {}, //第三方合作交易标识 openCardPhon: "",
}; openCardPhonSms: "",
}, msCount: 60, //定时器
onLoad: function (options) { RechargeSmsorderNoInfo: {}, //第三方合作交易标识
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 || "";
mounted: function () {}, this.QueryUserInfo();
onShow: function () { },
if (bankInfo.userId) { created: function() {},
this.queryBankInfo(); mounted: function() {},
} onShow: function() {
}, if (bankInfo.accountType == 4) {
methods: { // 渤海银行要判断是否有代扣签约
// 更换银行卡 this.signStatusQuery();
async ChangeBankPay() { }
// uni.showModal({ if (bankInfo.userId) {
// title: "系统提示", this.queryBankInfo();
// content: "功能开发中!" }
// }) },
// return methods: {
uni.showLoading({ // 更换银行卡
mask: true, async ChangeBankPay() {
title: "请稍后....", // uni.showModal({
}); // title: "系统提示",
if (bankInfo.accountType == 4) { // content: "功能开发中!"
jWeixin.miniProgram.navigateTo({ // })
url: `/pages_subpack/pages/changeBindCard/main`, // return
}); uni.showLoading({
uni.hideLoading(); mask: true,
return; title: "请稍后....",
} });
this.BackToMini("AssignAddCard"); if (bankInfo.accountType == 4) {
uni.hideLoading(); jWeixin.miniProgram.navigateTo({
}, url: `/pages_subpack/pages/changeBindCard/main`,
// 验证码弹出框开启 });
toDeposit() { uni.hideLoading();
if (this.isOtherMoney) { return;
if (this.inputOtherM == "") { }
uni.showModal({ this.BackToMini("AssignAddCard");
title: "系统提示", uni.hideLoading();
content: "请输入要充值的金额!", },
}); // 验证码弹出框开启
return; toDeposit() {
} console.log(this.isOtherMoney, 'isOtherMoney')
if (parseFloat(this.inputOtherM) * 1 < 3) { if (this.isOtherMoney) {
weui.topTips("充值金额必须大于3元"); if (this.inputOtherM == "") {
return; uni.showModal({
} title: "系统提示",
} else { content: "请输入要充值的金额!",
if (this.Money == "") { });
uni.showModal({ return;
title: "系统提示", }
content: "请选择要充值的金额!", if (parseFloat(this.inputOtherM) * 1 < 3) {
}); weui.topTips("充值金额必须大于3元");
return; return;
} }
if (parseFloat(this.inputOtherM) * 1 < 3) { } else {
weui.topTips("充值金额必须大于3元"); if (this.Money == "") {
return; uni.showModal({
} title: "系统提示",
} content: "请选择要充值的金额!",
if (MyTimer) { });
window.clearInterval(MyTimer); //停止计时器 return;
MyTimer = null; }
this.CodeMsg = "获取验证码"; if (parseFloat(this.inputOtherM) * 1 < 3) {
this.msCount = 60; weui.topTips("充值金额必须大于3元");
this.openCardPhonSms = ""; return;
} }
this.$refs.popup.open("top"); }
}, if (MyTimer) {
// 验证码弹出框关闭 window.clearInterval(MyTimer); //停止计时器
close() { MyTimer = null;
this.$refs.popup.close(); this.CodeMsg = "获取验证码";
}, this.msCount = 60;
//切换到提现 this.openCardPhonSms = "";
ToWalletTx() { }
$("#DepositBox").css("display", "none"); this.$refs.popup.open("top");
$("#TxWalletBox").css("display", "block"); },
// $('.TitleHeader').html('电子账户提现'); // 验证码弹出框关闭
$(".doBtnTx").html("提现"); close() {
opeType = 1; this.$refs.popup.close();
uni.navigateTo({ },
url: //切换到提现
"../Reflect/Reflect?" + ToWalletTx() {
OforS({ $("#DepositBox").css("display", "none");
sessionID: sessionID, $("#TxWalletBox").css("display", "block");
userID: userID, // $('.TitleHeader').html('电子账户提现');
}), $(".doBtnTx").html("提现");
}); opeType = 1;
}, uni.navigateTo({
//全部提现 url: "../Reflect/Reflect?" +
TxAllFun() { OforS({
this.ReflectMoney = this.cardBalanceTx * 1; sessionID: sessionID,
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); userID: userID,
}, }),
// 输入限制 });
inputControl(e) { },
let this_ = this; //全部提现
let obj = e.detail; TxAllFun() {
this.$nextTick(function () { this.ReflectMoney = this.cardBalanceTx * 1;
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. },
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. // 输入限制
obj.value = obj.value inputControl(e) {
.replace(".", "$#$") let this_ = this;
.replace(/\./g, "") this_.MoneyIndex = -1;
.replace("$#$", "."); //只允许输入一个小数点 this_.isOtherMoney = true;
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数 let obj = e.detail;
obj.value = this.$nextTick(function() {
obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value; obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
if (obj.value == "" || obj.value * 1 < 3) { obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
$(".DepositID").attr( obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
"style", obj.value = obj.value
"background: rgb(230, 230, 230) !important;" .replace(".", "$#$")
); .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;"
// 若最后一位为小数点则去掉 );
let str = this.inputOtherM + ""; } else {
if (str.lastIndexOf(".") == str.length - 1) { $(".DepositID").removeAttr("style");
this.inputOtherM = str.substring(0, str.length - 1); }
} this_.inputOtherM = obj.value;
this.$nextTick(function () { });
document.scrollingElement.scrollTo(0, this.scrollTop); },
}); //input键盘弹起不会弹
}, ReturnToTop() {
//定时器 // 若最后一位为小数点则去掉
IntervalFun() { let str = this.inputOtherM + "";
if (this.msCount == 1) { if (str.lastIndexOf(".") == str.length - 1) {
window.clearInterval(MyTimer); //停止计时器 this.inputOtherM = str.substring(0, str.length - 1);
MyTimer = null; }
this.CodeMsg = "获取验证码"; this.$nextTick(function() {
this.msCount = 60; document.scrollingElement.scrollTo(0, this.scrollTop);
} else { });
this.msCount--; },
this.CodeMsg = this.msCount + "s后获取"; //定时器
} IntervalFun() {
}, if (this.msCount == 1) {
// 充值验证获取验证码 window.clearInterval(MyTimer); //停止计时器
async SendSms() { MyTimer = null;
if (MyTimer) { this.CodeMsg = "获取验证码";
return; this.msCount = 60;
} } else {
if (!this.openCardPhon || this.openCardPhon.length !== 11) { this.msCount--;
Dialog({ this.CodeMsg = this.msCount + "s后获取";
title: "系统提示", }
message: "请收入正确的手机号码！", },
}); // 代扣状态查询
return; async signStatusQuery() {
} let respes = await this.$http.post({
// url: "http://159.75.47.27:8091/bank-wechat/bohai/comprehensive/signStatusQuery",
let this_ = this; url: orderApi + "/bank-wechat/bohai/comprehensive/signStatusQuery",
let loading = Toast.loading({ data: {
message: "加载中...", schoolId: bankInfo.schoolId, //学校id
forbidClick: true, userId: userID, //用户id
loadingType: "spinner", },
duration: 0, });
}); if (respes.code == "10000") {
// 20211230 console.log(respes, "respes");
let exchangeUrl = gHost; if (respes.results.dkstatus != 1) { // 1已签约
switch (bankInfo.accountType) { Dialog.alert({
case 3: title: '使用说明',
exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/rechargeSms"; message: '您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约',
break; theme: 'round-button',
case 4: confirmButtonText: '确认签约',
exchangeUrl = exchangeUrl + "/bank-wechat/bohai/comprehensive/otpSms"; confirmButtonColor: '#2ddbb6',
break; className: 'signAlert'
default: }).then(() => {
Dialog({ // on confirm
title: "系统提示", jWeixin.miniProgram.navigateTo({
message: "银行账号类型错误！", url: `/pages/SignProxyPay/main`,
}); });
throw "银行账号类型错误!"; })
break; .catch(() => {
} // on cancel
$.ajax({ });
url: exchangeUrl, }
type: "POST", } else {
contentType: "application/x-www-form-urlencoded", Toast(respes.message || "代扣状态查询,请重试！");
data: { throw new Error("代扣状态查询,请重试！");
amount: ((this.Money || this.inputOtherM) * 1).toFixed(2), //充值金额，单位元 }
schoolId: bankInfo.schoolId, //学校id },
userId: userID, //用户id // 充值验证获取验证码
sessionid: sessionID, async SendSms() {
wechattype: 1, if (MyTimer) {
// 20211230渤海 return;
mobilePhone: this.openCardPhon, }
msg: "充值", if (!this.openCardPhon || this.openCardPhon.length !== 11) {
}, Dialog({
headers: { title: "系统提示",
sessionid: sessionID, message: "请收入正确的手机号码！",
}, });
success: function (res5) { return;
loading.clear(); }
if (res5.code == "10000") {
this_.IntervalFun(); let this_ = this;
MyTimer = window.setInterval(this_.IntervalFun, 1000); let loading = Toast.loading({
this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {}; message: "加载中...",
} else { forbidClick: true,
weui.topTips(res5.message); loadingType: "spinner",
uni.showModal({ duration: 0,
title: "系统提示", });
content: res5.message, // 20211230
}); let exchangeUrl = gHost;
} switch (bankInfo.accountType) {
}, case 3:
error: function (err) { exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/rechargeSms";
loading.clear(); break;
}, case 4:
}); exchangeUrl = exchangeUrl + "/bank-wechat/bohai/comprehensive/otpSms";
}, break;
// 充值 default:
async ExchangeRecharge() { Dialog({
let amount, bindMedium, summary; title: "系统提示",
if (this.isOtherMoney) { message: "银行账号类型错误！",
if (this.inputOtherM == "") { });
uni.showModal({ throw "银行账号类型错误!";
title: "系统提示", break;
content: "请输入要充值的金额!", }
}); $.ajax({
return; url: exchangeUrl,
} type: "POST",
amount = this.inputOtherM * 1; contentType: "application/x-www-form-urlencoded",
} else { data: {
if (this.Money == "") { amount: ((this.Money || this.inputOtherM) * 1).toFixed(2), //充值金额，单位元
uni.showModal({ schoolId: bankInfo.schoolId, //学校id
title: "系统提示", userId: userID, //用户id
content: "请选择要充值的金额!", sessionid: sessionID,
}); wechattype: 1,
return; // 20211230渤海
} mobilePhone: this.openCardPhon,
amount = this.Money * 1; msg: "充值",
} },
let this_ = this; headers: {
if (!this.openCardPhon || this.openCardPhon.length !== 11) { sessionid: sessionID,
Dialog({ },
title: "系统提示", success: function(res5) {
message: "请收入正确的手机号码！", loading.clear();
}); if (res5.code == "10000") {
return; this_.IntervalFun();
} MyTimer = window.setInterval(this_.IntervalFun, 1000);
if (bankInfo.accountType != 4) { this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {};
if (!this.RechargeSmsorderNoInfo.orderNo) { } else {
Dialog({ weui.topTips(res5.message);
title: "系统提示", uni.showModal({
message: "请获取验证码！", title: "系统提示",
}); content: res5.message,
return; });
} }
} },
if (!this.openCardPhonSms) { error: function(err) {
Dialog({ loading.clear();
title: "系统提示", },
message: "请收入验证码！", });
}); },
return; // 充值
} async ExchangeRecharge() {
uni.showLoading({ let amount, bindMedium, summary;
mask: true, if (this.isOtherMoney) {
title: "处理中......", if (this.inputOtherM == "") {
}); uni.showModal({
// 20211230 title: "系统提示",
let exchangeUrl = gHost; content: "请输入要充值的金额!",
switch (bankInfo.accountType) { });
case 3: return;
exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/recharge"; }
break; amount = this.inputOtherM * 1;
case 4: } else {
exchangeUrl = exchangeUrl + "/bank-wechat/bohai/exchange/recharge"; if (this.Money == "") {
break; uni.showModal({
default: title: "系统提示",
Dialog({ content: "请选择要充值的金额!",
title: "系统提示", });
message: "银行账号类型错误！", return;
}); }
throw "银行账号类型错误!"; amount = this.Money * 1;
break; }
} let this_ = this;
$.ajax({ if (!this.openCardPhon || this.openCardPhon.length !== 11) {
url: exchangeUrl, Dialog({
type: "POST", title: "系统提示",
contentType: "application/x-www-form-urlencoded", message: "请收入正确的手机号码！",
data: { });
amount: (amount * 1).toFixed(2), //充值金额，单位元 return;
mobileCode: this.openCardPhonSms, //短信验证码 }
orderNo: this_.RechargeSmsorderNoInfo.orderNo, //第三方合作交易标识，取充值短信返回的orderNo值 if (bankInfo.accountType != 4) {
schoolId: bankInfo.schoolId, //学校id if (!this.RechargeSmsorderNoInfo.orderNo) {
userId: userID, //用户id Dialog({
sessionid: sessionID, title: "系统提示",
wechattype: 1, message: "请获取验证码！",
// 21211230渤海银行 });
transAmount: (amount * 1).toFixed(2), return;
verifyNo: this.openCardPhonSms, }
}, }
headers: { if (!this.openCardPhonSms) {
sessionid: sessionID, Dialog({
}, title: "系统提示",
success: function (res5) { message: "请收入验证码！",
uni.hideLoading(); });
if (res5.code == "10000") { return;
this_.close(); }
setTimeout(() => { uni.showLoading({
this_.queryBankInfo(); mask: true,
}, 3000); title: "处理中......",
let thiTime = new Date(); });
let str = ""; // 20211230
let accountNo = this_.bankInfo_.bindCardNo; let exchangeUrl = gHost;
accountNo = accountNo.slice(accountNo.length - 4, accountNo.length); switch (bankInfo.accountType) {
let minutes_ = case 3:
thiTime.getMinutes().toString().length < 2 exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/recharge";
? thiTime.getMinutes().toString().padStart(2, "0") break;
: thiTime.getMinutes().toString(); case 4:
switch (bankInfo.accountType) { exchangeUrl = exchangeUrl + "/bank-wechat/bohai/exchange/recharge";
case 3: break;
if (thiTime.getMinutes() + 20 >= 60) { default:
str = Dialog({
thiTime.getHours() + 1 + ":" + (60 - thiTime.getMinutes()); title: "系统提示",
} else { message: "银行账号类型错误！",
str = thiTime.getHours() + ":" + (thiTime.getMinutes() + 20); });
} throw "银行账号类型错误!";
wx.showModal({ break;
title: "充值申请已提交", }
content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。", $.ajax({
showCancel: false, url: exchangeUrl,
success: function () { type: "POST",
uni.navigateTo({ contentType: "application/x-www-form-urlencoded",
url: `../../recharging/recharging?bankName=${ data: {
amount: (amount * 1).toFixed(2), //充值金额，单位元
mobileCode: this.openCardPhonSms, //短信验证码
orderNo: this_.RechargeSmsorderNoInfo.orderNo, //第三方合作交易标识，取充值短信返回的orderNo值
schoolId: bankInfo.schoolId, //学校id
userId: userID, //用户id
sessionid: sessionID,
wechattype: 1,
// 21211230渤海银行
transAmount: (amount * 1).toFixed(2),
verifyNo: this.openCardPhonSms,
},
headers: {
sessionid: sessionID,
},
success: function(res5) {
uni.hideLoading();
if (res5.code == "10000") {
this_.close();
setTimeout(() => {
this_.queryBankInfo();
}, 3000);
let thiTime = new Date();
let str = "";
let accountNo = this_.bankInfo_.bindCardNo;
accountNo = accountNo.slice(accountNo.length - 4, accountNo.length);
let minutes_ =
thiTime.getMinutes().toString().length < 2 ?
thiTime.getMinutes().toString().padStart(2, "0") :
thiTime.getMinutes().toString();
switch (bankInfo.accountType) {
case 3:
if (thiTime.getMinutes() + 20 >= 60) {
str =
thiTime.getHours() + 1 + ":" + (60 - thiTime.getMinutes());
} else {
str = thiTime.getHours() + ":" + (thiTime.getMinutes() + 20);
}
wx.showModal({
title: "充值申请已提交",
content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。",
showCancel: false,
success: function() {
uni.navigateTo({
url: `../../recharging/recharging?bankName=${
this_.bankInfo_.bindCardName this_.bankInfo_.bindCardName
}&bankNumber=${accountNo}&time=${str}&money=${( }&bankNumber=${accountNo}&time=${str}&money=${(
amount * 1 amount * 1
).toFixed(2)}`, ).toFixed(2)}`,
}); });
}, },
}); });
break; break;
case 4: case 4:
str = thiTime.getHours() + 2 + ":" + minutes_; str = thiTime.getHours() + 2 + ":" + minutes_;
uni.navigateTo({ uni.navigateTo({
url: `../../recharging/recharging?bankName=${ url: `../../recharging/recharging?bankName=${
this_.bankInfo_.bindCardName this_.bankInfo_.bindCardName
}&bankNumber=${accountNo}&time=${str}&money=${( }&bankNumber=${accountNo}&time=${str}&money=${(
amount * 1 amount * 1
).toFixed(2)}`, ).toFixed(2)}`,
}); });
break; break;
default: default:
break; break;
} }
// 20211129 // 20211129
this_.RechargeSmsorderNoInfo = {}; this_.RechargeSmsorderNoInfo = {};
} else { } else {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function (err) { error: function(err) {
uni.hideLoading(); uni.hideLoading();
}, },
}); });
}, },
// 充值结果查询 // 充值结果查询
async ExchangeRechargeQuery(flowId, oriCorpSerno) { async ExchangeRechargeQuery(flowId, oriCorpSerno) {
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: "加载中...", message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: "spinner", loadingType: "spinner",
duration: 0, duration: 0,
}); });
$.ajax({ $.ajax({
url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery", url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
flowId: flowId, flowId: flowId,
oriCorpSerno: oriCorpSerno, oriCorpSerno: oriCorpSerno,
}, },
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: function (res5) { success: function(res5) {
loading.clear(); loading.clear();
if (res5.code == "10000") { if (res5.code == "10000") {
let appStatus = res5.results.appStatus; let appStatus = res5.results.appStatus;
if (appStatus == "4") { if (appStatus == "4") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "充值成功!", content: "充值成功!",
}); });
this_.queryBankInfo(); this_.queryBankInfo();
} else { } else {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: appStatus == "1" ? "申请已受理" : res5.message, content: appStatus == "1" ? "申请已受理" : res5.message,
}); });
} }
} else { } else {
weui.topTips(res5.message); weui.topTips(res5.message);
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message, content: res5.message,
}); });
} }
}, },
error: function (err) { error: function(err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
// 复制我卡号 // 复制我卡号
async CopyCardNumber() { async CopyCardNumber() {
let value = this.bankInfo_.accountNo; let value = this.bankInfo_.accountNo;
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "复制成功！", message: "复制成功！",
}); });
this.$nextTick(function () { this.$nextTick(function() {
let clipboard = new ClipboardJS("#cardNumright", { let clipboard = new ClipboardJS("#cardNumright", {
text: function () { text: function() {
return value; return value;
}, },
}); });
}); });
}, },
//选择输入其他金额 //选择输入其他金额
OtherMoney() { OtherMoney() {
this.depotMoneyother = true; this.depotMoneyother = true;
}, },
// 快捷选择金额 // 选择其它金额
async depotMoney(value, MoneyIndex) { async depotOtherMoney() {
console.log(value); console.log('其它金额')
if (!value) { },
this.isOtherMoney = true; // 快捷选择金额
this.Money = ""; async depotMoney(value, MoneyIndex) {
this.MoneyIndex = MoneyIndex; this.isOtherMoney = false;
return; this.inputOtherM = "";
} this.Money = parseInt(value);
this.isOtherMoney = false; this.MoneyIndex = MoneyIndex;
this.Money = parseInt(value); },
this.MoneyIndex = MoneyIndex; //按钮操作
}, HideHTML(dom, type) {
//按钮操作 this.$nextTick(function() {
HideHTML(dom, type) { if (type == 0) {
this.$nextTick(function () { $("." + dom).css("display", "none");
if (type == 0) { } else {
$("." + dom).css("display", "none"); $("." + dom).css("display", "block");
} else { }
$("." + dom).css("display", "block"); });
} },
}); // 更换手机号码
}, changePhone() {
// 更换手机号码 uni.showLoading({
changePhone() { mask: true,
uni.showLoading({ title: "请稍后....",
mask: true, });
title: "请稍后....", jWeixin.miniProgram.navigateTo({
}); url: `/pages_subpack/pages/changePhone/main`,
jWeixin.miniProgram.navigateTo({ });
url: `/pages_subpack/pages/changePhone/main`, uni.hideLoading();
}); },
uni.hideLoading(); //返回小程序 跳转指定页面
}, BackToMini(page) {
//返回小程序 跳转指定页面 if (page == "UserMain" || page == "personalCenter") {
BackToMini(page) { jWeixin.miniProgram.switchTab({
if (page == "UserMain" || page == "personalCenter") { url: `/pages/${page}/main`,
jWeixin.miniProgram.switchTab({ });
url: `/pages/${page}/main`, } else {
}); jWeixin.miniProgram.redirectTo({
} else { url: `/pages/${page}/main`,
jWeixin.miniProgram.redirectTo({ });
url: `/pages/${page}/main`, }
}); },
} //换绑卡
}, ChangeCardPay(item) {
//换绑卡 let this_ = this;
ChangeCardPay(item) { if (bankInfo.bindCardNo == item.bindCardNo) {
let this_ = this; return;
if (bankInfo.bindCardNo == item.bindCardNo) { }
return; var loading = weui.loading("请稍后");
} $.ajax({
var loading = weui.loading("请稍后"); url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
$.ajax({ type: "POST",
url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding", contentType: "application/x-www-form-urlencoded",
type: "POST", data: {
contentType: "application/x-www-form-urlencoded", schoolId: bankInfo.schoolId,
data: { userId: userID,
schoolId: bankInfo.schoolId, sessionid: sessionID,
userId: userID, wechattype: 1,
sessionid: sessionID, bindMedium: item.bindCardNo,
wechattype: 1, bindMediumName: item.bindCardName,
bindMedium: item.bindCardNo, },
bindMediumName: item.bindCardName, success: function(res5) {
}, loading.hide();
success: function (res5) { if (res5.code == "10000") {
loading.hide(); this_.queryUserBankInfo();
if (res5.code == "10000") { this_.close();
this_.queryUserBankInfo(); } else {
this_.close(); weui.topTips(res5.message);
} else { }
weui.topTips(res5.message); this_.popshow = false;
} },
this_.popshow = false; error: function(err) {
}, loading.hide();
error: function (err) { },
loading.hide(); });
}, },
}); //查询一类卡绑定列表
}, queryBindCardList() {
//查询一类卡绑定列表 let this_ = this;
queryBindCardList() { let loading = weui.loading("请稍后");
let this_ = this; $.ajax({
let loading = weui.loading("请稍后"); url: gHost + "/bank-wechat/user/bank/bindingList",
$.ajax({ type: "POST",
url: gHost + "/bank-wechat/user/bank/bindingList", contentType: "application/x-www-form-urlencoded",
type: "POST", data: {
contentType: "application/x-www-form-urlencoded", cardNo: bankInfo.accountNo,
data: { schoolId: bankInfo.schoolId,
cardNo: bankInfo.accountNo, userId: userID,
schoolId: bankInfo.schoolId, sessionid: sessionID,
userId: userID, wechattype: 1,
sessionid: sessionID, },
wechattype: 1, success: function(res4) {
}, loading.hide();
success: function (res4) { if (res4.code == "10000") {
loading.hide(); this_.bindcardList = res4.results;
if (res4.code == "10000") { this_.popshow = true;
this_.bindcardList = res4.results; } else {
this_.popshow = true; weui.topTips(res4.message);
} else { }
weui.topTips(res4.message); },
} error: function(err) {
}, loading.hide();
error: function (err) { },
loading.hide(); });
}, },
}); //获取银行余额
}, queryBankInfo() {
//获取银行余额 let this_ = this;
queryBankInfo() { let queryBankInfoUrl = gHost;
let this_ = this; // 20211230
let queryBankInfoUrl = gHost; switch (bankInfo.accountType) {
// 20211230 case 3:
switch (bankInfo.accountType) { queryBankInfoUrl =
case 3: queryBankInfoUrl +
queryBankInfoUrl = "/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal";
queryBankInfoUrl + break;
"/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal"; case 4:
break; queryBankInfoUrl =
case 4: queryBankInfoUrl + "/bank-wechat/bohai/exchange/balanceQuery";
queryBankInfoUrl = break;
queryBankInfoUrl + "/bank-wechat/bohai/exchange/balanceQuery"; default:
break; Dialog({
default: title: "系统提示",
Dialog({ message: "银行账号类型错误！",
title: "系统提示", });
message: "银行账号类型错误！", throw "银行账号类型错误!";
}); break;
throw "银行账号类型错误!"; }
break; // let loading = weui.loading('请稍后');
} $.ajax({
// let loading = weui.loading('请稍后'); url: queryBankInfoUrl,
$.ajax({ type: "POST",
url: queryBankInfoUrl, timeout: 8000,
type: "POST", contentType: "application/x-www-form-urlencoded",
timeout: 8000, data: {
contentType: "application/x-www-form-urlencoded", mediumId: bankInfo.accountNo || "",
data: { schoolId: bankInfo.schoolId || "",
mediumId: bankInfo.accountNo || "", userId: bankInfo.userId || "",
schoolId: bankInfo.schoolId || "", sessionid: sessionID,
userId: bankInfo.userId || "", wechattype: 1,
sessionid: sessionID, },
wechattype: 1, success: function(res3) {
}, // loading.hide();
success: function (res3) { if (res3.code == "10000") {
// loading.hide(); if (bankInfo.accountType == 4) {
if (res3.code == "10000") { if (res3.results.eacTotalAmt == null) {
if (bankInfo.accountType == 4) { weui.topTips("账户信息为空，余额查询失败");
if (res3.results.eacTotalAmt == null) { } else {
weui.topTips("账户信息为空，余额查询失败"); this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2);
} else { $(".TxClsTx").attr(
this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2); "placeholder",
$(".TxClsTx").attr( `可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元`
"placeholder", );
`可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元` this_.RechargeMax = (
); 2000 -
this_.RechargeMax = ( (res3.results.eacTotalAmt * 1).toFixed(2) * 1
2000 - ).toFixed(2);
(res3.results.eacTotalAmt * 1).toFixed(2) * 1 }
).toFixed(2); return;
} }
return; if (res3.results.accountBalance == null) {
} weui.topTips("账户信息为空，余额查询失败");
if (res3.results.accountBalance == null) { } else {
weui.topTips("账户信息为空，余额查询失败"); this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
} else { 2
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed( );
2 $(".TxClsTx").attr(
); "placeholder",
$(".TxClsTx").attr( `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
"placeholder", );
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` this_.RechargeMax = (
); 2000 -
this_.RechargeMax = ( (res3.results.accountBalance * 1).toFixed(2) * 1
2000 - ).toFixed(2);
(res3.results.accountBalance * 1).toFixed(2) * 1 }
).toFixed(2); } else {
} weui.topTips(res3.message);
} else { }
weui.topTips(res3.message); },
} error: function(err) {
}, // loading.hide();
error: function (err) { },
// loading.hide(); complete: function(XMLHttpRequest, status) {
}, // loading.hide();
complete: function (XMLHttpRequest, status) { if (status == "timeout") {
// loading.hide(); weui.topTips("请求超时，余额查询失败");
if (status == "timeout") { }
weui.topTips("请求超时，余额查询失败"); },
} });
}, },
}); //获取用户已填写银行信息
}, queryUserBankInfo() {
//获取用户已填写银行信息 let this_ = this;
queryUserBankInfo() { // let loading = weui.loading('请稍后');
let this_ = this; $.ajax({
// let loading = weui.loading('请稍后'); url: gHost + "/bank-wechat/user/bank/get",
$.ajax({ type: "POST",
url: gHost + "/bank-wechat/user/bank/get", contentType: "application/x-www-form-urlencoded",
type: "POST", data: {
contentType: "application/x-www-form-urlencoded", schoolId: bankInfo.schoolId,
data: { userId: userID,
schoolId: bankInfo.schoolId, sessionid: sessionID,
userId: userID, wechattype: 1,
sessionid: sessionID, },
wechattype: 1, success: function(res2) {
}, if (res2.code == "10000") {
success: function (res2) { if (!res2.results) {
if (res2.code == "10000") { weui.topTips("获取用户银行信息失败!");
if (!res2.results) { // loading.hide();
weui.topTips("获取用户银行信息失败!"); return;
// loading.hide(); }
return; bankInfo = res2.results;
} bankInfo.sessionid = sessionID;
bankInfo = res2.results; this_.queryBankInfo(); //查余额
bankInfo.sessionid = sessionID; this_.bankInfo_ = bankInfo;
this_.queryBankInfo(); //查余额 // 20211129
this_.bankInfo_ = bankInfo; this_.openCardPhon = bankInfo.mobileNo;
// 20211129 } else {
this_.openCardPhon = bankInfo.mobileNo; weui.topTips(res2.message);
} else { }
weui.topTips(res2.message); },
} error: function(err) {
}, // loading.hide();
error: function (err) { },
// loading.hide(); });
}, },
}); //查询用户信息
}, QueryUserInfo() {
//查询用户信息 let this_ = this;
QueryUserInfo() { let loading = Toast.loading({
let this_ = this; message: "加载中...",
let loading = Toast.loading({ forbidClick: true,
message: "加载中...", loadingType: "spinner",
forbidClick: true, duration: 0,
loadingType: "spinner", });
duration: 0, $.ajax({
}); url: gHost + "/wechat/svweapp/QueryPersonalInfo",
$.ajax({ type: "POST",
url: gHost + "/wechat/svweapp/QueryPersonalInfo", contentType: "application/x-www-form-urlencoded",
type: "POST", data: {
contentType: "application/x-www-form-urlencoded", userid: userID,
data: { sessionid: sessionID,
userid: userID, wechattype: 1,
sessionid: sessionID, },
wechattype: 1, success: function(res1) {
}, loading.clear();
success: function (res1) { if (res1.code == "10000") {
loading.clear(); bankInfo.schoolId = res1.results.schoolid;
if (res1.code == "10000") { bankInfo.userId = res1.results.id;
bankInfo.schoolId = res1.results.schoolid; this_.PersonalInfo = res1.results;
bankInfo.userId = res1.results.id; if (res1.results.usertype == 1) {
this_.PersonalInfo = res1.results; $(".StudentCls").css("display", "block");
if (res1.results.usertype == 1) { $(".TeacherCls").css("display", "none");
$(".StudentCls").css("display", "block"); } else {
$(".TeacherCls").css("display", "none"); $(".StudentCls").css("display", "none");
} else { $(".TeacherCls").css("display", "block");
$(".StudentCls").css("display", "none"); }
$(".TeacherCls").css("display", "block"); this_.queryUserBankInfo();
} } else {
this_.queryUserBankInfo(); weui.topTips(res1.message);
} else { setTimeout(() => {
weui.topTips(res1.message); this_.BackToMini("UserMain");
setTimeout(() => { }, 1500);
this_.BackToMini("UserMain"); }
}, 1500); },
} error: function(err) {
}, loading.clear();
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%);
} }
.changPhone { .changPhone {
font-size: 14px; font-size: 14px;
color: #39f; color: #39f;
text-align: right; text-align: right;
} }
.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 { .RechargeDetailed {
text-align: center; text-align: center;
// width: 118rpx; // width: 118rpx;
height: 32rpx; height: 32rpx;
margin: 0 auto; margin: 0 auto;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
text-decoration: underline; text-decoration: underline;
color: #36a8ff; color: #36a8ff;
margin-top: 50rpx; margin-top: 50rpx;
} }
.contentBox { .contentBox {
width: 670rpx; width: 670rpx;
height: 376rpx; height: 376rpx;
margin: 0 auto; margin: 0 auto;
} }
.contentDiv { .contentDiv {
height: 100%; height: 100%;
// margin-top: 36rpx; // margin-top: 36rpx;
border-radius: 15rpx; border-radius: 15rpx;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"); background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
top: 36rpx; top: 36rpx;
} }
.HidenText { .HidenText {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
padding-top: 88rpx; padding-top: 88rpx;
} }
.HidenText, .HidenText,
.Balance { .Balance {
padding-left: 46rpx; padding-left: 46rpx;
padding-right: 40rpx; padding-right: 40rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
} }
.Balance { .Balance {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
} }
.Recharge { .Recharge {
// height: 30rpx; // height: 30rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin-top: 58rpx; margin-top: 58rpx;
span:nth-child(1) { span:nth-child(1) {
width: 4rpx; width: 4rpx;
height: 30rpx; height: 30rpx;
background: #23d6a3; background: #23d6a3;
border-radius: 2rpx; border-radius: 2rpx;
display: inline-block; display: inline-block;
position: relative; position: relative;
top: 5rpx; top: 5rpx;
} }
span:nth-child(2) { span:nth-child(2) {
display: inline-block; display: inline-block;
margin-left: 16rpx; margin-left: 16rpx;
} }
} }
.headview { .headview {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// padding-left: 40rpx; // padding-left: 40rpx;
// padding-right: 40rpx; // padding-right: 40rpx;
padding-top: 36rpx; padding-top: 36rpx;
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
} }
.headview .schoolname { .headview .schoolname {
// width: 252rpx; // width: 252rpx;
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 50rpx; line-height: 50rpx;
} }
.headview .IconCls { .headview .IconCls {
width: 170rpx; width: 170rpx;
height: 48rpx; height: 48rpx;
background: #20946d; background: #20946d;
border-radius: 25rpx; border-radius: 25rpx;
font-size: 24rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
line-height: 48rpx; line-height: 48rpx;
text-align: center; text-align: center;
} }
.MoneyBox { .MoneyBox {
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
color: #888888; color: #888888;
width: 686rpx; width: 686rpx;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.choiceClass { .choiceClass {
background: rgba(39, 266, 148, 0.1) !important; background: rgba(39, 266, 148, 0.1) !important;
color: #28d79c; color: #28d79c;
} }
.MoneyBox view { .MoneyBox view {
width: 220rpx; width: 220rpx;
height: 120rpx; height: 120rpx;
background: #ffffff; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
border: 1rpx solid #eeeeee; border: 1rpx solid #eeeeee;
margin-top: 16rpx; margin-top: 16rpx;
text-align: center; text-align: center;
position: relative; position: relative;
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
margin-right: 2px; margin-right: 2px;
float: left; float: left;
} }
.depotMoney .value { .depotMoney .value {
font-size: 45rpx; font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
line-height: 120rpx; line-height: 120rpx;
text-align: center; text-align: center;
} }
.depotMoney .tips { .depotMoney .tips {
// width: 79rpx; // width: 79rpx;
// height: 33rpx; // height: 33rpx;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
// border-radius: 4rpx; // border-radius: 4rpx;
// font-size: 18rpx; // font-size: 18rpx;
// font-weight: 500; // font-weight: 500;
// padding: 4rpx; // padding: 4rpx;
// text-align: center; // text-align: center;
// float: right; // float: right;
// position: absolute; // position: absolute;
// right: 0rpx; // right: 0rpx;
// line-height: 33rpx; // line-height: 33rpx;
} }
.OtherMoney { .OtherMoney {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
// color: #999999; // color: #999999;
// font-size: 28rpx; // font-size: 28rpx;
// font-family: PingFangSC-Regular, PingFang SC; // font-family: PingFangSC-Regular, PingFang SC;
// font-weight: 400; // font-weight: 400;
// color: #999999; // color: #999999;
// line-height: 40rpx; // line-height: 40rpx;
width: 686rpx; width: 686rpx;
height: 100rpx; height: 100rpx;
background: #f7f6fb; background: #f7f6fb;
border-radius: 10rpx; border-radius: 10rpx;
margin: 0 auto; margin: 0 auto;
line-height: 100rpx; line-height: 100rpx;
margin-top: 32rpx; margin-top: 32rpx;
span { span {
display: inline-block; display: inline-block;
font-size: 40rpx; font-size: 40rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
padding-left: 26rpx; padding-left: 26rpx;
} }
input { input {
height: 100%; height: 100%;
} }
} }
.OtherMoney view:nth-child(2) { .OtherMoney view:nth-child(2) {
// width: 30rpx; // width: 30rpx;
// height: 30rpx; // height: 30rpx;
// background: #F0F0F0; // background: #F0F0F0;
// border-radius: 50%; // border-radius: 50%;
// text-align: center; // text-align: center;
// line-height: 30rpx; // line-height: 30rpx;
// margin-top: 7rpx; // margin-top: 7rpx;
// margin-left: 5rpx; // margin-left: 5rpx;
} }
.payType { .payType {
height: 98rpx; height: 98rpx;
line-height: 98rpx; line-height: 98rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.payType view:nth-child(1) { .payType view:nth-child(1) {
// width: 120rpx; // width: 120rpx;
height: 42rpx; height: 42rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
line-height: 98rpx; line-height: 98rpx;
} }
.payType view::nth-child(2) { .payType view::nth-child(2) {
width: 225rpx; width: 225rpx;
height: 45rpx; height: 45rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
line-height: 45rpx; line-height: 45rpx;
} }
.arrow { .arrow {
transform: rotate(-45deg); transform: rotate(-45deg);
top: -3rpx; top: -3rpx;
border: solid #999999; border: solid #999999;
border-width: 0 1rpx 1rpx 0; border-width: 0 1rpx 1rpx 0;
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
} }
@media (min-height: 650px) { @media (min-height: 650px) {
.bottomdiv { .bottomdiv {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
bottom: 30rpx; bottom: 30rpx;
} }
} }
.DepositID { .DepositID {
width: 630rpx; width: 630rpx;
height: 92rpx; height: 92rpx;
background: #04ba73; background: #04ba73;
border-radius: 8rpx; border-radius: 8rpx;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
bottom: 30rpx; bottom: 30rpx;
} }
.DepositID span { .DepositID span {
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 92rpx; line-height: 92rpx;
} }
.switchbankCard { .switchbankCard {
text-align: center; text-align: center;
/* width: 205px; */ /* width: 205px; */
// height: 28rpx; // height: 28rpx;
font-size: 26rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
text-decoration: underline; text-decoration: underline;
color: #268ef8; color: #268ef8;
margin-top: 23rpx; margin-top: 23rpx;
} }
.RechargeConfirmationBox { .RechargeConfirmationBox {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: 400rpx; top: 400rpx;
width: 618rpx; width: 618rpx;
height: 520rpx; height: 520rpx;
background: #ffffff; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
margin: 0 auto; margin: 0 auto;
.RechargeInfo { .RechargeInfo {
width: 560rpx; width: 560rpx;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
/deep/ .openCardPhonTxt { /deep/ .openCardPhonTxt {
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
width: auto; width: auto;
} }
/deep/ .openCardPhonSmsTxt { /deep/ .openCardPhonSmsTxt {
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
width: auto; width: auto;
} }
/deep/ .van-cell { /deep/ .van-cell {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
height: 100rpx; height: 100rpx;
} }
/deep/ .van-button { /deep/ .van-button {
background: #1cc48b; background: #1cc48b;
border-radius: 8rpx; border-radius: 8rpx;
font-size: 10rpx; font-size: 10rpx;
} }
.RechargeInfo1 { .RechargeInfo1 {
height: 120rpx; height: 120rpx;
line-height: 88rpx; line-height: 88rpx;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
text-align: center; text-align: center;
} }
.ContenInfo { .ContenInfo {
text-align: center; text-align: center;
// width: 383rpx; // width: 383rpx;
height: 159rpx; height: 159rpx;
margin: 0 auto; margin: 0 auto;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #010101; color: #010101;
view { view {
line-height: 75rpx; line-height: 75rpx;
} }
} }
.BtngGoup { .BtngGoup {
justify-content: space-between; justify-content: space-between;
display: flex; display: flex;
margin-top: 40rpx; margin-top: 40rpx;
view { view {
width: 100%; width: 100%;
height: 68rpx; height: 68rpx;
border-radius: 8rpx; border-radius: 8rpx;
text-align: center; text-align: center;
line-height: 68rpx; line-height: 68rpx;
} }
view:nth-child(1) { view:nth-child(1) {
background: #1cc48b; background: #1cc48b;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #ebebeb; color: #ebebeb;
} }
view:nth-child(2) { view:nth-child(2) {
background: #1cc48b; background: #1cc48b;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
} }
} }
} }
} }
.closePhoneBox { .closePhoneBox {
// width: 35rpx; // width: 35rpx;
height: 35rpx; height: 35rpx;
position: relative; position: relative;
right: -20rpx; right: -20rpx;
top: 20rpx; top: 20rpx;
text-align: right; text-align: right;
image { image {
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
position: relative; position: relative;
right: 10rpx; right: 10rpx;
} }
} }
.doBtnTx { .doBtnTx {
width: 506rpx; width: 506rpx;
height: 92rpx; height: 92rpx;
background: #04ba73; background: #04ba73;
border-radius: 8rpx; border-radius: 8rpx;
color: #ffffff; color: #ffffff;
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
bottom: 38rpx; bottom: 38rpx;
} }
.PhoneNum, .PhoneNum,
.VerifyCode { .VerifyCode {
width: 506rpx; width: 506rpx;
height: 80rpx; height: 80rpx;
line-height: 60rpx; line-height: 60rpx;
background: #f7f6fb; background: #f7f6fb;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.VerifyCode { .VerifyCode {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.VerifyCode input { .VerifyCode input {
width: 200rpx; width: 200rpx;
} }
.CodeMsg { .CodeMsg {
color: #01bc73; color: #01bc73;
background: #f7f6fb; background: #f7f6fb;
font-size: 32rpx; font-size: 32rpx;
font-weight: 600; font-weight: 600;
line-height: 80rpx; line-height: 80rpx;
letter-spacing: 3rpx; letter-spacing: 3rpx;
} }
.placeholderInput { .placeholderInput {
color: #aaaaaa; color: #aaaaaa;
font-size: 42rpx; font-size: 42rpx;
font-weight: 500; font-weight: 500;
letter-spacing: 3rpx; letter-spacing: 3rpx;
// padding-left: 50rpx; // padding-left: 50rpx;
height: 80rpx; height: 80rpx;
} }
.OtherTitle { .OtherTitle {
height: 67rpx; height: 67rpx;
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 67rpx; line-height: 67rpx;
padding-top: 60rpx; padding-top: 60rpx;
} }
.inputOtherM { .inputOtherM {
display: flex; display: flex;
height: 100rpx; height: 100rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.inputOtherM input { .inputOtherM input {
border: none; border: none;
outline: none; outline: none;
height: 50rpx; height: 50rpx;
padding-left: 16rpx; padding-left: 16rpx;
font-size: 72rpx; font-size: 72rpx;
font-weight: 600; font-weight: 600;
} }
.inputOtherM span:nth-child(1) { .inputOtherM span:nth-child(1) {
width: 72rpx; width: 72rpx;
font-size: 80rpx; font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 100rpx; line-height: 100rpx;
} }
.OtherLine { .OtherLine {
width: 631rpx; width: 631rpx;
height: 1rpx; height: 1rpx;
background-color: #cccccc; background-color: #cccccc;
margin-top: 19rpx; margin-top: 19rpx;
} }
.depositbox { .depositbox {
margin-top: 31rpx; margin-top: 31rpx;
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
} }
.depositImg { .depositImg {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
vertical-align: middle; vertical-align: middle;
margin-right: 8rpx; margin-right: 8rpx;
position: relative; position: relative;
top: -2rpx; top: -2rpx;
} }
.Recharge_ { .Recharge_ {
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
line-height: 40rpx; line-height: 40rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.Recharge_ span:nth-child(2) { .Recharge_ span:nth-child(2) {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #fa6400; color: #fa6400;
} }
.placeholderinputOtherM { .placeholderinputOtherM {
height: 50rpx; height: 50rpx;
// font-family: PingFangSC-Semibold, PingFang SC; // font-family: PingFangSC-Semibold, PingFang SC;
// font-weight: 600; // font-weight: 600;
// color: #010101; // color: #010101;
line-height: 50rpx; line-height: 50rpx;
width: 323rpx; width: 323rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
} }
// 异常处理 // 异常处理
.RechargeException { .RechargeException {
padding-top: 20rpx; padding-top: 20rpx;
} }
.weui-label { .weui-label {
// width: 118rpx; // width: 118rpx;
height: 42rpx; height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #3d3d3d; color: #3d3d3d;
line-height: 42rpx; line-height: 42rpx;
font-weight: bold; font-weight: bold;
margin-left: 30rpx; margin-left: 30rpx;
} }
.tiptext { .tiptext {
height: 1.06rem; height: 1.06rem;
font-size: 0.75rem; font-size: 0.75rem;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #03bc73; color: #03bc73;
line-height: 1.06rem; line-height: 1.06rem;
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
text-align: center; text-align: center;
} }
.bottomDetail { .bottomDetail {
width: 628rpx; width: 628rpx;
height: 88rpx; height: 88rpx;
color: white; color: white;
// position: fixed; // position: fixed;
// left: 0; // left: 0;
// right: 0; // right: 0;
margin: 0 auto; margin: 0 auto;
background-color: #03bc73; background-color: #03bc73;
text-align: center; text-align: center;
line-height: 88rpx; line-height: 88rpx;
margin-top: 84rpx; margin-top: 84rpx;
} }
.RechargeException input::placeholder { .RechargeException input::placeholder {
color: #a1a4a8; color: #a1a4a8;
} }
.RechargeException .weui-cell { .RechargeException .weui-cell {
height: 4rem; height: 4rem;
padding: 0 !important; padding: 0 !important;
} }
.idCardPhoto1, .idCardPhoto1,
.idCardPhoto2 { .idCardPhoto2 {
width: 388rpx; width: 388rpx;
height: 224rpx; height: 224rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.idCardPhoto1 image, .idCardPhoto1 image,
.idCardPhoto2 image { .idCardPhoto2 image {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.weui-toptips_success { .weui-toptips_success {
background-color: #03bc73 !important; background-color: #03bc73 !important;
} }
.positionCam { .positionCam {
height: 32rpx; height: 32rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500; font-weight: 500;
color: #6d7278; color: #6d7278;
line-height: 32rpx; line-height: 32rpx;
text-align: center; text-align: center;
position: relative; position: relative;
top: -29px; top: -29px;
} }
.BgCoverBox { .BgCoverBox {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
z-index: 10; z-index: 10;
background: #000000; background: #000000;
opacity: 0.5; opacity: 0.5;
} }
.hideListCover { .hideListCover {
max-height: 50vh; max-height: 50vh;
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;
} }
.bottomDiv { .bottomDiv {
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
.signAlert>>>.van-dialog__message {
line-height: 60rpx;
}
.signAlert>>>.van-dialog__confirm {
width: 200rpx !important;
flex: none !important;
margin: 0 auto;
}
/deep/ uni-input.otherMoneyInput {
height: 120rpx;
line-height: 120rpx;
font-weight: 600;
}
</style> </style>
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ 4619c718
...@@ -97,7 +97,8 @@ ...@@ -97,7 +97,8 @@
> >
</view> </view>
<!-- 充值其它金额 --> <!-- 充值其它金额 -->
<view class="OtherMoney" v-if="isOtherMoney"> <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney">
<span>￥</span> <span>￥</span>
<input <input
v-model="inputOtherM" v-model="inputOtherM"
...@@ -321,10 +322,6 @@ export default { ...@@ -321,10 +322,6 @@ export default {
lable: "元", lable: "元",
value: 1000, value: 1000,
}, },
{
lable: "其他金额",
value: "",
},
], ],
numberList: [], numberList: [],
tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件 tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
...@@ -453,6 +450,8 @@ export default { ...@@ -453,6 +450,8 @@ export default {
// 输入限制 // 输入限制
inputControl(e) { inputControl(e) {
let this_ = this; let this_ = this;
this_.MoneyIndex = -1;
this_.isOtherMoney = true;
let obj = e.detail; let obj = e.detail;
this.$nextTick(function () { this.$nextTick(function () {
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
...@@ -636,16 +635,17 @@ export default { ...@@ -636,16 +635,17 @@ export default {
}, },
// 快捷选择金额 // 快捷选择金额
async depotMoney(value, MoneyIndex) { async depotMoney(value, MoneyIndex) {
console.log(value); // console.log(value);
if (!value) { // if (!value) {
this.isOtherMoney = true; // this.isOtherMoney = true;
this.Money = ""; // this.Money = "";
this.MoneyIndex = MoneyIndex; // this.MoneyIndex = MoneyIndex;
return; // return;
} // }
this.isOtherMoney = false; this.isOtherMoney = false;
this.Money = parseInt(value); this.inputOtherM = "";
this.MoneyIndex = MoneyIndex; this.Money = parseInt(value);
this.MoneyIndex = MoneyIndex;
}, },
//按钮操作 //按钮操作
HideHTML(dom, type) { HideHTML(dom, type) {
......
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