Skip to content

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

充值限制

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