Skip to content

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

充值界面修改

parent c07bfe8f
Hide whitespace changes
Inline Side-by-side
Showing with 2110 additions and 1583 deletions
src/pages/BankModule/Recharge/Recharge.vue
View file @ 62431565
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="contentBox" v-if="!depotMoneyother"> <view class="contentBox" style="display: none;" 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">
...@@ -116,8 +116,20 @@ ...@@ -116,8 +116,20 @@
</view> </view>
<!-- 充值其它金额 --> <!-- 充值其它金额 -->
<view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
</view>
</view>
<!-- <view class="OtherMoney" v-if="isOtherMoney"> --> <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney"> <view class="OtherMoney" style="display: none;">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元" <input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
...@@ -293,6 +305,15 @@ ...@@ -293,6 +305,15 @@
name: "Recharge", name: "Recharge",
data() { data() {
return { return {
showPopover: false,
// 通过 actions 属性来定义菜单选项
actions: [{
text: "复制卡号"
}, {
text: "账户明细"
}, {
text: "常见问题"
}],
popshow: false, popshow: false,
// 输入其它金额 // 输入其它金额
isOtherMoney: false, isOtherMoney: false,
...@@ -380,6 +401,17 @@ ...@@ -380,6 +401,17 @@
} }
}, },
methods: { methods: {
onSelect(action) {
if (action.text == "复制卡号") {
this.CopyCardNumber();
} else if (action.text == "账户明细") {
this.BackToMini('purchaseDetail');
} else if (action.text == "常见问题") {
uni.navigateTo({
url: `../../commonProblem/commonProblem`
})
}
},
async beforeQuerySignStatus() { async beforeQuerySignStatus() {
await this.QueryUserInfo(); await this.QueryUserInfo();
// 渤海银行要判断是否有代扣签约 // 渤海银行要判断是否有代扣签约
...@@ -1484,6 +1516,74 @@ ...@@ -1484,6 +1516,74 @@
text-align: center; text-align: center;
} }
.moneyWrapper {
margin-top: 10rpx;
width: 100%;
display: flex;
flex-wrap: wrap;
.moneyItem {
width: 210rpx;
height: 120rpx;
background: #f8f8f8;
border-radius: 12rpx;
display: flex;
justify-content: center;
margin-right: 18rpx;
font-family: PingFangSC-Medium, PingFang SC;
margin-bottom: 24rpx;
view {
align-self: center;
color: #333333;
}
view:first-child {
font-size: 40rpx;
font-weight: 500;
}
view:last-child {
font-size: 30rpx;
}
}
.moneyItem:nth-child(3n) {
margin-right: 0;
}
.active {
border: 3rpx solid #04b871;
view {
color: #04b871;
}
}
.other {
width: 444rpx;
height: 120rpx;
line-height: 120rpx;
text-align: center;
background: #f8f8f8;
border-radius: 12rpx;
/deep/.uni-input-wrapper {
position: absolute;
width: 444rpx;
height: 120rpx;
font-size: 40rpx;
font-weight: 500;
color: #333333;
}
/deep/.uni-input-input {
height: 120rpx;
line-height: 120rpx;
}
}
}
.MoneyBox { .MoneyBox {
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
...@@ -1665,6 +1765,7 @@ ...@@ -1665,6 +1765,7 @@
color: #ffffff; color: #ffffff;
line-height: 92rpx; line-height: 92rpx;
} }
.service { .service {
margin-top: 118rpx; margin-top: 118rpx;
width: 100%; width: 100%;
...@@ -1675,7 +1776,7 @@ ...@@ -1675,7 +1776,7 @@
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
.switchbankCard { .switchbankCard {
text-align: center; text-align: center;
/* width: 205px; */ /* width: 205px; */
......
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ 62431565
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
}}</span> }}</span>
</view> </view>
</view> </view>
<view class="moneyWrapper" style="display: none;"> <view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)" <view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0" v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index"> v-for="(item, index) in MoneyList" :key="index">
......
src/pages/assignDeposit/assignDeposit.vue
View file @ 62431565
<template> <template>
<view class="container"> <view class="container">
<view class="contentBox" v-if="!depotMoneyother"> <view class="userInfoBox">
<view class="firstLine">
<view class="avatar">
<image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
</view>
<view class="name">张三</view>
<view v-if="PersonalInfo.usertype=='1'">高一(63班)</view>
<view v-else>教职工</view>
</view>
<view class="secondLine">{{PersonalInfo.schoolname}}</view>
</view>
<view class="contentWrapper" v-if="!depotMoneyother">
<view class="balanceWrapper">
<view class="firstLine">
<view class="left">
<view>可用余额(元) </view>
<view>{{ cardBalanceTx }}</view>
</view>
<view class="right">
<van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
@select="onSelect">
<template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
</template>
</van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** 5947</view>
<view class="right" @click="ToWalletTx">
<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
提现
</view>
</view>
</view>
</view>
<view class="contentBox" style="display: none;" 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">
...@@ -28,7 +64,21 @@ ...@@ -28,7 +64,21 @@
</view> </view>
</view> </view>
<!-- --> <!-- -->
<view class="MoneyBox"> <view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input @focus="openKeyBoard('number')" v-model="inputOtherM" @input="inputControl"
@blur="ReturnToTop" placeholder="其他金额，最低3元" placeholder-class="placeholderinputOtherM"
type="text" maxlength="6" />
</view>
</view>
<!-- 充值其它金额 -->
<view class="MoneyBox" style="display: none;">
<view class="depotMoney" @click="depotMoney(item.value,index)" <view class="depotMoney" @click="depotMoney(item.value,index)"
v-bind:class="(Money!=''&&MoneyIndex==index)?'choiceClass':''" :data-money="item.value" v-bind:class="(Money!=''&&MoneyIndex==index)?'choiceClass':''" :data-money="item.value"
v-for="(item,index) in MoneyList" :key="index"> v-for="(item,index) in MoneyList" :key="index">
...@@ -36,22 +86,40 @@ ...@@ -36,22 +86,40 @@
{{item.value}} {{item.value}}
</span> </span>
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span> <span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</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>
<!-- 充值限额提示 -->
<view class="depositbox">
<image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
<span style="
vertical-align: middle;
font-size: 28rpx;
color: #333333;
font-weight: 500;
">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
</view>
<!-- --> <!-- -->
<view class="OtherMoney" @click="OtherMoney"> <view class="OtherMoney" style="display: none;" @click="OtherMoney">
<view>其他充值金额</view> <view>其他充值金额</view>
<view>></span></view> <view>></span></view>
</view> </view>
<!-- 支付方式 --> <!-- 支付方式 -->
<view class="payType" @click="queryBindCardList"> <view class="paytype">
<view class="left">付款账户 </view>
<view class="right" @click="queryBindCardList">
招商银行(5947)
<van-icon name="arrow" />
</view>
</view>
<view class="payType" style="display: none;" @click="queryBindCardList">
<view>付款方式</view> <view>付款方式</view>
<view>招商银行(5947) <span class="arrow"></span></view> <view>招商银行(5947) <span 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="switchbankCard" @click="BackToMini('AssignAddCard')">我要换银行卡支付 <span class="arrow" <view class="switchbankCard" @click="BackToMini('AssignAddCard')">我要换银行卡支付 <span class="arrow"
style="transform: rotate(45deg);left: 15rpx;top: -8rpx;"></span></view> style="transform: rotate(45deg);left: 15rpx;top: -8rpx;"></span></view>
...@@ -61,7 +129,7 @@ ...@@ -61,7 +129,7 @@
</view> </view>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother"> <view class="contentBox" style="display: none;" v-if="depotMoneyother">
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span>￥</span> <span>￥</span>
...@@ -168,728 +236,748 @@ ...@@ -168,728 +236,748 @@
</template> </template>
<script> <script>
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue"; import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
import cityData from "@/common/js/city.js"; import cityData from "@/common/js/city.js";
var gHost = "https://" + window.location.host; var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") { if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net"; gHost = "https://fpdev.xiaopay.net";
} }
let times = 0; let times = 0;
var limitClick = false; //禁止重复点击 var limitClick = false; //禁止重复点击
var sessionID = "", var sessionID = "",
userID = ""; userID = "";
var payCardNumber = ""; //一类卡号 var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号 var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "", var businessNo = "",
otpOrderNo = "", otpOrderNo = "",
mobileNo = ""; mobileNo = "";
var msCount = 60; //定时器 var msCount = 60; //定时器
var MyTimer = null; var MyTimer = null;
var fromType = 0; //0转账 1提现 var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证 var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = { var bankInfo = {
acctNoArray: "", acctNoArray: "",
idNo: "", idNo: "",
schoolId: "", schoolId: "",
trueName: "", trueName: "",
userId: "", userId: "",
sessionid: "", sessionid: "",
wechattype: 1, wechattype: 1,
}; };
// 20210422 充值账户异常资料补充参数 // 20210422 充值账户异常资料补充参数
var acctErrorUpdateParms = { var acctErrorUpdateParms = {
backSideImgId: "", //反面身份证图片Id backSideImgId: "", //反面身份证图片Id
frontSideImgId: "", //正面身份证图片Id frontSideImgId: "", //正面身份证图片Id
homeAddress: "", //家庭住址 homeAddress: "", //家庭住址
occupation: "", //职业代码 occupation: "", //职业代码
StreetInformation: "", //街道 StreetInformation: "", //街道
businessNo: "", businessNo: "",
}; };
// /wefile/wefileId // /wefile/wefileId
// 获取上传影像的Token接口 // 获取上传影像的Token接口
let wefileId = {}; let wefileId = {};
// bizCode: "000000" // bizCode: "000000"
// bizMsg: "获取上传影像token成功" // bizMsg: "获取上传影像token成功"
// businessNo: "OB89d5ed802cRA202104226389071452" // businessNo: "OB89d5ed802cRA202104226389071452"
// expiredTime: 1619072725503 // expiredTime: 1619072725503
// project: "BOBS-OBP" // project: "BOBS-OBP"
// uuid: "8238f256d8f54209a0e9a2a3b25e7393" // uuid: "8238f256d8f54209a0e9a2a3b25e7393"
// wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA==" // wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA=="
// wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do" // wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do"
export default { export default {
components: { components: {
keyboardPackage, keyboardPackage,
}, },
name: "assignDeposit", name: "assignDeposit",
data() { data() {
return { return {
inputOtherM: "", showPopover: false,
RechargeException: false, // 通过 actions 属性来定义菜单选项
depotMoneyother: false, //其他充值 actions: [{
Money: "", //选择金额 text: "复制卡号"
MoneyIndex: "", }, {
RechargeMax: "2000", //最大充值限制 text: "账户明细"
ReflectMoney: "", //提现金额 }, {
VerifyCode: "", //验证码 text: "常见问题"
cardBalanceTx: "0", //余额 }],
CodeMsg: "获取验证码", inputOtherM: "",
type: "number", RechargeException: false,
PersonalInfo: { depotMoneyother: false, //其他充值
schoolname: "微微学测试", Money: "", //选择金额
name: "李智书", MoneyIndex: "",
usertype: "1", RechargeMax: "2000", //最大充值限制
}, ReflectMoney: "", //提现金额
ImgUrl: this.$ImgUrl, VerifyCode: "", //验证码
MoneyList: Array(6) cardBalanceTx: "0", //余额
.fill(1) CodeMsg: "获取验证码",
.map((v, index) => { type: "number",
return { PersonalInfo: {
lable: "元", schoolname: "微微学测试",
value: 50 * (index + 1), name: "李智书",
tips: index == 1 ? "推荐充值" : null, usertype: "1",
}; },
}), ImgUrl: this.$ImgUrl,
numberList: [], MoneyList: Array(6)
tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件 .fill(1)
tempFiles2: "../../static/img/idCardBg0.png", .map((v, index) => {
}; return {
}, lable: "元",
created: function () {}, value: 50 * (index + 1),
mounted: function () { tips: index == 1 ? "推荐充值" : null,
let this_ = this; };
this.$nextTick(function () { }),
// $(".RechargeException").siblings().hide() numberList: [],
// $(".RechargeException").show() tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
tempFiles2: "../../static/img/idCardBg0.png",
// 家庭住址 };
$("#homeAddress").on("click", function () { },
weui.picker(cityData, { created: function() {},
defaultValue: [110000, 110000, 110101], mounted: function() {
depth: 3, let this_ = this;
onChange: function (result) { this.$nextTick(function() {
console.log(result); // $(".RechargeException").siblings().hide()
}, // $(".RechargeException").show()
onConfirm: function (result) {
console.log(result); // 家庭住址
console.log(result); $("#homeAddress").on("click", function() {
acctErrorUpdateParms.homeAddress = weui.picker(cityData, {
result[0].label + "/" + result[1].label + "/" + result[2].label; defaultValue: [110000, 110000, 110101],
$("#homeAddress")[0].innerText = depth: 3,
result[0].label + "/" + result[1].label + "/" + result[2].label; onChange: function(result) {
$("#homeAddress").css("color", "#000"); console.log(result);
}, },
title: "家庭地址", onConfirm: function(result) {
}); console.log(result);
}); console.log(result);
// 选择职业 acctErrorUpdateParms.homeAddress =
$("#showPicker").on("click", function () { result[0].label + "/" + result[1].label + "/" + result[2]
// 获取职业信息 .label;
this_ $("#homeAddress")[0].innerText =
.getOccupationList() result[0].label + "/" + result[1].label + "/" + result[2]
.then((OccupationList) => { .label;
let data = OccupationList.map((v) => { $("#homeAddress").css("color", "#000");
return { },
label: v.comment, title: "家庭地址",
value: v.code, });
}; });
}); // 选择职业
weui.picker(data, { $("#showPicker").on("click", function() {
onChange: function (result) { // 获取职业信息
console.log(result); this_
}, .getOccupationList()
onConfirm: function (result) { .then((OccupationList) => {
console.log(result[0].value); let data = OccupationList.map((v) => {
acctErrorUpdateParms.occupation = result[0].value; return {
$("#showPicker")[0].innerText = result[0].label; label: v.comment,
$("#showPicker").css("color", "#000"); value: v.code,
}, };
title: "职业信息选择", });
}); weui.picker(data, {
}) onChange: function(result) {
.catch((err) => { console.log(result);
weui.topTips("获取职业信息列表失败"); },
}); onConfirm: function(result) {
}); console.log(result[0].value);
acctErrorUpdateParms.occupation = result[0].value;
// 初始化 $("#showPicker")[0].innerText = result[0].label;
$("#showPicker").css("color", "#000");
userID = this_.getQueryParams("userID"); },
sessionID = this_.getQueryParams("seesionID"); title: "职业信息选择",
fromType = this_.getQueryParams("fromType"); });
let windowHeight = window.innerHeight; })
if (this_.getQueryParams("tabbar")) { .catch((err) => {
//usermain打开加返回按钮 weui.topTips("获取职业信息列表失败");
$("#ReturnBox").css("display", "block"); });
$(".bottom2").css( });
"margin-top",
(windowHeight - 370 < 0 ? 30 : windowHeight - 370) + "px" // 初始化
);
$(".bottom1").css( userID = this_.getQueryParams("userID");
"margin-top", sessionID = this_.getQueryParams("seesionID");
(windowHeight - 570 < 0 ? 30 : windowHeight - 570) + "px" fromType = this_.getQueryParams("fromType");
); let windowHeight = window.innerHeight;
} else { if (this_.getQueryParams("tabbar")) {
$(".bottom2").css( //usermain打开加返回按钮
"margin-top", $("#ReturnBox").css("display", "block");
(windowHeight - 320 < 0 ? 30 : windowHeight - 320) + "px" $(".bottom2").css(
); "margin-top",
$(".bottom1").css( (windowHeight - 370 < 0 ? 30 : windowHeight - 370) + "px"
"margin-top", );
(windowHeight - 590 < 0 ? 30 : windowHeight - 590) + "px" $(".bottom1").css(
); "margin-top",
} (windowHeight - 570 < 0 ? 30 : windowHeight - 570) + "px"
bankInfo.sessionid = sessionID; );
this_.QueryUserInfo(); } else {
$("#AssginBox").css("display", "block"); $(".bottom2").css(
if (fromType == 0) { "margin-top",
// $('.TitleHeader').html('电子账户充值'); (windowHeight - 320 < 0 ? 30 : windowHeight - 320) + "px"
} else { );
this_.ToWalletTx(); $(".bottom1").css(
} "margin-top",
setTimeout(function () { (windowHeight - 590 < 0 ? 30 : windowHeight - 590) + "px"
this_.getWefileId(); );
}, 500); }
}); bankInfo.sessionid = sessionID;
}, this_.QueryUserInfo();
methods: { $("#AssginBox").css("display", "block");
// 身份证上传 if (fromType == 0) {
async idCardUpload(type) { // $('.TitleHeader').html('电子账户充值');
let this_ = this; } else {
uni.chooseImage({ this_.ToWalletTx();
count: 6, //默认9 }
sizeType: ["original", "compressed"], setTimeout(function() {
sourceType: ["album", "camera"], //从相册选择 this_.getWefileId();
success: function (res) { }, 500);
this_["tempFiles" + type] = res.tempFilePaths[0]; });
this_.uploaderInput(res.tempFiles, type); },
}, methods: {
}); onSelect(action) {
}, if (action.text == "复制卡号") {
// 验证码弹出框开启 this.CopyCardNumber();
open() { } else if (action.text == "账户明细") {
this.$refs.popup.open("top"); this.BackToMini('purchaseDetail');
}, } else if (action.text == "常见问题") {
// 验证码弹出框关闭 uni.navigateTo({
close() { url: `../../commonProblem/commonProblem`
this.$refs.popup.close(); })
}, }
//键盘谈起 },
openKeyBoard(key) { // 身份证上传
this.type = key; async idCardUpload(type) {
this.$refs[key].open(); let this_ = this;
}, uni.chooseImage({
onInput(val) { count: 6, //默认9
this.numberList.push(val); sizeType: ["original", "compressed"],
this.inputOtherM = this.inputOtherM + val; sourceType: ["album", "camera"], //从相册选择
console.log(val); success: function(res) {
}, this_["tempFiles" + type] = res.tempFilePaths[0];
onDelete() { this_.uploaderInput(res.tempFiles, type);
this.numberList.pop(); },
this.inputOtherM = this.numberList.join(""); });
}, },
onConfirm() { // 验证码弹出框开启
// 充值提现输入验证码确认框 open() {
this.open(); this.$refs.popup.open("top");
}, },
//选择输入其他金额 // 验证码弹出框关闭
OtherMoney() { close() {
this.depotMoneyother = true; this.$refs.popup.close();
}, },
// 快捷选择金额 //键盘谈起
async depotMoney(value, MoneyIndex) { openKeyBoard(key) {
console.log(value); this.type = key;
this.Money = parseInt(value); this.$refs[key].open();
this.MoneyIndex = MoneyIndex; },
}, onInput(val) {
//定时器 this.numberList.push(val);
IntervalFun() { this.inputOtherM = this.inputOtherM + val;
if (msCount == 1) { console.log(val);
window.clearInterval(MyTimer); //停止计时器 },
$(".CodeMsg").css("color", "#01BC73"); onDelete() {
this.CodeMsg = "获取验证码"; this.numberList.pop();
msCount = 60; this.inputOtherM = this.numberList.join("");
} else { },
msCount--; onConfirm() {
$(".CodeMsg").css("color", "gray"); // 充值提现输入验证码确认框
this.CodeMsg = msCount + "s后获取"; this.open();
} },
}, //选择输入其他金额
//按钮操作 OtherMoney() {
HideHTML(dom, type) { this.depotMoneyother = true;
if (type == 0) { },
$("." + dom).css("display", "none"); // 快捷选择金额
} else { async depotMoney(value, MoneyIndex) {
$("." + dom).css("display", "block"); console.log(value);
} this.Money = parseInt(value);
}, this.MoneyIndex = MoneyIndex;
//切换到提现 },
ToWalletTx() { //定时器
$("#DepositBox").css("display", "none"); IntervalFun() {
$("#TxWalletBox").css("display", "block"); if (msCount == 1) {
// $('.TitleHeader').html('电子账户提现'); window.clearInterval(MyTimer); //停止计时器
$(".doBtnTx").html("提现"); $(".CodeMsg").css("color", "#01BC73");
opeType = 1; this.CodeMsg = "获取验证码";
}, msCount = 60;
//全部提现 } else {
TxAllFun() { msCount--;
this.ReflectMoney = this.cardBalanceTx * 1; $(".CodeMsg").css("color", "gray");
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); this.CodeMsg = msCount + "s后获取";
}, }
//隐藏验证码弹框 },
hidePhoneBox() { //按钮操作
$(".PhoneConfirmBox").css("display", "none"); HideHTML(dom, type) {
// $('.VerifyCode').val(''); if (type == 0) {
this.VerifyCode = ""; $("." + dom).css("display", "none");
orderSerialNo = ""; } else {
businessNo = ""; $("." + dom).css("display", "block");
otpOrderNo = ""; }
}, },
//返回小程序 跳转指定页面 //切换到提现
BackToMini(page) { ToWalletTx() {
if (page == "UserMain" || page == "personalCenter") { $("#DepositBox").css("display", "none");
jWeixin.miniProgram.switchTab({ $("#TxWalletBox").css("display", "block");
url: `/pages/${page}/main`, // $('.TitleHeader').html('电子账户提现');
}); $(".doBtnTx").html("提现");
} else { opeType = 1;
jWeixin.miniProgram.redirectTo({ },
url: `/pages/${page}/main`, //全部提现
}); TxAllFun() {
} this.ReflectMoney = this.cardBalanceTx * 1;
}, // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
// 输入限制 },
inputControl(obj, val) { //隐藏验证码弹框
console.log(obj, val); hidePhoneBox() {
obj.value = obj.target.value; $(".PhoneConfirmBox").css("display", "none");
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 // $('.VerifyCode').val('');
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. this.VerifyCode = "";
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. orderSerialNo = "";
obj.value = obj.value businessNo = "";
.replace(".", "$#$") otpOrderNo = "";
.replace(/\./g, "") },
.replace("$#$", "."); //只允许输入一个小数点 //返回小程序 跳转指定页面
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数 BackToMini(page) {
obj.value = if (page == "UserMain" || page == "personalCenter") {
obj.value * 1 > this.RechargeMax ? this.RechargeMax : obj.value; jWeixin.miniProgram.switchTab({
this.Money = obj.value + ""; url: `/pages/${page}/main`,
this.ReflectMoney = obj.value + ""; });
if (obj.value == "" || obj.value * 1 < 3) { } else {
$(".DepositID").addClass("DisaBledBtn"); jWeixin.miniProgram.redirectTo({
} else { url: `/pages/${page}/main`,
$(".DepositID").removeClass("DisaBledBtn"); });
} }
}, },
clearPoint() { // 输入限制
// 若最后一位为小数点则去掉 inputControl(obj, val) {
let str = this.inputOtherM + ""; console.log(obj, val);
if (str.lastIndexOf(".") == str.length - 1) { obj.value = obj.target.value;
this.inputOtherM = str.substring(0, str.length - 1); obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
} obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
}, obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
//input键盘弹起不会弹 obj.value = obj.value
ReturnToTop() { .replace(".", "$#$")
document.scrollingElement.scrollTo(0, this.scrollTop); .replace(/\./g, "")
}, .replace("$#$", "."); //只允许输入一个小数点
//提现结果查询 obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
transferResults() { obj.value =
let this_ = this; obj.value * 1 > this.RechargeMax ? this.RechargeMax : obj.value;
times++; this.Money = obj.value + "";
let loading = weui.loading("请稍后"); this.ReflectMoney = obj.value + "";
let params = { if (obj.value == "" || obj.value * 1 < 3) {
accountNo: bankInfo.acctNoArray, $(".DepositID").addClass("DisaBledBtn");
businessNo: businessNo, } else {
orderSerialNo: orderSerialNo, //提现指令号 $(".DepositID").removeClass("DisaBledBtn");
schoolId: bankInfo.schoolId, }
userId: userID, },
sessionid: sessionID, clearPoint() {
wechattype: 1, // 若最后一位为小数点则去掉
}; let str = this.inputOtherM + "";
$.ajax({ if (str.lastIndexOf(".") == str.length - 1) {
url: gHost + "/bank-wechat/transfer/query", this.inputOtherM = str.substring(0, str.length - 1);
type: "POST", }
contentType: "application/x-www-form-urlencoded", },
data: params, //input键盘弹起不会弹
success: function (res7) { ReturnToTop() {
if (res7.code == "10000") { document.scrollingElement.scrollTo(0, this.scrollTop);
if (res7.results.status == 0 || res7.results.status == 1) { },
//status 状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(提现)结果查询”接口查结果 //提现结果查询
loading.hide(); transferResults() {
if (res7.results.status == 0) { let this_ = this;
weui.topTips(res7.results.bizMsg); times++;
} else { let loading = weui.loading("请稍后");
weui.toast("提现成功！", 1500); let params = {
} accountNo: bankInfo.acctNoArray,
setTimeout(() => { businessNo: businessNo,
location.reload(); orderSerialNo: orderSerialNo, //提现指令号
}, 2000); schoolId: bankInfo.schoolId,
} else { userId: userID,
if (times == 3) { sessionid: sessionID,
loading.hide(); wechattype: 1,
weui.topTips("当前提现人数过多，请至我的账户中查看余额"); };
setTimeout(() => { $.ajax({
this_.BackToMini("UserMain"); url: gHost + "/bank-wechat/transfer/query",
}, 1500); type: "POST",
} else { contentType: "application/x-www-form-urlencoded",
setTimeout((res) => { data: params,
this_.transferResults(); success: function(res7) {
}, 2000); if (res7.code == "10000") {
} if (res7.results.status == 0 || res7.results.status == 1) {
} //status 状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(提现)结果查询”接口查结果
} else { loading.hide();
loading.hide(); if (res7.results.status == 0) {
weui.topTips(res7.message); weui.topTips(res7.results.bizMsg);
} } else {
}, weui.toast("提现成功！", 1500);
error: function (err) { }
loading.hide(); setTimeout(() => {
}, location.reload();
}); }, 2000);
}, } else {
//充值结果查询 if (times == 3) {
depositResults() { loading.hide();
let this_ = this; weui.topTips("当前提现人数过多，请至我的账户中查看余额");
times++; setTimeout(() => {
let loading = weui.loading("请稍后"); this_.BackToMini("UserMain");
let params = { }, 1500);
businessNo: businessNo, } else {
schoolId: bankInfo.schoolId, setTimeout((res) => {
userId: userID, this_.transferResults();
sessionid: sessionID, }, 2000);
wechattype: 1, }
}; }
$.ajax({ } else {
url: gHost + "/bank-wechat/recharge/query", loading.hide();
type: "POST", weui.topTips(res7.message);
contentType: "application/x-www-form-urlencoded", }
data: params, },
success: function (res8) { error: function(err) {
if (res8.code == "10000") { loading.hide();
if ( },
res8.results.orderStatus == 3 || });
res8.results.orderStatus == 4 },
) { //充值结果查询
//orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款 depositResults() {
loading.hide(); let this_ = this;
if (res8.results.orderStatus == 3) { times++;
weui.topTips(res8.results.errMsg); let loading = weui.loading("请稍后");
} else { let params = {
weui.toast("充值成功！", 1500); businessNo: businessNo,
} schoolId: bankInfo.schoolId,
setTimeout(() => { userId: userID,
location.reload(); sessionid: sessionID,
}, 2000); wechattype: 1,
} else { };
if (times == 3) { $.ajax({
loading.hide(); url: gHost + "/bank-wechat/recharge/query",
weui.topTips("当前充值人数过多，请至我的账户中查看余额"); type: "POST",
setTimeout(() => { contentType: "application/x-www-form-urlencoded",
this_.BackToMini("UserMain"); data: params,
}, 1500); success: function(res8) {
} else { if (res8.code == "10000") {
setTimeout((res) => { if (
this_.depositResults(); res8.results.orderStatus == 3 ||
}, 2000); res8.results.orderStatus == 4
} ) {
} //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款
} else { loading.hide();
loading.hide(); if (res8.results.orderStatus == 3) {
weui.topTips(res8.message); weui.topTips(res8.results.errMsg);
} } else {
}, weui.toast("充值成功！", 1500);
error: function (err) { }
loading.hide(); setTimeout(() => {
}, location.reload();
}); }, 2000);
}, } else {
//充值/提现方法 if (times == 3) {
DoNextStep() { loading.hide();
let this_ = this; weui.topTips("当前充值人数过多，请至我的账户中查看余额");
console.log("请填写验证码"); setTimeout(() => {
if (this_.VerifyCode == "") { this_.BackToMini("UserMain");
weui.topTips("请填写验证码"); }, 1500);
return; } else {
} setTimeout((res) => {
if (limitClick) { this_.depositResults();
return; }, 2000);
} else { }
limitClick = true; }
setTimeout(() => { } else {
limitClick = false; loading.hide();
}, 3000); weui.topTips(res8.message);
} }
let loading = weui.loading("请稍后"); },
times = 0; error: function(err) {
if (opeType == 0) { loading.hide();
//充值 },
let params = { });
businessNo: businessNo, },
otpOrderNo: otpOrderNo, //充值/提现方法
fromAccNo: payCardNumber, //付款账户 DoNextStep() {
otpValue: this.VerifyCode, //验证码 let this_ = this;
transAmt: this.inputOtherM * 1, //交易金额 console.log("请填写验证码");
schoolId: bankInfo.schoolId, if (this_.VerifyCode == "") {
userId: userID, weui.topTips("请填写验证码");
sessionid: sessionID, return;
wechattype: 1, }
}; if (limitClick) {
$.ajax({ return;
url: gHost + "/bank-wechat/recharge", } else {
type: "POST", limitClick = true;
contentType: "application/x-www-form-urlencoded", setTimeout(() => {
data: params, limitClick = false;
success: function (res5) { }, 3000);
if (res5.code == "10000") { }
if (res5.errCode && res5.errCode == "TI009") { let loading = weui.loading("请稍后");
loading.hide(); times = 0;
weui.topTips(res5.results.errMsg); if (opeType == 0) {
setTimeout(function () { //充值
$(".RechargeException").siblings().hide(); let params = {
$(".RechargeException").show(); businessNo: businessNo,
}); otpOrderNo: otpOrderNo,
return; fromAccNo: payCardNumber, //付款账户
} otpValue: this.VerifyCode, //验证码
if ( transAmt: this.inputOtherM * 1, //交易金额
res5.results.orderStatus == 3 || schoolId: bankInfo.schoolId,
res5.results.orderStatus == 4 userId: userID,
) { sessionid: sessionID,
//orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款 wechattype: 1,
if (res5.results.orderStatus == 3) { };
loading.hide(); $.ajax({
weui.topTips(res5.results.errMsg); url: gHost + "/bank-wechat/recharge",
} else { type: "POST",
loading.hide(); contentType: "application/x-www-form-urlencoded",
weui.toast("充值成功！", 1500); data: params,
} success: function(res5) {
setTimeout(() => { if (res5.code == "10000") {
location.reload(); if (res5.errCode && res5.errCode == "TI009") {
}, 2000); loading.hide();
} else { weui.topTips(res5.results.errMsg);
setTimeout(() => { setTimeout(function() {
// loading.hide(); $(".RechargeException").siblings().hide();
this_.depositResults(); $(".RechargeException").show();
}, 2000); });
} return;
} else { }
loading.hide(); if (
weui.topTips(res5.message); res5.results.orderStatus == 3 ||
} res5.results.orderStatus == 4
}, ) {
error: function (err) { //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款
loading.hide(); if (res5.results.orderStatus == 3) {
}, loading.hide();
}); weui.topTips(res5.results.errMsg);
} else if (opeType == 1) { } else {
//提现 loading.hide();
let params = { weui.toast("充值成功！", 1500);
accountName: bankInfo.trueName, }
amount: $(".TxClsTx")[0].value * 1, setTimeout(() => {
businessNo: businessNo, location.reload();
fromAccountName: bankInfo.trueName, }, 2000);
fromAccountNo: bankInfo.acctNoArray, } else {
otpOrderNo: otpOrderNo, setTimeout(() => {
otpValue: $(".VerifyCode")[0].value, //验证码 // loading.hide();
toAccountNo: payCardNumber, this_.depositResults();
schoolId: bankInfo.schoolId, }, 2000);
userId: userID, }
sessionid: sessionID, } else {
wechattype: 1, loading.hide();
}; weui.topTips(res5.message);
$.ajax({ }
url: gHost + "/bank-wechat/transfer/withdrawal", },
type: "POST", error: function(err) {
contentType: "application/x-www-form-urlencoded", loading.hide();
data: params, },
success: function (res6) { });
if (res6.code == "10000") { } else if (opeType == 1) {
orderSerialNo = res6.results.orderSerialNo; //提现
if (res6.results.status == 1 || res6.results.status == 0) { let params = {
//状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(转账)结果查询”接口查结果 accountName: bankInfo.trueName,
if (res6.results.status == 0) { amount: $(".TxClsTx")[0].value * 1,
loading.hide(); businessNo: businessNo,
weui.topTips(res6.results.bizMsg); fromAccountName: bankInfo.trueName,
} else { fromAccountNo: bankInfo.acctNoArray,
loading.hide(); otpOrderNo: otpOrderNo,
weui.toast("提现成功！", 1500); otpValue: $(".VerifyCode")[0].value, //验证码
} toAccountNo: payCardNumber,
setTimeout(() => { schoolId: bankInfo.schoolId,
location.reload(); userId: userID,
}, 2000); sessionid: sessionID,
} else { wechattype: 1,
setTimeout(() => { };
// loading.hide(); $.ajax({
transferResults(); url: gHost + "/bank-wechat/transfer/withdrawal",
}, 2000); type: "POST",
} contentType: "application/x-www-form-urlencoded",
} else { data: params,
loading.hide(); success: function(res6) {
weui.topTips(res6.message); if (res6.code == "10000") {
} orderSerialNo = res6.results.orderSerialNo;
}, if (res6.results.status == 1 || res6.results.status == 0) {
error: function (err) { //状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(转账)结果查询”接口查结果
loading.hide(); if (res6.results.status == 0) {
}, loading.hide();
}); weui.topTips(res6.results.bizMsg);
} } else {
}, loading.hide();
//充值/提现判断 weui.toast("提现成功！", 1500);
toDeposit(type) { }
//type 0充值 1提现 setTimeout(() => {
let this_ = this; location.reload();
businessNo = ""; }, 2000);
otpOrderNo = ""; } else {
opeType = type; setTimeout(() => {
if (type == 0) { // loading.hide();
if (this.Money * 1 < 3) { transferResults();
weui.topTips("充值金额必须大于3元"); }, 2000);
return; }
} } else {
if (this.Money * 1 > this.RechargeMax * 1) { loading.hide();
weui.topTips(`充值金额不能大于${this.RechargeMax * 1}元`); weui.topTips(res6.message);
return; }
} },
} else { error: function(err) {
if ($(".TxClsTx")[0].value * 1 < 0.01) { loading.hide();
weui.topTips("提现金额须大于等于0.01元"); },
return; });
} }
if ($(".TxClsTx")[0].value * 1 > this.RechargeMax * 1) { },
weui.topTips(`提现金额不可大于账户余额`); //充值/提现判断
return; toDeposit(type) {
} //type 0充值 1提现
} let this_ = this;
this.open(); businessNo = "";
}, otpOrderNo = "";
//发送验证码 opeType = type;
SendMsg() { if (type == 0) {
let this_ = this; if (this.Money * 1 < 3) {
if (this_.CodeMsg != "获取验证码") return false; weui.topTips("充值金额必须大于3元");
let loading = weui.loading("发送中"); return;
if (opeType == 0) { }
//充值 if (this.Money * 1 > this.RechargeMax * 1) {
let params = { weui.topTips(`充值金额不能大于${this.RechargeMax * 1}元`);
fromAccNo: payCardNumber, //付款账户, return;
transAmt: this.Money * 1, //交易金额 }
schoolId: bankInfo.schoolId, } else {
userId: userID, if ($(".TxClsTx")[0].value * 1 < 0.01) {
sessionid: sessionID, weui.topTips("提现金额须大于等于0.01元");
wechattype: 1, return;
}; }
$.ajax({ if ($(".TxClsTx")[0].value * 1 > this.RechargeMax * 1) {
url: gHost + "/bank-wechat/otp/send/recharge", weui.topTips(`提现金额不可大于账户余额`);
type: "POST", return;
contentType: "application/x-www-form-urlencoded", }
data: params, }
success: function (res5) { this.open();
loading.hide(); },
if (res5.code == "10000") { //发送验证码
otpOrderNo = res5.results.otpOrderNo; SendMsg() {
businessNo = res5.results.businessNo; let this_ = this;
weui.toast("验证码已发送，请注意查收！", 1000); if (this_.CodeMsg != "获取验证码") return false;
this_.IntervalFun(); let loading = weui.loading("发送中");
MyTimer = window.setInterval(IntervalFun, 1000); if (opeType == 0) {
} else { //充值
weui.topTips(res5.message); let params = {
} fromAccNo: payCardNumber, //付款账户,
}, transAmt: this.Money * 1, //交易金额
error: function (err) { schoolId: bankInfo.schoolId,
loading.hide(); userId: userID,
}, sessionid: sessionID,
}); wechattype: 1,
} else if (opeType == 1) { };
//提现 $.ajax({
let params = { url: gHost + "/bank-wechat/otp/send/recharge",
accountNo: bankInfo.acctNoArray, //银行卡号 type: "POST",
mobileNo: mobileNo, //手机号 contentType: "application/x-www-form-urlencoded",
"transferAccountBizKeyVO.accountName": bankInfo.trueName, //收款方户名 data: params,
"transferAccountBizKeyVO.amount": $(".TxClsTx")[0].value * 1, //提现金额 success: function(res5) {
"transferAccountBizKeyVO.fromAccountName": bankInfo.trueName, //转出户名 loading.hide();
"transferAccountBizKeyVO.fromAccountNo": bankInfo.acctNoArray, //转出卡号（互联网账户卡号） if (res5.code == "10000") {
"transferAccountBizKeyVO.toAccountNo": payCardNumber, //收款方卡号（绑定卡卡号） otpOrderNo = res5.results.otpOrderNo;
schoolId: bankInfo.schoolId, businessNo = res5.results.businessNo;
userId: userID, weui.toast("验证码已发送，请注意查收！", 1000);
sessionid: sessionID, this_.IntervalFun();
wechattype: 1, MyTimer = window.setInterval(IntervalFun, 1000);
}; } else {
$.ajax({ weui.topTips(res5.message);
url: gHost + "/bank-wechat/otp/send/transfer/account", }
type: "POST", },
contentType: "application/x-www-form-urlencoded", error: function(err) {
data: params, loading.hide();
success: function (res5) { },
loading.hide(); });
if (res5.code == "10000") { } else if (opeType == 1) {
otpOrderNo = res5.results.otpOrderNo; //提现
businessNo = res5.results.businessNo; let params = {
weui.toast("验证码已发送，请注意查收！", 1000); accountNo: bankInfo.acctNoArray, //银行卡号
this_.IntervalFun(); mobileNo: mobileNo, //手机号
MyTimer = window.setInterval(this_.IntervalFun, 1000); "transferAccountBizKeyVO.accountName": bankInfo.trueName, //收款方户名
} else { "transferAccountBizKeyVO.amount": $(".TxClsTx")[0].value * 1, //提现金额
weui.topTips(res5.message); "transferAccountBizKeyVO.fromAccountName": bankInfo.trueName, //转出户名
} "transferAccountBizKeyVO.fromAccountNo": bankInfo.acctNoArray, //转出卡号（互联网账户卡号）
}, "transferAccountBizKeyVO.toAccountNo": payCardNumber, //收款方卡号（绑定卡卡号）
error: function (err) { schoolId: bankInfo.schoolId,
loading.hide(res5.message); userId: userID,
}, sessionid: sessionID,
}); wechattype: 1,
} };
}, $.ajax({
//换绑卡 url: gHost + "/bank-wechat/otp/send/transfer/account",
ChangeCardPay(bankName, bindCard) { type: "POST",
let this_ = this; contentType: "application/x-www-form-urlencoded",
if (bindCard == payCardNumber) { data: params,
return; success: function(res5) {
} loading.hide();
var loading = weui.loading("请稍后"); if (res5.code == "10000") {
$.ajax({ otpOrderNo = res5.results.otpOrderNo;
url: gHost + "/bank-wechat/user/bank/change/bind", businessNo = res5.results.businessNo;
type: "POST", weui.toast("验证码已发送，请注意查收！", 1000);
contentType: "application/x-www-form-urlencoded", this_.IntervalFun();
data: { MyTimer = window.setInterval(this_.IntervalFun, 1000);
schoolId: bankInfo.schoolId, } else {
userId: userID, weui.topTips(res5.message);
sessionid: sessionID, }
wechattype: 1, },
accountName: bankName, error: function(err) {
accountNo: bindCard, loading.hide(res5.message);
}, },
success: function (res5) { });
loading.hide(); }
if (res5.code == "10000") { },
this_.HideHTML("showBindCardList", 0); //换绑卡
this_.queryUserBankInfo(); ChangeCardPay(bankName, bindCard) {
} else { let this_ = this;
weui.topTips(res5.message); if (bindCard == payCardNumber) {
} return;
}, }
error: function (err) { var loading = weui.loading("请稍后");
loading.hide(); $.ajax({
}, url: gHost + "/bank-wechat/user/bank/change/bind",
}); type: "POST",
}, contentType: "application/x-www-form-urlencoded",
//查询一类卡绑定列表 data: {
queryBindCardList() { schoolId: bankInfo.schoolId,
let this_ = this; userId: userID,
let loading = weui.loading("请稍后"); sessionid: sessionID,
$.ajax({ wechattype: 1,
url: gHost + "/bank-wechat/query/account", accountName: bankName,
type: "POST", accountNo: bindCard,
contentType: "application/x-www-form-urlencoded", },
data: { success: function(res5) {
schoolId: bankInfo.schoolId, loading.hide();
userId: userID, if (res5.code == "10000") {
sessionid: sessionID, this_.HideHTML("showBindCardList", 0);
wechattype: 1, this_.queryUserBankInfo();
}, } else {
success: function (res4) { weui.topTips(res5.message);
loading.hide(); }
if (res4.code == "10000") { },
var divList = ""; error: function(err) {
var choiceIndex = 0; loading.hide();
for ( },
let i = 0; });
i < res4.results.accountList[0].bindcardList.length; },
i++ //查询一类卡绑定列表
) { queryBindCardList() {
divList += `<div onclick=ChangeCardPay('${ let this_ = this;
let loading = weui.loading("请稍后");
$.ajax({
url: gHost + "/bank-wechat/query/account",
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: {
schoolId: bankInfo.schoolId,
userId: userID,
sessionid: sessionID,
wechattype: 1,
},
success: function(res4) {
loading.hide();
if (res4.code == "10000") {
var divList = "";
var choiceIndex = 0;
for (
let i = 0; i < res4.results.accountList[0].bindcardList.length; i++
) {
divList += `<div onclick=ChangeCardPay('${
res4.results.accountList[0].bindcardList[i].bankName res4.results.accountList[0].bindcardList[i].bankName
}','${res4.results.accountList[0].bindcardList[i].bindCardNo}')> }','${res4.results.accountList[0].bindcardList[i].bindCardNo}')>
<p>${ <p>${
...@@ -906,860 +994,1198 @@ export default { ...@@ -906,860 +994,1198 @@ export default {
}</p> }</p>
<img class='myImg${i} BankListImg' src='img/choiceBank.png'> <img class='myImg${i} BankListImg' src='img/choiceBank.png'>
</div>`; </div>`;
if ( if (
res4.results.accountList[0].bindcardList[i].bindCardNo == res4.results.accountList[0].bindcardList[i].bindCardNo ==
payCardNumber payCardNumber
) { ) {
choiceIndex = i; choiceIndex = i;
} }
} }
$(".hideListCover").html(divList); $(".hideListCover").html(divList);
$(`.myImg${choiceIndex}`).css("display", "block"); $(`.myImg${choiceIndex}`).css("display", "block");
$(".showBindCardList").css("display", "block"); $(".showBindCardList").css("display", "block");
} else { } else {
weui.topTips(res4.message); weui.topTips(res4.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
}, },
//获取银行余额 //获取银行余额
queryBankInfo() { queryBankInfo() {
let this_ = this; let this_ = this;
let loading = weui.loading("请稍后"); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + "/bank-wechat/query/balance", url: gHost + "/bank-wechat/query/balance",
type: "POST", type: "POST",
timeout: 8000, timeout: 8000,
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: bankInfo, data: bankInfo,
success: function (res3) { success: function(res3) {
loading.hide(); loading.hide();
if (res3.code == "10000") { if (res3.code == "10000") {
if (res3.results.acctInfoList == null) { if (res3.results.acctInfoList == null) {
weui.topTips("账户信息为空，余额查询失败"); weui.topTips("账户信息为空，余额查询失败");
} else { } else {
this_.cardBalanceTx = ( this_.cardBalanceTx = (
res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1 res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
).toFixed(2); ).toFixed(2);
$(".TxClsTx").attr( $(".TxClsTx").attr(
"placeholder", "placeholder",
`可提现金额${( `可提现金额${(
res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1 res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
).toFixed(2)}元` ).toFixed(2)}元`
); );
this_.RechargeMax = ( this_.RechargeMax = (
2000 - 2000 -
( (
res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1 res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
).toFixed(2) * ).toFixed(2) *
1 1
).toFixed(2); ).toFixed(2);
} }
} else { } else {
weui.topTips(res3.message); weui.topTips(res3.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
complete: function (XMLHttpRequest, status) { complete: function(XMLHttpRequest, status) {
loading.hide(); loading.hide();
if (status == "timeout") { if (status == "timeout") {
weui.topTips("请求超时，余额查询失败"); weui.topTips("请求超时，余额查询失败");
} }
}, },
}); });
}, },
//获取用户已填写银行信息 //获取用户已填写银行信息
queryUserBankInfo() { queryUserBankInfo() {
let this_ = this; let this_ = this;
let loading = weui.loading("请稍后"); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + "/bank-wechat/user/bank/get", url: gHost + "/bank-wechat/user/bank/get",
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,
}, },
success: function (res2) { success: function(res2) {
if (res2.code == "10000") { if (res2.code == "10000") {
bankInfo.acctNoArray = res2.results.accountNo; bankInfo.acctNoArray = res2.results.accountNo;
bankInfo.idNo = res2.results.idNo; bankInfo.idNo = res2.results.idNo;
bankInfo.trueName = res2.results.trueName; bankInfo.trueName = res2.results.trueName;
payCardNumber = res2.results.bindCardNo; payCardNumber = res2.results.bindCardNo;
$(".bankNameClass").html( $(".bankNameClass").html(
`${res2.results.bindCardName}(${res2.results.bindCardNo.substr( `${res2.results.bindCardName}(${res2.results.bindCardNo.substr(
-4 -4
)})` )})`
); );
$(".bankNameClass1").html(res2.results.bindCardName + "(储蓄卡)"); $(".bankNameClass1").html(res2.results.bindCardName + "(储蓄卡)");
$(".payCardEndNo").html( $(".payCardEndNo").html(
"尾号" + res2.results.bindCardNo.substr(-4) "尾号" + res2.results.bindCardNo.substr(-4)
); );
$(".myPhoneTx").html(res2.results.mobileNo); $(".myPhoneTx").html(res2.results.mobileNo);
mobileNo = res2.results.mobileNo; mobileNo = res2.results.mobileNo;
this_.queryBankInfo(); this_.queryBankInfo();
} else { } else {
weui.topTips(res2.message); weui.topTips(res2.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
}, },
//查询用户信息 //查询用户信息
QueryUserInfo() { QueryUserInfo() {
let this_ = this; let this_ = this;
let loading = weui.loading("请稍后"); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + "/wechat/svweapp/QueryPersonalInfo", url: gHost + "/wechat/svweapp/QueryPersonalInfo",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
userid: userID, userid: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function (res1) { success: function(res1) {
loading.hide(); loading.hide();
if (res1.code == "10000") { if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid; bankInfo.schoolId = res1.results.schoolid;
bankInfo.userId = res1.results.id; bankInfo.userId = res1.results.id;
$(".userNameTx").html(res1.results.name); $(".userNameTx").html(res1.results.name);
$(".schoolNameTx").html(res1.results.schoolname); $(".schoolNameTx").html(res1.results.schoolname);
$(".ClsNameTx").html( $(".ClsNameTx").html(
res1.results.gradename + res1.results.classname res1.results.gradename + res1.results.classname
); );
if (res1.results.usertype == 1) { if (res1.results.usertype == 1) {
$(".StudentCls").css("display", "block"); $(".StudentCls").css("display", "block");
$(".TeacherCls").css("display", "none"); $(".TeacherCls").css("display", "none");
} else { } else {
$(".StudentCls").css("display", "none"); $(".StudentCls").css("display", "none");
$(".TeacherCls").css("display", "block"); $(".TeacherCls").css("display", "block");
} }
this_.queryUserBankInfo(); this_.queryUserBankInfo();
} else { } else {
weui.topTips(res1.message); weui.topTips(res1.message);
setTimeout(() => { setTimeout(() => {
this_.BackToMini("UserMain"); this_.BackToMini("UserMain");
}, 1500); }, 1500);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
}, },
// 充值账户异常资料补充 // 充值账户异常资料补充
// recharge/acctErrorUpdateResource // recharge/acctErrorUpdateResource
acctErrorUpdateResource() { acctErrorUpdateResource() {
acctErrorUpdateParms.businessNo = wefileId.businessNo; //业务流水号 acctErrorUpdateParms.businessNo = wefileId.businessNo; //业务流水号
acctErrorUpdateParms.schoolId = bankInfo.schoolId; acctErrorUpdateParms.schoolId = bankInfo.schoolId;
acctErrorUpdateParms.userId = userID; acctErrorUpdateParms.userId = userID;
acctErrorUpdateParms.homeAddress = acctErrorUpdateParms.homeAddress =
acctErrorUpdateParms.homeAddress + acctErrorUpdateParms.homeAddress +
acctErrorUpdateParms.StreetInformation; acctErrorUpdateParms.StreetInformation;
let { backSideImgId, frontSideImgId, homeAddress, occupation } = let {
acctErrorUpdateParms; backSideImgId,
acctErrorUpdateParms.sessionid = sessionID; frontSideImgId,
acctErrorUpdateParms.wechattype = 1; homeAddress,
if (!occupation) { occupation
weui.topTips("请选择职业信息"); } =
return; acctErrorUpdateParms;
} acctErrorUpdateParms.sessionid = sessionID;
if (!homeAddress) { acctErrorUpdateParms.wechattype = 1;
weui.topTips("请选择家庭住址"); if (!occupation) {
return; weui.topTips("请选择职业信息");
} return;
}
if (!backSideImgId) { if (!homeAddress) {
weui.topTips("请上传反面身份证图片"); weui.topTips("请选择家庭住址");
return; return;
} }
if (!frontSideImgId) {
weui.topTips("请上传正面身份证图片"); if (!backSideImgId) {
return; weui.topTips("请上传反面身份证图片");
} return;
let loading = weui.loading("信息更新中,请稍后"); }
return new Promise((resolve, reject) => { if (!frontSideImgId) {
$.ajax({ weui.topTips("请上传正面身份证图片");
url: gHost + "/bank-wechat/recharge/acctErrorUpdateResource", return;
type: "POST", }
contentType: "application/x-www-form-urlencoded", let loading = weui.loading("信息更新中,请稍后");
data: acctErrorUpdateParms, return new Promise((resolve, reject) => {
timeout: 8000, //超时时间设置，单位毫秒 $.ajax({
success: function (res) { url: gHost + "/bank-wechat/recharge/acctErrorUpdateResource",
loading.hide(); type: "POST",
if (res.code == "000000") { contentType: "application/x-www-form-urlencoded",
weui.topTips("信息更新成功", { data: acctErrorUpdateParms,
duration: 3000, //3秒后消失 timeout: 8000, //超时时间设置，单位毫秒
className: "weui-toptips_success", //自定义类名 success: function(res) {
callback: function () { loading.hide();
//回调函数 if (res.code == "000000") {
console.log("close"); weui.topTips("信息更新成功", {
window.location.reload(); duration: 3000, //3秒后消失
}, className: "weui-toptips_success", //自定义类名
}); callback: function() {
resolve(res); //回调函数
} else { console.log("close");
weui.topTips("信息更新失败," + res.message); window.location.reload();
loading.hide(); },
reject(res.message); });
} resolve(res);
}, } else {
error: function (err) { weui.topTips("信息更新失败," + res.message);
loading.hide(); loading.hide();
reject(err); reject(res.message);
}, }
}); },
}); error: function(err) {
}, loading.hide();
//点击上传文件 reject(err);
uploaderInput(e, CredType) { },
let fileInfo = e[0]; });
let fileTypeList = fileInfo.name.split("."); });
let fileType = fileTypeList[fileTypeList.length - 1]; },
if (!(fileType == "jpg" || fileType == "png")) { //点击上传文件
weui.topTips("不符合的文件格式,请重新选择"); uploaderInput(e, CredType) {
return; let fileInfo = e[0];
} let fileTypeList = fileInfo.name.split(".");
let formData = new FormData(); let fileType = fileTypeList[fileTypeList.length - 1];
formData.append("project", wefileId.project); if (!(fileType == "jpg" || fileType == "png")) {
formData.append("file", fileInfo); weui.topTips("不符合的文件格式,请重新选择");
formData.append("fileName", fileInfo.name); return;
formData.append("expiredTime", wefileId.expiredTime); }
formData.append("uuid", wefileId.uuid); let formData = new FormData();
formData.append("wefileToken", wefileId.wefileToken); formData.append("project", wefileId.project);
formData.append("wefileUrl", wefileId.wefileUrl); formData.append("file", fileInfo);
formData.append("sessionid", sessionID); formData.append("fileName", fileInfo.name);
formData.append("wechattype", 1); formData.append("expiredTime", wefileId.expiredTime);
this.UploadIDCardInfo(wefileId.wefileUrl, formData, CredType); formData.append("uuid", wefileId.uuid);
}, formData.append("wefileToken", wefileId.wefileToken);
// 【获取上传影像token接口】中已经返回了请求地址 formData.append("wefileUrl", wefileId.wefileUrl);
UploadIDCardInfo(url, formData, type) { formData.append("sessionid", sessionID);
let loading = weui.loading("请稍后,正在上传"); formData.append("wechattype", 1);
return new Promise((resolve, reject) => { this.UploadIDCardInfo(wefileId.wefileUrl, formData, CredType);
return new Promise((resolve, reject) => { },
$.ajax({ // 【获取上传影像token接口】中已经返回了请求地址
url: UploadIDCardInfo(url, formData, type) {
gHost + let loading = weui.loading("请稍后,正在上传");
`/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`, return new Promise((resolve, reject) => {
type: "post", return new Promise((resolve, reject) => {
data: formData, $.ajax({
processData: false, url: gHost +
contentType: false, `/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`,
success: function (res) { type: "post",
console.log(res); data: formData,
if (res.code == "10000") { processData: false,
if (type == 1) { contentType: false,
acctErrorUpdateParms.frontSideImgId = res.results; success: function(res) {
} else { console.log(res);
acctErrorUpdateParms.backSideImgId = res.results; if (res.code == "10000") {
} if (type == 1) {
weui.topTips("上传成功", { acctErrorUpdateParms.frontSideImgId = res.results;
duration: 3000, //3秒后消失 } else {
className: "weui-toptips_success", //自定义类名 acctErrorUpdateParms.backSideImgId = res.results;
callback: function () {}, }
}); weui.topTips("上传成功", {
loading.hide(); duration: 3000, //3秒后消失
resolve(res); className: "weui-toptips_success", //自定义类名
} else { callback: function() {},
weui.topTips(res.message); });
loading.hide(); loading.hide();
reject(res.message); resolve(res);
} } else {
}, weui.topTips(res.message);
error: function (err) { loading.hide();
loading.hide(); reject(res.message);
weui.topTips("上传失败！请检查"); }
reject(err); },
}, error: function(err) {
}); loading.hide();
}); weui.topTips("上传失败！请检查");
}); reject(err);
}, },
getWefileId(fileType = "jpg/png/jpeg") { });
let loading = weui.loading("请稍后"); });
return new Promise((resolve, reject) => { });
$.ajax({ },
url: gHost + "/bank-wechat/wefile/wefileId", getWefileId(fileType = "jpg/png/jpeg") {
type: "post", let loading = weui.loading("请稍后");
data: { return new Promise((resolve, reject) => {
Authorization: this.getQueryParams("seesionID"), $.ajax({
businessNo: businessNo, url: gHost + "/bank-wechat/wefile/wefileId",
fileType: fileType, //jpg/png/doc/docx/txt/pdf/ppt/xls/xlsx/pptx/jpeg type: "post",
schoolId: bankInfo.schoolId, data: {
userId: userID, Authorization: this.getQueryParams("seesionID"),
sessionid: sessionID, businessNo: businessNo,
wechattype: 1, fileType: fileType, //jpg/png/doc/docx/txt/pdf/ppt/xls/xlsx/pptx/jpeg
}, schoolId: bankInfo.schoolId,
success: function (res) { userId: userID,
loading.hide(); sessionid: sessionID,
if (res.code == "10000") { wechattype: 1,
wefileId = res.results; },
resolve(res.results); success: function(res) {
} else { loading.hide();
reject(res.message); if (res.code == "10000") {
} wefileId = res.results;
}, resolve(res.results);
error: function (err) { } else {
loading.hide(); reject(res.message);
reject(err); }
}, },
}); error: function(err) {
}); loading.hide();
}, reject(err);
//街道信息 },
StreetInformation(e) { });
let value = $(e)[0].value; });
console.log(value); },
acctErrorUpdateParms.StreetInformation = value; //街道信息
}, StreetInformation(e) {
//立即更新 let value = $(e)[0].value;
UpdateRechargeException() { console.log(value);
this.acctErrorUpdateResource(); acctErrorUpdateParms.StreetInformation = value;
}, },
// query/getOccupationList职业信息接口 //立即更新
getOccupationList() { UpdateRechargeException() {
let loading = weui.loading("请稍后"); this.acctErrorUpdateResource();
return new Promise((resolve, reject) => { },
$.ajax({ // query/getOccupationList职业信息接口
url: gHost + "/bank-wechat/query/getOccupationList", getOccupationList() {
type: "post", let loading = weui.loading("请稍后");
data: { return new Promise((resolve, reject) => {
sessionid: sessionID, $.ajax({
wechattype: 1, url: gHost + "/bank-wechat/query/getOccupationList",
}, type: "post",
headers: { data: {
Authorization: getQueryParams("seesionID"), sessionid: sessionID,
}, wechattype: 1,
success: function (res) { },
loading.hide(); headers: {
if (res.code == "10000") { Authorization: getQueryParams("seesionID"),
resolve(res.results); },
} else { success: function(res) {
reject(res.message); loading.hide();
} if (res.code == "10000") {
}, resolve(res.results);
error: function (err) { } else {
loading.hide(); reject(res.message);
reject(err); }
}, },
}); error: function(err) {
}); loading.hide();
}, reject(err);
//获取参数 },
getQueryParams(params) { });
var query = window.location.search.substring(1); });
var vars = query.split("&"); },
for (var i = 0; i < vars.length; i++) { //获取参数
var pair = vars[i].split("="); getQueryParams(params) {
if (pair[0] == params) { var query = window.location.search.substring(1);
return pair[1]; var vars = query.split("&");
} for (var i = 0; i < vars.length; i++) {
} var pair = vars[i].split("=");
return false; if (pair[0] == params) {
}, return pair[1];
}, }
}; }
return false;
},
},
};
</script> </script>
<style scoped lang="scss"> <style scoped 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%);
} }
.contentBox { .userInfoBox {
width: 670rpx; display: flex;
height: 376rpx; flex-direction: column;
margin: 0 auto; width: calc(100% - 64rpx);
} height: 150rpx;
margin: 0 32rpx;
.contentDiv { margin-top: 30rpx;
height: 100%; background: linear-gradient(270deg, #f4f4f4 0%, #ebebeb 100%);
// margin-top: 36rpx; border-radius: 16px;
border-radius: 15rpx;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"); .firstLine {
background-repeat: no-repeat; display: flex;
background-size: 100% 100%; flex-direction: row;
width: calc(100% - 68rpx);
position: relative; height: 56rpx;
top: 36rpx; line-height: 56rpx;
} margin: 0 34rpx;
margin-top: 28rpx;
.HidenText { overflow: hidden;
margin-top: 147rpx;
} view {
white-space: nowrap;
.HidenText, }
.Balance {
padding-left: 46rpx; .avatar {
padding-right: 40rpx; width: 56rpx;
display: flex; height: 56rpx;
justify-content: space-between;
uni-image {
font-size: 28rpx; width: 56rpx;
color: #ffffff; height: 56rpx;
} }
}
.Balance {
margin-top: 20rpx; .name {
} margin-left: 17rpx;
font-size: 36rpx;
.Recharge { font-weight: 600;
display: flex; color: rgba(0, 0, 0, 0.85);
justify-content: space-between; }
margin-top: 70rpx;
} view:last-child {
margin-left: 10rpx;
.Recharge .leftdiv { align-self: center;
width: 192rpx; align-items: center;
height: 67rpx; padding: 0 8rpx;
font-size: 48rpx; height: 40rpx;
font-family: PingFangSC-Semibold, PingFang SC; line-height: 40rpx;
font-weight: 600; background: rgba(0, 0, 0, 0.08);
color: #010101; border-radius: 4rpx;
line-height: 67rpx; font-size: 26rpx;
} font-weight: 500;
color: rgba(0, 0, 0, 0.5);
.Recharge .rightdiv { }
height: 67rpx; }
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; .secondLine {
font-weight: 400; display: flex;
color: #999999; width: calc(100% - 62rpx);
line-height: 67rpx; margin: 0 31rpx;
} margin-top: 8rpx;
height: 37rpx;
.Recharge .rightdiv image { line-height: 37rpx;
position: relative; font-size: 26rpx;
width: 20rpx; color: rgba(0, 0, 0, 0.45);
height: 20rpx; }
} }
.headview { .contentWrapper {
display: flex; width: 100%;
justify-content: space-between; display: flex;
padding-left: 40rpx; flex-direction: column;
padding-right: 40rpx; }
padding-top: 36rpx; .balanceWrapper {
} width: calc(100% - 144rpx);
margin: 0 32rpx;
.headview .schoolname { margin-top: 24rpx;
width: 252rpx; height: 249rpx;
height: 50rpx; padding: 40rpx 40rpx 0;
font-size: 36rpx; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/bankBg.png");
font-family: PingFangSC-Medium, PingFang SC; background-repeat: no-repeat;
font-weight: 500; background-size: 100% 100%;
color: #ffffff; position: relative;
line-height: 50rpx; display: flex;
} flex-direction: column;
.headview .IconCls { .firstLine {
width: 170rpx; display: flex;
height: 48rpx; justify-content: space-between;
background: #20946d;
border-radius: 25rpx; .left {
view:first-child {
font-size: 24rpx; height: 33rpx;
font-weight: 400; font-size: 24rpx;
color: #ffffff; font-weight: 600;
line-height: 48rpx; color: rgba(255, 255, 255, 0.85);
text-align: center; line-height: 33rpx;
} }
.MoneyBox { view:last-child {
display: flex; height: 84rpx;
justify-content: space-between; font-size: 60rpx;
flex-wrap: wrap; font-weight: 600;
height: auto; color: #ffffff;
color: #333333; line-height: 84rpx;
} }
}
.choiceClass {
background: #01bc73 !important; .right {
color: #fff; width: 60rpx;
} height: 60rpx;
align-self: flex-start;
.MoneyBox view {
width: 206rpx; .icon {
height: 133rpx; width: 60rpx;
background: #f5f5f5; height: 60rpx;
border-radius: 8rpx; }
margin-top: 26rpx; }
text-align: center; }
position: relative; .lastLine {
} display: flex;
width: 100%;
.depotMoney .value { justify-content: space-between;
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; view:first-child {
font-weight: 600; height: 60rpx;
line-height: 133rpx; font-size: 40rpx;
text-align: center; font-weight: 600;
} color: #ffffff;
line-height: 60rpx;
.depotMoney .tips { }
// width: 79rpx;
height: 33rpx; .right {
background: linear-gradient(180deg, #fa6400 0%, #fd9d00 100%); width: 140rpx;
border-radius: 4rpx; height: 60rpx;
font-size: 18rpx; line-height: 60rpx;
font-weight: 500; font-size: 30rpx;
padding: 4rpx; font-weight: 600;
text-align: center; color: #04b871;
float: right; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/cashBtn.png");
position: absolute; background-repeat: no-repeat;
right: 0rpx; background-size: cover;
line-height: 33rpx; text-align: center;
} }
.OtherMoney { .btn {
display: flex; width: 140rpx;
justify-content: center; height: 60rpx;
color: #999999; }
font-size: 28rpx; }
font-family: PingFangSC-Regular, PingFang SC; }
font-weight: 400;
color: #999999; .accountlist {
line-height: 40rpx; width: 100%;
height: 100%;
margin-top: 26rpx; }
}
.showBindCardList {
.OtherMoney view:nth-child(2) { width: 100%;
width: 30rpx; height: 100%;
height: 30rpx;
background: #f0f0f0; .choiceBox {
border-radius: 50%; text-align: center;
text-align: center; font-weight: bold;
line-height: 30rpx; height: 100rpx;
margin-top: 7rpx; line-height: 100rpx;
margin-left: 5rpx; padding: 0;
} border-bottom: 1rpx solid #e6e6e6;
}
.payType {
height: 98rpx; .cardsList {
line-height: 98rpx; width: 100%;
display: flex; height: calc(100% - 260rpx);
justify-content: space-between; overflow-y: scroll;
} }
.payType view:nth-child(1) { .ListItem {
width: 120rpx; border-bottom: 1rpx solid #e6e6e6;
height: 42rpx; font-size: 30rpx;
font-size: 30rpx; padding: 25rpx 0;
font-family: PingFangSC-Regular, PingFang SC; background: #fff;
font-weight: 400; position: relative;
color: #666666; text-align: center;
line-height: 98rpx; }
}
.changeCard {
.payType view::nth-child(2) { margin: 0 auto;
width: 225rpx; margin-top: 40rpx;
height: 45rpx; height: 40rpx;
font-size: 32rpx; font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC; font-weight: 400;
font-weight: 500; color: #04B871;
color: #333333; line-height: 40rpx;
line-height: 45rpx; text-align: center;
} }
}
.switchbankCard {
width: 224px; .SubmittedSuccessfully {
height: 40rpx; width: 400rpx !important;
font-size: 28rpx; height: 200rpx !important;
font-family: PingFangSC-Regular, PingFang SC; margin: 0 auto !important;
font-weight: 400; background: #000000;
color: #999999; opacity: 0.8;
line-height: 40rpx; border-radius: 8rpx;
margin-top: 12rpx; }
}
.cardNum {
.arrow { width: 574rpx;
transform: rotate(-45deg); margin: 0 auto;
top: -1rpx; display: flex;
border: solid #999999; justify-content: space-between;
border-width: 0 1rpx 1rpx 0; padding-top: 36rpx;
display: inline-block; font-size: 24rpx;
padding: 8rpx;
position: relative; .cardNumleft {
} font-family: PingFang SC;
font-weight: 500;
.DepositID { color: #ffffff;
width: 630rpx; }
height: 92rpx;
background: #04ba73; .cardNumright {
border-radius: 8rpx; font-family: PingFang SC;
margin: 0 auto; font-weight: 500;
text-align: center; text-decoration: underline;
color: #ffffff;
bottom: 30rpx; }
position: fixed; }
left: 0;
right: 0; .RechargeDetailed {
} text-align: center;
// width: 118rpx;
.DepositID span { height: 32rpx;
height: 50rpx; margin: 0 auto;
font-size: 36rpx; font-size: 30rpx;
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: #36a8ff;
} margin-top: 50rpx;
}
.MyPhoneCls {
position: fixed; .contentBox {
width: 562rpx; width: 670rpx;
height: 497rpx; height: 376rpx;
left: 0; margin: 0 auto;
right: 0; }
top: 460rpx;
margin: 0 auto; .contentDiv {
font-size: 30rpx; height: 100%;
background: #fff; // margin-top: 36rpx;
border-radius: 8rpx; border-radius: 15rpx;
} background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
background-repeat: no-repeat;
.closePhoneBox { background-size: 100% 100%;
width: 35rpx;
height: 35rpx; position: relative;
background: #7e7e7e; top: 36rpx;
position: relative; }
left: 522rpx;
top: -52rpx; .HidenText {
line-height: 30rpx; margin-top: 147rpx;
text-align: center; }
color: #bebebe;
border-radius: 100%; .HidenText,
border: 2px solid #bebebe; .Balance {
} padding-left: 46rpx;
padding-right: 40rpx;
.doBtnTx { display: flex;
width: 506rpx; justify-content: space-between;
height: 92rpx;
background: #04ba73; font-size: 28rpx;
border-radius: 8rpx; color: #ffffff;
color: #ffffff; }
position: absolute; .Balance {
left: 0; margin-top: 20rpx;
right: 0; }
margin: 0 auto;
bottom: 38rpx; .Recharge {
} display: flex;
justify-content: space-between;
.MyPhoneCls input { margin-top: 70rpx;
border: none; }
outline: none;
height: 80rpx; .Recharge .leftdiv {
line-height: 80rpx; width: 192rpx;
padding-left: 50rpx; height: 67rpx;
} font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC;
.PhoneNum, font-weight: 600;
.VerifyCode { color: #010101;
width: 506rpx; line-height: 67rpx;
height: 80rpx; }
line-height: 60rpx;
background: #f7f6fb; .Recharge .rightdiv {
margin: 0 auto; height: 67rpx;
margin-top: 20rpx; font-size: 28rpx;
} font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
.VerifyCode { color: #999999;
display: flex; line-height: 67rpx;
justify-content: space-between; }
}
.Recharge .rightdiv image {
.VerifyCode input { position: relative;
width: 200rpx; width: 20rpx;
} height: 20rpx;
}
.CodeMsg {
color: #01bc73; .headview {
background: #f7f6fb; display: flex;
font-size: 28rpx; justify-content: space-between;
font-weight: 600; padding-left: 40rpx;
line-height: 80rpx; padding-right: 40rpx;
letter-spacing: 3rpx;
} padding-top: 36rpx;
}
.placeholderInput {
color: #aaaaaa; .headview .schoolname {
font-size: 32rpx; width: 252rpx;
font-weight: 500; height: 50rpx;
letter-spacing: 3rpx; font-size: 36rpx;
// padding-left: 50rpx; font-family: PingFangSC-Medium, PingFang SC;
height: 80rpx; font-weight: 500;
} color: #ffffff;
line-height: 50rpx;
.OtherTitle { }
height: 67rpx;
font-size: 48rpx; .headview .IconCls {
font-family: PingFangSC-Semibold, PingFang SC; width: 170rpx;
font-weight: 600; height: 48rpx;
color: #010101; background: #20946d;
line-height: 67rpx; border-radius: 25rpx;
padding-top: 60rpx; font-size: 24rpx;
} font-weight: 400;
color: #ffffff;
.inputOtherM { line-height: 48rpx;
display: flex; text-align: center;
height: 100rpx; }
margin-top: 40rpx;
} .moneyWrapper {
margin-top: 10rpx;
.inputOtherM input { width: 100%;
border: none; display: flex;
outline: none; flex-wrap: wrap;
height: 50rpx;
padding-left: 16rpx; .moneyItem {
font-size: 72rpx; width: 210rpx;
font-weight: 600; height: 120rpx;
} background: #f8f8f8;
border-radius: 12rpx;
.inputOtherM span:nth-child(1) { display: flex;
width: 72rpx; justify-content: center;
font-size: 80rpx; margin-right: 18rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600; margin-bottom: 24rpx;
color: #010101;
line-height: 100rpx; view {
} align-self: center;
color: #333333;
.OtherLine { }
width: 631rpx;
height: 1rpx; view:first-child {
background-color: #cccccc; font-size: 40rpx;
margin-top: 19rpx; font-weight: 500;
} }
.depositImg { view:last-child {
width: 14rpx; font-size: 30rpx;
vertical-align: middle; }
margin-right: 8rpx; }
}
.moneyItem:nth-child(3n) {
.Recharge_ { margin-right: 0;
height: 40rpx; }
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; .active {
font-weight: 400; border: 3rpx solid #04b871;
color: #333333;
line-height: 40rpx; view {
margin-top: 40rpx; color: #04b871;
} }
}
.Recharge_ span:nth-child(2) {
font-size: 28rpx; .other {
font-family: PingFangSC-Semibold, PingFang SC; width: 444rpx;
font-weight: 600; height: 120rpx;
color: #fa6400; line-height: 120rpx;
} text-align: center;
background: #f8f8f8;
.placeholderinputOtherM { border-radius: 12rpx;
height: 50rpx;
font-family: PingFangSC-Semibold, PingFang SC; /deep/.uni-input-wrapper {
font-weight: 600; position: absolute;
color: #010101; width: 444rpx;
line-height: 50rpx; height: 120rpx;
} font-size: 40rpx;
font-weight: 500;
// 异常处理 color: #333333;
.RechargeException { }
padding-top: 20rpx;
} /deep/.uni-input-input {
height: 120rpx;
.weui-label { line-height: 120rpx;
// width: 118rpx; }
height: 42rpx; }
font-size: 30rpx; }
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; .MoneyBox {
color: #3d3d3d; display: flex;
line-height: 42rpx; justify-content: space-between;
font-weight: bold; flex-wrap: wrap;
margin-left: 30rpx; height: auto;
} color: #333333;
}
.tiptext {
height: 1.06rem; .choiceClass {
font-size: 0.75rem; background: #01bc73 !important;
font-family: PingFangSC-Regular, PingFang SC; color: #fff;
font-weight: 400; }
color: #03bc73;
line-height: 1.06rem; .MoneyBox view {
margin-bottom: 0.625rem; width: 206rpx;
text-align: center; height: 133rpx;
} background: #f5f5f5;
border-radius: 8rpx;
.bottomDetail { margin-top: 26rpx;
width: 628rpx; text-align: center;
height: 88rpx;
color: white; position: relative;
// position: fixed; }
// left: 0;
// right: 0; .depotMoney .value {
margin: 0 auto; font-size: 48rpx;
background-color: #03bc73; font-family: PingFangSC-Semibold, PingFang SC;
text-align: center; font-weight: 600;
line-height: 88rpx; line-height: 133rpx;
text-align: center;
margin-top: 84rpx; }
}
.depotMoney .tips {
.RechargeException input::placeholder { // width: 79rpx;
color: #a1a4a8; height: 33rpx;
} background: linear-gradient(180deg, #fa6400 0%, #fd9d00 100%);
border-radius: 4rpx;
.RechargeException .weui-cell { font-size: 18rpx;
height: 4rem; font-weight: 500;
padding: 0 !important; padding: 4rpx;
} text-align: center;
float: right;
.idCardPhoto1, position: absolute;
.idCardPhoto2 { right: 0rpx;
width: 388rpx; line-height: 33rpx;
height: 224rpx; }
margin: 0 auto;
margin-top: 20rpx; .OtherMoney {
} display: flex;
justify-content: center;
.idCardPhoto1 image, color: #999999;
.idCardPhoto2 image { font-size: 28rpx;
width: 100%; font-family: PingFangSC-Regular, PingFang SC;
height: 100%; font-weight: 400;
position: relative; color: #999999;
} line-height: 40rpx;
.weui-toptips_success { margin-top: 26rpx;
background-color: #03bc73 !important; }
}
.OtherMoney view:nth-child(2) {
.positionCam { width: 30rpx;
height: 32rpx; height: 30rpx;
font-size: 22rpx; background: #f0f0f0;
font-family: PingFang-SC-Medium, PingFang-SC; border-radius: 50%;
font-weight: 500; text-align: center;
color: #6d7278; line-height: 30rpx;
line-height: 32rpx; margin-top: 7rpx;
text-align: center; margin-left: 5rpx;
position: relative; }
top: -29px;
} .paytype {
display: flex;
margin-top: 39rpx;
width: 100%;
height: 40rpx;
justify-content: space-between;
font-size: 28rpx;
.left {
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
}
.right {
color: rgba(0, 0, 0, 0.85);
.van-icon {
font-size: 28rpx;
color: #161616;
}
}
}
.payType {
height: 98rpx;
line-height: 98rpx;
display: flex;
justify-content: space-between;
}
.payType view:nth-child(1) {
width: 120rpx;
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 98rpx;
}
.payType view::nth-child(2) {
width: 225rpx;
height: 45rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 45rpx;
}
.switchbankCard {
width: 224px;
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 40rpx;
margin-top: 12rpx;
}
.arrow {
transform: rotate(-45deg);
top: -1rpx;
border: solid #999999;
border-width: 0 1rpx 1rpx 0;
display: inline-block;
padding: 8rpx;
position: relative;
}
.DepositID {
width: 630rpx;
height: 92rpx;
background: #04ba73;
border-radius: 8rpx;
margin: 0 auto;
text-align: center;
bottom: 30rpx;
position: fixed;
left: 0;
right: 0;
}
.DepositID span {
height: 50rpx;
font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
line-height: 92rpx;
}
.MyPhoneCls {
position: fixed;
width: 562rpx;
height: 497rpx;
left: 0;
right: 0;
top: 460rpx;
margin: 0 auto;
font-size: 30rpx;
background: #fff;
border-radius: 8rpx;
}
.closePhoneBox {
width: 35rpx;
height: 35rpx;
background: #7e7e7e;
position: relative;
left: 522rpx;
top: -52rpx;
line-height: 30rpx;
text-align: center;
color: #bebebe;
border-radius: 100%;
border: 2px solid #bebebe;
}
.doBtnTx {
width: 506rpx;
height: 92rpx;
background: #04ba73;
border-radius: 8rpx;
color: #ffffff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 38rpx;
}
.MyPhoneCls input {
border: none;
outline: none;
height: 80rpx;
line-height: 80rpx;
padding-left: 50rpx;
}
.PhoneNum,
.VerifyCode {
width: 506rpx;
height: 80rpx;
line-height: 60rpx;
background: #f7f6fb;
margin: 0 auto;
margin-top: 20rpx;
}
.VerifyCode {
display: flex;
justify-content: space-between;
}
.VerifyCode input {
width: 200rpx;
}
.CodeMsg {
color: #01bc73;
background: #f7f6fb;
font-size: 28rpx;
font-weight: 600;
line-height: 80rpx;
letter-spacing: 3rpx;
}
.placeholderInput {
color: #aaaaaa;
font-size: 32rpx;
font-weight: 500;
letter-spacing: 3rpx;
// padding-left: 50rpx;
height: 80rpx;
}
.OtherTitle {
height: 67rpx;
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #010101;
line-height: 67rpx;
padding-top: 60rpx;
}
.inputOtherM {
display: flex;
height: 100rpx;
margin-top: 40rpx;
}
.inputOtherM input {
border: none;
outline: none;
height: 50rpx;
padding-left: 16rpx;
font-size: 72rpx;
font-weight: 600;
}
.inputOtherM span:nth-child(1) {
width: 72rpx;
font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #010101;
line-height: 100rpx;
}
.OtherLine {
width: 631rpx;
height: 1rpx;
background-color: #cccccc;
margin-top: 19rpx;
}
.depositImg {
width: 14rpx;
vertical-align: middle;
margin-right: 8rpx;
}
.Recharge_ {
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 40rpx;
margin-top: 40rpx;
}
.Recharge_ span:nth-child(2) {
font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #fa6400;
}
.placeholderinputOtherM {
height: 50rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #010101;
line-height: 50rpx;
}
// 异常处理
.RechargeException {
padding-top: 20rpx;
}
.weui-label {
// width: 118rpx;
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #3d3d3d;
line-height: 42rpx;
font-weight: bold;
margin-left: 30rpx;
}
.tiptext {
height: 1.06rem;
font-size: 0.75rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #03bc73;
line-height: 1.06rem;
margin-bottom: 0.625rem;
text-align: center;
}
.bottomDetail {
width: 628rpx;
height: 88rpx;
color: white;
// position: fixed;
// left: 0;
// right: 0;
margin: 0 auto;
background-color: #03bc73;
text-align: center;
line-height: 88rpx;
margin-top: 84rpx;
}
.RechargeException input::placeholder {
color: #a1a4a8;
}
.RechargeException .weui-cell {
height: 4rem;
padding: 0 !important;
}
.idCardPhoto1,
.idCardPhoto2 {
width: 388rpx;
height: 224rpx;
margin: 0 auto;
margin-top: 20rpx;
}
.idCardPhoto1 image,
.idCardPhoto2 image {
width: 100%;
height: 100%;
position: relative;
}
.weui-toptips_success {
background-color: #03bc73 !important;
}
.positionCam {
height: 32rpx;
font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #6d7278;
line-height: 32rpx;
text-align: center;
position: relative;
top: -29px;
}
</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