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
Show whitespace changes
Inline Side-by-side
Showing with 4084 additions and 3412 deletions
src/pages.json
View file @ 984b006b
......@@ -125,7 +125,7 @@
"path": "pages/IcbcModule/Recharge/Recharge",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "充值",
"navigationBarTitleText": "电子校园卡",
"enablePullDownRefresh": false
}
......@@ -263,7 +263,7 @@
"path": "pages/BankModule/Recharge/Recharge",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "充值",
"navigationBarTitleText": "电子校园卡",
"enablePullDownRefresh": false
}
......@@ -433,6 +433,23 @@
}
}
, {
"path": "pages/commonProblem/commonProblem",
"style": {
"navigationBarTitleText": "常见问题",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/problemDetail/problemDetail",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
......
src/pages/BankModule/Recharge/Recharge.vue
View file @ 984b006b
<template>
<view class="container">
<view class="userInfoBox">
<view class="firstLine">
<view class="avatar">
<image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
</view>
<view class="name">{{ PersonalInfo.name }}</view>
<view>{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view>
</view>
<view class="secondLine">{{ PersonalInfo.schoolname }}</view>
</view>
<view class="contentWrapper" v-if="!depotMoneyother">
<view class="balanceWrapper">
<view class="firstLine">
<view class="left">
<view>可用余额(元) </view>
<view>{{ cardBalanceTx }}</view>
</view>
<view class="right">
<van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
@select="onSelect">
<template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
</template>
</van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** {{ 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">
......@@ -9,65 +44,39 @@
</view>
<!-- 卡号显示 -->
<view class="cardNum">
<view class="cardNumleft"
><span>账户：</span> **** **** ****
<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 class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view>
</view>
<view class="HidenText">
<view
class="userName"
style="
<view class="userName" style="
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
"
>
姓名：<span>{{ PersonalInfo.name }}</span></view
>
<view
class="StudentCls"
style="
">
姓名：<span>{{ PersonalInfo.name }}</span></view>
<view class="StudentCls" style="
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
"
v-if="PersonalInfo.usertype == '1'"
>
" v-if="PersonalInfo.usertype == '1'">
班级：{{ PersonalInfo.gradename }}({{
PersonalInfo.classname
}})</view
>
<view
class="TeacherCls"
style="
}})</view>
<view class="TeacherCls" style="
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
"
v-else
>教职工</view
>
" v-else>教职工</view>
</view>
<view class="Balance">
<view class="cardBalanceTx"
>余额：￥<span>{{ cardBalanceTx }}</span></view
>
<view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view>
<view @click="ToWalletTx">
<span style="display: inline-block; padding-right: 10rpx"
>余额提现</span
>
<image
style="position: relative; width: 13rpx; height: 20rpx"
class="ImgIcon1"
mode="widthFix"
:src="ImgUrl + 'images/xiaopaycard (17).png'"
alt=""
></image>
<span style="display: inline-block; padding-right: 10rpx">余额提现</span>
<image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix"
:src="ImgUrl + 'images/xiaopaycard (17).png'" alt=""></image>
</view>
</view>
</view>
......@@ -82,14 +91,9 @@
</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"
>
<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>
......@@ -115,37 +119,28 @@
<!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney">
<span>￥</span>
<input
v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
</view>
<!-- 充值限额提示 -->
<view class="depositbox">
<image
mode="widthFix"
class="depositImg"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
<image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
<span style="
vertical-align: middle;
font-size: 28rpx;
color: #333333;
font-weight: 500;
"
>最大可充值金额：<span style="color: red"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span
></span
>
">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
</view>
<!-- 支付方式 -->
<view class="payType" @click="queryBindCardList">
<view class="paytype">
<view class="left">付款账户 </view>
<view class="right" @click="queryBindCardList">
{{ bankInfo_.bindCardName }}({{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)}})
<van-icon name="arrow" />
</view>
</view>
<view class="payType" style="display: none;" @click="queryBindCardList">
<view>付款方式</view>
<view>
{{ bankInfo_.bindCardName }}
......@@ -158,17 +153,13 @@
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 -->
<view class="bottomdiv">
<view
class="DepositID"
@click="toDeposit"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
>
<view class="DepositID" @click="toDeposit"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'">
<span>充值生活费</span>
</view>
<view class="service">工商银行Ⅲ类户为您提供服务</view>
<!-- -->
<view class="switchbankCard" @click="ChangeBankPay"
>我要换银行卡支付</view
>
<!-- <view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> -->
</view>
</view>
<!-- 其他充值金额 -->
......@@ -176,22 +167,15 @@
<view class="OtherTitle">充值金额</view>
<view class="inputOtherM">
<span>￥</span>
<input
v-model="inputOtherM"
@input="inputControl"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM"
type="text" maxlength="6" />
</view>
<view class="OtherLine"></view>
<!-- 充值范围 -->
<view class="Recharge_">
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<span>最大可充值金额：</span>
<span
>￥<span>3.00 ~ {{ RechargeMax }}</span></span
>
<span>￥<span>3.00 ~ {{ RechargeMax }}</span></span>
</view>
</view>
<!-- 弹出层 -->
......@@ -203,42 +187,19 @@
<image src="../../../static/img/close.png" mode="aspectFit"></image>
</view>
<view class="RechargeInfo1"> 验证校园卡开卡手机号 </view>
<van-field
label-class="openCardPhonTxt"
label="手机号:"
maxlength="11"
v-model="openCardPhon"
placeholder="校园卡开卡手机号"
center
:border="false"
>
<van-field label-class="openCardPhonTxt" label="手机号:" maxlength="11" v-model="openCardPhon"
placeholder="校园卡开卡手机号" center :border="false">
<view slot="right-icon" v-if="bankInfo_.accountType == 4">
<view
class="changPhone"
style="display: flex; justify-content: center"
@click="changePhone"
>变更手机号
<view class="changPhone" style="display: flex; justify-content: center"
@click="changePhone">变更手机号
<van-icon name="arrow" />
</view>
</view>
</van-field>
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<van-field
v-model="openCardPhonSms"
label-class="openCardPhonSmsTxt"
maxlength="6"
label="验证码:"
placeholder="输入短信验证码"
center
clearable
:border="false"
>
<van-button
slot="button"
size="small"
type="primary"
@click="SendSms"
>
<van-field v-model="openCardPhonSms" label-class="openCardPhonSmsTxt" maxlength="6" label="验证码:"
placeholder="输入短信验证码" center clearable :border="false">
<van-button slot="button" size="small" type="primary" @click="SendSms">
<div style="font-size: 28rpx">{{ CodeMsg }}</div>
</van-button>
</van-field>
......@@ -252,29 +213,18 @@
</uni-popup>
<!-- 选择银行卡 -->
<view class="selectCard">
<van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<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"
>
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item, index) in bindcardList"
:key="index">
<span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span
>尾号：{{
<span>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
}}</span>
<image class='BankListImg' src='../../../static/img/choiceBank.png'></image>
</view>
</view>
......@@ -285,27 +235,30 @@
</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:") {
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";
}
let times = 0;
var limitClick = false; //禁止重复点击
var sessionID = "",
}
let times = 0;
var limitClick = false; //禁止重复点击
var sessionID = "",
userID = "";
var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "",
var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "",
otpOrderNo = "",
mobileNo = "";
var MyTimer = null;
var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = {
var MyTimer = null;
var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = {
acctNoArray: "",
idNo: "",
schoolId: "",
......@@ -313,14 +266,14 @@ var bankInfo = {
userId: "",
sessionid: "",
wechattype: 1,
};
var accountType = "";
let orderApi = window.location.origin;
/**
};
var accountType = "";
let orderApi = window.location.origin;
/**
* 对象转拼接字符串
* @param {*} res Object 需要转换的数据对象
*/
function OforS(res) {
function OforS(res) {
var resL = 0;
var outS = "";
for (var i in res) {
......@@ -332,8 +285,8 @@ function OforS(res) {
resL++;
}
return outS;
}
export default {
}
export default {
components: {
keyboardPackage,
},
......@@ -365,8 +318,7 @@ export default {
bindCardNo: "",
},
ImgUrl: this.$ImgUrl,
MoneyList: [
{
MoneyList: [{
lable: "元",
value: 100,
},
......@@ -411,7 +363,7 @@ export default {
RechargeSmsorderNoInfo: {}, //第三方合作交易标识
};
},
onLoad: function (options) {
onLoad: function(options) {
console.log(options);
// 初始化
userID = options["userID"] || "";
......@@ -420,9 +372,9 @@ export default {
bankInfo.sessionid = sessionID || "";
this.beforeQuerySignStatus();
},
created: function () {},
mounted: function () {},
onShow: function () {
created: function() {},
mounted: function() {},
onShow: function() {
if (bankInfo.userId) {
this.queryBankInfo();
}
......@@ -505,8 +457,7 @@ export default {
$(".doBtnTx").html("提现");
opeType = 1;
uni.navigateTo({
url:
"../Reflect/Reflect?" +
url: "../Reflect/Reflect?" +
OforS({
sessionID: sessionID,
userID: userID,
......@@ -524,7 +475,7 @@ export default {
this_.MoneyIndex = -1;
this_.isOtherMoney = true;
let obj = e.detail;
this.$nextTick(function () {
this.$nextTick(function() {
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
......@@ -553,7 +504,7 @@ export default {
if (str.lastIndexOf(".") == str.length - 1) {
this.inputOtherM = str.substring(0, str.length - 1);
}
this.$nextTick(function () {
this.$nextTick(function() {
document.scrollingElement.scrollTo(0, this.scrollTop);
});
},
......@@ -590,7 +541,7 @@ export default {
headers: {
sessionid: sessionID,
},
success: function (respes) {
success: function(respes) {
loading.clear();
if (respes.code == "10000") {
console.log(respes, "respes");
......@@ -598,8 +549,7 @@ export default {
// 1已签约
Dialog.alert({
title: "使用说明",
message:
"您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约",
message: "您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约",
theme: "round-button",
confirmButtonText: "确认签约",
confirmButtonColor: "#2ddbb6",
......@@ -620,7 +570,7 @@ export default {
throw new Error("代扣状态查询,请重试！");
}
},
error: function (err) {
error: function(err) {
loading.clear();
Toast(err || "代扣状态查询,请重试！");
throw new Error("代扣状态查询,请重试！");
......@@ -681,7 +631,7 @@ export default {
headers: {
sessionid: sessionID,
},
success: function (res5) {
success: function(res5) {
loading.clear();
if (res5.code == "10000") {
this_.IntervalFun();
......@@ -695,7 +645,7 @@ export default {
});
}
},
error: function (err) {
error: function(err) {
loading.clear();
},
});
......@@ -786,7 +736,7 @@ export default {
headers: {
sessionid: sessionID,
},
success: function (res5) {
success: function(res5) {
uni.hideLoading();
if (res5.code == "10000") {
this_.close();
......@@ -798,9 +748,9 @@ export default {
let accountNo = this_.bankInfo_.bindCardNo;
accountNo = accountNo.slice(accountNo.length - 4, accountNo.length);
let minutes_ =
thiTime.getMinutes().toString().length < 2
? thiTime.getMinutes().toString().padStart(2, "0")
: thiTime.getMinutes().toString();
thiTime.getMinutes().toString().length < 2 ?
thiTime.getMinutes().toString().padStart(2, "0") :
thiTime.getMinutes().toString();
switch (bankInfo.accountType) {
case 3:
if (thiTime.getMinutes() + 20 >= 60) {
......@@ -813,7 +763,7 @@ export default {
title: "充值申请已提交",
content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。",
showCancel: false,
success: function () {
success: function() {
uni.navigateTo({
url: `../../recharging/recharging?bankName=${
this_.bankInfo_.bindCardName
......@@ -843,7 +793,7 @@ export default {
weui.topTips(res5.message);
}
},
error: function (err) {
error: function(err) {
uni.hideLoading();
},
});
......@@ -872,7 +822,7 @@ export default {
headers: {
sessionid: sessionID,
},
success: function (res5) {
success: function(res5) {
loading.clear();
if (res5.code == "10000") {
let appStatus = res5.results.appStatus;
......@@ -896,7 +846,7 @@ export default {
});
}
},
error: function (err) {
error: function(err) {
loading.clear();
},
});
......@@ -908,9 +858,9 @@ export default {
title: "系统提示",
message: "复制成功！",
});
this.$nextTick(function () {
this.$nextTick(function() {
let clipboard = new ClipboardJS("#cardNumright", {
text: function () {
text: function() {
return value;
},
});
......@@ -933,7 +883,7 @@ export default {
},
//按钮操作
HideHTML(dom, type) {
this.$nextTick(function () {
this.$nextTick(function() {
if (type == 0) {
$("." + dom).css("display", "none");
} else {
......@@ -983,7 +933,7 @@ export default {
bindMedium: item.bindCardNo,
bindMediumName: item.bindCardName,
},
success: function (res5) {
success: function(res5) {
loading.hide();
if (res5.code == "10000") {
this_.queryUserBankInfo();
......@@ -993,7 +943,7 @@ export default {
}
this_.popshow = false;
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -1013,7 +963,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res4) {
success: function(res4) {
loading.hide();
if (res4.code == "10000") {
this_.bindcardList = res4.results;
......@@ -1022,7 +972,7 @@ export default {
weui.topTips(res4.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -1063,7 +1013,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res3) {
success: function(res3) {
// loading.hide();
if (res3.code == "10000") {
if (bankInfo.accountType == 4) {
......@@ -1101,10 +1051,10 @@ export default {
weui.topTips(res3.message);
}
},
error: function (err) {
error: function(err) {
// loading.hide();
},
complete: function (XMLHttpRequest, status) {
complete: function(XMLHttpRequest, status) {
// loading.hide();
if (status == "timeout") {
weui.topTips("请求超时，余额查询失败");
......@@ -1126,7 +1076,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res2) {
success: function(res2) {
if (res2.code == "10000") {
if (!res2.results) {
weui.topTips("获取用户银行信息失败!");
......@@ -1143,7 +1093,7 @@ export default {
weui.topTips(res2.message);
}
},
error: function (err) {
error: function(err) {
// loading.hide();
},
});
......@@ -1166,7 +1116,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res1) {
success: function(res1) {
loading.clear();
console.log(sessionID);
if (res1.code == "10000") {
......@@ -1189,30 +1139,184 @@ export default {
}, 1500);
}
},
error: function (err) {
error: function(err) {
loading.clear();
},
});
},
},
};
};
</script>
<style lang="scss">
html,
body,
page {
html,
body,
page {
width: 750rpx;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}
}
.userInfoBox {
display: flex;
flex-direction: column;
width: calc(100% - 64rpx);
height: 150rpx;
margin: 0 32rpx;
margin-top: 30rpx;
background: linear-gradient(270deg, #f4f4f4 0%, #ebebeb 100%);
border-radius: 16px;
.firstLine {
display: flex;
flex-direction: row;
width: calc(100% - 68rpx);
height: 56rpx;
line-height: 56rpx;
margin: 0 34rpx;
margin-top: 28rpx;
overflow: hidden;
view {
white-space: nowrap;
}
.avatar {
width: 56rpx;
height: 56rpx;
uni-image {
width: 56rpx;
height: 56rpx;
}
}
.name {
margin-left: 17rpx;
font-size: 36rpx;
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
}
view:last-child {
margin-left: 10rpx;
align-self: center;
align-items: center;
padding: 0 8rpx;
height: 40rpx;
line-height: 40rpx;
background: rgba(0, 0, 0, 0.08);
border-radius: 4rpx;
font-size: 26rpx;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
}
.secondLine {
display: flex;
width: calc(100% - 62rpx);
margin: 0 31rpx;
margin-top: 8rpx;
height: 37rpx;
line-height: 37rpx;
font-size: 26rpx;
color: rgba(0, 0, 0, 0.45);
}
}
.contentWrapper {
width: 100%;
display: flex;
flex-direction: column;
}
.balanceWrapper {
width: calc(100% - 144rpx);
margin: 0 32rpx;
margin-top: 24rpx;
height: 249rpx;
padding: 40rpx 40rpx 0;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/bankBg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
display: flex;
flex-direction: column;
.firstLine {
display: flex;
justify-content: space-between;
.left {
view:first-child {
height: 33rpx;
font-size: 24rpx;
font-weight: 600;
color: rgba(255, 255, 255, 0.85);
line-height: 33rpx;
}
view:last-child {
height: 84rpx;
font-size: 60rpx;
font-weight: 600;
color: #ffffff;
line-height: 84rpx;
}
}
.right {
width: 60rpx;
height: 60rpx;
align-self: flex-start;
.icon {
width: 60rpx;
height: 60rpx;
}
}
}
.lastLine {
display: flex;
width: 100%;
justify-content: space-between;
view:first-child {
height: 60rpx;
font-size: 40rpx;
font-weight: 600;
color: #ffffff;
line-height: 60rpx;
}
.right {
width: 140rpx;
height: 60rpx;
line-height: 60rpx;
font-size: 30rpx;
font-weight: 600;
color: #04b871;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/cashBtn.png");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.btn {
width: 140rpx;
height: 60rpx;
}
}
}
.changPhone {
.changPhone {
font-size: 14px;
color: #39f;
text-align: right;
}
}
.showBindCardList {
.showBindCardList {
.choiceBox {
text-align: center;
font-weight: bold;
......@@ -1230,18 +1334,18 @@ page {
position: relative;
text-align: center;
}
}
}
.SubmittedSuccessfully {
.SubmittedSuccessfully {
width: 400rpx !important;
height: 200rpx !important;
margin: 0 auto !important;
background: #000000;
opacity: 0.8;
border-radius: 8rpx;
}
}
.cardNum {
.cardNum {
width: 574rpx;
margin: 0 auto;
display: flex;
......@@ -1261,9 +1365,9 @@ page {
text-decoration: underline;
color: #ffffff;
}
}
}
.RechargeDetailed {
.RechargeDetailed {
text-align: center;
// width: 118rpx;
height: 32rpx;
......@@ -1274,15 +1378,15 @@ page {
text-decoration: underline;
color: #36a8ff;
margin-top: 50rpx;
}
}
.contentBox {
.contentBox {
width: 670rpx;
height: 376rpx;
margin: 0 auto;
}
}
.contentDiv {
.contentDiv {
height: 100%;
// margin-top: 36rpx;
border-radius: 15rpx;
......@@ -1292,16 +1396,16 @@ page {
position: relative;
top: 36rpx;
}
}
.HidenText {
.HidenText {
width: 574rpx;
margin: 0 auto;
padding-top: 88rpx;
}
}
.HidenText,
.Balance {
.HidenText,
.Balance {
padding-left: 46rpx;
padding-right: 40rpx;
display: flex;
......@@ -1309,9 +1413,9 @@ page {
font-size: 28rpx;
color: #ffffff;
}
}
.Balance {
.Balance {
width: 574rpx;
margin: 0 auto;
margin-top: 20rpx;
......@@ -1320,9 +1424,9 @@ page {
font-family: PingFang SC;
font-weight: bold;
color: #ffffff;
}
}
.Recharge {
.Recharge {
// height: 30rpx;
font-size: 32rpx;
font-family: PingFang SC;
......@@ -1344,9 +1448,9 @@ page {
display: inline-block;
margin-left: 16rpx;
}
}
}
.headview {
.headview {
display: flex;
justify-content: space-between;
// padding-left: 40rpx;
......@@ -1355,9 +1459,9 @@ page {
padding-top: 36rpx;
width: 574rpx;
margin: 0 auto;
}
}
.headview .schoolname {
.headview .schoolname {
// width: 252rpx;
height: 50rpx;
font-size: 36rpx;
......@@ -1365,9 +1469,9 @@ page {
font-weight: 500;
color: #ffffff;
line-height: 50rpx;
}
}
.headview .IconCls {
.headview .IconCls {
width: 170rpx;
height: 48rpx;
background: #20946d;
......@@ -1378,23 +1482,23 @@ page {
color: #ffffff;
line-height: 48rpx;
text-align: center;
}
}
.MoneyBox {
.MoneyBox {
flex-wrap: wrap;
height: auto;
color: #888888;
width: 686rpx;
margin: 0 auto;
overflow: hidden;
}
}
.choiceClass {
.choiceClass {
background: rgba(39, 266, 148, 0.1) !important;
color: #28d79c;
}
}
.MoneyBox view {
.MoneyBox view {
width: 220rpx;
height: 120rpx;
background: #ffffff;
......@@ -1406,17 +1510,17 @@ page {
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
margin-right: 2px;
float: left;
}
}
.depotMoney .value {
.depotMoney .value {
font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
line-height: 120rpx;
text-align: center;
}
}
.depotMoney .tips {
.depotMoney .tips {
// width: 79rpx;
// height: 33rpx;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
......@@ -1429,9 +1533,9 @@ page {
// position: absolute;
// right: 0rpx;
// line-height: 33rpx;
}
}
.OtherMoney {
.OtherMoney {
display: flex;
justify-content: flex-start;
// color: #999999;
......@@ -1460,9 +1564,9 @@ page {
input {
height: 100%;
}
}
}
.OtherMoney view:nth-child(2) {
.OtherMoney view:nth-child(2) {
// width: 30rpx;
// height: 30rpx;
// background: #F0F0F0;
......@@ -1471,16 +1575,39 @@ page {
// line-height: 30rpx;
// margin-top: 7rpx;
// margin-left: 5rpx;
}
}
.paytype {
display: flex;
margin-top: 39rpx;
width: 100%;
height: 40rpx;
justify-content: space-between;
font-size: 28rpx;
.left {
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
}
.right {
color: rgba(0, 0, 0, 0.85);
.payType {
.van-icon {
font-size: 28rpx;
color: #161616;
}
}
}
.payType {
height: 98rpx;
line-height: 98rpx;
display: flex;
justify-content: space-between;
}
}
.payType view:nth-child(1) {
.payType view:nth-child(1) {
// width: 120rpx;
height: 42rpx;
font-size: 32rpx;
......@@ -1488,9 +1615,9 @@ page {
font-weight: 500;
color: #888888;
line-height: 98rpx;
}
}
.payType view::nth-child(2) {
.payType view::nth-child(2) {
width: 225rpx;
height: 45rpx;
font-size: 32rpx;
......@@ -1498,9 +1625,9 @@ page {
font-weight: bold;
color: #333333;
line-height: 45rpx;
}
}
.arrow {
.arrow {
transform: rotate(-45deg);
top: -3rpx;
border: solid #999999;
......@@ -1508,18 +1635,19 @@ page {
display: inline-block;
padding: 8rpx;
position: relative;
}
}
@media (min-height: 650px) {
// @media (min-height: 650px) {
@media (min-height: 1040px) {
.bottomdiv {
position: fixed;
left: 0;
right: 0;
bottom: 30rpx;
}
}
}
.DepositID {
.DepositID {
width: 630rpx;
height: 92rpx;
background: #04ba73;
......@@ -1527,18 +1655,28 @@ page {
margin: 0 auto;
text-align: center;
bottom: 30rpx;
}
}
.DepositID span {
.DepositID span {
height: 50rpx;
font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
line-height: 92rpx;
}
}
.service {
margin-top: 118rpx;
width: 100%;
height: 40rpx;
font-size: 28rpx;
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
line-height: 40rpx;
text-align: center;
}
.switchbankCard {
.switchbankCard {
text-align: center;
/* width: 205px; */
// height: 28rpx;
......@@ -1548,9 +1686,9 @@ page {
text-decoration: underline;
color: #268ef8;
margin-top: 23rpx;
}
}
.RechargeConfirmationBox {
.RechargeConfirmationBox {
position: fixed;
left: 0;
right: 0;
......@@ -1645,9 +1783,9 @@ page {
}
}
}
}
}
.closePhoneBox {
.closePhoneBox {
// width: 35rpx;
height: 35rpx;
position: relative;
......@@ -1661,9 +1799,9 @@ page {
position: relative;
right: 10rpx;
}
}
}
.doBtnTx {
.doBtnTx {
width: 506rpx;
height: 92rpx;
background: #04ba73;
......@@ -1675,46 +1813,46 @@ page {
right: 0;
margin: 0 auto;
bottom: 38rpx;
}
}
.PhoneNum,
.VerifyCode {
.PhoneNum,
.VerifyCode {
width: 506rpx;
height: 80rpx;
line-height: 60rpx;
background: #f7f6fb;
margin: 0 auto;
margin-top: 20rpx;
}
}
.VerifyCode {
.VerifyCode {
display: flex;
justify-content: space-between;
}
}
.VerifyCode input {
.VerifyCode input {
width: 200rpx;
}
}
.CodeMsg {
.CodeMsg {
color: #01bc73;
background: #f7f6fb;
font-size: 32rpx;
font-weight: 600;
line-height: 80rpx;
letter-spacing: 3rpx;
}
}
.placeholderInput {
.placeholderInput {
color: #aaaaaa;
font-size: 42rpx;
font-weight: 500;
letter-spacing: 3rpx;
// padding-left: 50rpx;
height: 80rpx;
}
}
.OtherTitle {
.OtherTitle {
height: 67rpx;
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC;
......@@ -1723,55 +1861,55 @@ page {
line-height: 67rpx;
padding-top: 60rpx;
}
}
.inputOtherM {
.inputOtherM {
display: flex;
height: 100rpx;
margin-top: 40rpx;
}
}
.inputOtherM input {
.inputOtherM input {
border: none;
outline: none;
height: 50rpx;
padding-left: 16rpx;
font-size: 72rpx;
font-weight: 600;
}
}
.inputOtherM span:nth-child(1) {
.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 {
.OtherLine {
width: 631rpx;
height: 1rpx;
background-color: #cccccc;
margin-top: 19rpx;
}
}
.depositbox {
.depositbox {
margin-top: 31rpx;
height: 30rpx;
line-height: 30rpx;
}
}
.depositImg {
.depositImg {
width: 24rpx;
height: 24rpx;
vertical-align: middle;
margin-right: 8rpx;
position: relative;
top: -2rpx;
}
}
.Recharge_ {
.Recharge_ {
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -1779,16 +1917,16 @@ page {
color: #333333;
line-height: 40rpx;
margin-top: 40rpx;
}
}
.Recharge_ span:nth-child(2) {
.Recharge_ span:nth-child(2) {
font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #fa6400;
}
}
.placeholderinputOtherM {
.placeholderinputOtherM {
height: 50rpx;
// font-family: PingFangSC-Semibold, PingFang SC;
// font-weight: 600;
......@@ -1799,14 +1937,14 @@ page {
font-family: PingFang SC;
font-weight: 500;
color: #888888;
}
}
// 异常处理
.RechargeException {
// 异常处理
.RechargeException {
padding-top: 20rpx;
}
}
.weui-label {
.weui-label {
// width: 118rpx;
height: 42rpx;
font-size: 30rpx;
......@@ -1816,9 +1954,9 @@ page {
line-height: 42rpx;
font-weight: bold;
margin-left: 30rpx;
}
}
.tiptext {
.tiptext {
height: 1.06rem;
font-size: 0.75rem;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -1827,9 +1965,9 @@ page {
line-height: 1.06rem;
margin-bottom: 0.625rem;
text-align: center;
}
}
.bottomDetail {
.bottomDetail {
width: 628rpx;
height: 88rpx;
color: white;
......@@ -1842,37 +1980,37 @@ page {
line-height: 88rpx;
margin-top: 84rpx;
}
}
.RechargeException input::placeholder {
.RechargeException input::placeholder {
color: #a1a4a8;
}
}
.RechargeException .weui-cell {
.RechargeException .weui-cell {
height: 4rem;
padding: 0 !important;
}
}
.idCardPhoto1,
.idCardPhoto2 {
.idCardPhoto1,
.idCardPhoto2 {
width: 388rpx;
height: 224rpx;
margin: 0 auto;
margin-top: 20rpx;
}
}
.idCardPhoto1 image,
.idCardPhoto2 image {
.idCardPhoto1 image,
.idCardPhoto2 image {
width: 100%;
height: 100%;
position: relative;
}
}
.weui-toptips_success {
.weui-toptips_success {
background-color: #03bc73 !important;
}
}
.positionCam {
.positionCam {
height: 32rpx;
font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
......@@ -1882,9 +2020,9 @@ page {
text-align: center;
position: relative;
top: -29px;
}
}
.BgCoverBox {
.BgCoverBox {
width: 100vw;
height: 100vh;
position: fixed;
......@@ -1893,22 +2031,22 @@ page {
z-index: 10;
background: #000000;
opacity: 0.5;
}
}
.hideListCover {
.hideListCover {
max-height: 50vh;
overflow-y: auto;
padding: 0;
}
}
.bottomDiv {
.bottomDiv {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
}
}
/deep/ .signAlert {
/deep/ .signAlert {
/deep/ .van-dialog__message {
line-height: 60rpx;
}
......@@ -1918,11 +2056,11 @@ page {
flex: none !important;
margin: 0 auto;
}
}
}
/deep/ uni-input.otherMoneyInput {
/deep/ uni-input.otherMoneyInput {
height: 120rpx;
line-height: 120rpx;
font-weight: 600;
}
}
</style>
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ 984b006b
<template>
<view class="container">
<view class="userInfoBox">
<view class="firstLine">
<view class="avatar">
<image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
</view>
<view class="name">{{ PersonalInfo.name }}</view>
<view>{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view>
</view>
<view class="secondLine">{{ PersonalInfo.schoolname }}</view>
</view>
<view class="contentWrapper" v-if="!depotMoneyother">
<view class="balanceWrapper">
<view class="firstLine">
<view class="left">
<view>可用余额(元) </view>
<view>{{ cardBalanceTx }}</view>
</view>
<view class="right">
<van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
@select="onSelect">
<template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
</template>
</van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** {{ 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="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> **** **** ****
<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 class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view>
</view>
<view class="HidenText">
<view class="userName"
>姓名：<span>{{ PersonalInfo.name }}</span></view
>
<view class="userName">姓名：<span>{{ PersonalInfo.name }}</span></view>
<view class="StudentCls" v-if="PersonalInfo.usertype == '1'">
班级：{{ PersonalInfo.gradename }}({{
PersonalInfo.classname
}})</view
>
}})</view>
<view class="TeacherCls" v-else>教职工</view>
</view>
<view class="Balance">
<view class="cardBalanceTx"
>余额：￥<span>{{ cardBalanceTx }}</span></view
>
<view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view>
<view @click="ToWalletTx">
<span style="display: inline-block; padding-right: 10rpx"
>余额提现</span
>
<image
style="position: relative; width: 13rpx; height: 20rpx"
class="ImgIcon1"
mode="widthFix"
:src="ImgUrl + 'images/xiaopaycard (17).png'"
alt=""
></image>
<span style="display: inline-block; padding-right: 10rpx">余额提现</span>
<image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix"
:src="ImgUrl + 'images/xiaopaycard (17).png'" alt=""></image>
</view>
</view>
</view>
<!-- 充值明细 -->
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
<view style="display: none" class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
账户明细
</view>
<!-- 充值账户 -->
......@@ -58,20 +78,39 @@
</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"
>
<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>
</view>
</view>
<view class="moneyWrapper" style="display: none;">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
</view>
</view>
<view class="MoneyBox" style="display: none">
<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}}
</span> -->
......@@ -79,85 +118,67 @@
</view>
<!-- 充值限额提示 -->
<view class="depositbox">
<image
mode="widthFix"
class="depositImg"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
<image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
<span style="
vertical-align: middle;
font-size: 28rpx;
color: #333333;
font-weight: 500;
"
>最大可充值金额：<span style="color: red"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span
></span
>
">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
</view>
<!-- 充值其它金额 -->
<!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney">
<view class="OtherMoney" style="display: none">
<span>￥</span>
<input
v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
</view>
<!-- 支付方式 -->
<view class="payType" @click="queryBindCardList">
<view class="paytype">
<view class="left">付款账户 </view>
<view class="right" @click="queryBindCardList">
{{ bankInfo_.bindCardName }}({{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)}})
<van-icon name="arrow" />
</view>
</view>
<view class="payType" style="display: none" @click="queryBindCardList">
<view>付款方式</view>
<view>
{{ bankInfo_.bindCardName }}
{{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
}}<span class="arrow"></span
></view>
}}<span class="arrow"></span>
</view>
<!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span
class="arrow"></span></view> -->
</view>
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 -->
<view class="bottomdiv">
<view
class="DepositID"
@click="toDeposit"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
>
<view class="DepositID" @click="toDeposit"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'">
<span>充值生活费</span>
</view>
<!-- -->
<view class="switchbankCard" @click="ChangeBankPay"
<!-- <view class="switchbankCard" @click="ChangeBankPay"
>我要换银行卡支付</view
>
> -->
<view class="service">工商银行Ⅲ类户为您提供服务</view>
</view>
</view>
<!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother">
<view class="contentBox" style="display: none;" v-if="depotMoneyother">
<view class="OtherTitle">充值金额</view>
<view class="inputOtherM">
<span>￥</span>
<input
v-model="inputOtherM"
@input="inputControl"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM"
type="text" maxlength="6" />
</view>
<view class="OtherLine"></view>
<!-- 充值范围 -->
<view class="Recharge_">
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<span>最大可充值金额：</span>
<span
>￥<span>3.00 ~ {{ RechargeMax }}</span></span
>
<span>￥<span>3.00 ~ {{ RechargeMax }}</span></span>
</view>
</view>
<!-- 弹出层 -->
......@@ -193,32 +214,22 @@
</uni-popup>
<!-- 选择银行卡 -->
<view class="selectCard">
<van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<van-popup v-model="popshow" round position="bottom" :style="{ height: '40%' }">
<!-- 银行卡列表 -->
<view class="accountlist">
<!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList">
<view class="choiceBox">选择付款账户</view>
<view
class="ListItem"
@click="ChangeCardPay(item)"
v-for="(item, index) in bindcardList"
:key="index"
>
<view class="cardsList">
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item, index) in bindcardList"
:key="index">
<span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span
>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
<image class='BankListImg' src='../../../static/img/choiceBank.png'></image>
<span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span>
<image class="BankListImg" src="../../../static/img/choiceBank.png"></image>
</view>
</view>
<view class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
</view>
</view>
</van-popup>
</view>
......@@ -226,28 +237,31 @@
</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:") {
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";
}
let times = 0;
var limitClick = false; //禁止重复点击
var sessionID = "",
}
let times = 0;
var limitClick = false; //禁止重复点击
var sessionID = "",
userID = "";
var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "",
var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "",
otpOrderNo = "",
mobileNo = "";
var msCount = 60; //定时器
var MyTimer = null;
var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = {
var msCount = 60; //定时器
var MyTimer = null;
var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = {
acctNoArray: "",
idNo: "",
schoolId: "",
......@@ -255,12 +269,12 @@ var bankInfo = {
userId: "",
sessionid: "",
wechattype: 1,
};
/**
};
/**
* 对象转拼接字符串
* @param {*} res Object 需要转换的数据对象
*/
function OforS(res) {
function OforS(res) {
var resL = 0;
var outS = "";
for (var i in res) {
......@@ -272,14 +286,23 @@ function OforS(res) {
resL++;
}
return outS;
}
export default {
}
export default {
components: {
keyboardPackage,
},
name: "Recharge",
data() {
return {
showPopover: false,
// 通过 actions 属性来定义菜单选项
actions: [{
text: "复制卡号"
}, {
text: "账户明细"
}, {
text: "常见问题"
}],
popshow: false,
// 输入其它金额
isOtherMoney: false,
......@@ -305,8 +328,7 @@ export default {
bindCardNo: "",
},
ImgUrl: this.$ImgUrl,
MoneyList: [
{
MoneyList: [{
lable: "元",
value: 100,
},
......@@ -330,7 +352,7 @@ export default {
bindcardList: [],
};
},
onLoad: function (options) {
onLoad: function(options) {
console.log(options);
// 初始化
userID = options["userID"] || "";
......@@ -339,11 +361,24 @@ export default {
bankInfo.sessionid = sessionID || "";
this.QueryUserInfo();
},
created: function () {},
mounted: function () {},
created: function() {},
mounted: function() {},
methods: {
onSelect(action) {
if (action.text == "复制卡号") {
this.CopyCardNumber();
} else if (action.text == "账户明细") {
this.BackToMini('purchaseDetail');
} else if (action.text == "常见问题") {
uni.navigateTo({
url: `../../commonProblem/commonProblem`
})
}
},
async ChangeBankPay() {
uni.showLoading({ mask: true });
uni.showLoading({
mask: true
});
let status = await this.accountCloseacceptStatusQuery();
uni.hideLoading();
if (status !== 0) return false;
......@@ -353,8 +388,7 @@ export default {
return new Promise((resolve, reject) => {
$.ajax({
//查询是否提交销户
url:
gHost +
url: gHost +
"/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery",
type: "post",
data: {
......@@ -367,10 +401,14 @@ export default {
headers: {
sessionid: sessionID,
},
success: ({ code, message, results }) => {
success: ({
code,
message,
results
}) => {
let status = results && results.status; // 0表示未申请，1申请中，2已销户，3销户申请失败
if (code === "10000" && status == "0") {
} else if (code === "10000" && status == "1") {
if (code === "10000" && status == "0") {} else if (code === "10000" &&
status == "1") {
uni.showToast({
title: "您已提交销户申请，银行正在审核中。",
icon: "none",
......@@ -383,7 +421,7 @@ export default {
}
resolve(status);
},
error: function (err) {
error: function(err) {
uni.showToast({
title: err.message || "请求失败",
icon: "none",
......@@ -434,8 +472,7 @@ export default {
$(".doBtnTx").html("提现");
opeType = 1;
uni.navigateTo({
url:
"../Reflect/Reflect?" +
url: "../Reflect/Reflect?" +
OforS({
sessionID: sessionID,
userID: userID,
......@@ -453,7 +490,7 @@ export default {
this_.MoneyIndex = -1;
this_.isOtherMoney = true;
let obj = e.detail;
this.$nextTick(function () {
this.$nextTick(function() {
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
......@@ -482,7 +519,7 @@ export default {
if (str.lastIndexOf(".") == str.length - 1) {
this.inputOtherM = str.substring(0, str.length - 1);
}
this.$nextTick(function () {
this.$nextTick(function() {
document.scrollingElement.scrollTo(0, this.scrollTop);
});
},
......@@ -540,7 +577,7 @@ export default {
headers: {
sessionid: sessionID,
},
success: function (res5) {
success: function(res5) {
uni.hideLoading();
if (res5.code == "10000") {
this_.close();
......@@ -556,7 +593,7 @@ export default {
weui.topTips(res5.message);
}
},
error: function (err) {
error: function(err) {
uni.hideLoading();
},
});
......@@ -585,7 +622,7 @@ export default {
headers: {
sessionid: sessionID,
},
success: function (res5) {
success: function(res5) {
loading.clear();
if (res5.code == "10000") {
let appStatus = res5.results.appStatus;
......@@ -609,7 +646,7 @@ export default {
});
}
},
error: function (err) {
error: function(err) {
loading.clear();
},
});
......@@ -621,9 +658,9 @@ export default {
title: "系统提示",
message: "复制成功！",
});
this.$nextTick(function () {
this.$nextTick(function() {
let clipboard = new ClipboardJS("#cardNumright", {
text: function () {
text: function() {
return value;
},
});
......@@ -649,7 +686,7 @@ export default {
},
//按钮操作
HideHTML(dom, type) {
this.$nextTick(function () {
this.$nextTick(function() {
if (type == 0) {
$("." + dom).css("display", "none");
} else {
......@@ -688,7 +725,7 @@ export default {
bindMedium: item.bindCardNo,
bindMediumName: item.bindCardName,
},
success: function (res5) {
success: function(res5) {
loading.hide();
if (res5.code == "10000") {
this_.queryUserBankInfo();
......@@ -698,7 +735,7 @@ export default {
}
this_.popshow = false;
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -718,7 +755,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res4) {
success: function(res4) {
loading.hide();
if (res4.code == "10000") {
this_.bindcardList = res4.results;
......@@ -727,7 +764,7 @@ export default {
weui.topTips(res4.message);
}
},
error: function (err) {
error: function(err) {
loading.hide();
},
});
......@@ -748,7 +785,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res3) {
success: function(res3) {
// loading.hide();
if (res3.code == "10000") {
if (res3.results.accountBalance == null) {
......@@ -770,10 +807,10 @@ export default {
weui.topTips(res3.message);
}
},
error: function (err) {
error: function(err) {
// loading.hide();
},
complete: function (XMLHttpRequest, status) {
complete: function(XMLHttpRequest, status) {
// loading.hide();
if (status == "timeout") {
weui.topTips("请求超时，余额查询失败");
......@@ -795,7 +832,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res2) {
success: function(res2) {
if (res2.code == "10000") {
if (!res2.results) {
weui.topTips("获取用户银行信息失败!");
......@@ -811,7 +848,7 @@ export default {
weui.topTips(res2.message);
}
},
error: function (err) {
error: function(err) {
// loading.hide();
},
});
......@@ -834,7 +871,7 @@ export default {
sessionid: sessionID,
wechattype: 1,
},
success: function (res1) {
success: function(res1) {
loading.clear();
if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid;
......@@ -855,31 +892,199 @@ export default {
}, 1500);
}
},
error: function (err) {
error: function(err) {
loading.clear();
},
});
},
},
};
};
</script>
<style lang="scss">
html,
body,
page {
html,
body,
page {
width: 750rpx;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}
}
.userInfoBox {
display: flex;
flex-direction: column;
width: calc(100% - 64rpx);
height: 150rpx;
margin: 0 32rpx;
margin-top: 30rpx;
background: linear-gradient(270deg, #f4f4f4 0%, #ebebeb 100%);
border-radius: 16px;
.firstLine {
display: flex;
flex-direction: row;
width: calc(100% - 68rpx);
height: 56rpx;
line-height: 56rpx;
margin: 0 34rpx;
margin-top: 28rpx;
overflow: hidden;
view {
white-space: nowrap;
}
.avatar {
width: 56rpx;
height: 56rpx;
uni-image {
width: 56rpx;
height: 56rpx;
}
}
.name {
margin-left: 17rpx;
font-size: 36rpx;
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
}
view:last-child {
margin-left: 10rpx;
align-self: center;
align-items: center;
padding: 0 8rpx;
height: 40rpx;
line-height: 40rpx;
background: rgba(0, 0, 0, 0.08);
border-radius: 4rpx;
font-size: 26rpx;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
}
.secondLine {
display: flex;
width: calc(100% - 62rpx);
margin: 0 31rpx;
margin-top: 8rpx;
height: 37rpx;
line-height: 37rpx;
font-size: 26rpx;
color: rgba(0, 0, 0, 0.45);
}
}
.contentWrapper {
width: 100%;
display: flex;
flex-direction: column;
}
.balanceWrapper {
width: calc(100% - 144rpx);
margin: 0 32rpx;
margin-top: 24rpx;
height: 249rpx;
padding: 40rpx 40rpx 0;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/bankBg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
display: flex;
flex-direction: column;
.firstLine {
display: flex;
justify-content: space-between;
.left {
view:first-child {
height: 33rpx;
font-size: 24rpx;
font-weight: 600;
color: rgba(255, 255, 255, 0.85);
line-height: 33rpx;
}
view:last-child {
height: 84rpx;
font-size: 60rpx;
font-weight: 600;
color: #ffffff;
line-height: 84rpx;
}
}
.right {
width: 60rpx;
height: 60rpx;
align-self: flex-start;
.icon {
width: 60rpx;
height: 60rpx;
}
}
}
.lastLine {
display: flex;
width: 100%;
justify-content: space-between;
view:first-child {
height: 60rpx;
font-size: 40rpx;
font-weight: 600;
color: #ffffff;
line-height: 60rpx;
}
.right {
width: 140rpx;
height: 60rpx;
line-height: 60rpx;
font-size: 30rpx;
font-weight: 600;
color: #04b871;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/cashBtn.png");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.btn {
width: 140rpx;
height: 60rpx;
}
}
}
.accountlist {
width: 100%;
height: 100%;
}
.showBindCardList {
width: 100%;
height: 100%;
.showBindCardList {
.choiceBox {
text-align: center;
font-weight: bold;
height: 50px;
line-height: 50px;
height: 100rpx;
line-height: 100rpx;
padding: 0;
border-bottom: 0.5px solid #e6e6e6;
border-bottom: 1rpx solid #e6e6e6;
}
.cardsList {
width: 100%;
height: calc(100% - 260rpx);
overflow-y: scroll;
}
.ListItem {
......@@ -890,18 +1095,29 @@ page {
position: relative;
text-align: center;
}
}
.SubmittedSuccessfully {
.changeCard {
margin: 0 auto;
margin-top: 40rpx;
height: 40rpx;
font-size: 28rpx;
font-weight: 400;
color: #04B871;
line-height: 40rpx;
text-align: center;
}
}
.SubmittedSuccessfully {
width: 400rpx !important;
height: 200rpx !important;
margin: 0 auto !important;
background: #000000;
opacity: 0.8;
border-radius: 8rpx;
}
}
.cardNum {
.cardNum {
width: 574rpx;
margin: 0 auto;
display: flex;
......@@ -921,9 +1137,9 @@ page {
text-decoration: underline;
color: #ffffff;
}
}
}
.RechargeDetailed {
.RechargeDetailed {
text-align: center;
// width: 118rpx;
height: 32rpx;
......@@ -934,15 +1150,16 @@ page {
text-decoration: underline;
color: #36a8ff;
margin-top: 50rpx;
}
}
.contentBox {
.contentBox {
width: 670rpx;
height: 376rpx;
display: flex;
flex-direction: column;
margin: 0 auto;
}
}
.contentDiv {
.contentDiv {
height: 100%;
// margin-top: 36rpx;
border-radius: 15rpx;
......@@ -952,16 +1169,16 @@ page {
position: relative;
top: 36rpx;
}
}
.HidenText {
.HidenText {
width: 574rpx;
margin: 0 auto;
padding-top: 88rpx;
}
}
.HidenText,
.Balance {
.HidenText,
.Balance {
padding-left: 46rpx;
padding-right: 40rpx;
display: flex;
......@@ -969,9 +1186,9 @@ page {
font-size: 28rpx;
color: #ffffff;
}
}
.Balance {
.Balance {
width: 574rpx;
margin: 0 auto;
margin-top: 20rpx;
......@@ -980,33 +1197,20 @@ page {
font-family: PingFang SC;
font-weight: bold;
color: #ffffff;
}
.Recharge {
// height: 30rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-top: 58rpx;
span:nth-child(1) {
width: 4rpx;
height: 30rpx;
background: #23d6a3;
border-radius: 2rpx;
display: inline-block;
position: relative;
top: 5rpx;
}
span:nth-child(2) {
display: inline-block;
margin-left: 16rpx;
.Recharge {
width: 100%;
height: 40rpx;
margin-top: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
line-height: 40rpx;
}
}
.headview {
.headview {
display: flex;
justify-content: space-between;
// padding-left: 40rpx;
......@@ -1015,9 +1219,9 @@ page {
padding-top: 36rpx;
width: 574rpx;
margin: 0 auto;
}
}
.headview .schoolname {
.headview .schoolname {
width: 252rpx;
height: 50rpx;
font-size: 36rpx;
......@@ -1025,9 +1229,9 @@ page {
font-weight: 500;
color: #ffffff;
line-height: 50rpx;
}
}
.headview .IconCls {
.headview .IconCls {
width: 170rpx;
height: 48rpx;
background: #20946d;
......@@ -1038,23 +1242,92 @@ page {
color: #ffffff;
line-height: 48rpx;
text-align: center;
}
}
.MoneyBox {
.moneyWrapper {
margin-top: 10rpx;
width: 100%;
display: flex;
flex-wrap: wrap;
.moneyItem {
width: 210rpx;
height: 120rpx;
background: #f8f8f8;
border-radius: 12rpx;
display: flex;
justify-content: center;
margin-right: 18rpx;
font-family: PingFangSC-Medium, PingFang SC;
margin-bottom: 24rpx;
view {
align-self: center;
color: #333333;
}
view:first-child {
font-size: 40rpx;
font-weight: 500;
}
view:last-child {
font-size: 30rpx;
}
}
.moneyItem:nth-child(3n) {
margin-right: 0;
}
.active {
border: 3rpx solid #04b871;
view {
color: #04b871;
}
}
.other {
width: 444rpx;
height: 120rpx;
line-height: 120rpx;
text-align: center;
background: #f8f8f8;
border-radius: 12rpx;
/deep/.uni-input-wrapper {
position: absolute;
width: 444rpx;
height: 120rpx;
font-size: 40rpx;
font-weight: 500;
color: #333333;
}
/deep/.uni-input-input {
height: 120rpx;
line-height: 120rpx;
}
}
}
.MoneyBox {
flex-wrap: wrap;
height: auto;
color: #888888;
width: 686rpx;
margin: 0 auto;
overflow: hidden;
}
}
.choiceClass {
.choiceClass {
background: rgba(39, 266, 148, 0.1) !important;
color: #28d79c;
}
}
.MoneyBox view {
.MoneyBox view {
width: 220rpx;
height: 120rpx;
background: #ffffff;
......@@ -1066,17 +1339,16 @@ page {
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
margin-right: 2px;
float: left;
}
.depotMoney .value {
}
.depotMoney .value {
font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
line-height: 120rpx;
text-align: center;
}
}
.depotMoney .tips {
.depotMoney .tips {
// width: 79rpx;
// height: 33rpx;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
......@@ -1089,9 +1361,9 @@ page {
// position: absolute;
// right: 0rpx;
// line-height: 33rpx;
}
}
.OtherMoney {
.OtherMoney {
display: flex;
justify-content: flex-start;
// color: #999999;
......@@ -1120,9 +1392,9 @@ page {
input {
height: 100%;
}
}
}
.OtherMoney view:nth-child(2) {
.OtherMoney view:nth-child(2) {
// width: 30rpx;
// height: 30rpx;
// background: #F0F0F0;
......@@ -1131,16 +1403,39 @@ page {
// line-height: 30rpx;
// margin-top: 7rpx;
// margin-left: 5rpx;
}
}
.paytype {
display: flex;
margin-top: 39rpx;
width: 100%;
height: 40rpx;
justify-content: space-between;
font-size: 28rpx;
.left {
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
}
.right {
color: rgba(0, 0, 0, 0.85);
.payType {
.van-icon {
font-size: 28rpx;
color: #161616;
}
}
}
.payType {
height: 98rpx;
line-height: 98rpx;
display: flex;
justify-content: space-between;
}
}
.payType view:nth-child(1) {
.payType view:nth-child(1) {
// width: 120rpx;
height: 42rpx;
font-size: 32rpx;
......@@ -1148,9 +1443,9 @@ page {
font-weight: 500;
color: #888888;
line-height: 98rpx;
}
}
.payType view::nth-child(2) {
.payType view::nth-child(2) {
width: 225rpx;
height: 45rpx;
font-size: 32rpx;
......@@ -1158,9 +1453,9 @@ page {
font-weight: bold;
color: #333333;
line-height: 45rpx;
}
}
.arrow {
.arrow {
transform: rotate(-45deg);
top: -3rpx;
border: solid #999999;
......@@ -1168,37 +1463,53 @@ page {
display: inline-block;
padding: 8rpx;
position: relative;
}
}
@media (min-height: 650px) {
@media (min-height: 1040px) {
.bottomdiv {
position: fixed;
left: 0;
right: 0;
bottom: 30rpx;
}
}
}
.DepositID {
width: 630rpx;
height: 92rpx;
background: #04ba73;
border-radius: 8rpx;
.DepositID {
width: 100%;
height: 90rpx;
background: #04b871;
border-radius: 45px;
line-height: 90rpx;
text-align: center;
font-size: 34rpx;
font-weight: 500;
color: #ffffff;
margin: 0 auto;
margin-top: 29rpx;
text-align: center;
bottom: 30rpx;
}
}
.DepositID span {
.DepositID span {
height: 50rpx;
font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
line-height: 92rpx;
}
}
.service {
margin-top: 118rpx;
width: 100%;
height: 40rpx;
font-size: 28rpx;
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
line-height: 40rpx;
text-align: center;
}
.switchbankCard {
.switchbankCard {
text-align: center;
/* width: 205px; */
// height: 28rpx;
......@@ -1208,9 +1519,9 @@ page {
text-decoration: underline;
color: #268ef8;
margin-top: 23rpx;
}
}
.RechargeConfirmationBox {
.RechargeConfirmationBox {
position: fixed;
left: 0;
right: 0;
......@@ -1281,9 +1592,9 @@ page {
}
}
}
}
}
.closePhoneBox {
.closePhoneBox {
// width: 35rpx;
height: 35rpx;
position: relative;
......@@ -1296,9 +1607,9 @@ page {
height: 40rpx;
position: relative;
}
}
}
.doBtnTx {
.doBtnTx {
width: 506rpx;
height: 92rpx;
background: #04ba73;
......@@ -1310,46 +1621,46 @@ page {
right: 0;
margin: 0 auto;
bottom: 38rpx;
}
}
.PhoneNum,
.VerifyCode {
.PhoneNum,
.VerifyCode {
width: 506rpx;
height: 80rpx;
line-height: 60rpx;
background: #f7f6fb;
margin: 0 auto;
margin-top: 20rpx;
}
}
.VerifyCode {
.VerifyCode {
display: flex;
justify-content: space-between;
}
}
.VerifyCode input {
.VerifyCode input {
width: 200rpx;
}
}
.CodeMsg {
.CodeMsg {
color: #01bc73;
background: #f7f6fb;
font-size: 32rpx;
font-weight: 600;
line-height: 80rpx;
letter-spacing: 3rpx;
}
}
.placeholderInput {
.placeholderInput {
color: #aaaaaa;
font-size: 42rpx;
font-weight: 500;
letter-spacing: 3rpx;
// padding-left: 50rpx;
height: 80rpx;
}
}
.OtherTitle {
.OtherTitle {
height: 67rpx;
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC;
......@@ -1358,55 +1669,55 @@ page {
line-height: 67rpx;
padding-top: 60rpx;
}
}
.inputOtherM {
.inputOtherM {
display: flex;
height: 100rpx;
margin-top: 40rpx;
}
}
.inputOtherM input {
.inputOtherM input {
border: none;
outline: none;
height: 50rpx;
padding-left: 16rpx;
font-size: 72rpx;
font-weight: 600;
}
}
.inputOtherM span:nth-child(1) {
.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 {
.OtherLine {
width: 631rpx;
height: 1rpx;
background-color: #cccccc;
margin-top: 19rpx;
}
}
.depositbox {
margin-top: 31rpx;
.depositbox {
margin-top: 40rpx;
height: 30rpx;
line-height: 30rpx;
}
}
.depositImg {
.depositImg {
width: 24rpx;
height: 24rpx;
vertical-align: middle;
margin-right: 8rpx;
position: relative;
top: -2rpx;
}
}
.Recharge_ {
.Recharge_ {
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -1414,34 +1725,34 @@ page {
color: #333333;
line-height: 40rpx;
margin-top: 40rpx;
}
}
.Recharge_ span:nth-child(2) {
.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;
}
.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 {
// 异常处理
.RechargeException {
padding-top: 20rpx;
}
}
.weui-label {
.weui-label {
// width: 118rpx;
height: 42rpx;
font-size: 30rpx;
......@@ -1451,9 +1762,9 @@ page {
line-height: 42rpx;
font-weight: bold;
margin-left: 30rpx;
}
}
.tiptext {
.tiptext {
height: 1.06rem;
font-size: 0.75rem;
font-family: PingFangSC-Regular, PingFang SC;
......@@ -1462,9 +1773,9 @@ page {
line-height: 1.06rem;
margin-bottom: 0.625rem;
text-align: center;
}
}
.bottomDetail {
.bottomDetail {
width: 628rpx;
height: 88rpx;
color: white;
......@@ -1477,37 +1788,37 @@ page {
line-height: 88rpx;
margin-top: 84rpx;
}
}
.RechargeException input::placeholder {
.RechargeException input::placeholder {
color: #a1a4a8;
}
}
.RechargeException .weui-cell {
.RechargeException .weui-cell {
height: 4rem;
padding: 0 !important;
}
}
.idCardPhoto1,
.idCardPhoto2 {
.idCardPhoto1,
.idCardPhoto2 {
width: 388rpx;
height: 224rpx;
margin: 0 auto;
margin-top: 20rpx;
}
}
.idCardPhoto1 image,
.idCardPhoto2 image {
.idCardPhoto1 image,
.idCardPhoto2 image {
width: 100%;
height: 100%;
position: relative;
}
}
.weui-toptips_success {
.weui-toptips_success {
background-color: #03bc73 !important;
}
}
.positionCam {
.positionCam {
height: 32rpx;
font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC;
......@@ -1517,9 +1828,9 @@ page {
text-align: center;
position: relative;
top: -29px;
}
}
.BgCoverBox {
.BgCoverBox {
width: 100vw;
height: 100vh;
position: fixed;
......@@ -1528,18 +1839,18 @@ page {
z-index: 10;
background: #000000;
opacity: 0.5;
}
}
.hideListCover {
.hideListCover {
max-height: 50vh;
overflow-y: auto;
padding: 0;
}
}
.bottomDiv {
.bottomDiv {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
}
}
</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