Skip to content

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

Merge branch 'V1.7.0_bank_feature' into develop

parents d7fda0a2 c07bfe8f
Hide whitespace changes
Inline Side-by-side
Showing with 4084 additions and 3412 deletions
src/pages.json
View file @ 984b006b
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
"path": "pages/IcbcModule/Recharge/Recharge", "path": "pages/IcbcModule/Recharge/Recharge",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "充值", "navigationBarTitleText": "电子校园卡",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
...@@ -263,7 +263,7 @@ ...@@ -263,7 +263,7 @@
"path": "pages/BankModule/Recharge/Recharge", "path": "pages/BankModule/Recharge/Recharge",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "充值", "navigationBarTitleText": "电子校园卡",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
...@@ -433,7 +433,24 @@ ...@@ -433,7 +433,24 @@
} }
} }
], , {
"path": "pages/commonProblem/commonProblem",
"style": {
"navigationBarTitleText": "常见问题",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/problemDetail/problemDetail",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "校智付", "navigationBarTitleText": "校智付",
......
src/pages/BankModule/Recharge/Recharge.vue
View file @ 984b006b
<template> <template>
<view class="container"> <view class="container">
<view class="contentBox" v-if="!depotMoneyother"> <view class="userInfoBox">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <view class="firstLine">
<view class="contentDiv"> <view class="avatar">
<view class="headview"> <image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
<view class="schoolname">{{ PersonalInfo.schoolname }}</view> </view>
<view class="IconCls">电子校园卡</view> <view class="name">{{ PersonalInfo.name }}</view>
</view> <view>{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view>
<!-- 卡号显示 --> </view>
<view class="cardNum"> <view class="secondLine">{{ PersonalInfo.schoolname }}</view>
<view class="cardNumleft" </view>
><span>账户：</span> **** **** **** <view class="contentWrapper" v-if="!depotMoneyother">
{{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }} <view class="balanceWrapper">
<span>({{ accountEnum[bankInfo_.accountType + ""] }})</span> <view class="firstLine">
</view> <view class="left">
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber" <view>可用余额(元) </view>
>复制</view <view>{{ cardBalanceTx }}</view>
> </view>
</view> <view class="right">
<view class="HidenText"> <van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
<view @select="onSelect">
class="userName" <template #reference>
style=" <image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
</template>
</van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4)}}</view>
<view class="right" @click="ToWalletTx">
<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
提现
</view>
</view>
</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">
<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>({{ accountEnum[bankInfo_.accountType + ""] }})</span>
</view>
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view>
</view>
<view class="HidenText">
<view class="userName" style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" ">
> 姓名：<span>{{ PersonalInfo.name }}</span></view>
姓名：<span>{{ PersonalInfo.name }}</span></view <view class="StudentCls" style="
>
<view
class="StudentCls"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" " v-if="PersonalInfo.usertype == '1'">
v-if="PersonalInfo.usertype == '1'" 班级：{{ PersonalInfo.gradename }}({{
>
班级：{{ PersonalInfo.gradename }}({{
PersonalInfo.classname PersonalInfo.classname
}})</view }})</view>
> <view class="TeacherCls" style="
<view
class="TeacherCls"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" " v-else>教职工</view>
v-else </view>
>教职工</view <view class="Balance">
> <view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view>
</view> <view @click="ToWalletTx">
<view class="Balance"> <span style="display: inline-block; padding-right: 10rpx">余额提现</span>
<view class="cardBalanceTx" <image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix"
>余额：￥<span>{{ cardBalanceTx }}</span></view :src="ImgUrl + 'images/xiaopaycard (17).png'" alt=""></image>
> </view>
<view @click="ToWalletTx"> </view>
<span style="display: inline-block; padding-right: 10rpx" </view>
>余额提现</span <!-- 充值明细 -->
> <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
<image 账户明细
style="position: relative; width: 13rpx; height: 20rpx" </view>
class="ImgIcon1" <!-- 充值账户 -->
mode="widthFix" <view class="Recharge">
:src="ImgUrl + 'images/xiaopaycard (17).png'" <span></span>
alt="" <span>账户充值</span>
></image> </view>
</view> <!-- 充值的金额 -->
</view> <view class="MoneyBox">
</view> <view class="depotMoney" @click="depotMoney(item.value, index)"
<!-- 充值明细 --> v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" :data-money="item.value || 0"
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> v-for="(item, index) in MoneyList" :key="index">
账户明细 <span class="value">
</view> {{ item.value }}
<!-- 充值账户 --> </span>
<view class="Recharge"> <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
<span></span>
<span>账户充值</span>
</view>
<!-- 充值的金额 -->
<view class="MoneyBox">
<view
class="depotMoney"
@click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<span class="value">
{{ item.value }}
</span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
item.lable item.lable
}}</span> }}</span>
<!-- <span class="tips" v-show="item.tips"> <!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
</view> </view>
<!-- <view class="depotMoney" @click="depotOtherMoney"> <!-- <view class="depotMoney" @click="depotOtherMoney">
<span class="value"> <span class="value">
</span> </span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">其他金额</span> <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">其他金额</span>
</view> --> </view> -->
<!-- <view class="depotMoney"> <!-- <view class="depotMoney">
<input v-model="inputOtherM" class="otherMoneyInput" @input="inputControl" @blur="ReturnToTop" <input v-model="inputOtherM" class="otherMoneyInput" @input="inputControl" @blur="ReturnToTop"
placeholder="最低3元" type="text" maxlength="6" /> placeholder="最低3元" type="text" maxlength="6" />
</view> --> </view> -->
</view> </view>
<!-- 充值其它金额 --> <!-- 充值其它金额 -->
<!-- <view class="OtherMoney" v-if="isOtherMoney"> --> <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney"> <view class="OtherMoney">
<span>￥</span> <span>￥</span>
<input <input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
v-model="inputOtherM" placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
@input="inputControl" </view>
@blur="ReturnToTop" <!-- 充值限额提示 -->
placeholder="请输入其他金额，最低3元" <view class="depositbox">
placeholder-class="placeholderinputOtherM" <image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
type="text" <span style="
maxlength="6"
/>
</view>
<!-- 充值限额提示 -->
<view class="depositbox">
<image
mode="widthFix"
class="depositImg"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
vertical-align: middle; vertical-align: middle;
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
" ">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
>最大可充值金额：<span style="color: red" </view>
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span <!-- 支付方式 -->
></span <view class="paytype">
> <view class="left">付款账户 </view>
</view> <view class="right" @click="queryBindCardList">
<!-- 支付方式 --> {{ bankInfo_.bindCardName }}({{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)}})
<view class="payType" @click="queryBindCardList"> <van-icon name="arrow" />
<view>付款方式</view> </view>
<view> </view>
{{ bankInfo_.bindCardName }} <view class="payType" style="display: none;" @click="queryBindCardList">
{{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4) <view>付款方式</view>
<view>
{{ bankInfo_.bindCardName }}
{{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
}}<span class="arrow"></span> }}<span class="arrow"></span>
</view> </view>
<!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span <!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span
class="arrow"></span></view> --> class="arrow"></span></view> -->
</view> </view>
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> --> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 --> <!-- 充值生活费 -->
<view class="bottomdiv"> <view class="bottomdiv">
<view <view class="DepositID" @click="toDeposit"
class="DepositID" v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'">
@click="toDeposit" <span>充值生活费</span>
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'" </view>
> <view class="service">工商银行Ⅲ类户为您提供服务</view>
<span>充值生活费</span> <!-- -->
</view> <!-- <view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> -->
<!-- --> </view>
<view class="switchbankCard" @click="ChangeBankPay" </view>
>我要换银行卡支付</view <!-- 其他充值金额 -->
> <view class="contentBox" v-if="depotMoneyother">
</view> <view class="OtherTitle">充值金额</view>
</view> <view class="inputOtherM">
<!-- 其他充值金额 --> <span>￥</span>
<view class="contentBox" v-if="depotMoneyother"> <input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM"
<view class="OtherTitle">充值金额</view> type="text" maxlength="6" />
<view class="inputOtherM"> </view>
<span>￥</span> <view class="OtherLine"></view>
<input <!-- 充值范围 -->
v-model="inputOtherM" <view class="Recharge_">
@input="inputControl" <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
placeholder-class="placeholderinputOtherM" <span>最大可充值金额：</span>
type="text" <span>￥<span>3.00 ~ {{ RechargeMax }}</span></span>
maxlength="6" </view>
/> </view>
</view> <!-- 弹出层 -->
<view class="OtherLine"></view> <uni-popup ref="popup" :mask-click="false">
<!-- 充值范围 --> <!-- 充值确认 -->
<view class="Recharge_"> <view class="RechargeConfirmationBox">
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> <view class="RechargeInfo">
<span>最大可充值金额：</span> <view class="closePhoneBox" @click="close()">
<span <image src="../../../static/img/close.png" mode="aspectFit"></image>
>￥<span>3.00 ~ {{ RechargeMax }}</span></span </view>
> <view class="RechargeInfo1"> 验证校园卡开卡手机号 </view>
</view> <van-field label-class="openCardPhonTxt" label="手机号:" maxlength="11" v-model="openCardPhon"
</view> placeholder="校园卡开卡手机号" center :border="false">
<!-- 弹出层 --> <view slot="right-icon" v-if="bankInfo_.accountType == 4">
<uni-popup ref="popup" :mask-click="false"> <view class="changPhone" style="display: flex; justify-content: center"
<!-- 充值确认 --> @click="changePhone">变更手机号
<view class="RechargeConfirmationBox"> <van-icon name="arrow" />
<view class="RechargeInfo"> </view>
<view class="closePhoneBox" @click="close()"> </view>
<image src="../../../static/img/close.png" mode="aspectFit"></image> </van-field>
</view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<view class="RechargeInfo1"> 验证校园卡开卡手机号 </view> <van-field v-model="openCardPhonSms" label-class="openCardPhonSmsTxt" maxlength="6" label="验证码:"
<van-field placeholder="输入短信验证码" center clearable :border="false">
label-class="openCardPhonTxt" <van-button slot="button" size="small" type="primary" @click="SendSms">
label="手机号:" <div style="font-size: 28rpx">{{ CodeMsg }}</div>
maxlength="11" </van-button>
v-model="openCardPhon" </van-field>
placeholder="校园卡开卡手机号" <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
center <!-- 取消 确认充值按钮 -->
:border="false" <view class="BtngGoup">
> <view class="" @click="ExchangeRecharge"> 充值 </view>
<view slot="right-icon" v-if="bankInfo_.accountType == 4"> </view>
<view </view>
class="changPhone" </view>
style="display: flex; justify-content: center" </uni-popup>
@click="changePhone" <!-- 选择银行卡 -->
>变更手机号 <view class="selectCard">
<van-icon name="arrow" /> <van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }">
</view> <!-- 银行卡列表 -->
</view> <view class="accountlist">
</van-field> <!-- 切换绑定的一类卡列表 -->
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view> <view class="showBindCardList">
<van-field <view class="choiceBox">选择付款账户</view>
v-model="openCardPhonSms" <view class="ListItem" @click="ChangeCardPay(item)" v-for="(item, index) in bindcardList"
label-class="openCardPhonSmsTxt" :key="index">
maxlength="6" <span style="padding-right: 10px">{{ item.bindCardName }} </span>
label="验证码:" <span>尾号：{{
placeholder="输入短信验证码"
center
clearable
:border="false"
>
<van-button
slot="button"
size="small"
type="primary"
@click="SendSms"
>
<div style="font-size: 28rpx">{{ CodeMsg }}</div>
</van-button>
</van-field>
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<!-- 取消 确认充值按钮 -->
<view class="BtngGoup">
<view class="" @click="ExchangeRecharge"> 充值 </view>
</view>
</view>
</view>
</uni-popup>
<!-- 选择银行卡 -->
<view class="selectCard">
<van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<!-- 银行卡列表 -->
<view class="accountlist">
<!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList">
<view class="choiceBox">选择付款账户</view>
<view
class="ListItem"
@click="ChangeCardPay(item)"
v-for="(item, index) in bindcardList"
:key="index"
>
<span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span
>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4) item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span }}</span>
> <image class='BankListImg' src='../../../static/img/choiceBank.png'></image>
<image class='BankListImg' src='../../../static/img/choiceBank.png'></image> </view>
</view> </view>
</view> </view>
</view> </van-popup>
</van-popup> </view>
</view> </view>
</view>
</template> </template>
<script> <script>
import { Dialog, Toast } from "vant"; import {
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue"; Dialog,
import cityData from "@/common/js/city.js"; Toast
var gHost = "https://" + window.location.host; } from "vant";
if (window.location.protocol != "https:") { import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
gHost = "https://fpdev.xiaopay.net"; import cityData from "@/common/js/city.js";
// gHost = "/api"; var gHost = "https://" + window.location.host;
} if (window.location.protocol != "https:") {
let times = 0; gHost = "https://fpdev.xiaopay.net";
var limitClick = false; //禁止重复点击 // gHost = "/api";
var sessionID = "", }
userID = ""; let times = 0;
var payCardNumber = ""; //一类卡号 var limitClick = false; //禁止重复点击
var orderSerialNo = ""; //提现结果查询 指令号 var sessionID = "",
var businessNo = "", userID = "";
otpOrderNo = "", var payCardNumber = ""; //一类卡号
mobileNo = ""; var orderSerialNo = ""; //提现结果查询 指令号
var MyTimer = null; var businessNo = "",
var fromType = 0; //0转账 1提现 otpOrderNo = "",
var opeType = 0; //0充值 1提现 手机号验证 mobileNo = "";
var bankInfo = { var MyTimer = null;
acctNoArray: "", var fromType = 0; //0转账 1提现
idNo: "", var opeType = 0; //0充值 1提现 手机号验证
schoolId: "", var bankInfo = {
trueName: "", acctNoArray: "",
userId: "", idNo: "",
sessionid: "", schoolId: "",
wechattype: 1, trueName: "",
}; userId: "",
var accountType = ""; sessionid: "",
let orderApi = window.location.origin; wechattype: 1,
/** };
* 对象转拼接字符串 var accountType = "";
* @param {*} res Object 需要转换的数据对象 let orderApi = window.location.origin;
*/ /**
function OforS(res) { * 对象转拼接字符串
var resL = 0; * @param {*} res Object 需要转换的数据对象
var outS = ""; */
for (var i in res) { function OforS(res) {
if (resL == 0) { var resL = 0;
outS += "" + i + "=" + res[i]; var outS = "";
} else { for (var i in res) {
outS += "&" + i + "=" + res[i]; if (resL == 0) {
} outS += "" + i + "=" + res[i];
resL++; } else {
} outS += "&" + i + "=" + res[i];
return outS; }
} resL++;
export default { }
components: { return outS;
keyboardPackage, }
}, export default {
name: "Recharge", components: {
data() { keyboardPackage,
return { },
popshow: false, name: "Recharge",
// 输入其它金额 data() {
isOtherMoney: false, return {
inputOtherM: "", popshow: false,
RechargeException: false, // 输入其它金额
depotMoneyother: false, //其他充值 isOtherMoney: false,
Money: "", //选择金额 inputOtherM: "",
MoneyIndex: -1, RechargeException: false,
RechargeMax: "2000", //最大充值限制 depotMoneyother: false, //其他充值
ReflectMoney: "", //提现金额 Money: "", //选择金额
VerifyCode: "", //验证码 MoneyIndex: -1,
cardBalanceTx: "0", //余额 RechargeMax: "2000", //最大充值限制
CodeMsg: "获取验证码", ReflectMoney: "", //提现金额
type: "number", VerifyCode: "", //验证码
PersonalInfo: { cardBalanceTx: "0", //余额
schoolname: "", CodeMsg: "获取验证码",
name: "", type: "number",
usertype: "1", PersonalInfo: {
}, schoolname: "",
bankInfo_: { name: "",
accountNo: "**** **** **** 1234", usertype: "1",
bindCardName: "", },
bindCardNo: "", bankInfo_: {
}, accountNo: "**** **** **** 1234",
ImgUrl: this.$ImgUrl, bindCardName: "",
MoneyList: [ bindCardNo: "",
{ },
lable: "元", ImgUrl: this.$ImgUrl,
value: 100, MoneyList: [{
}, lable: "元",
{ value: 100,
lable: "元", },
value: 200, {
}, lable: "元",
{ value: 200,
lable: "元", },
value: 500, {
}, lable: "元",
{ value: 500,
lable: "元", },
value: 1000, {
}, lable: "元",
// { value: 1000,
// lable: "其他金额", },
// value: "", // {
// }, // lable: "其他金额",
], // value: "",
numberList: [], // },
tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件 ],
tempFiles2: "../../static/img/idCardBg0.png", numberList: [],
//绑定的一类卡列表 tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
bindcardList: [], tempFiles2: "../../static/img/idCardBg0.png",
// 20211126 银行账户类型 //绑定的一类卡列表
accountType: "2", bindcardList: [],
// 银行账户类型名称枚举 // 20211126 银行账户类型
accountEnum: { accountType: "2",
1: "平安银行III类户", // 银行账户类型名称枚举
2: "工商银行III类户", accountEnum: {
3: "交通银行III类户", 1: "平安银行III类户",
4: "渤海银行II类户", 2: "工商银行III类户",
}, 3: "交通银行III类户",
/** 4: "渤海银行II类户",
* 20211129新增 },
*/ /**
// 充值手机号码 * 20211129新增
openCardPhon: "", */
openCardPhonSms: "", // 充值手机号码
msCount: 60, //定时器 openCardPhon: "",
RechargeSmsorderNoInfo: {}, //第三方合作交易标识 openCardPhonSms: "",
}; msCount: 60, //定时器
}, RechargeSmsorderNoInfo: {}, //第三方合作交易标识
onLoad: function (options) { };
console.log(options); },
// 初始化 onLoad: function(options) {
userID = options["userID"] || ""; console.log(options);
sessionID = options["seesionID"] || ""; // 初始化
fromType = options["fromType"] || ""; userID = options["userID"] || "";
bankInfo.sessionid = sessionID || ""; sessionID = options["seesionID"] || "";
this.beforeQuerySignStatus(); fromType = options["fromType"] || "";
}, bankInfo.sessionid = sessionID || "";
created: function () {}, this.beforeQuerySignStatus();
mounted: function () {}, },
onShow: function () { created: function() {},
if (bankInfo.userId) { mounted: function() {},
this.queryBankInfo(); onShow: function() {
} if (bankInfo.userId) {
}, this.queryBankInfo();
methods: { }
async beforeQuerySignStatus() { },
await this.QueryUserInfo(); methods: {
// 渤海银行要判断是否有代扣签约 async beforeQuerySignStatus() {
if (bankInfo.accountType == "4") { await this.QueryUserInfo();
await this.signStatusQuery(); // 渤海银行要判断是否有代扣签约
} if (bankInfo.accountType == "4") {
}, await this.signStatusQuery();
// 更换银行卡 }
async ChangeBankPay() { },
// uni.showModal({ // 更换银行卡
// title: "系统提示", async ChangeBankPay() {
// content: "功能开发中!" // uni.showModal({
// }) // title: "系统提示",
// return // content: "功能开发中!"
uni.showLoading({ // })
mask: true, // return
title: "请稍后....", uni.showLoading({
}); mask: true,
if (bankInfo.accountType == 4) { title: "请稍后....",
jWeixin.miniProgram.navigateTo({ });
url: `/pages_subpack/pages/changeBindCard/main`, if (bankInfo.accountType == 4) {
}); jWeixin.miniProgram.navigateTo({
uni.hideLoading(); url: `/pages_subpack/pages/changeBindCard/main`,
return; });
} uni.hideLoading();
this.BackToMini("AssignAddCard"); return;
uni.hideLoading(); }
}, this.BackToMini("AssignAddCard");
// 验证码弹出框开启 uni.hideLoading();
toDeposit() { },
console.log(this.isOtherMoney, "isOtherMoney"); // 验证码弹出框开启
if (this.isOtherMoney) { toDeposit() {
if (this.inputOtherM == "") { console.log(this.isOtherMoney, "isOtherMoney");
uni.showModal({ if (this.isOtherMoney) {
title: "系统提示", if (this.inputOtherM == "") {
content: "请输入要充值的金额!", uni.showModal({
}); title: "系统提示",
return; content: "请输入要充值的金额!",
} });
if (parseFloat(this.inputOtherM) * 1 < 3) { return;
weui.topTips("充值金额必须大于3元"); }
return; if (parseFloat(this.inputOtherM) * 1 < 3) {
} weui.topTips("充值金额必须大于3元");
} else { return;
if (this.Money == "") { }
uni.showModal({ } else {
title: "系统提示", if (this.Money == "") {
content: "请选择要充值的金额!", uni.showModal({
}); title: "系统提示",
return; content: "请选择要充值的金额!",
} });
if (parseFloat(this.inputOtherM) * 1 < 3) { return;
weui.topTips("充值金额必须大于3元"); }
return; if (parseFloat(this.inputOtherM) * 1 < 3) {
} weui.topTips("充值金额必须大于3元");
} return;
if (MyTimer) { }
window.clearInterval(MyTimer); //停止计时器 }
MyTimer = null; if (MyTimer) {
this.CodeMsg = "获取验证码"; window.clearInterval(MyTimer); //停止计时器
this.msCount = 60; MyTimer = null;
this.openCardPhonSms = ""; this.CodeMsg = "获取验证码";
} this.msCount = 60;
this.$refs.popup.open("top"); this.openCardPhonSms = "";
}, }
// 验证码弹出框关闭 this.$refs.popup.open("top");
close() { },
this.$refs.popup.close(); // 验证码弹出框关闭
}, close() {
//切换到提现 this.$refs.popup.close();
ToWalletTx() { },
$("#DepositBox").css("display", "none"); //切换到提现
$("#TxWalletBox").css("display", "block"); ToWalletTx() {
// $('.TitleHeader').html('电子账户提现'); $("#DepositBox").css("display", "none");
$(".doBtnTx").html("提现"); $("#TxWalletBox").css("display", "block");
opeType = 1; // $('.TitleHeader').html('电子账户提现');
uni.navigateTo({ $(".doBtnTx").html("提现");
url: opeType = 1;
"../Reflect/Reflect?" + uni.navigateTo({
OforS({ url: "../Reflect/Reflect?" +
sessionID: sessionID, OforS({
userID: userID, sessionID: sessionID,
}), userID: userID,
}); }),
}, });
//全部提现 },
TxAllFun() { //全部提现
this.ReflectMoney = this.cardBalanceTx * 1; TxAllFun() {
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); this.ReflectMoney = this.cardBalanceTx * 1;
}, // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
// 输入限制 },
inputControl(e) { // 输入限制
let this_ = this; inputControl(e) {
this_.MoneyIndex = -1; let this_ = this;
this_.isOtherMoney = true; this_.MoneyIndex = -1;
let obj = e.detail; this_.isOtherMoney = true;
this.$nextTick(function () { let obj = e.detail;
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 this.$nextTick(function() {
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
.replace(".", "$#$") obj.value = obj.value
.replace(/\./g, "") .replace(".", "$#$")
.replace("$#$", "."); //只允许输入一个小数点 .replace(/\./g, "")
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数 .replace("$#$", "."); //只允许输入一个小数点
obj.value = obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value; obj.value =
if (obj.value == "" || obj.value * 1 < 3) { obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
$(".DepositID").attr( if (obj.value == "" || obj.value * 1 < 3) {
"style", $(".DepositID").attr(
"background: rgb(230, 230, 230) !important;" "style",
); "background: rgb(230, 230, 230) !important;"
} else { );
$(".DepositID").removeAttr("style"); } else {
} $(".DepositID").removeAttr("style");
this_.inputOtherM = obj.value; }
}); this_.inputOtherM = obj.value;
}, });
//input键盘弹起不会弹 },
ReturnToTop() { //input键盘弹起不会弹
// 若最后一位为小数点则去掉 ReturnToTop() {
let str = this.inputOtherM + ""; // 若最后一位为小数点则去掉
if (str.lastIndexOf(".") == str.length - 1) { let str = this.inputOtherM + "";
this.inputOtherM = str.substring(0, str.length - 1); if (str.lastIndexOf(".") == str.length - 1) {
} this.inputOtherM = str.substring(0, str.length - 1);
this.$nextTick(function () { }
document.scrollingElement.scrollTo(0, this.scrollTop); this.$nextTick(function() {
}); document.scrollingElement.scrollTo(0, this.scrollTop);
}, });
//定时器 },
IntervalFun() { //定时器
if (this.msCount == 1) { IntervalFun() {
window.clearInterval(MyTimer); //停止计时器 if (this.msCount == 1) {
MyTimer = null; window.clearInterval(MyTimer); //停止计时器
this.CodeMsg = "获取验证码"; MyTimer = null;
this.msCount = 60; this.CodeMsg = "获取验证码";
} else { this.msCount = 60;
this.msCount--; } else {
this.CodeMsg = this.msCount + "s后获取"; this.msCount--;
} this.CodeMsg = this.msCount + "s后获取";
}, }
// 代扣状态查询 },
async signStatusQuery() { // 代扣状态查询
let loading = Toast.loading({ async signStatusQuery() {
message: "加载中...", let loading = Toast.loading({
forbidClick: true, message: "加载中...",
loadingType: "spinner", forbidClick: true,
duration: 0, loadingType: "spinner",
}); duration: 0,
$.ajax({ });
url: gHost + "/bank-wechat/bohai/comprehensive/signStatusQuery", $.ajax({
type: "POST", url: gHost + "/bank-wechat/bohai/comprehensive/signStatusQuery",
contentType: "application/x-www-form-urlencoded", type: "POST",
data: { contentType: "application/x-www-form-urlencoded",
schoolId: bankInfo.schoolId, //学校id data: {
userId: userID, //用户id schoolId: bankInfo.schoolId, //学校id
sessionid: sessionID, userId: userID, //用户id
wechattype: 1 sessionid: sessionID,
}, wechattype: 1
headers: { },
sessionid: sessionID, headers: {
}, sessionid: sessionID,
success: function (respes) { },
loading.clear(); success: function(respes) {
if (respes.code == "10000") { loading.clear();
console.log(respes, "respes"); if (respes.code == "10000") {
if (respes.results.dkstatus != 1) { console.log(respes, "respes");
// 1已签约 if (respes.results.dkstatus != 1) {
Dialog.alert({ // 1已签约
title: "使用说明", Dialog.alert({
message: title: "使用说明",
"您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约", message: "您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约",
theme: "round-button", theme: "round-button",
confirmButtonText: "确认签约", confirmButtonText: "确认签约",
confirmButtonColor: "#2ddbb6", confirmButtonColor: "#2ddbb6",
className: "signAlert", className: "signAlert",
}) })
.then(() => { .then(() => {
// on confirm // on confirm
jWeixin.miniProgram.navigateTo({ jWeixin.miniProgram.navigateTo({
url: `/pages/SignProxyPay/main`, url: `/pages/SignProxyPay/main`,
}); });
}) })
.catch(() => { .catch(() => {
// on cancel // on cancel
}); });
} }
} else { } else {
Toast(respes.message || "代扣状态查询,请重试！"); Toast(respes.message || "代扣状态查询,请重试！");
throw new Error("代扣状态查询,请重试！"); throw new Error("代扣状态查询,请重试！");
} }
}, },
error: function (err) { error: function(err) {
loading.clear(); loading.clear();
Toast(err || "代扣状态查询,请重试！"); Toast(err || "代扣状态查询,请重试！");
throw new Error("代扣状态查询,请重试！"); throw new Error("代扣状态查询,请重试！");
}, },
}); });
}, },
// 充值验证获取验证码 // 充值验证获取验证码
async SendSms() { async SendSms() {
if (MyTimer) { if (MyTimer) {
return; return;
} }
if (!this.openCardPhon || this.openCardPhon.length !== 11) { if (!this.openCardPhon || this.openCardPhon.length !== 11) {
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "请收入正确的手机号码！", message: "请收入正确的手机号码！",
}); });
return; return;
} }
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: "加载中...", message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: "spinner", loadingType: "spinner",
duration: 0, duration: 0,
}); });
// 20211230 // 20211230
let exchangeUrl = gHost; let exchangeUrl = gHost;
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/rechargeSms"; exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/rechargeSms";
break; break;
case 4: case 4:
exchangeUrl = exchangeUrl + "/bank-wechat/bohai/comprehensive/otpSms"; exchangeUrl = exchangeUrl + "/bank-wechat/bohai/comprehensive/otpSms";
break; break;
default: default:
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "银行账号类型错误！", message: "银行账号类型错误！",
}); });
throw "银行账号类型错误!"; throw "银行账号类型错误!";
break; break;
} }
$.ajax({ $.ajax({
url: exchangeUrl, url: exchangeUrl,
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
amount: ((this.Money || this.inputOtherM) * 1).toFixed(2), //充值金额，单位元 amount: ((this.Money || this.inputOtherM) * 1).toFixed(2), //充值金额，单位元
schoolId: bankInfo.schoolId, //学校id schoolId: bankInfo.schoolId, //学校id
userId: userID, //用户id userId: userID, //用户id
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
// 20211230渤海 // 20211230渤海
mobilePhone: this.openCardPhon, mobilePhone: this.openCardPhon,
msg: "充值", msg: "充值",
}, },
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: function (res5) { success: function(res5) {
loading.clear(); loading.clear();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.IntervalFun(); this_.IntervalFun();
MyTimer = window.setInterval(this_.IntervalFun, 1000); MyTimer = window.setInterval(this_.IntervalFun, 1000);
this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {}; this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {};
} else { } else {
weui.topTips(res5.message); weui.topTips(res5.message);
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message, content: res5.message,
}); });
} }
}, },
error: function (err) { error: function(err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
// 充值 // 充值
async ExchangeRecharge() { async ExchangeRecharge() {
let amount, bindMedium, summary; let amount, bindMedium, summary;
if (this.isOtherMoney) { if (this.isOtherMoney) {
if (this.inputOtherM == "") { if (this.inputOtherM == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请输入要充值的金额!", content: "请输入要充值的金额!",
}); });
return; return;
} }
amount = this.inputOtherM * 1; amount = this.inputOtherM * 1;
} else { } else {
if (this.Money == "") { if (this.Money == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请选择要充值的金额!", content: "请选择要充值的金额!",
}); });
return; return;
} }
amount = this.Money * 1; amount = this.Money * 1;
} }
let this_ = this; let this_ = this;
if (!this.openCardPhon || this.openCardPhon.length !== 11) { if (!this.openCardPhon || this.openCardPhon.length !== 11) {
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "请收入正确的手机号码！", message: "请收入正确的手机号码！",
}); });
return; return;
} }
if (bankInfo.accountType != 4) { if (bankInfo.accountType != 4) {
if (!this.RechargeSmsorderNoInfo.orderNo) { if (!this.RechargeSmsorderNoInfo.orderNo) {
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "请获取验证码！", message: "请获取验证码！",
}); });
return; return;
} }
} }
if (!this.openCardPhonSms) { if (!this.openCardPhonSms) {
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "请收入验证码！", message: "请收入验证码！",
}); });
return; return;
} }
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: "处理中......", title: "处理中......",
}); });
// 20211230 // 20211230
let exchangeUrl = gHost; let exchangeUrl = gHost;
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/recharge"; exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/recharge";
break; break;
case 4: case 4:
exchangeUrl = exchangeUrl + "/bank-wechat/bohai/exchange/recharge"; exchangeUrl = exchangeUrl + "/bank-wechat/bohai/exchange/recharge";
break; break;
default: default:
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "银行账号类型错误！", message: "银行账号类型错误！",
}); });
throw "银行账号类型错误!"; throw "银行账号类型错误!";
break; break;
} }
$.ajax({ $.ajax({
url: exchangeUrl, url: exchangeUrl,
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
amount: (amount * 1).toFixed(2), //充值金额，单位元 amount: (amount * 1).toFixed(2), //充值金额，单位元
mobileCode: this.openCardPhonSms, //短信验证码 mobileCode: this.openCardPhonSms, //短信验证码
orderNo: this_.RechargeSmsorderNoInfo.orderNo, //第三方合作交易标识，取充值短信返回的orderNo值 orderNo: this_.RechargeSmsorderNoInfo.orderNo, //第三方合作交易标识，取充值短信返回的orderNo值
schoolId: bankInfo.schoolId, //学校id schoolId: bankInfo.schoolId, //学校id
userId: userID, //用户id userId: userID, //用户id
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
// 21211230渤海银行 // 21211230渤海银行
transAmount: (amount * 1).toFixed(2), transAmount: (amount * 1).toFixed(2),
verifyNo: this.openCardPhonSms, verifyNo: this.openCardPhonSms,
}, },
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: function (res5) { success: function(res5) {
uni.hideLoading(); uni.hideLoading();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.close(); this_.close();
setTimeout(() => { setTimeout(() => {
this_.queryBankInfo(); this_.queryBankInfo();
}, 3000); }, 3000);
let thiTime = new Date(); let thiTime = new Date();
let str = ""; let str = "";
let accountNo = this_.bankInfo_.bindCardNo; let accountNo = this_.bankInfo_.bindCardNo;
accountNo = accountNo.slice(accountNo.length - 4, accountNo.length); accountNo = accountNo.slice(accountNo.length - 4, accountNo.length);
let minutes_ = let minutes_ =
thiTime.getMinutes().toString().length < 2 thiTime.getMinutes().toString().length < 2 ?
? thiTime.getMinutes().toString().padStart(2, "0") thiTime.getMinutes().toString().padStart(2, "0") :
: thiTime.getMinutes().toString(); thiTime.getMinutes().toString();
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
if (thiTime.getMinutes() + 20 >= 60) { if (thiTime.getMinutes() + 20 >= 60) {
str = str =
thiTime.getHours() + 1 + ":" + (60 - thiTime.getMinutes()); thiTime.getHours() + 1 + ":" + (60 - thiTime.getMinutes());
} else { } else {
str = thiTime.getHours() + ":" + (thiTime.getMinutes() + 20); str = thiTime.getHours() + ":" + (thiTime.getMinutes() + 20);
} }
wx.showModal({ wx.showModal({
title: "充值申请已提交", title: "充值申请已提交",
content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。", content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。",
showCancel: false, showCancel: false,
success: function () { success: function() {
uni.navigateTo({ uni.navigateTo({
url: `../../recharging/recharging?bankName=${ url: `../../recharging/recharging?bankName=${
this_.bankInfo_.bindCardName this_.bankInfo_.bindCardName
}&bankNumber=${accountNo}&time=${str}&money=${( }&bankNumber=${accountNo}&time=${str}&money=${(
amount * 1 amount * 1
).toFixed(2)}`, ).toFixed(2)}`,
}); });
}, },
}); });
break; break;
case 4: case 4:
str = thiTime.getHours() + 2 + ":" + minutes_; str = thiTime.getHours() + 2 + ":" + minutes_;
uni.navigateTo({ uni.navigateTo({
url: `../../recharging/recharging?bankName=${ url: `../../recharging/recharging?bankName=${
this_.bankInfo_.bindCardName this_.bankInfo_.bindCardName
}&bankNumber=${accountNo}&time=${str}&money=${( }&bankNumber=${accountNo}&time=${str}&money=${(
amount * 1 amount * 1
).toFixed(2)}`, ).toFixed(2)}`,
}); });
break; break;
default: default:
break; break;
} }
// 20211129 // 20211129
this_.RechargeSmsorderNoInfo = {}; this_.RechargeSmsorderNoInfo = {};
} else { } else {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function (err) { error: function(err) {
uni.hideLoading(); uni.hideLoading();
}, },
}); });
}, },
// 充值结果查询 // 充值结果查询
async ExchangeRechargeQuery(flowId, oriCorpSerno) { async ExchangeRechargeQuery(flowId, oriCorpSerno) {
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: "加载中...", message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: "spinner", loadingType: "spinner",
duration: 0, duration: 0,
}); });
$.ajax({ $.ajax({
url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery", url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
flowId: flowId, flowId: flowId,
oriCorpSerno: oriCorpSerno, oriCorpSerno: oriCorpSerno,
}, },
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: function (res5) { success: function(res5) {
loading.clear(); loading.clear();
if (res5.code == "10000") { if (res5.code == "10000") {
let appStatus = res5.results.appStatus; let appStatus = res5.results.appStatus;
if (appStatus == "4") { if (appStatus == "4") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "充值成功!", content: "充值成功!",
}); });
this_.queryBankInfo(); this_.queryBankInfo();
} else { } else {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: appStatus == "1" ? "申请已受理" : res5.message, content: appStatus == "1" ? "申请已受理" : res5.message,
}); });
} }
} else { } else {
weui.topTips(res5.message); weui.topTips(res5.message);
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message, content: res5.message,
}); });
} }
}, },
error: function (err) { error: function(err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
// 复制我卡号 // 复制我卡号
async CopyCardNumber() { async CopyCardNumber() {
let value = this.bankInfo_.accountNo; let value = this.bankInfo_.accountNo;
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "复制成功！", message: "复制成功！",
}); });
this.$nextTick(function () { this.$nextTick(function() {
let clipboard = new ClipboardJS("#cardNumright", { let clipboard = new ClipboardJS("#cardNumright", {
text: function () { text: function() {
return value; return value;
}, },
}); });
}); });
}, },
//选择输入其他金额 //选择输入其他金额
OtherMoney() { OtherMoney() {
this.depotMoneyother = true; this.depotMoneyother = true;
}, },
// 选择其它金额 // 选择其它金额
async depotOtherMoney() { async depotOtherMoney() {
console.log("其它金额"); console.log("其它金额");
}, },
// 快捷选择金额 // 快捷选择金额
async depotMoney(value, MoneyIndex) { async depotMoney(value, MoneyIndex) {
this.isOtherMoney = false; this.isOtherMoney = false;
this.inputOtherM = ""; this.inputOtherM = "";
this.Money = parseInt(value); this.Money = parseInt(value);
this.MoneyIndex = MoneyIndex; this.MoneyIndex = MoneyIndex;
}, },
//按钮操作 //按钮操作
HideHTML(dom, type) { HideHTML(dom, type) {
this.$nextTick(function () { this.$nextTick(function() {
if (type == 0) { if (type == 0) {
$("." + dom).css("display", "none"); $("." + dom).css("display", "none");
} else { } else {
$("." + dom).css("display", "block"); $("." + dom).css("display", "block");
} }
}); });
}, },
// 更换手机号码 // 更换手机号码
changePhone() { changePhone() {
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: "请稍后....", title: "请稍后....",
}); });
jWeixin.miniProgram.navigateTo({ jWeixin.miniProgram.navigateTo({
url: `/pages_subpack/pages/changePhone/main`, url: `/pages_subpack/pages/changePhone/main`,
}); });
uni.hideLoading(); uni.hideLoading();
}, },
//返回小程序 跳转指定页面 //返回小程序 跳转指定页面
BackToMini(page) { BackToMini(page) {
if (page == "UserMain" || page == "personalCenter") { if (page == "UserMain" || page == "personalCenter") {
jWeixin.miniProgram.switchTab({ jWeixin.miniProgram.switchTab({
url: `/pages/${page}/main`, url: `/pages/${page}/main`,
}); });
} else { } else {
jWeixin.miniProgram.redirectTo({ jWeixin.miniProgram.redirectTo({
url: `/pages/${page}/main`, url: `/pages/${page}/main`,
}); });
} }
}, },
//换绑卡 //换绑卡
ChangeCardPay(item) { ChangeCardPay(item) {
let this_ = this; let this_ = this;
if (bankInfo.bindCardNo == item.bindCardNo) { if (bankInfo.bindCardNo == item.bindCardNo) {
return; return;
} }
var loading = weui.loading("请稍后"); var loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding", url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
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,
bindMedium: item.bindCardNo, bindMedium: item.bindCardNo,
bindMediumName: item.bindCardName, bindMediumName: item.bindCardName,
}, },
success: function (res5) { success: function(res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.queryUserBankInfo(); this_.queryUserBankInfo();
this_.close(); this_.close();
} else { } else {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
this_.popshow = false; this_.popshow = false;
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
}, },
//查询一类卡绑定列表 //查询一类卡绑定列表
queryBindCardList() { queryBindCardList() {
let this_ = this; let this_ = this;
let loading = weui.loading("请稍后"); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + "/bank-wechat/user/bank/bindingList", url: gHost + "/bank-wechat/user/bank/bindingList",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
cardNo: bankInfo.accountNo, cardNo: bankInfo.accountNo,
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function (res4) { success: function(res4) {
loading.hide(); loading.hide();
if (res4.code == "10000") { if (res4.code == "10000") {
this_.bindcardList = res4.results; this_.bindcardList = res4.results;
this_.popshow = true; this_.popshow = true;
} 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 queryBankInfoUrl = gHost; let queryBankInfoUrl = gHost;
// 20211230 // 20211230
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
queryBankInfoUrl = queryBankInfoUrl =
queryBankInfoUrl + queryBankInfoUrl +
"/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal"; "/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal";
break; break;
case 4: case 4:
queryBankInfoUrl = queryBankInfoUrl =
queryBankInfoUrl + "/bank-wechat/bohai/exchange/balanceQuery"; queryBankInfoUrl + "/bank-wechat/bohai/exchange/balanceQuery";
break; break;
default: default:
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "银行账号类型错误！", message: "银行账号类型错误！",
}); });
throw "银行账号类型错误!"; throw "银行账号类型错误!";
break; break;
} }
// let loading = weui.loading('请稍后'); // let loading = weui.loading('请稍后');
$.ajax({ $.ajax({
url: queryBankInfoUrl, url: queryBankInfoUrl,
type: "POST", type: "POST",
timeout: 8000, timeout: 8000,
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
mediumId: bankInfo.accountNo || "", mediumId: bankInfo.accountNo || "",
schoolId: bankInfo.schoolId || "", schoolId: bankInfo.schoolId || "",
userId: bankInfo.userId || "", userId: bankInfo.userId || "",
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function (res3) { success: function(res3) {
// loading.hide(); // loading.hide();
if (res3.code == "10000") { if (res3.code == "10000") {
if (bankInfo.accountType == 4) { if (bankInfo.accountType == 4) {
if (res3.results.eacTotalAmt == null) { if (res3.results.eacTotalAmt == null) {
weui.topTips("账户信息为空，余额查询失败"); weui.topTips("账户信息为空，余额查询失败");
} else { } else {
this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2); this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2);
$(".TxClsTx").attr( $(".TxClsTx").attr(
"placeholder", "placeholder",
`可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元` `可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元`
); );
this_.RechargeMax = ( this_.RechargeMax = (
2000 - 2000 -
(res3.results.eacTotalAmt * 1).toFixed(2) * 1 (res3.results.eacTotalAmt * 1).toFixed(2) * 1
).toFixed(2); ).toFixed(2);
} }
return; return;
} }
if (res3.results.accountBalance == null) { if (res3.results.accountBalance == null) {
weui.topTips("账户信息为空，余额查询失败"); weui.topTips("账户信息为空，余额查询失败");
} else { } else {
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed( this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
2 2
); );
$(".TxClsTx").attr( $(".TxClsTx").attr(
"placeholder", "placeholder",
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
); );
this_.RechargeMax = ( this_.RechargeMax = (
2000 - 2000 -
(res3.results.accountBalance * 1).toFixed(2) * 1 (res3.results.accountBalance * 1).toFixed(2) * 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") {
if (!res2.results) { if (!res2.results) {
weui.topTips("获取用户银行信息失败!"); weui.topTips("获取用户银行信息失败!");
// loading.hide(); // loading.hide();
return; return;
} }
bankInfo = res2.results; bankInfo = res2.results;
bankInfo.sessionid = sessionID; bankInfo.sessionid = sessionID;
this_.queryBankInfo(); //查余额 this_.queryBankInfo(); //查余额
this_.bankInfo_ = bankInfo; this_.bankInfo_ = bankInfo;
// 20211129 // 20211129
this_.openCardPhon = bankInfo.mobileNo; this_.openCardPhon = bankInfo.mobileNo;
} else { } else {
weui.topTips(res2.message); weui.topTips(res2.message);
} }
}, },
error: function (err) { error: function(err) {
// loading.hide(); // loading.hide();
}, },
}); });
}, },
//查询用户信息 //查询用户信息
async QueryUserInfo() { async QueryUserInfo() {
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: "加载中...", message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: "spinner", loadingType: "spinner",
duration: 0, duration: 0,
}); });
await $.ajax({ await $.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.clear(); loading.clear();
console.log(sessionID); console.log(sessionID);
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;
bankInfo.accountType = res1.results.accounttype; bankInfo.accountType = res1.results.accounttype;
this_.PersonalInfo = res1.results; this_.PersonalInfo = res1.results;
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.clear(); loading.clear();
}, },
}); });
}, },
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.changPhone { .userInfoBox {
font-size: 14px; display: flex;
color: #39f; flex-direction: column;
text-align: right; width: calc(100% - 64rpx);
} height: 150rpx;
margin: 0 32rpx;
.showBindCardList { margin-top: 30rpx;
.choiceBox { background: linear-gradient(270deg, #f4f4f4 0%, #ebebeb 100%);
text-align: center; border-radius: 16px;
font-weight: bold;
height: 50px; .firstLine {
line-height: 50px; display: flex;
padding: 0; flex-direction: row;
border-bottom: 0.5px solid #e6e6e6; width: calc(100% - 68rpx);
} height: 56rpx;
line-height: 56rpx;
.ListItem { margin: 0 34rpx;
border-bottom: 1rpx solid #e6e6e6; margin-top: 28rpx;
font-size: 30rpx; overflow: hidden;
padding: 25rpx 0;
background: #fff; view {
position: relative; white-space: nowrap;
text-align: center; }
}
} .avatar {
width: 56rpx;
.SubmittedSuccessfully { height: 56rpx;
width: 400rpx !important;
height: 200rpx !important; uni-image {
margin: 0 auto !important; width: 56rpx;
background: #000000; height: 56rpx;
opacity: 0.8; }
border-radius: 8rpx; }
}
.name {
.cardNum { margin-left: 17rpx;
width: 574rpx; font-size: 36rpx;
margin: 0 auto; font-weight: 600;
display: flex; color: rgba(0, 0, 0, 0.85);
justify-content: space-between; }
padding-top: 36rpx;
font-size: 24rpx; view:last-child {
margin-left: 10rpx;
.cardNumleft { align-self: center;
font-family: PingFang SC; align-items: center;
font-weight: 500; padding: 0 8rpx;
color: #ffffff; height: 40rpx;
} line-height: 40rpx;
background: rgba(0, 0, 0, 0.08);
.cardNumright { border-radius: 4rpx;
font-family: PingFang SC; font-size: 26rpx;
font-weight: 500; font-weight: 500;
text-decoration: underline; color: rgba(0, 0, 0, 0.5);
color: #ffffff; }
} }
}
.secondLine {
.RechargeDetailed { display: flex;
text-align: center; width: calc(100% - 62rpx);
// width: 118rpx; margin: 0 31rpx;
height: 32rpx; margin-top: 8rpx;
margin: 0 auto; height: 37rpx;
font-size: 30rpx; line-height: 37rpx;
font-family: PingFang SC; font-size: 26rpx;
font-weight: 500; color: rgba(0, 0, 0, 0.45);
text-decoration: underline; }
color: #36a8ff; }
margin-top: 50rpx;
} .contentWrapper {
width: 100%;
.contentBox { display: flex;
width: 670rpx; flex-direction: column;
height: 376rpx; }
margin: 0 auto;
} .balanceWrapper {
width: calc(100% - 144rpx);
.contentDiv { margin: 0 32rpx;
height: 100%; margin-top: 24rpx;
// margin-top: 36rpx; height: 249rpx;
border-radius: 15rpx; padding: 40rpx 40rpx 0;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"); background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/bankBg.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
position: relative; display: flex;
top: 36rpx; flex-direction: column;
}
.firstLine {
.HidenText { display: flex;
width: 574rpx; justify-content: space-between;
margin: 0 auto;
padding-top: 88rpx; .left {
} view:first-child {
height: 33rpx;
.HidenText, font-size: 24rpx;
.Balance { font-weight: 600;
padding-left: 46rpx; color: rgba(255, 255, 255, 0.85);
padding-right: 40rpx; line-height: 33rpx;
display: flex; }
justify-content: space-between;
view:last-child {
font-size: 28rpx; height: 84rpx;
color: #ffffff; font-size: 60rpx;
} font-weight: 600;
color: #ffffff;
.Balance { line-height: 84rpx;
width: 574rpx; }
margin: 0 auto; }
margin-top: 20rpx;
.right {
font-size: 30rpx; width: 60rpx;
font-family: PingFang SC; height: 60rpx;
font-weight: bold; align-self: flex-start;
color: #ffffff;
} .icon {
width: 60rpx;
.Recharge { height: 60rpx;
// height: 30rpx; }
font-size: 32rpx; }
font-family: PingFang SC; }
font-weight: bold;
color: #333333; .lastLine {
margin-top: 58rpx; display: flex;
width: 100%;
span:nth-child(1) { justify-content: space-between;
width: 4rpx;
height: 30rpx; view:first-child {
background: #23d6a3; height: 60rpx;
border-radius: 2rpx; font-size: 40rpx;
display: inline-block; font-weight: 600;
position: relative; color: #ffffff;
top: 5rpx; line-height: 60rpx;
} }
span:nth-child(2) { .right {
display: inline-block; width: 140rpx;
margin-left: 16rpx; height: 60rpx;
} line-height: 60rpx;
} font-size: 30rpx;
font-weight: 600;
.headview { color: #04b871;
display: flex; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/cashBtn.png");
justify-content: space-between; background-repeat: no-repeat;
// padding-left: 40rpx; background-size: cover;
// padding-right: 40rpx; text-align: center;
}
padding-top: 36rpx;
width: 574rpx; .btn {
margin: 0 auto; width: 140rpx;
} height: 60rpx;
}
.headview .schoolname { }
// width: 252rpx; }
height: 50rpx;
font-size: 36rpx; .changPhone {
font-family: PingFangSC-Medium, PingFang SC; font-size: 14px;
font-weight: 500; color: #39f;
color: #ffffff; text-align: right;
line-height: 50rpx; }
}
.showBindCardList {
.headview .IconCls { .choiceBox {
width: 170rpx; text-align: center;
height: 48rpx; font-weight: bold;
background: #20946d; height: 50px;
border-radius: 25rpx; line-height: 50px;
padding: 0;
font-size: 24rpx; border-bottom: 0.5px solid #e6e6e6;
font-weight: 400; }
color: #ffffff;
line-height: 48rpx; .ListItem {
text-align: center; border-bottom: 1rpx solid #e6e6e6;
} font-size: 30rpx;
padding: 25rpx 0;
.MoneyBox { background: #fff;
flex-wrap: wrap; position: relative;
height: auto; text-align: center;
color: #888888; }
width: 686rpx; }
margin: 0 auto;
overflow: hidden; .SubmittedSuccessfully {
} width: 400rpx !important;
height: 200rpx !important;
.choiceClass { margin: 0 auto !important;
background: rgba(39, 266, 148, 0.1) !important; background: #000000;
color: #28d79c; opacity: 0.8;
} border-radius: 8rpx;
}
.MoneyBox view {
width: 220rpx; .cardNum {
height: 120rpx; width: 574rpx;
background: #ffffff; margin: 0 auto;
border-radius: 8rpx; display: flex;
border: 1rpx solid #eeeeee; justify-content: space-between;
margin-top: 16rpx; padding-top: 36rpx;
text-align: center; font-size: 24rpx;
position: relative;
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); .cardNumleft {
margin-right: 2px; font-family: PingFang SC;
float: left; font-weight: 500;
} color: #ffffff;
}
.depotMoney .value {
font-size: 45rpx; .cardNumright {
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFang SC;
font-weight: 600; font-weight: 500;
line-height: 120rpx; text-decoration: underline;
text-align: center; color: #ffffff;
} }
}
.depotMoney .tips {
// width: 79rpx; .RechargeDetailed {
// height: 33rpx; text-align: center;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // width: 118rpx;
// border-radius: 4rpx; height: 32rpx;
// font-size: 18rpx; margin: 0 auto;
// font-weight: 500; font-size: 30rpx;
// padding: 4rpx; font-family: PingFang SC;
// text-align: center; font-weight: 500;
// float: right; text-decoration: underline;
// position: absolute; color: #36a8ff;
// right: 0rpx; margin-top: 50rpx;
// line-height: 33rpx; }
}
.contentBox {
.OtherMoney { width: 670rpx;
display: flex; height: 376rpx;
justify-content: flex-start; margin: 0 auto;
// color: #999999; }
// font-size: 28rpx;
// font-family: PingFangSC-Regular, PingFang SC; .contentDiv {
// font-weight: 400; height: 100%;
// color: #999999; // margin-top: 36rpx;
// line-height: 40rpx; border-radius: 15rpx;
width: 686rpx; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
height: 100rpx; background-repeat: no-repeat;
background: #f7f6fb; background-size: 100% 100%;
border-radius: 10rpx;
margin: 0 auto; position: relative;
line-height: 100rpx; top: 36rpx;
margin-top: 32rpx; }
span { .HidenText {
display: inline-block; width: 574rpx;
font-size: 40rpx; margin: 0 auto;
font-family: PingFang SC; padding-top: 88rpx;
font-weight: bold; }
color: #000000;
padding-left: 26rpx; .HidenText,
} .Balance {
padding-left: 46rpx;
input { padding-right: 40rpx;
height: 100%; display: flex;
} justify-content: space-between;
}
font-size: 28rpx;
.OtherMoney view:nth-child(2) { color: #ffffff;
// width: 30rpx; }
// height: 30rpx;
// background: #F0F0F0; .Balance {
// border-radius: 50%; width: 574rpx;
// text-align: center; margin: 0 auto;
// line-height: 30rpx; margin-top: 20rpx;
// margin-top: 7rpx;
// margin-left: 5rpx; font-size: 30rpx;
} font-family: PingFang SC;
font-weight: bold;
.payType { color: #ffffff;
height: 98rpx; }
line-height: 98rpx;
display: flex; .Recharge {
justify-content: space-between; // height: 30rpx;
} font-size: 32rpx;
font-family: PingFang SC;
.payType view:nth-child(1) { font-weight: bold;
// width: 120rpx; color: #333333;
height: 42rpx; margin-top: 58rpx;
font-size: 32rpx;
font-family: PingFang SC; span:nth-child(1) {
font-weight: 500; width: 4rpx;
color: #888888; height: 30rpx;
line-height: 98rpx; background: #23d6a3;
} border-radius: 2rpx;
display: inline-block;
.payType view::nth-child(2) { position: relative;
width: 225rpx; top: 5rpx;
height: 45rpx; }
font-size: 32rpx;
font-family: PingFang SC; span:nth-child(2) {
font-weight: bold; display: inline-block;
color: #333333; margin-left: 16rpx;
line-height: 45rpx; }
} }
.arrow { .headview {
transform: rotate(-45deg); display: flex;
top: -3rpx; justify-content: space-between;
border: solid #999999; // padding-left: 40rpx;
border-width: 0 1rpx 1rpx 0; // padding-right: 40rpx;
display: inline-block;
padding: 8rpx; padding-top: 36rpx;
position: relative; width: 574rpx;
} margin: 0 auto;
}
@media (min-height: 650px) {
.bottomdiv { .headview .schoolname {
position: fixed; // width: 252rpx;
left: 0; height: 50rpx;
right: 0; font-size: 36rpx;
bottom: 30rpx; font-family: PingFangSC-Medium, PingFang SC;
} font-weight: 500;
} color: #ffffff;
line-height: 50rpx;
.DepositID { }
width: 630rpx;
height: 92rpx; .headview .IconCls {
background: #04ba73; width: 170rpx;
border-radius: 8rpx; height: 48rpx;
margin: 0 auto; background: #20946d;
text-align: center; border-radius: 25rpx;
bottom: 30rpx;
} font-size: 24rpx;
font-weight: 400;
.DepositID span { color: #ffffff;
height: 50rpx; line-height: 48rpx;
font-size: 36rpx; text-align: center;
font-family: PingFangSC-Medium, PingFang SC; }
font-weight: 500;
color: #ffffff; .MoneyBox {
line-height: 92rpx; flex-wrap: wrap;
} height: auto;
color: #888888;
.switchbankCard { width: 686rpx;
text-align: center; margin: 0 auto;
/* width: 205px; */ overflow: hidden;
// height: 28rpx; }
font-size: 26rpx;
font-family: PingFang SC; .choiceClass {
font-weight: 500; background: rgba(39, 266, 148, 0.1) !important;
text-decoration: underline; color: #28d79c;
color: #268ef8; }
margin-top: 23rpx;
} .MoneyBox view {
width: 220rpx;
.RechargeConfirmationBox { height: 120rpx;
position: fixed; background: #ffffff;
left: 0; border-radius: 8rpx;
right: 0; border: 1rpx solid #eeeeee;
top: 400rpx; margin-top: 16rpx;
width: 618rpx; text-align: center;
height: 520rpx; position: relative;
background: #ffffff; box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
border-radius: 8rpx; margin-right: 2px;
margin: 0 auto; float: left;
}
.RechargeInfo {
width: 560rpx; .depotMoney .value {
height: 100%; font-size: 45rpx;
margin: 0 auto; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
/deep/ .openCardPhonTxt { line-height: 120rpx;
font-weight: bold; text-align: center;
color: #000000; }
width: auto;
} .depotMoney .tips {
// width: 79rpx;
/deep/ .openCardPhonSmsTxt { // height: 33rpx;
font-weight: bold; // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
color: #000000; // border-radius: 4rpx;
width: auto; // font-size: 18rpx;
} // font-weight: 500;
// padding: 4rpx;
/deep/ .van-cell { // text-align: center;
padding-left: 0; // float: right;
padding-right: 0; // position: absolute;
height: 100rpx; // right: 0rpx;
} // line-height: 33rpx;
}
/deep/ .van-button {
background: #1cc48b; .OtherMoney {
border-radius: 8rpx; display: flex;
font-size: 10rpx; justify-content: flex-start;
} // color: #999999;
// font-size: 28rpx;
.RechargeInfo1 { // font-family: PingFangSC-Regular, PingFang SC;
height: 120rpx; // font-weight: 400;
line-height: 88rpx; // color: #999999;
font-size: 30rpx; // line-height: 40rpx;
font-family: PingFang SC; width: 686rpx;
font-weight: bold; height: 100rpx;
color: #000000; background: #f7f6fb;
text-align: center; border-radius: 10rpx;
} margin: 0 auto;
line-height: 100rpx;
.ContenInfo { margin-top: 32rpx;
text-align: center;
// width: 383rpx; span {
height: 159rpx; display: inline-block;
margin: 0 auto; font-size: 40rpx;
font-size: 32rpx; font-family: PingFang SC;
font-family: PingFang SC; font-weight: bold;
font-weight: 500; color: #000000;
color: #010101; padding-left: 26rpx;
}
view {
line-height: 75rpx; input {
} height: 100%;
} }
}
.BtngGoup {
justify-content: space-between; .OtherMoney view:nth-child(2) {
display: flex; // width: 30rpx;
margin-top: 40rpx; // height: 30rpx;
// background: #F0F0F0;
view { // border-radius: 50%;
width: 100%; // text-align: center;
height: 68rpx; // line-height: 30rpx;
border-radius: 8rpx; // margin-top: 7rpx;
text-align: center; // margin-left: 5rpx;
line-height: 68rpx; }
}
.paytype {
view:nth-child(1) { display: flex;
background: #1cc48b; margin-top: 39rpx;
font-size: 30rpx; width: 100%;
font-family: PingFang SC; height: 40rpx;
font-weight: 500; justify-content: space-between;
color: #ebebeb; font-size: 28rpx;
}
.left {
view:nth-child(2) { font-weight: 500;
background: #1cc48b; color: rgba(0, 0, 0, 0.4);
font-size: 36rpx; }
font-family: PingFang SC;
font-weight: 500; .right {
color: #ffffff; color: rgba(0, 0, 0, 0.85);
}
} .van-icon {
} font-size: 28rpx;
} color: #161616;
}
.closePhoneBox { }
// width: 35rpx; }
height: 35rpx;
position: relative; .payType {
right: -20rpx; height: 98rpx;
top: 20rpx; line-height: 98rpx;
text-align: right; display: flex;
justify-content: space-between;
image { }
width: 35rpx;
height: 35rpx; .payType view:nth-child(1) {
position: relative; // width: 120rpx;
right: 10rpx; height: 42rpx;
} font-size: 32rpx;
} font-family: PingFang SC;
font-weight: 500;
.doBtnTx { color: #888888;
width: 506rpx; line-height: 98rpx;
height: 92rpx; }
background: #04ba73;
border-radius: 8rpx; .payType view::nth-child(2) {
color: #ffffff; width: 225rpx;
height: 45rpx;
position: absolute; font-size: 32rpx;
left: 0; font-family: PingFang SC;
right: 0; font-weight: bold;
margin: 0 auto; color: #333333;
bottom: 38rpx; line-height: 45rpx;
} }
.PhoneNum, .arrow {
.VerifyCode { transform: rotate(-45deg);
width: 506rpx; top: -3rpx;
height: 80rpx; border: solid #999999;
line-height: 60rpx; border-width: 0 1rpx 1rpx 0;
background: #f7f6fb; display: inline-block;
margin: 0 auto; padding: 8rpx;
margin-top: 20rpx; position: relative;
} }
.VerifyCode { // @media (min-height: 650px) {
display: flex; @media (min-height: 1040px) {
justify-content: space-between; .bottomdiv {
} position: fixed;
left: 0;
.VerifyCode input { right: 0;
width: 200rpx; bottom: 30rpx;
} }
}
.CodeMsg {
color: #01bc73; .DepositID {
background: #f7f6fb; width: 630rpx;
font-size: 32rpx; height: 92rpx;
font-weight: 600; background: #04ba73;
line-height: 80rpx; border-radius: 8rpx;
letter-spacing: 3rpx; margin: 0 auto;
} text-align: center;
bottom: 30rpx;
.placeholderInput { }
color: #aaaaaa;
font-size: 42rpx; .DepositID span {
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: 92rpx;
.OtherTitle { }
height: 67rpx; .service {
font-size: 48rpx; margin-top: 118rpx;
font-family: PingFangSC-Semibold, PingFang SC; width: 100%;
font-weight: 600; height: 40rpx;
color: #010101; font-size: 28rpx;
line-height: 67rpx; font-weight: 400;
color: rgba(0, 0, 0, 0.5);
padding-top: 60rpx; line-height: 40rpx;
} text-align: center;
}
.inputOtherM {
display: flex; .switchbankCard {
height: 100rpx; text-align: center;
margin-top: 40rpx; /* width: 205px; */
} // height: 28rpx;
font-size: 26rpx;
.inputOtherM input { font-family: PingFang SC;
border: none; font-weight: 500;
outline: none; text-decoration: underline;
height: 50rpx; color: #268ef8;
padding-left: 16rpx; margin-top: 23rpx;
font-size: 72rpx; }
font-weight: 600;
} .RechargeConfirmationBox {
position: fixed;
.inputOtherM span:nth-child(1) { left: 0;
width: 72rpx; right: 0;
font-size: 80rpx; top: 400rpx;
font-family: PingFangSC-Semibold, PingFang SC; width: 618rpx;
font-weight: 600; height: 520rpx;
color: #010101; background: #ffffff;
line-height: 100rpx; border-radius: 8rpx;
} margin: 0 auto;
.OtherLine { .RechargeInfo {
width: 631rpx; width: 560rpx;
height: 1rpx; height: 100%;
background-color: #cccccc; margin: 0 auto;
margin-top: 19rpx;
} /deep/ .openCardPhonTxt {
font-weight: bold;
.depositbox { color: #000000;
margin-top: 31rpx; width: auto;
height: 30rpx; }
line-height: 30rpx;
} /deep/ .openCardPhonSmsTxt {
font-weight: bold;
.depositImg { color: #000000;
width: 24rpx; width: auto;
height: 24rpx; }
vertical-align: middle;
margin-right: 8rpx; /deep/ .van-cell {
position: relative; padding-left: 0;
top: -2rpx; padding-right: 0;
} height: 100rpx;
}
.Recharge_ {
height: 40rpx; /deep/ .van-button {
font-size: 28rpx; background: #1cc48b;
font-family: PingFangSC-Regular, PingFang SC; border-radius: 8rpx;
font-weight: 400; font-size: 10rpx;
color: #333333; }
line-height: 40rpx;
margin-top: 40rpx; .RechargeInfo1 {
} height: 120rpx;
line-height: 88rpx;
.Recharge_ span:nth-child(2) { font-size: 30rpx;
font-size: 28rpx; font-family: PingFang SC;
font-family: PingFangSC-Semibold, PingFang SC; font-weight: bold;
font-weight: 600; color: #000000;
color: #fa6400; text-align: center;
} }
.placeholderinputOtherM { .ContenInfo {
height: 50rpx; text-align: center;
// font-family: PingFangSC-Semibold, PingFang SC; // width: 383rpx;
// font-weight: 600; height: 159rpx;
// color: #010101; margin: 0 auto;
line-height: 50rpx; font-size: 32rpx;
width: 323rpx; font-family: PingFang SC;
font-size: 28rpx; font-weight: 500;
font-family: PingFang SC; color: #010101;
font-weight: 500;
color: #888888; view {
} line-height: 75rpx;
}
// 异常处理 }
.RechargeException {
padding-top: 20rpx; .BtngGoup {
} justify-content: space-between;
display: flex;
.weui-label { margin-top: 40rpx;
// width: 118rpx;
height: 42rpx; view {
font-size: 30rpx; width: 100%;
font-family: PingFangSC-Medium, PingFang SC; height: 68rpx;
font-weight: 500; border-radius: 8rpx;
color: #3d3d3d; text-align: center;
line-height: 42rpx; line-height: 68rpx;
font-weight: bold; }
margin-left: 30rpx;
} view:nth-child(1) {
background: #1cc48b;
.tiptext { font-size: 30rpx;
height: 1.06rem; font-family: PingFang SC;
font-size: 0.75rem; font-weight: 500;
font-family: PingFangSC-Regular, PingFang SC; color: #ebebeb;
font-weight: 400; }
color: #03bc73;
line-height: 1.06rem; view:nth-child(2) {
margin-bottom: 0.625rem; background: #1cc48b;
text-align: center; font-size: 36rpx;
} font-family: PingFang SC;
font-weight: 500;
.bottomDetail { color: #ffffff;
width: 628rpx; }
height: 88rpx; }
color: white; }
// position: fixed; }
// left: 0;
// right: 0; .closePhoneBox {
margin: 0 auto; // width: 35rpx;
background-color: #03bc73; height: 35rpx;
text-align: center; position: relative;
line-height: 88rpx; right: -20rpx;
top: 20rpx;
margin-top: 84rpx; text-align: right;
}
image {
.RechargeException input::placeholder { width: 35rpx;
color: #a1a4a8; height: 35rpx;
} position: relative;
right: 10rpx;
.RechargeException .weui-cell { }
height: 4rem; }
padding: 0 !important;
} .doBtnTx {
width: 506rpx;
.idCardPhoto1, height: 92rpx;
.idCardPhoto2 { background: #04ba73;
width: 388rpx; border-radius: 8rpx;
height: 224rpx; color: #ffffff;
margin: 0 auto;
margin-top: 20rpx; position: absolute;
} left: 0;
right: 0;
.idCardPhoto1 image, margin: 0 auto;
.idCardPhoto2 image { bottom: 38rpx;
width: 100%; }
height: 100%;
position: relative; .PhoneNum,
} .VerifyCode {
width: 506rpx;
.weui-toptips_success { height: 80rpx;
background-color: #03bc73 !important; line-height: 60rpx;
} background: #f7f6fb;
margin: 0 auto;
.positionCam { margin-top: 20rpx;
height: 32rpx; }
font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; .VerifyCode {
font-weight: 500; display: flex;
color: #6d7278; justify-content: space-between;
line-height: 32rpx; }
text-align: center;
position: relative; .VerifyCode input {
top: -29px; width: 200rpx;
} }
.BgCoverBox { .CodeMsg {
width: 100vw; color: #01bc73;
height: 100vh; background: #f7f6fb;
position: fixed; font-size: 32rpx;
left: 0; font-weight: 600;
top: 0; line-height: 80rpx;
z-index: 10; letter-spacing: 3rpx;
background: #000000; }
opacity: 0.5;
} .placeholderInput {
color: #aaaaaa;
.hideListCover { font-size: 42rpx;
max-height: 50vh; font-weight: 500;
overflow-y: auto; letter-spacing: 3rpx;
padding: 0; // padding-left: 50rpx;
} height: 80rpx;
}
.bottomDiv {
font-weight: bold; .OtherTitle {
height: 50px; height: 67rpx;
line-height: 50px; font-size: 48rpx;
border-bottom: 1px solid #e6e6e6; font-family: PingFangSC-Semibold, PingFang SC;
} font-weight: 600;
color: #010101;
/deep/ .signAlert { line-height: 67rpx;
/deep/ .van-dialog__message {
line-height: 60rpx; padding-top: 60rpx;
} }
/deep/ .signAlert .van-dialog__confirm { .inputOtherM {
width: 200rpx !important; display: flex;
flex: none !important; height: 100rpx;
margin: 0 auto; margin-top: 40rpx;
} }
}
.inputOtherM input {
/deep/ uni-input.otherMoneyInput { border: none;
height: 120rpx; outline: none;
line-height: 120rpx; height: 50rpx;
font-weight: 600; 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;
}
.depositbox {
margin-top: 31rpx;
height: 30rpx;
line-height: 30rpx;
}
.depositImg {
width: 24rpx;
height: 24rpx;
vertical-align: middle;
margin-right: 8rpx;
position: relative;
top: -2rpx;
}
.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;
width: 323rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #888888;
}
// 异常处理
.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;
}
.BgCoverBox {
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 10;
background: #000000;
opacity: 0.5;
}
.hideListCover {
max-height: 50vh;
overflow-y: auto;
padding: 0;
}
.bottomDiv {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
}
/deep/ .signAlert {
/deep/ .van-dialog__message {
line-height: 60rpx;
}
/deep/ .signAlert .van-dialog__confirm {
width: 200rpx !important;
flex: none !important;
margin: 0 auto;
}
}
/deep/ uni-input.otherMoneyInput {
height: 120rpx;
line-height: 120rpx;
font-weight: 600;
}
</style> </style>
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ 984b006b
<template> <template>
<view class="container"> <view class="container">
<view class="contentBox" v-if="!depotMoneyother"> <view class="userInfoBox">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <view class="firstLine">
<view class="contentDiv"> <view class="avatar">
<view class="headview"> <image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
<view class="schoolname">{{ PersonalInfo.schoolname }}</view> </view>
<view class="IconCls">电子校园卡</view> <view class="name">{{ PersonalInfo.name }}</view>
</view> <view>{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view>
<!-- 卡号显示 --> </view>
<view class="cardNum"> <view class="secondLine">{{ PersonalInfo.schoolname }}</view>
<view class="cardNumleft" </view>
><span>账户：</span> **** **** **** <view class="contentWrapper" v-if="!depotMoneyother">
{{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }} <view class="balanceWrapper">
<span>(工商III类户)</span> <view class="firstLine">
</view> <view class="left">
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber" <view>可用余额(元) </view>
>复制</view <view>{{ cardBalanceTx }}</view>
> </view>
</view> <view class="right">
<view class="HidenText"> <van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
<view class="userName" @select="onSelect">
>姓名：<span>{{ PersonalInfo.name }}</span></view <template #reference>
> <image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
<view class="StudentCls" v-if="PersonalInfo.usertype == '1'"> </template>
班级：{{ PersonalInfo.gradename }}({{ </van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4)}}</view>
<view class="right" @click="ToWalletTx">
<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
提现
</view>
</view>
</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 class="TeacherCls" v-else>教职工</view> </view>
</view> <view class="Balance">
<view class="Balance"> <view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view>
<view class="cardBalanceTx" <view @click="ToWalletTx">
>余额：￥<span>{{ cardBalanceTx }}</span></view <span style="display: inline-block; padding-right: 10rpx">余额提现</span>
> <image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix"
<view @click="ToWalletTx"> :src="ImgUrl + 'images/xiaopaycard (17).png'" alt=""></image>
<span style="display: inline-block; padding-right: 10rpx" </view>
>余额提现</span </view>
> </view>
<image <!-- 充值明细 -->
style="position: relative; width: 13rpx; height: 20rpx" <view style="display: none" class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
class="ImgIcon1" 账户明细
mode="widthFix" </view>
:src="ImgUrl + 'images/xiaopaycard (17).png'" <!-- 充值账户 -->
alt="" <view class="Recharge">
></image> <span></span>
</view> <span>账户充值</span>
</view> </view>
</view> <!-- 充值的金额 -->
<!-- 充值明细 --> <view class="MoneyBox">
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> <view class="depotMoney" @click="depotMoney(item.value, index)"
账户明细 v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" :data-money="item.value || 0"
</view> v-for="(item, index) in MoneyList" :key="index">
<!-- 充值账户 --> <span class="value">
<view class="Recharge"> {{ item.value }}
<span></span> </span>
<span>账户充值</span> <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
</view> item.lable
<!-- 充值的金额 --> }}</span>
<view class="MoneyBox"> </view>
<view </view>
class="depotMoney" <view class="moneyWrapper" style="display: none;">
@click="depotMoney(item.value, index)" <view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
:data-money="item.value || 0" v-for="(item, index) in MoneyList" :key="index">
v-for="(item, index) in MoneyList" <view> {{ item.value }}</view>
:key="index" <view> {{ item.lable }}</view>
> </view>
<span class="value"> <view class="other">
{{ item.value }} <input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="其他金额，最低3元"
</span> placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{ </view>
item.lable </view>
}}</span> <view class="MoneyBox" style="display: none">
<!-- <span class="tips" v-show="item.tips"> <view class="depotMoney" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<span class="value">
{{ item.value }}
</span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">
{{item.lable}}
</span>
<!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
</view> </view>
</view> </view>
<!-- 充值限额提示 --> <!-- 充值限额提示 -->
<view class="depositbox"> <view class="depositbox">
<image <image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
mode="widthFix" <span style="
class="depositImg"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
vertical-align: middle; vertical-align: middle;
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
" ">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
>最大可充值金额：<span style="color: red" </view>
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span <!-- 充值其它金额 -->
></span <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
> <view class="OtherMoney" style="display: none">
</view> <span>￥</span>
<!-- 充值其它金额 --> <input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
<!-- <view class="OtherMoney" v-if="isOtherMoney"> --> placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
<view class="OtherMoney"> </view>
<span>￥</span> <!-- 支付方式 -->
<input <view class="paytype">
v-model="inputOtherM" <view class="left">付款账户 </view>
@input="inputControl" <view class="right" @click="queryBindCardList">
@blur="ReturnToTop" {{ bankInfo_.bindCardName }}({{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)}})
placeholder="请输入其他金额，最低3元" <van-icon name="arrow" />
placeholder-class="placeholderinputOtherM" </view>
type="text" </view>
maxlength="6" <view class="payType" style="display: none" @click="queryBindCardList">
/> <view>付款方式</view>
</view> <view>
<!-- 支付方式 --> {{ bankInfo_.bindCardName }}
<view class="payType" @click="queryBindCardList"> {{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
<view>付款方式</view> }}<span class="arrow"></span>
<view> </view>
{{ bankInfo_.bindCardName }} <!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span
{{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
}}<span class="arrow"></span
></view>
<!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span
class="arrow"></span></view> --> class="arrow"></span></view> -->
</view> </view>
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> --> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 --> <!-- 充值生活费 -->
<view class="bottomdiv"> <view class="bottomdiv">
<view <view class="DepositID" @click="toDeposit"
class="DepositID" v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'">
@click="toDeposit" <span>充值生活费</span>
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'" </view>
> <!-- -->
<span>充值生活费</span> <!-- <view class="switchbankCard" @click="ChangeBankPay"
</view>
<!-- -->
<view class="switchbankCard" @click="ChangeBankPay"
>我要换银行卡支付</view >我要换银行卡支付</view
> > -->
</view> <view class="service">工商银行Ⅲ类户为您提供服务</view>
</view> </view>
<!-- 其他充值金额 --> </view>
<view class="contentBox" v-if="depotMoneyother"> <!-- 其他充值金额 -->
<view class="OtherTitle">充值金额</view> <view class="contentBox" style="display: none;" v-if="depotMoneyother">
<view class="inputOtherM"> <view class="OtherTitle">充值金额</view>
<span>￥</span> <view class="inputOtherM">
<input <span>￥</span>
v-model="inputOtherM" <input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM"
@input="inputControl" type="text" maxlength="6" />
placeholder-class="placeholderinputOtherM" </view>
type="text" <view class="OtherLine"></view>
maxlength="6" <!-- 充值范围 -->
/> <view class="Recharge_">
</view> <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<view class="OtherLine"></view> <span>最大可充值金额：</span>
<!-- 充值范围 --> <span>￥<span>3.00 ~ {{ RechargeMax }}</span></span>
<view class="Recharge_"> </view>
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> </view>
<span>最大可充值金额：</span> <!-- 弹出层 -->
<span <uni-popup ref="popup" :mask-click="false">
>￥<span>3.00 ~ {{ RechargeMax }}</span></span <!-- 充值确认 -->
> <view class="RechargeConfirmationBox">
</view> <view class="RechargeInfo">
</view> <view class="closePhoneBox" @click="close()">
<!-- 弹出层 --> <image src="../../../static/img/close.png" mode="aspectFit"></image>
<uni-popup ref="popup" :mask-click="false"> </view>
<!-- 充值确认 --> <view class="RechargeInfo1"> 充值生活费 </view>
<view class="RechargeConfirmationBox"> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<view class="RechargeInfo"> <view class="ContenInfo">
<view class="closePhoneBox" @click="close()"> <view class="" v-if="isOtherMoney">
<image src="../../../static/img/close.png" mode="aspectFit"></image> 充值金额：{{ inputOtherM }}元
</view> </view>
<view class="RechargeInfo1"> 充值生活费 </view> <view class="" v-else> 充值金额：{{ Money }}元 </view>
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view> <view class="">
<view class="ContenInfo"> 付款账户：{{ bankInfo_.bindCardName }}({{
<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 <van-popup v-model="popshow" round position="bottom" :style="{ height: '40%' }">
v-model="popshow" <!-- 银行卡列表 -->
round <view class="accountlist">
position="bottom" <!-- 切换绑定的一类卡列表 -->
:style="{ height: '30%' }" <view class="showBindCardList">
> <view class="choiceBox">选择付款账户</view>
<!-- 银行卡列表 --> <view class="cardsList">
<view class="accountlist"> <view class="ListItem" @click="ChangeCardPay(item)" v-for="(item, index) in bindcardList"
<!-- 切换绑定的一类卡列表 --> :key="index">
<view class="showBindCardList"> <span style="padding-right: 10px">{{ item.bindCardName }} </span>
<view class="choiceBox">选择付款账户</view> <span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span>
<view <image class="BankListImg" src="../../../static/img/choiceBank.png"></image>
class="ListItem" </view>
@click="ChangeCardPay(item)" </view>
v-for="(item, index) in bindcardList" <view class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
:key="index" </view>
> </view>
<span style="padding-right: 10px">{{ item.bindCardName }} </span> </van-popup>
<span </view>
>尾号：{{ </view>
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
<image class='BankListImg' src='../../../static/img/choiceBank.png'></image>
</view>
</view>
</view>
</van-popup>
</view>
</view>
</template> </template>
<script> <script>
import { Dialog, Toast } from "vant"; import {
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue"; Dialog,
import cityData from "@/common/js/city.js"; Toast
var gHost = "https://" + window.location.host; } from "vant";
if (window.location.protocol != "https:") { import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
gHost = "https://fpdev.xiaopay.net"; import cityData from "@/common/js/city.js";
// gHost = "/api"; var gHost = "https://" + window.location.host;
} if (window.location.protocol != "https:") {
let times = 0; gHost = "https://fpdev.xiaopay.net";
var limitClick = false; //禁止重复点击 // gHost = "/api";
var sessionID = "", }
userID = ""; let times = 0;
var payCardNumber = ""; //一类卡号 var limitClick = false; //禁止重复点击
var orderSerialNo = ""; //提现结果查询 指令号 var sessionID = "",
var businessNo = "", userID = "";
otpOrderNo = "", var payCardNumber = ""; //一类卡号
mobileNo = ""; var orderSerialNo = ""; //提现结果查询 指令号
var msCount = 60; //定时器 var businessNo = "",
var MyTimer = null; otpOrderNo = "",
var fromType = 0; //0转账 1提现 mobileNo = "";
var opeType = 0; //0充值 1提现 手机号验证 var msCount = 60; //定时器
var bankInfo = { var MyTimer = null;
acctNoArray: "", var fromType = 0; //0转账 1提现
idNo: "", var opeType = 0; //0充值 1提现 手机号验证
schoolId: "", var bankInfo = {
trueName: "", acctNoArray: "",
userId: "", idNo: "",
sessionid: "", schoolId: "",
wechattype: 1, trueName: "",
}; userId: "",
/** sessionid: "",
* 对象转拼接字符串 wechattype: 1,
* @param {*} res Object 需要转换的数据对象 };
*/ /**
function OforS(res) { * 对象转拼接字符串
var resL = 0; * @param {*} res Object 需要转换的数据对象
var outS = ""; */
for (var i in res) { function OforS(res) {
if (resL == 0) { var resL = 0;
outS += "" + i + "=" + res[i]; var outS = "";
} else { for (var i in res) {
outS += "&" + i + "=" + res[i]; if (resL == 0) {
} outS += "" + i + "=" + res[i];
resL++; } else {
} outS += "&" + i + "=" + res[i];
return outS; }
} resL++;
export default { }
components: { return outS;
keyboardPackage, }
}, export default {
name: "Recharge", components: {
data() { keyboardPackage,
return { },
popshow: false, name: "Recharge",
// 输入其它金额 data() {
isOtherMoney: false, return {
inputOtherM: "", showPopover: false,
RechargeException: false, // 通过 actions 属性来定义菜单选项
depotMoneyother: false, //其他充值 actions: [{
Money: "", //选择金额 text: "复制卡号"
MoneyIndex: -1, }, {
RechargeMax: "2000", //最大充值限制 text: "账户明细"
ReflectMoney: "", //提现金额 }, {
VerifyCode: "", //验证码 text: "常见问题"
cardBalanceTx: "0", //余额 }],
CodeMsg: "获取验证码", popshow: false,
type: "number", // 输入其它金额
PersonalInfo: { isOtherMoney: false,
schoolname: "", inputOtherM: "",
name: "", RechargeException: false,
usertype: "1", depotMoneyother: false, //其他充值
}, Money: "", //选择金额
bankInfo_: { MoneyIndex: -1,
accountNo: "**** **** **** 1234", RechargeMax: "2000", //最大充值限制
bindCardName: "", ReflectMoney: "", //提现金额
bindCardNo: "", VerifyCode: "", //验证码
}, cardBalanceTx: "0", //余额
ImgUrl: this.$ImgUrl, CodeMsg: "获取验证码",
MoneyList: [ type: "number",
{ PersonalInfo: {
lable: "元", schoolname: "",
value: 100, name: "",
}, usertype: "1",
{ },
lable: "元", bankInfo_: {
value: 200, accountNo: "**** **** **** 1234",
}, bindCardName: "",
{ bindCardNo: "",
lable: "元", },
value: 500, ImgUrl: this.$ImgUrl,
}, MoneyList: [{
{ lable: "元",
lable: "元", value: 100,
value: 1000, },
}, {
], lable: "元",
numberList: [], value: 200,
tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件 },
tempFiles2: "../../static/img/idCardBg0.png", {
//绑定的一类卡列表 lable: "元",
bindcardList: [], value: 500,
}; },
}, {
onLoad: function (options) { lable: "元",
console.log(options); value: 1000,
// 初始化 },
userID = options["userID"] || ""; ],
sessionID = options["seesionID"] || ""; numberList: [],
fromType = options["fromType"] || ""; tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
bankInfo.sessionid = sessionID || ""; tempFiles2: "../../static/img/idCardBg0.png",
this.QueryUserInfo(); //绑定的一类卡列表
}, bindcardList: [],
created: function () {}, };
mounted: function () {}, },
methods: { onLoad: function(options) {
async ChangeBankPay() { console.log(options);
uni.showLoading({ mask: true }); // 初始化
let status = await this.accountCloseacceptStatusQuery(); userID = options["userID"] || "";
uni.hideLoading(); sessionID = options["seesionID"] || "";
if (status !== 0) return false; fromType = options["fromType"] || "";
this.BackToMini("AssignAddCard"); bankInfo.sessionid = sessionID || "";
}, this.QueryUserInfo();
accountCloseacceptStatusQuery() { },
return new Promise((resolve, reject) => { created: function() {},
$.ajax({ mounted: function() {},
//查询是否提交销户 methods: {
url: onSelect(action) {
gHost + if (action.text == "复制卡号") {
"/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery", this.CopyCardNumber();
type: "post", } else if (action.text == "账户明细") {
data: { this.BackToMini('purchaseDetail');
schoolId: this.PersonalInfo.schoolid, } else if (action.text == "常见问题") {
userId: this.PersonalInfo.id, uni.navigateTo({
wechattype: 1, url: `../../commonProblem/commonProblem`
sessionid: sessionID, })
}, }
contentType: "application/x-www-form-urlencoded", },
headers: { async ChangeBankPay() {
sessionid: sessionID, uni.showLoading({
}, mask: true
success: ({ code, message, results }) => { });
let status = results && results.status; // 0表示未申请，1申请中，2已销户，3销户申请失败 let status = await this.accountCloseacceptStatusQuery();
if (code === "10000" && status == "0") { uni.hideLoading();
} else if (code === "10000" && status == "1") { if (status !== 0) return false;
uni.showToast({ this.BackToMini("AssignAddCard");
title: "您已提交销户申请，银行正在审核中。", },
icon: "none", accountCloseacceptStatusQuery() {
}); return new Promise((resolve, reject) => {
} else { $.ajax({
uni.showToast({ //查询是否提交销户
title: message, url: gHost +
icon: "none", "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery",
}); type: "post",
} data: {
resolve(status); schoolId: this.PersonalInfo.schoolid,
}, userId: this.PersonalInfo.id,
error: function (err) { wechattype: 1,
uni.showToast({ sessionid: sessionID,
title: err.message || "请求失败", },
icon: "none", contentType: "application/x-www-form-urlencoded",
}); headers: {
reject(-1); sessionid: sessionID,
}, },
}); success: ({
}); code,
}, message,
// 验证码弹出框开启 results
toDeposit() { }) => {
if (this.isOtherMoney) { let status = results && results.status; // 0表示未申请，1申请中，2已销户，3销户申请失败
if (this.inputOtherM == "") { if (code === "10000" && status == "0") {} else if (code === "10000" &&
uni.showModal({ status == "1") {
title: "系统提示", uni.showToast({
content: "请输入要充值的金额!", title: "您已提交销户申请，银行正在审核中。",
}); icon: "none",
return; });
} } else {
if (parseFloat(this.inputOtherM) * 1 < 3) { uni.showToast({
weui.topTips("充值金额必须大于3元"); title: message,
return; icon: "none",
} });
} else { }
if (this.Money == "") { resolve(status);
uni.showModal({ },
title: "系统提示", error: function(err) {
content: "请选择要充值的金额!", uni.showToast({
}); title: err.message || "请求失败",
return; icon: "none",
} });
if (parseFloat(this.inputOtherM) * 1 < 3) { reject(-1);
weui.topTips("充值金额必须大于3元"); },
return; });
} });
} },
this.$refs.popup.open("top"); // 验证码弹出框开启
}, toDeposit() {
// 验证码弹出框关闭 if (this.isOtherMoney) {
close() { if (this.inputOtherM == "") {
this.$refs.popup.close(); uni.showModal({
}, title: "系统提示",
//切换到提现 content: "请输入要充值的金额!",
ToWalletTx() { });
$("#DepositBox").css("display", "none"); return;
$("#TxWalletBox").css("display", "block"); }
// $('.TitleHeader').html('电子账户提现'); if (parseFloat(this.inputOtherM) * 1 < 3) {
$(".doBtnTx").html("提现"); weui.topTips("充值金额必须大于3元");
opeType = 1; return;
uni.navigateTo({ }
url: } else {
"../Reflect/Reflect?" + if (this.Money == "") {
OforS({ uni.showModal({
sessionID: sessionID, title: "系统提示",
userID: userID, content: "请选择要充值的金额!",
}), });
}); return;
}, }
//全部提现 if (parseFloat(this.inputOtherM) * 1 < 3) {
TxAllFun() { weui.topTips("充值金额必须大于3元");
this.ReflectMoney = this.cardBalanceTx * 1; return;
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); }
}, }
// 输入限制 this.$refs.popup.open("top");
inputControl(e) { },
let this_ = this; // 验证码弹出框关闭
this_.MoneyIndex = -1; close() {
this_.isOtherMoney = true; this.$refs.popup.close();
let obj = e.detail; },
this.$nextTick(function () { //切换到提现
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 ToWalletTx() {
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. $("#DepositBox").css("display", "none");
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. $("#TxWalletBox").css("display", "block");
obj.value = obj.value // $('.TitleHeader').html('电子账户提现');
.replace(".", "$#$") $(".doBtnTx").html("提现");
.replace(/\./g, "") opeType = 1;
.replace("$#$", "."); //只允许输入一个小数点 uni.navigateTo({
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数 url: "../Reflect/Reflect?" +
obj.value = OforS({
obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value; sessionID: sessionID,
if (obj.value == "" || obj.value * 1 < 3) { userID: userID,
$(".DepositID").attr( }),
"style", });
"background: rgb(230, 230, 230) !important;" },
); //全部提现
} else { TxAllFun() {
$(".DepositID").removeAttr("style"); this.ReflectMoney = this.cardBalanceTx * 1;
} // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
this_.inputOtherM = obj.value; },
}); // 输入限制
}, inputControl(e) {
//input键盘弹起不会弹 let this_ = this;
ReturnToTop() { this_.MoneyIndex = -1;
// 若最后一位为小数点则去掉 this_.isOtherMoney = true;
let str = this.inputOtherM + ""; let obj = e.detail;
if (str.lastIndexOf(".") == str.length - 1) { this.$nextTick(function() {
this.inputOtherM = str.substring(0, str.length - 1); obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
} obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
this.$nextTick(function () { obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
document.scrollingElement.scrollTo(0, this.scrollTop); obj.value = obj.value
}); .replace(".", "$#$")
}, .replace(/\./g, "")
// 充值 .replace("$#$", "."); //只允许输入一个小数点
async ExchangeRecharge() { obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
let amount, bindMedium, summary; obj.value =
if (this.isOtherMoney) { obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
if (this.inputOtherM == "") { if (obj.value == "" || obj.value * 1 < 3) {
uni.showModal({ $(".DepositID").attr(
title: "系统提示", "style",
content: "请输入要充值的金额!", "background: rgb(230, 230, 230) !important;"
}); );
return; } else {
} $(".DepositID").removeAttr("style");
amount = this.inputOtherM * 1; }
} else { this_.inputOtherM = obj.value;
if (this.Money == "") { });
uni.showModal({ },
title: "系统提示", //input键盘弹起不会弹
content: "请选择要充值的金额!", ReturnToTop() {
}); // 若最后一位为小数点则去掉
return; let str = this.inputOtherM + "";
} if (str.lastIndexOf(".") == str.length - 1) {
amount = this.Money * 1; this.inputOtherM = str.substring(0, str.length - 1);
} }
let this_ = this; this.$nextTick(function() {
uni.showLoading({ document.scrollingElement.scrollTo(0, this.scrollTop);
mask: true, });
title: "处理中......", },
}); // 充值
try { async ExchangeRecharge() {
let status = await this.accountCloseacceptStatusQuery(); let amount, bindMedium, summary;
if (status !== 0) { if (this.isOtherMoney) {
uni.hideLoading(); if (this.inputOtherM == "") {
return false; uni.showModal({
} title: "系统提示",
} catch (e) { content: "请输入要充值的金额!",
uni.hideLoading(); });
return false; return;
} }
amount = this.inputOtherM * 1;
$.ajax({ } else {
url: gHost + "/bank-wechat/icbc/account/exchange/recharge", if (this.Money == "") {
type: "POST", uni.showModal({
contentType: "application/x-www-form-urlencoded", title: "系统提示",
data: { content: "请选择要充值的金额!",
schoolId: bankInfo.schoolId, });
userId: userID, return;
sessionid: sessionID, }
wechattype: 1, amount = this.Money * 1;
amount: amount, }
bindMedium: this.bankInfo_.bindCardNo, let this_ = this;
summary: "充值", uni.showLoading({
}, mask: true,
headers: { title: "处理中......",
sessionid: sessionID, });
}, try {
success: function (res5) { let status = await this.accountCloseacceptStatusQuery();
uni.hideLoading(); if (status !== 0) {
if (res5.code == "10000") { uni.hideLoading();
this_.close(); return false;
setTimeout(() => { }
this_.queryBankInfo(); } catch (e) {
}, 3000); uni.hideLoading();
wx.showModal({ return false;
title: "充值申请已提交", }
content: "银行处理需要1-5分钟时间，充值结果以余额查询为准。",
showCancel: false, $.ajax({
}); url: gHost + "/bank-wechat/icbc/account/exchange/recharge",
} else { type: "POST",
weui.topTips(res5.message); contentType: "application/x-www-form-urlencoded",
} data: {
}, schoolId: bankInfo.schoolId,
error: function (err) { userId: userID,
uni.hideLoading(); sessionid: sessionID,
}, wechattype: 1,
}); amount: amount,
}, bindMedium: this.bankInfo_.bindCardNo,
// 充值结果查询 summary: "充值",
async ExchangeRechargeQuery(flowId, oriCorpSerno) { },
let this_ = this; headers: {
let loading = Toast.loading({ sessionid: sessionID,
message: "加载中...", },
forbidClick: true, success: function(res5) {
loadingType: "spinner", uni.hideLoading();
duration: 0, if (res5.code == "10000") {
}); this_.close();
$.ajax({ setTimeout(() => {
url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery", this_.queryBankInfo();
type: "POST", }, 3000);
contentType: "application/x-www-form-urlencoded", wx.showModal({
data: { title: "充值申请已提交",
schoolId: bankInfo.schoolId, content: "银行处理需要1-5分钟时间，充值结果以余额查询为准。",
userId: userID, showCancel: false,
sessionid: sessionID, });
wechattype: 1, } else {
flowId: flowId, weui.topTips(res5.message);
oriCorpSerno: oriCorpSerno, }
}, },
headers: { error: function(err) {
sessionid: sessionID, uni.hideLoading();
}, },
success: function (res5) { });
loading.clear(); },
if (res5.code == "10000") { // 充值结果查询
let appStatus = res5.results.appStatus; async ExchangeRechargeQuery(flowId, oriCorpSerno) {
if (appStatus == "4") { let this_ = this;
uni.showModal({ let loading = Toast.loading({
title: "系统提示", message: "加载中...",
content: "充值成功!", forbidClick: true,
}); loadingType: "spinner",
this_.queryBankInfo(); duration: 0,
} else { });
uni.showModal({ $.ajax({
title: "系统提示", url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
content: appStatus == "1" ? "申请已受理" : res5.message, type: "POST",
}); contentType: "application/x-www-form-urlencoded",
} data: {
} else { schoolId: bankInfo.schoolId,
weui.topTips(res5.message); userId: userID,
uni.showModal({ sessionid: sessionID,
title: "系统提示", wechattype: 1,
content: res5.message, flowId: flowId,
}); oriCorpSerno: oriCorpSerno,
} },
}, headers: {
error: function (err) { sessionid: sessionID,
loading.clear(); },
}, success: function(res5) {
}); loading.clear();
}, if (res5.code == "10000") {
// 复制我卡号 let appStatus = res5.results.appStatus;
async CopyCardNumber() { if (appStatus == "4") {
let value = this.bankInfo_.accountNo; uni.showModal({
Dialog({ title: "系统提示",
title: "系统提示", content: "充值成功!",
message: "复制成功！", });
}); this_.queryBankInfo();
this.$nextTick(function () { } else {
let clipboard = new ClipboardJS("#cardNumright", { uni.showModal({
text: function () { title: "系统提示",
return value; content: appStatus == "1" ? "申请已受理" : res5.message,
}, });
}); }
}); } else {
}, weui.topTips(res5.message);
//选择输入其他金额 uni.showModal({
OtherMoney() { title: "系统提示",
this.depotMoneyother = true; content: res5.message,
}, });
// 快捷选择金额 }
async depotMoney(value, MoneyIndex) { },
// console.log(value); error: function(err) {
// if (!value) { loading.clear();
// this.isOtherMoney = true; },
// this.Money = ""; });
// this.MoneyIndex = MoneyIndex; },
// return; // 复制我卡号
// } async CopyCardNumber() {
this.isOtherMoney = false; let value = this.bankInfo_.accountNo;
this.inputOtherM = ""; Dialog({
this.Money = parseInt(value); title: "系统提示",
this.MoneyIndex = MoneyIndex; message: "复制成功！",
}, });
//按钮操作 this.$nextTick(function() {
HideHTML(dom, type) { let clipboard = new ClipboardJS("#cardNumright", {
this.$nextTick(function () { text: function() {
if (type == 0) { return value;
$("." + dom).css("display", "none"); },
} else { });
$("." + dom).css("display", "block"); });
} },
}); //选择输入其他金额
}, OtherMoney() {
//返回小程序 跳转指定页面 this.depotMoneyother = true;
BackToMini(page) { },
if (page == "UserMain" || page == "personalCenter") { // 快捷选择金额
jWeixin.miniProgram.switchTab({ async depotMoney(value, MoneyIndex) {
url: `/pages/${page}/main`, // console.log(value);
}); // if (!value) {
} else { // this.isOtherMoney = true;
jWeixin.miniProgram.redirectTo({ // this.Money = "";
url: `/pages/${page}/main`, // this.MoneyIndex = MoneyIndex;
}); // return;
} // }
}, this.isOtherMoney = false;
//换绑卡 this.inputOtherM = "";
ChangeCardPay(item) { this.Money = parseInt(value);
let this_ = this; this.MoneyIndex = MoneyIndex;
if (bankInfo.bindCardNo == item.bindCardNo) { },
return; //按钮操作
} HideHTML(dom, type) {
var loading = weui.loading("请稍后"); this.$nextTick(function() {
$.ajax({ if (type == 0) {
url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding", $("." + dom).css("display", "none");
type: "POST", } else {
contentType: "application/x-www-form-urlencoded", $("." + dom).css("display", "block");
data: { }
schoolId: bankInfo.schoolId, });
userId: userID, },
sessionid: sessionID, //返回小程序 跳转指定页面
wechattype: 1, BackToMini(page) {
bindMedium: item.bindCardNo, if (page == "UserMain" || page == "personalCenter") {
bindMediumName: item.bindCardName, jWeixin.miniProgram.switchTab({
}, url: `/pages/${page}/main`,
success: function (res5) { });
loading.hide(); } else {
if (res5.code == "10000") { jWeixin.miniProgram.redirectTo({
this_.queryUserBankInfo(); url: `/pages/${page}/main`,
this_.close(); });
} else { }
weui.topTips(res5.message); },
} //换绑卡
this_.popshow = false; ChangeCardPay(item) {
}, let this_ = this;
error: function (err) { if (bankInfo.bindCardNo == item.bindCardNo) {
loading.hide(); return;
}, }
}); var loading = weui.loading("请稍后");
}, $.ajax({
//查询一类卡绑定列表 url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
queryBindCardList() { type: "POST",
let this_ = this; contentType: "application/x-www-form-urlencoded",
let loading = weui.loading("请稍后"); data: {
$.ajax({ schoolId: bankInfo.schoolId,
url: gHost + "/bank-wechat/icbc/account/bindcard/bindingList", userId: userID,
type: "POST", sessionid: sessionID,
contentType: "application/x-www-form-urlencoded", wechattype: 1,
data: { bindMedium: item.bindCardNo,
mediumId: bankInfo.accountNo, bindMediumName: item.bindCardName,
schoolId: bankInfo.schoolId, },
userId: userID, success: function(res5) {
sessionid: sessionID, loading.hide();
wechattype: 1, if (res5.code == "10000") {
}, this_.queryUserBankInfo();
success: function (res4) { this_.close();
loading.hide(); } else {
if (res4.code == "10000") { weui.topTips(res5.message);
this_.bindcardList = res4.results; }
this_.popshow = true; this_.popshow = false;
} else { },
weui.topTips(res4.message); error: function(err) {
} loading.hide();
}, },
error: function (err) { });
loading.hide(); },
}, //查询一类卡绑定列表
}); queryBindCardList() {
}, let this_ = this;
//获取银行余额 let loading = weui.loading("请稍后");
queryBankInfo() { $.ajax({
let this_ = this; url: gHost + "/bank-wechat/icbc/account/bindcard/bindingList",
// let loading = weui.loading('请稍后'); type: "POST",
$.ajax({ contentType: "application/x-www-form-urlencoded",
url: gHost + "/bank-wechat/icbc/account/balance/balanceQuery", data: {
type: "POST", mediumId: bankInfo.accountNo,
timeout: 8000, schoolId: bankInfo.schoolId,
contentType: "application/x-www-form-urlencoded", userId: userID,
data: { sessionid: sessionID,
mediumId: bankInfo.accountNo || "", wechattype: 1,
schoolId: bankInfo.schoolId || "", },
userId: bankInfo.userId || "", success: function(res4) {
sessionid: sessionID, loading.hide();
wechattype: 1, if (res4.code == "10000") {
}, this_.bindcardList = res4.results;
success: function (res3) { this_.popshow = true;
// loading.hide(); } else {
if (res3.code == "10000") { weui.topTips(res4.message);
if (res3.results.accountBalance == null) { }
weui.topTips("账户信息为空，余额查询失败"); },
} else { error: function(err) {
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed( loading.hide();
2 },
); });
$(".TxClsTx").attr( },
"placeholder", //获取银行余额
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` queryBankInfo() {
); let this_ = this;
this_.RechargeMax = ( // let loading = weui.loading('请稍后');
2000 - $.ajax({
(res3.results.accountBalance * 1).toFixed(2) * 1 url: gHost + "/bank-wechat/icbc/account/balance/balanceQuery",
).toFixed(2); type: "POST",
} timeout: 8000,
} else { contentType: "application/x-www-form-urlencoded",
weui.topTips(res3.message); data: {
} mediumId: bankInfo.accountNo || "",
}, schoolId: bankInfo.schoolId || "",
error: function (err) { userId: bankInfo.userId || "",
// loading.hide(); sessionid: sessionID,
}, wechattype: 1,
complete: function (XMLHttpRequest, status) { },
// loading.hide(); success: function(res3) {
if (status == "timeout") { // loading.hide();
weui.topTips("请求超时，余额查询失败"); if (res3.code == "10000") {
} if (res3.results.accountBalance == null) {
}, weui.topTips("账户信息为空，余额查询失败");
}); } else {
}, this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
//获取用户已填写银行信息 2
queryUserBankInfo() { );
let this_ = this; $(".TxClsTx").attr(
// let loading = weui.loading('请稍后'); "placeholder",
$.ajax({ `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
url: gHost + "/bank-wechat/user/bank/get", );
type: "POST", this_.RechargeMax = (
contentType: "application/x-www-form-urlencoded", 2000 -
data: { (res3.results.accountBalance * 1).toFixed(2) * 1
schoolId: bankInfo.schoolId, ).toFixed(2);
userId: userID, }
sessionid: sessionID, } else {
wechattype: 1, weui.topTips(res3.message);
}, }
success: function (res2) { },
if (res2.code == "10000") { error: function(err) {
if (!res2.results) { // loading.hide();
weui.topTips("获取用户银行信息失败!"); },
// loading.hide(); complete: function(XMLHttpRequest, status) {
return; // loading.hide();
} if (status == "timeout") {
bankInfo = res2.results; weui.topTips("请求超时，余额查询失败");
bankInfo.sessionid = sessionID; }
this_.queryBankInfo(); //查余额 },
this_.bankInfo_ = bankInfo; });
// this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id); },
} else { //获取用户已填写银行信息
weui.topTips(res2.message); queryUserBankInfo() {
} let this_ = this;
}, // let loading = weui.loading('请稍后');
error: function (err) { $.ajax({
// loading.hide(); url: gHost + "/bank-wechat/user/bank/get",
}, type: "POST",
}); contentType: "application/x-www-form-urlencoded",
}, data: {
//查询用户信息 schoolId: bankInfo.schoolId,
QueryUserInfo() { userId: userID,
let this_ = this; sessionid: sessionID,
let loading = Toast.loading({ wechattype: 1,
message: "加载中...", },
forbidClick: true, success: function(res2) {
loadingType: "spinner", if (res2.code == "10000") {
duration: 0, if (!res2.results) {
}); weui.topTips("获取用户银行信息失败!");
$.ajax({ // loading.hide();
url: gHost + "/wechat/svweapp/QueryPersonalInfo", return;
type: "POST", }
contentType: "application/x-www-form-urlencoded", bankInfo = res2.results;
data: { bankInfo.sessionid = sessionID;
userid: userID, this_.queryBankInfo(); //查余额
sessionid: sessionID, this_.bankInfo_ = bankInfo;
wechattype: 1, // this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id);
}, } else {
success: function (res1) { weui.topTips(res2.message);
loading.clear(); }
if (res1.code == "10000") { },
bankInfo.schoolId = res1.results.schoolid; error: function(err) {
bankInfo.userId = res1.results.id; // loading.hide();
this_.PersonalInfo = res1.results; },
if (res1.results.usertype == 1) { });
$(".StudentCls").css("display", "block"); },
$(".TeacherCls").css("display", "none"); //查询用户信息
} else { QueryUserInfo() {
$(".StudentCls").css("display", "none"); let this_ = this;
$(".TeacherCls").css("display", "block"); let loading = Toast.loading({
} message: "加载中...",
this_.queryUserBankInfo(); forbidClick: true,
} else { loadingType: "spinner",
weui.topTips(res1.message); duration: 0,
setTimeout(() => { });
this_.BackToMini("UserMain"); $.ajax({
}, 1500); url: gHost + "/wechat/svweapp/QueryPersonalInfo",
} type: "POST",
}, contentType: "application/x-www-form-urlencoded",
error: function (err) { data: {
loading.clear(); userid: userID,
}, sessionid: sessionID,
}); wechattype: 1,
}, },
}, success: function(res1) {
}; loading.clear();
if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid;
bankInfo.userId = res1.results.id;
this_.PersonalInfo = res1.results;
if (res1.results.usertype == 1) {
$(".StudentCls").css("display", "block");
$(".TeacherCls").css("display", "none");
} else {
$(".StudentCls").css("display", "none");
$(".TeacherCls").css("display", "block");
}
this_.queryUserBankInfo();
} else {
weui.topTips(res1.message);
setTimeout(() => {
this_.BackToMini("UserMain");
}, 1500);
}
},
error: function(err) {
loading.clear();
},
});
},
},
};
</script> </script>
<style lang="scss"> <style lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.showBindCardList { .userInfoBox {
.choiceBox { display: flex;
text-align: center; flex-direction: column;
font-weight: bold; width: calc(100% - 64rpx);
height: 50px; height: 150rpx;
line-height: 50px; margin: 0 32rpx;
padding: 0; margin-top: 30rpx;
border-bottom: 0.5px solid #e6e6e6; background: linear-gradient(270deg, #f4f4f4 0%, #ebebeb 100%);
} border-radius: 16px;
.ListItem { .firstLine {
border-bottom: 1rpx solid #e6e6e6; display: flex;
font-size: 30rpx; flex-direction: row;
padding: 25rpx 0; width: calc(100% - 68rpx);
background: #fff; height: 56rpx;
position: relative; line-height: 56rpx;
text-align: center; margin: 0 34rpx;
} margin-top: 28rpx;
} overflow: hidden;
.SubmittedSuccessfully { view {
width: 400rpx !important; white-space: nowrap;
height: 200rpx !important; }
margin: 0 auto !important;
background: #000000; .avatar {
opacity: 0.8; width: 56rpx;
border-radius: 8rpx; height: 56rpx;
}
uni-image {
.cardNum { width: 56rpx;
width: 574rpx; height: 56rpx;
margin: 0 auto; }
display: flex; }
justify-content: space-between;
padding-top: 36rpx; .name {
font-size: 24rpx; margin-left: 17rpx;
font-size: 36rpx;
.cardNumleft { font-weight: 600;
font-family: PingFang SC; color: rgba(0, 0, 0, 0.85);
font-weight: 500; }
color: #ffffff;
} view:last-child {
margin-left: 10rpx;
.cardNumright { align-self: center;
font-family: PingFang SC; align-items: center;
font-weight: 500; padding: 0 8rpx;
text-decoration: underline; height: 40rpx;
color: #ffffff; line-height: 40rpx;
} background: rgba(0, 0, 0, 0.08);
} border-radius: 4rpx;
font-size: 26rpx;
.RechargeDetailed { font-weight: 500;
text-align: center; color: rgba(0, 0, 0, 0.5);
// width: 118rpx; }
height: 32rpx; }
margin: 0 auto;
font-size: 30rpx; .secondLine {
font-family: PingFang SC; display: flex;
font-weight: 500; width: calc(100% - 62rpx);
text-decoration: underline; margin: 0 31rpx;
color: #36a8ff; margin-top: 8rpx;
margin-top: 50rpx; height: 37rpx;
} line-height: 37rpx;
font-size: 26rpx;
.contentBox { color: rgba(0, 0, 0, 0.45);
width: 670rpx; }
height: 376rpx; }
margin: 0 auto;
} .contentWrapper {
width: 100%;
.contentDiv { display: flex;
height: 100%; flex-direction: column;
// margin-top: 36rpx; }
border-radius: 15rpx;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"); .balanceWrapper {
background-repeat: no-repeat; width: calc(100% - 144rpx);
background-size: 100% 100%; margin: 0 32rpx;
margin-top: 24rpx;
position: relative; height: 249rpx;
top: 36rpx; padding: 40rpx 40rpx 0;
} background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/bankBg.png");
background-repeat: no-repeat;
.HidenText { background-size: 100% 100%;
width: 574rpx; position: relative;
margin: 0 auto; display: flex;
padding-top: 88rpx; flex-direction: column;
}
.firstLine {
.HidenText, display: flex;
.Balance { justify-content: space-between;
padding-left: 46rpx;
padding-right: 40rpx; .left {
display: flex; view:first-child {
justify-content: space-between; height: 33rpx;
font-size: 24rpx;
font-size: 28rpx; font-weight: 600;
color: #ffffff; color: rgba(255, 255, 255, 0.85);
} line-height: 33rpx;
}
.Balance {
width: 574rpx; view:last-child {
margin: 0 auto; height: 84rpx;
margin-top: 20rpx; font-size: 60rpx;
font-weight: 600;
font-size: 30rpx; color: #ffffff;
font-family: PingFang SC; line-height: 84rpx;
font-weight: bold; }
color: #ffffff; }
}
.right {
.Recharge { width: 60rpx;
// height: 30rpx; height: 60rpx;
font-size: 32rpx; align-self: flex-start;
font-family: PingFang SC;
font-weight: bold; .icon {
color: #333333; width: 60rpx;
margin-top: 58rpx; height: 60rpx;
}
span:nth-child(1) { }
width: 4rpx; }
height: 30rpx;
background: #23d6a3; .lastLine {
border-radius: 2rpx; display: flex;
display: inline-block; width: 100%;
position: relative; justify-content: space-between;
top: 5rpx;
} view:first-child {
height: 60rpx;
span:nth-child(2) { font-size: 40rpx;
display: inline-block; font-weight: 600;
margin-left: 16rpx; color: #ffffff;
} line-height: 60rpx;
} }
.headview { .right {
display: flex; width: 140rpx;
justify-content: space-between; height: 60rpx;
// padding-left: 40rpx; line-height: 60rpx;
// padding-right: 40rpx; font-size: 30rpx;
font-weight: 600;
padding-top: 36rpx; color: #04b871;
width: 574rpx; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/cashBtn.png");
margin: 0 auto; background-repeat: no-repeat;
} background-size: cover;
text-align: center;
.headview .schoolname { }
width: 252rpx;
height: 50rpx; .btn {
font-size: 36rpx; width: 140rpx;
font-family: PingFangSC-Medium, PingFang SC; height: 60rpx;
font-weight: 500; }
color: #ffffff; }
line-height: 50rpx; }
}
.accountlist {
.headview .IconCls { width: 100%;
width: 170rpx; height: 100%;
height: 48rpx; }
background: #20946d;
border-radius: 25rpx; .showBindCardList {
width: 100%;
font-size: 24rpx; height: 100%;
font-weight: 400;
color: #ffffff; .choiceBox {
line-height: 48rpx; text-align: center;
text-align: center; font-weight: bold;
} height: 100rpx;
line-height: 100rpx;
.MoneyBox { padding: 0;
flex-wrap: wrap; border-bottom: 1rpx solid #e6e6e6;
height: auto; }
color: #888888;
width: 686rpx; .cardsList {
margin: 0 auto; width: 100%;
overflow: hidden; height: calc(100% - 260rpx);
} overflow-y: scroll;
}
.choiceClass {
background: rgba(39, 266, 148, 0.1) !important; .ListItem {
color: #28d79c; border-bottom: 1rpx solid #e6e6e6;
} font-size: 30rpx;
padding: 25rpx 0;
.MoneyBox view { background: #fff;
width: 220rpx; position: relative;
height: 120rpx; text-align: center;
background: #ffffff; }
border-radius: 8rpx;
border: 1rpx solid #eeeeee; .changeCard {
margin-top: 16rpx; margin: 0 auto;
text-align: center; margin-top: 40rpx;
position: relative; height: 40rpx;
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); font-size: 28rpx;
margin-right: 2px; font-weight: 400;
float: left; color: #04B871;
} line-height: 40rpx;
text-align: center;
.depotMoney .value { }
font-size: 45rpx; }
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; .SubmittedSuccessfully {
line-height: 120rpx; width: 400rpx !important;
text-align: center; height: 200rpx !important;
} margin: 0 auto !important;
background: #000000;
.depotMoney .tips { opacity: 0.8;
// width: 79rpx; border-radius: 8rpx;
// height: 33rpx; }
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
// border-radius: 4rpx; .cardNum {
// font-size: 18rpx; width: 574rpx;
// font-weight: 500; margin: 0 auto;
// padding: 4rpx; display: flex;
// text-align: center; justify-content: space-between;
// float: right; padding-top: 36rpx;
// position: absolute; font-size: 24rpx;
// right: 0rpx;
// line-height: 33rpx; .cardNumleft {
} font-family: PingFang SC;
font-weight: 500;
.OtherMoney { color: #ffffff;
display: flex; }
justify-content: flex-start;
// color: #999999; .cardNumright {
// font-size: 28rpx; font-family: PingFang SC;
// font-family: PingFangSC-Regular, PingFang SC; font-weight: 500;
// font-weight: 400; text-decoration: underline;
// color: #999999; color: #ffffff;
// line-height: 40rpx; }
width: 686rpx; }
height: 100rpx;
background: #f7f6fb; .RechargeDetailed {
border-radius: 10rpx; text-align: center;
margin: 0 auto; // width: 118rpx;
line-height: 100rpx; height: 32rpx;
margin-top: 32rpx; margin: 0 auto;
font-size: 30rpx;
span { font-family: PingFang SC;
display: inline-block; font-weight: 500;
font-size: 40rpx; text-decoration: underline;
font-family: PingFang SC; color: #36a8ff;
font-weight: bold; margin-top: 50rpx;
color: #000000; }
padding-left: 26rpx;
} .contentBox {
width: 670rpx;
input { display: flex;
height: 100%; flex-direction: column;
} margin: 0 auto;
} }
.OtherMoney view:nth-child(2) { .contentDiv {
// width: 30rpx; height: 100%;
// height: 30rpx; // margin-top: 36rpx;
// background: #F0F0F0; border-radius: 15rpx;
// border-radius: 50%; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
// text-align: center; background-repeat: no-repeat;
// line-height: 30rpx; background-size: 100% 100%;
// margin-top: 7rpx;
// margin-left: 5rpx; position: relative;
} top: 36rpx;
}
.payType {
height: 98rpx; .HidenText {
line-height: 98rpx; width: 574rpx;
display: flex; margin: 0 auto;
justify-content: space-between; padding-top: 88rpx;
} }
.payType view:nth-child(1) { .HidenText,
// width: 120rpx; .Balance {
height: 42rpx; padding-left: 46rpx;
font-size: 32rpx; padding-right: 40rpx;
font-family: PingFang SC; display: flex;
font-weight: 500; justify-content: space-between;
color: #888888;
line-height: 98rpx; font-size: 28rpx;
} color: #ffffff;
}
.payType view::nth-child(2) {
width: 225rpx; .Balance {
height: 45rpx; width: 574rpx;
font-size: 32rpx; margin: 0 auto;
font-family: PingFang SC; margin-top: 20rpx;
font-weight: bold;
color: #333333; font-size: 30rpx;
line-height: 45rpx; font-family: PingFang SC;
} font-weight: bold;
color: #ffffff;
.arrow { }
transform: rotate(-45deg);
top: -3rpx; .Recharge {
border: solid #999999; width: 100%;
border-width: 0 1rpx 1rpx 0; height: 40rpx;
display: inline-block; margin-top: 40rpx;
padding: 8rpx; font-size: 28rpx;
position: relative; font-family: PingFangSC-Medium, PingFang SC;
} font-weight: 500;
color: rgba(0, 0, 0, 0.4);
@media (min-height: 650px) { line-height: 40rpx;
.bottomdiv { }
position: fixed;
left: 0; .headview {
right: 0; display: flex;
bottom: 30rpx; justify-content: space-between;
} // padding-left: 40rpx;
} // padding-right: 40rpx;
.DepositID { padding-top: 36rpx;
width: 630rpx; width: 574rpx;
height: 92rpx; margin: 0 auto;
background: #04ba73; }
border-radius: 8rpx;
margin: 0 auto; .headview .schoolname {
text-align: center; width: 252rpx;
bottom: 30rpx; height: 50rpx;
} font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC;
.DepositID span { font-weight: 500;
height: 50rpx; color: #ffffff;
font-size: 36rpx; line-height: 50rpx;
font-family: PingFangSC-Medium, PingFang SC; }
font-weight: 500;
color: #ffffff; .headview .IconCls {
line-height: 92rpx; width: 170rpx;
} height: 48rpx;
background: #20946d;
.switchbankCard { border-radius: 25rpx;
text-align: center;
/* width: 205px; */ font-size: 24rpx;
// height: 28rpx; font-weight: 400;
font-size: 26rpx; color: #ffffff;
font-family: PingFang SC; line-height: 48rpx;
font-weight: 500; text-align: center;
text-decoration: underline; }
color: #268ef8;
margin-top: 23rpx; .moneyWrapper {
} margin-top: 10rpx;
width: 100%;
.RechargeConfirmationBox { display: flex;
position: fixed; flex-wrap: wrap;
left: 0;
right: 0; .moneyItem {
top: 400rpx; width: 210rpx;
width: 618rpx; height: 120rpx;
height: 478rpx; background: #f8f8f8;
background: #ffffff; border-radius: 12rpx;
border-radius: 8rpx; display: flex;
margin: 0 auto; justify-content: center;
margin-right: 18rpx;
.RechargeInfo { font-family: PingFangSC-Medium, PingFang SC;
width: 520rpx; margin-bottom: 24rpx;
height: 100%;
margin: 0 auto; view {
align-self: center;
.RechargeInfo1 { color: #333333;
height: 124rpx; }
line-height: 124rpx;
font-size: 36rpx; view:first-child {
font-family: PingFang SC; font-size: 40rpx;
font-weight: bold; font-weight: 500;
color: #000000; }
text-align: center;
} view:last-child {
font-size: 30rpx;
.ContenInfo { }
text-align: center; }
// width: 383rpx;
height: 159rpx; .moneyItem:nth-child(3n) {
margin: 0 auto; margin-right: 0;
font-size: 32rpx; }
font-family: PingFang SC;
font-weight: 500; .active {
color: #010101; border: 3rpx solid #04b871;
view { view {
line-height: 75rpx; color: #04b871;
} }
} }
.BtngGoup { .other {
justify-content: space-between; width: 444rpx;
display: flex; height: 120rpx;
margin-top: 40rpx; line-height: 120rpx;
text-align: center;
view { background: #f8f8f8;
width: 250rpx; border-radius: 12rpx;
height: 88rpx;
border-radius: 8rpx; /deep/.uni-input-wrapper {
text-align: center; position: absolute;
line-height: 88rpx; width: 444rpx;
} height: 120rpx;
font-size: 40rpx;
view:nth-child(1) { font-weight: 500;
background: #ebebeb; color: #333333;
font-size: 36rpx; }
font-family: PingFang SC;
font-weight: 500; /deep/.uni-input-input {
color: #1cc48b; height: 120rpx;
} line-height: 120rpx;
}
view:nth-child(2) { }
background: #1cc48b; }
font-size: 36rpx;
font-family: PingFang SC;
font-weight: 500; .MoneyBox {
color: #ffffff; flex-wrap: wrap;
} height: auto;
} color: #888888;
} width: 686rpx;
} margin: 0 auto;
overflow: hidden;
.closePhoneBox { }
// width: 35rpx;
height: 35rpx; .choiceClass {
position: relative; background: rgba(39, 266, 148, 0.1) !important;
right: -20rpx; color: #28d79c;
top: 20rpx; }
text-align: right;
.MoneyBox view {
image { width: 220rpx;
width: 40rpx; height: 120rpx;
height: 40rpx; background: #ffffff;
position: relative; border-radius: 8rpx;
} border: 1rpx solid #eeeeee;
} margin-top: 16rpx;
text-align: center;
.doBtnTx { position: relative;
width: 506rpx; box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
height: 92rpx; margin-right: 2px;
background: #04ba73; float: left;
border-radius: 8rpx; }
color: #ffffff; .depotMoney .value {
font-size: 45rpx;
position: absolute; font-family: PingFangSC-Semibold, PingFang SC;
left: 0; font-weight: 600;
right: 0; line-height: 120rpx;
margin: 0 auto; text-align: center;
bottom: 38rpx; }
}
.depotMoney .tips {
.PhoneNum, // width: 79rpx;
.VerifyCode { // height: 33rpx;
width: 506rpx; // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
height: 80rpx; // border-radius: 4rpx;
line-height: 60rpx; // font-size: 18rpx;
background: #f7f6fb; // font-weight: 500;
margin: 0 auto; // padding: 4rpx;
margin-top: 20rpx; // text-align: center;
} // float: right;
// position: absolute;
.VerifyCode { // right: 0rpx;
display: flex; // line-height: 33rpx;
justify-content: space-between; }
}
.OtherMoney {
.VerifyCode input { display: flex;
width: 200rpx; justify-content: flex-start;
} // color: #999999;
// font-size: 28rpx;
.CodeMsg { // font-family: PingFangSC-Regular, PingFang SC;
color: #01bc73; // font-weight: 400;
background: #f7f6fb; // color: #999999;
font-size: 32rpx; // line-height: 40rpx;
font-weight: 600; width: 686rpx;
line-height: 80rpx; height: 100rpx;
letter-spacing: 3rpx; background: #f7f6fb;
} border-radius: 10rpx;
margin: 0 auto;
.placeholderInput { line-height: 100rpx;
color: #aaaaaa; margin-top: 32rpx;
font-size: 42rpx;
font-weight: 500; span {
letter-spacing: 3rpx; display: inline-block;
// padding-left: 50rpx; font-size: 40rpx;
height: 80rpx; font-family: PingFang SC;
} font-weight: bold;
color: #000000;
.OtherTitle { padding-left: 26rpx;
height: 67rpx; }
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; input {
font-weight: 600; height: 100%;
color: #010101; }
line-height: 67rpx; }
padding-top: 60rpx; .OtherMoney view:nth-child(2) {
} // width: 30rpx;
// height: 30rpx;
.inputOtherM { // background: #F0F0F0;
display: flex; // border-radius: 50%;
height: 100rpx; // text-align: center;
margin-top: 40rpx; // line-height: 30rpx;
} // margin-top: 7rpx;
// margin-left: 5rpx;
.inputOtherM input { }
border: none;
outline: none; .paytype {
height: 50rpx; display: flex;
padding-left: 16rpx; margin-top: 39rpx;
font-size: 72rpx; width: 100%;
font-weight: 600; height: 40rpx;
} justify-content: space-between;
font-size: 28rpx;
.inputOtherM span:nth-child(1) {
width: 72rpx; .left {
font-size: 80rpx; font-weight: 500;
font-family: PingFangSC-Semibold, PingFang SC; color: rgba(0, 0, 0, 0.4);
font-weight: 600; }
color: #010101;
line-height: 100rpx; .right {
} color: rgba(0, 0, 0, 0.85);
.OtherLine { .van-icon {
width: 631rpx; font-size: 28rpx;
height: 1rpx; color: #161616;
background-color: #cccccc; }
margin-top: 19rpx; }
} }
.depositbox { .payType {
margin-top: 31rpx; height: 98rpx;
height: 30rpx; line-height: 98rpx;
line-height: 30rpx; display: flex;
} justify-content: space-between;
}
.depositImg {
width: 24rpx; .payType view:nth-child(1) {
height: 24rpx; // width: 120rpx;
vertical-align: middle; height: 42rpx;
margin-right: 8rpx; font-size: 32rpx;
position: relative; font-family: PingFang SC;
top: -2rpx; font-weight: 500;
} color: #888888;
line-height: 98rpx;
.Recharge_ { }
height: 40rpx;
font-size: 28rpx; .payType view::nth-child(2) {
font-family: PingFangSC-Regular, PingFang SC; width: 225rpx;
font-weight: 400; height: 45rpx;
color: #333333; font-size: 32rpx;
line-height: 40rpx; font-family: PingFang SC;
margin-top: 40rpx; font-weight: bold;
} color: #333333;
line-height: 45rpx;
.Recharge_ span:nth-child(2) { }
font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; .arrow {
font-weight: 600; transform: rotate(-45deg);
color: #fa6400; top: -3rpx;
} border: solid #999999;
border-width: 0 1rpx 1rpx 0;
.placeholderinputOtherM { display: inline-block;
height: 50rpx; padding: 8rpx;
// font-family: PingFangSC-Semibold, PingFang SC; position: relative;
// font-weight: 600; }
// color: #010101;
line-height: 50rpx; @media (min-height: 1040px) {
width: 323rpx; .bottomdiv {
font-size: 28rpx; position: fixed;
font-family: PingFang SC; left: 0;
font-weight: 500; right: 0;
color: #888888; bottom: 30rpx;
} }
}
// 异常处理
.RechargeException { .DepositID {
padding-top: 20rpx; width: 100%;
} height: 90rpx;
background: #04b871;
.weui-label { border-radius: 45px;
// width: 118rpx; line-height: 90rpx;
height: 42rpx; text-align: center;
font-size: 30rpx; font-size: 34rpx;
font-family: PingFangSC-Medium, PingFang SC; font-weight: 500;
font-weight: 500; color: #ffffff;
color: #3d3d3d; margin: 0 auto;
line-height: 42rpx; margin-top: 29rpx;
font-weight: bold; text-align: center;
margin-left: 30rpx; }
}
.DepositID span {
.tiptext { height: 50rpx;
height: 1.06rem; font-size: 36rpx;
font-size: 0.75rem; font-family: PingFangSC-Medium, PingFang SC;
font-family: PingFangSC-Regular, PingFang SC; font-weight: 500;
font-weight: 400; color: #ffffff;
color: #03bc73; line-height: 92rpx;
line-height: 1.06rem; }
margin-bottom: 0.625rem;
text-align: center; .service {
} margin-top: 118rpx;
width: 100%;
.bottomDetail { height: 40rpx;
width: 628rpx; font-size: 28rpx;
height: 88rpx; font-weight: 400;
color: white; color: rgba(0, 0, 0, 0.5);
// position: fixed; line-height: 40rpx;
// left: 0; text-align: center;
// right: 0; }
margin: 0 auto;
background-color: #03bc73; .switchbankCard {
text-align: center; text-align: center;
line-height: 88rpx; /* width: 205px; */
// height: 28rpx;
margin-top: 84rpx; font-size: 26rpx;
} font-family: PingFang SC;
font-weight: 500;
.RechargeException input::placeholder { text-decoration: underline;
color: #a1a4a8; color: #268ef8;
} margin-top: 23rpx;
}
.RechargeException .weui-cell {
height: 4rem; .RechargeConfirmationBox {
padding: 0 !important; position: fixed;
} left: 0;
right: 0;
.idCardPhoto1, top: 400rpx;
.idCardPhoto2 { width: 618rpx;
width: 388rpx; height: 478rpx;
height: 224rpx; background: #ffffff;
margin: 0 auto; border-radius: 8rpx;
margin-top: 20rpx; margin: 0 auto;
}
.RechargeInfo {
.idCardPhoto1 image, width: 520rpx;
.idCardPhoto2 image { height: 100%;
width: 100%; margin: 0 auto;
height: 100%;
position: relative; .RechargeInfo1 {
} height: 124rpx;
line-height: 124rpx;
.weui-toptips_success { font-size: 36rpx;
background-color: #03bc73 !important; font-family: PingFang SC;
} font-weight: bold;
color: #000000;
.positionCam { text-align: center;
height: 32rpx; }
font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; .ContenInfo {
font-weight: 500; text-align: center;
color: #6d7278; // width: 383rpx;
line-height: 32rpx; height: 159rpx;
text-align: center; margin: 0 auto;
position: relative; font-size: 32rpx;
top: -29px; font-family: PingFang SC;
} font-weight: 500;
color: #010101;
.BgCoverBox {
width: 100vw; view {
height: 100vh; line-height: 75rpx;
position: fixed; }
left: 0; }
top: 0;
z-index: 10; .BtngGoup {
background: #000000; justify-content: space-between;
opacity: 0.5; display: flex;
} margin-top: 40rpx;
.hideListCover { view {
max-height: 50vh; width: 250rpx;
overflow-y: auto; height: 88rpx;
padding: 0; border-radius: 8rpx;
} text-align: center;
line-height: 88rpx;
.bottomDiv { }
font-weight: bold;
height: 50px; view:nth-child(1) {
line-height: 50px; background: #ebebeb;
border-bottom: 1px solid #e6e6e6; font-size: 36rpx;
} font-family: PingFang SC;
font-weight: 500;
color: #1cc48b;
}
view:nth-child(2) {
background: #1cc48b;
font-size: 36rpx;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
}
}
}
}
.closePhoneBox {
// width: 35rpx;
height: 35rpx;
position: relative;
right: -20rpx;
top: 20rpx;
text-align: right;
image {
width: 40rpx;
height: 40rpx;
position: relative;
}
}
.doBtnTx {
width: 506rpx;
height: 92rpx;
background: #04ba73;
border-radius: 8rpx;
color: #ffffff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 38rpx;
}
.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: 32rpx;
font-weight: 600;
line-height: 80rpx;
letter-spacing: 3rpx;
}
.placeholderInput {
color: #aaaaaa;
font-size: 42rpx;
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;
}
.depositbox {
margin-top: 40rpx;
height: 30rpx;
line-height: 30rpx;
}
.depositImg {
width: 24rpx;
height: 24rpx;
vertical-align: middle;
margin-right: 8rpx;
position: relative;
top: -2rpx;
}
.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: 120rpx;
line-height: 120rpx;
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(0, 0, 0, 0.25);
}
/deep/uni-input {
line-height: 120rpx;
}
// 异常处理
.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;
}
.BgCoverBox {
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 10;
background: #000000;
opacity: 0.5;
}
.hideListCover {
max-height: 50vh;
overflow-y: auto;
padding: 0;
}
.bottomDiv {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
}
</style> </style>
src/pages/commonProblem/commonProblem.vue 0 → 100644
View file @ 984b006b
<template>
<view class="commonProblem">
<view class="itemWrapper">
<view class="title">使用规则</view>
<view class="content">
<view @click="toDetail('使用规则', 1, 1)">余额储存在哪里？</view>
<view @click="toDetail('使用规则',1, 2)">为什么我的余额充足却消费失败？</view>
</view>
</view>
<view class="itemWrapper">
<view class="title">充值问题</view>
<view class="content">
<view @click="toDetail('充值问题',2, 1)">充值失败后我的钱去哪了？</view>
<view @click="toDetail('充值问题',2, 2)">充值的上限是多少？</view>
</view>
</view>
<view class="itemWrapper">
<view class="title">提现问题</view>
<view class="content">
<view @click="toDetail('提现问题',3, 1)">充值金额是否可以提现？</view>
<view @click="toDetail('提现问题',3, 2)">提现申请成功后，多久可以到账？</view>
<view @click="toDetail('提现问题',3, 3)">为什么线上提现会失败？</view>
</view>
</view>
<view class="itemWrapper">
<view class="title">其他问题</view>
<view class="content">
<view @click="toDetail('其他问题',4, 1)">为什么电子校园卡激活收到银行的短信？</view>
<view @click="toDetail('其他问题',4, 2)">电子校园卡内的余额为什么会调整更新？</view>
</view>
</view>
</view>
</template>
<script>
import { Dialog, Toast } from "vant";
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
import cityData from "@/common/js/city.js";
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
// gHost = "/api";
}
export default {
components: {
},
name: "commonProblem",
data() {
return {
}
},
onLoad: function (options) {
},
created: function () {},
mounted: function () {},
methods: {
// 跳转问题详情界面
toDetail(title, parent, sub){
uni.navigateTo({
url: `../problemDetail/problemDetail?title=${title}&parent=${parent}&sub=${sub}`
})
}
},
};
</script>
<style lang="scss">
html,
body,
page {
width: 750rpx;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}
.commonProblem {
width: 100%;
height: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
.itemWrapper {
width: calc(100% - 64rpx);
margin: 30rpx 32rpx 0;
padding-bottom: 30rpx;
border-bottom: 1rpx solid #CCCCCC;
display: flex;
justify-content: space-between;
.title {
width: 180rpx;
font-size: 30rpx;
align-self: center;
font-weight: 600;
color: #333333;
}
.content {
width: calc(100% - 200rpx);
display: flex;
flex-direction: column;
font-size: 28rpx;
color: #888888;
line-height: 50rpx;
margin-left: 20rpx;
}
}
.itemWrapper:first-child {
margin-top: 50rpx;
}
}
</style>
src/pages/problemDetail/problemDetail.vue 0 → 100644
View file @ 984b006b
<template>
<view class="problemDetail">
<van-collapse v-model="activeName" accordion>
<van-collapse-item title="余额储存在哪里？" v-if="parent == 1" name="1-1">
<span>为了保障用户资金安全、存储合规，用户充值金额均存在</span><span class="red">用户以本人名义</span><span>开立的银行电子账户（即电子校园卡）中。</span>
</van-collapse-item>
<van-collapse-item title="为什么我的余额充足却消费失败？" v-if="parent == 1" name="1-2">
<p> 以下情况可能导致支付失败：</p>
<p> 1.单笔支付超100</p>
<p> 2.可能因用户个人原因（非正常操作、违规操作等），导致账户被开户银行进行司法冻结。具体可咨询开户银行客户热线</p>
<p> 工商银行：95588</p>
<p> 交通银行：95559</p>
<p> 平安银行：95511</p>
<p> 渤海银行：95541</p>
</van-collapse-item>
<van-collapse-item title="充值失败后我的钱去哪了？" v-if="parent == 2" name="2-1">
充值失败后，充值金额将在7个工作日内退回用户开户时指定的银行卡账户中。
</van-collapse-item>
<van-collapse-item title="充值的上限是多少？" v-if="parent == 2" name="2-2">
根据人民银行关于II/III类户使用相关法规限制，III类户可用金额上限2000，II类户可用金额上限10000。
</van-collapse-item>
<van-collapse-item title="充值金额是否可以提现？" v-if="parent == 3" name="3-1">
充值金额可随时发起提现。
</van-collapse-item>
<van-collapse-item title="提现申请成功后，多久可以到账？" v-if="parent == 3" name="3-2">
提现到账时间受到人民银行相关支付系统稳定性影响，无法准确预估。一般提现到账时间为2个小时。
</van-collapse-item>
<van-collapse-item title="为什么线上提现会失败？" v-if="parent == 3" name="3-3">
<p>提现失败的原因可能有：</p>
<p>1.超出当日提现次数</p>
<p>2.由于用户个人问题导致的账户出款功能受限制等</p>
<p>具体可咨询客服400-9656-210</p>
</van-collapse-item>
<van-collapse-item title="为什么电子校园卡激活收到银行的短信？" v-if="parent == 4" name="4-1">
电子校园卡账户由银行II/III账户支持。
</van-collapse-item>
<van-collapse-item title="电子校园卡内的余额为什么会调整更新？" v-if="parent == 4" name="4-2">
账户中的实际金额以银行II/III类户账户中的余额为准，当您在银行进行提现等操作时，真实余额将会同步更新。如对明细有疑问，请致电银行客户热线
</van-collapse-item>
</van-collapse>
</view>
</template>
<script>
export default {
data() {
return {
activeName: '1-1',
parent: 1,
sub: 1
}
},
onLoad: function(options) {
const {
title,
parent,
sub
} = options;
// 设置标题
uni.setNavigationBarTitle({
title: title
})
this.parent = parent;
this.sub = sub;
this.activeName = parent + "-" + sub;
},
methods: {
change(e) {
console.log(e);
}
}
}
</script>
<style lang="scss">
.problemDetail {
width: 100%;
height: 100%;
min-height: calc(100vh - 88rpx);
.content {
padding: 30rpx;
.red {
color: red;
}
}
.text {
font-size: 28rpx;
color: #666666;
line-height: 40rpx;
}
}
</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