Skip to content

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

Merge branch 'V1.7.0_bank_feature' into uat

parents 50dec480 1f56ffe6
Show whitespace changes
Inline Side-by-side
Showing with 4520 additions and 3133 deletions
src/pages.json
View file @ ea105639
...@@ -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,6 +433,23 @@ ...@@ -433,6 +433,23 @@
} }
} }
, {
"path": "pages/commonProblem/commonProblem",
"style": {
"navigationBarTitleText": "常见问题",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/problemDetail/problemDetail",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
], ],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
......
src/pages/BankModule/Recharge/Recharge.vue
View file @ ea105639
<template> <template>
<view class="container"> <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 v-if="PersonalInfo.usertype == '1'"
>{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view
>
<view v-else>教职工</view>
</view>
<view class="secondLine">{{ PersonalInfo.schoolname }}</view>
</view>
<view class="contentWrapper">
<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"> <view class="contentBox" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv"> <view class="contentDiv" style="display: none">
<view class="headview"> <view class="headview">
<view class="schoolname">{{ PersonalInfo.schoolname }}</view> <view class="schoolname">{{ PersonalInfo.schoolname }}</view>
<view class="IconCls">电子校园卡</view> <view class="IconCls">电子校园卡</view>
...@@ -72,16 +124,40 @@ ...@@ -72,16 +124,40 @@
</view> </view>
</view> </view>
<!-- 充值明细 --> <!-- 充值明细 -->
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> <!-- <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
账户明细 账户明细
</view> </view> -->
<!-- 充值账户 --> <!-- 充值账户 -->
<view class="Recharge"> <view class="Recharge">
<span></span> <span></span>
<span>账户充值</span> <span>账户充值</span>
</view> </view>
<view class="moneyWrapper">
<view
class="moneyItem"
@click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input
v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view>
</view>
<!-- 充值的金额 --> <!-- 充值的金额 -->
<view class="MoneyBox"> <view class="MoneyBox" style="display: none">
<view <view
class="depotMoney" class="depotMoney"
@click="depotMoney(item.value, index)" @click="depotMoney(item.value, index)"
...@@ -111,9 +187,8 @@ ...@@ -111,9 +187,8 @@
</view> --> </view> -->
</view> </view>
<!-- 充值其它金额 -->
<!-- <view class="OtherMoney" v-if="isOtherMoney"> --> <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney"> <view class="OtherMoney" style="display: none">
<span>￥</span> <span>￥</span>
<input <input
v-model="inputOtherM" v-model="inputOtherM"
...@@ -145,7 +220,16 @@ ...@@ -145,7 +220,16 @@
> >
</view> </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>付款方式</view>
<view> <view>
{{ bankInfo_.bindCardName }} {{ bankInfo_.bindCardName }}
...@@ -165,14 +249,13 @@ ...@@ -165,14 +249,13 @@
> >
<span>充值生活费</span> <span>充值生活费</span>
</view> </view>
<view class="service">工商银行Ⅲ类户为您提供服务</view>
<!-- --> <!-- -->
<view class="switchbankCard" @click="ChangeBankPay" <!-- <view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> -->
>我要换银行卡支付</view
>
</view> </view>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother"> <view class="contentBox" style="display: none">
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span>￥</span> <span>￥</span>
...@@ -263,22 +346,54 @@ ...@@ -263,22 +346,54 @@
<!-- 切换绑定的一类卡列表 --> <!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList"> <view class="showBindCardList">
<view class="choiceBox">选择付款账户</view> <view class="choiceBox">选择付款账户</view>
<view class="cardsList">
<view <view
class="ListItem" class="ListItem"
@click="ChangeCardPay(item)" @click="ChangeCardPay(item)"
v-for="(item, index) in bindcardList" v-for="(item, index) in bindcardList"
:key="index" :key="index"
> >
<span style="padding-right: 10px">{{ item.bindCardName }} </span> <span style="padding-right: 10px"
>{{ item.bindCardName }}
</span>
<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 class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
</view>
</view>
<!-- 银行卡列表
<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)
}}</span
>
<image
class="BankListImg"
src="../../../static/img/choiceBank.png"
></image>
</view> </view>
</view>
</view> -->
</van-popup> </van-popup>
</view> </view>
</view> </view>
...@@ -340,6 +455,19 @@ export default { ...@@ -340,6 +455,19 @@ export default {
name: "Recharge", name: "Recharge",
data() { data() {
return { return {
showPopover: false,
// 通过 actions 属性来定义菜单选项
actions: [
{
text: "复制卡号",
},
{
text: "账户明细",
},
{
text: "常见问题",
},
],
popshow: false, popshow: false,
// 输入其它金额 // 输入其它金额
isOtherMoney: false, isOtherMoney: false,
...@@ -428,6 +556,17 @@ export default { ...@@ -428,6 +556,17 @@ export default {
} }
}, },
methods: { methods: {
onSelect(action) {
if (action.text == "复制卡号") {
this.CopyCardNumber();
} else if (action.text == "账户明细") {
this.BackToMini("purchaseDetail");
} else if (action.text == "常见问题") {
uni.navigateTo({
url: `../../commonProblem/commonProblem`,
});
}
},
async beforeQuerySignStatus() { async beforeQuerySignStatus() {
await this.QueryUserInfo(); await this.QueryUserInfo();
// 渤海银行要判断是否有代扣签约 // 渤海银行要判断是否有代扣签约
...@@ -585,7 +724,7 @@ export default { ...@@ -585,7 +724,7 @@ export default {
schoolId: bankInfo.schoolId, //学校id schoolId: bankInfo.schoolId, //学校id
userId: userID, //用户id userId: userID, //用户id
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
...@@ -1117,7 +1256,7 @@ export default { ...@@ -1117,7 +1256,7 @@ export default {
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/v2",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -1206,20 +1345,187 @@ page { ...@@ -1206,20 +1345,187 @@ page {
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); 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; font-size: 14px;
color: #39f; color: #39f;
text-align: right; text-align: right;
} }
.accountlist {
width: 100%;
height: 100%;
}
.showBindCardList { .showBindCardList {
width: 100%;
height: 100%;
.choiceBox { .choiceBox {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
height: 50px; height: 100rpx;
line-height: 50px; line-height: 100rpx;
padding: 0; padding: 0;
border-bottom: 0.5px solid #e6e6e6; border-bottom: 1rpx solid #e6e6e6;
}
.cardsList {
width: 100%;
height: calc(100% - 260rpx);
overflow-y: scroll;
} }
.ListItem { .ListItem {
...@@ -1230,6 +1536,17 @@ page { ...@@ -1230,6 +1536,17 @@ page {
position: relative; position: relative;
text-align: center; text-align: center;
} }
.changeCard {
margin: 0 auto;
margin-top: 40rpx;
height: 40rpx;
font-size: 28rpx;
font-weight: 400;
color: #04b871;
line-height: 40rpx;
text-align: center;
}
} }
.SubmittedSuccessfully { .SubmittedSuccessfully {
...@@ -1380,6 +1697,74 @@ page { ...@@ -1380,6 +1697,74 @@ page {
text-align: center; text-align: center;
} }
.moneyWrapper {
margin-top: 10rpx;
width: 100%;
display: flex;
flex-wrap: wrap;
.moneyItem {
width: 210rpx;
height: 120rpx;
background: #f8f8f8;
border-radius: 12rpx;
display: flex;
justify-content: center;
margin-right: 14rpx;
font-family: PingFangSC-Medium, PingFang SC;
margin-bottom: 24rpx;
view {
align-self: center;
color: #333333;
}
view:first-child {
font-size: 40rpx;
font-weight: 500;
}
view:last-child {
font-size: 30rpx;
}
}
.moneyItem:nth-child(3n) {
margin-right: 0;
}
.active {
border: 3rpx solid #04b871;
view {
color: #04b871;
}
}
.other {
width: 444rpx;
height: 120rpx;
line-height: 120rpx;
text-align: center;
background: #f8f8f8;
border-radius: 12rpx;
/deep/.uni-input-wrapper {
position: absolute;
width: 444rpx;
height: 120rpx;
font-size: 40rpx;
font-weight: 500;
color: #333333;
}
/deep/.uni-input-input {
height: 120rpx;
line-height: 120rpx;
}
}
}
.MoneyBox { .MoneyBox {
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
...@@ -1473,6 +1858,29 @@ page { ...@@ -1473,6 +1858,29 @@ page {
// margin-left: 5rpx; // 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);
.van-icon {
font-size: 28rpx;
color: #161616;
}
}
}
.payType { .payType {
height: 98rpx; height: 98rpx;
line-height: 98rpx; line-height: 98rpx;
...@@ -1510,7 +1918,8 @@ page { ...@@ -1510,7 +1918,8 @@ page {
position: relative; position: relative;
} }
@media (min-height: 650px) { // @media (min-height: 650px) {
@media (min-height: 1040px) {
.bottomdiv { .bottomdiv {
position: fixed; position: fixed;
left: 0; left: 0;
...@@ -1520,13 +1929,18 @@ page { ...@@ -1520,13 +1929,18 @@ page {
} }
.DepositID { .DepositID {
width: 630rpx; width: 100%;
height: 92rpx; height: 90rpx;
background: #04ba73; background: #04b871;
border-radius: 8rpx; border-radius: 45px;
line-height: 90rpx;
text-align: center;
font-size: 34rpx;
font-weight: 500;
color: #ffffff;
margin: 0 auto; margin: 0 auto;
margin-top: 29rpx;
text-align: center; text-align: center;
bottom: 30rpx;
} }
.DepositID span { .DepositID span {
...@@ -1538,6 +1952,17 @@ page { ...@@ -1538,6 +1952,17 @@ page {
line-height: 92rpx; 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; text-align: center;
/* width: 205px; */ /* width: 205px; */
......
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ ea105639
<template> <template>
<view class="container"> <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 v-if="PersonalInfo.usertype == '1'">{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view>
<view v-else>教职工</view>
</view>
<view class="secondLine">{{ PersonalInfo.schoolname }}</view>
</view>
<view class="contentWrapper" v-if="!depotMoneyother">
<view class="balanceWrapper">
<view class="firstLine">
<view class="left">
<view>可用余额(元) </view>
<view>{{ cardBalanceTx }}</view>
</view>
<view class="right">
<van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
@select="onSelect">
<template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
</template>
</van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** {{ 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"> <view class="contentBox" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv"> <view class="contentDiv" style="display: none">
<view class="headview"> <view class="headview">
<view class="schoolname">{{ PersonalInfo.schoolname }}</view> <view class="schoolname">{{ PersonalInfo.schoolname }}</view>
<view class="IconCls">电子校园卡</view> <view class="IconCls">电子校园卡</view>
</view> </view>
<!-- 卡号显示 --> <!-- 卡号显示 -->
<view class="cardNum"> <view class="cardNum">
<view class="cardNumleft" <view class="cardNumleft"><span>账户：</span> **** **** ****
><span>账户：</span> **** **** ****
{{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }} {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
<span>(工商III类户)</span> <span>(工商III类户)</span>
</view> </view>
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber" <view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view>
>复制</view
>
</view> </view>
<view class="HidenText"> <view class="HidenText">
<view class="userName" <view class="userName">姓名：<span>{{ PersonalInfo.name }}</span></view>
>姓名：<span>{{ PersonalInfo.name }}</span></view
>
<view class="StudentCls" v-if="PersonalInfo.usertype == '1'"> <view class="StudentCls" v-if="PersonalInfo.usertype == '1'">
班级：{{ PersonalInfo.gradename }}({{ 班级：{{ 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" <view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view>
>余额：￥<span>{{ cardBalanceTx }}</span></view
>
<view @click="ToWalletTx"> <view @click="ToWalletTx">
<span style="display: inline-block; padding-right: 10rpx" <span style="display: inline-block; padding-right: 10rpx">余额提现</span>
>余额提现</span <image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix"
> :src="ImgUrl + 'images/xiaopaycard (17).png'" alt=""></image>
<image
style="position: relative; width: 13rpx; height: 20rpx"
class="ImgIcon1"
mode="widthFix"
:src="ImgUrl + 'images/xiaopaycard (17).png'"
alt=""
></image>
</view> </view>
</view> </view>
</view> </view>
<!-- 充值明细 --> <!-- 充值明细 -->
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> <!-- <view style="display: none" class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
账户明细 账户明细
</view> </view> -->
<!-- 充值账户 --> <!-- 充值账户 -->
<view class="Recharge"> <view class="Recharge">
<span></span> <span></span>
<span>账户充值</span> <span>账户充值</span>
</view> </view>
<!-- 充值的金额 --> <!-- 充值的金额 -->
<view class="MoneyBox"> <!-- <view class="MoneyBox">
<view <view class="depotMoney" @click="depotMoney(item.value, index)"
class="depotMoney" v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" :data-money="item.value || 0"
@click="depotMoney(item.value, index)" v-for="(item, index) in MoneyList" :key="index">
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<span class="value"> <span class="value">
{{ item.value }} {{ item.value }}
</span> </span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{ <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
item.lable item.lable
}}</span> }}</span>
</view>
</view> -->
<view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="其他金额，最低3元"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
</view>
</view>
<!-- <view class="MoneyBox" style="display: none !important;">
<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> -->
<!-- <span class="tips" v-show="item.tips"> <!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
</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"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span
></span
>
</view> </view>
<!-- 充值其它金额 --> <!-- 充值其它金额 -->
<!-- <view class="OtherMoney" v-if="isOtherMoney"> --> <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney"> <view class="OtherMoney" style="display: none">
<span>￥</span> <span>￥</span>
<input <input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
v-model="inputOtherM" placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </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>付款方式</view>
<view> <view>
{{ bankInfo_.bindCardName }} {{ bankInfo_.bindCardName }}
{{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4) {{ 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"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
>
<span>充值生活费</span> <span>充值生活费</span>
</view> </view>
<!-- --> <!-- -->
<view class="switchbankCard" @click="ChangeBankPay" <!-- <view class="switchbankCard" @click="ChangeBankPay"
>我要换银行卡支付</view >我要换银行卡支付</view
> > -->
<view class="service">工商银行Ⅲ类户为您提供服务</view>
</view> </view>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother"> <view class="contentBox" style="display: none;" v-if="depotMoneyother">
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span>￥</span> <span>￥</span>
<input <input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM"
v-model="inputOtherM" type="text" maxlength="6" />
@input="inputControl"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
<view class="OtherLine"></view> <view class="OtherLine"></view>
<!-- 充值范围 --> <!-- 充值范围 -->
<view class="Recharge_"> <view class="Recharge_">
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<span>最大可充值金额：</span> <span>最大可充值金额：</span>
<span <span>￥<span>3.00 ~ {{ RechargeMax }}</span></span>
>￥<span>3.00 ~ {{ RechargeMax }}</span></span
>
</view> </view>
</view> </view>
<!-- 弹出层 --> <!-- 弹出层 -->
...@@ -193,31 +215,21 @@ ...@@ -193,31 +215,21 @@
</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
position="bottom"
:style="{ height: '30%' }"
>
<!-- 银行卡列表 --> <!-- 银行卡列表 -->
<view class="accountlist"> <view class="accountlist">
<!-- 切换绑定的一类卡列表 --> <!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList"> <view class="showBindCardList">
<view class="choiceBox">选择付款账户</view> <view class="choiceBox">选择付款账户</view>
<view <view class="cardsList">
class="ListItem" <view class="ListItem" @click="ChangeCardPay(item)" v-for="(item, index) in bindcardList"
@click="ChangeCardPay(item)" :key="index">
v-for="(item, index) in bindcardList"
:key="index"
>
<span style="padding-right: 10px">{{ item.bindCardName }} </span> <span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span <span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span>
>尾号：{{ <image class="BankListImg" src="../../../static/img/choiceBank.png"></image>
item.bindCardNo.slice(item.bindCardNo.length - 4) </view>
}}</span
>
<image class='BankListImg' src='../../../static/img/choiceBank.png'></image>
</view> </view>
<view class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
</view> </view>
</view> </view>
</van-popup> </van-popup>
...@@ -226,28 +238,31 @@ ...@@ -226,28 +238,31 @@
</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";
import cityData from "@/common/js/city.js";
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net"; gHost = "https://fpdev.xiaopay.net";
// gHost = "/api"; // gHost = "/api";
} }
let times = 0; let times = 0;
var limitClick = false; //禁止重复点击 var limitClick = false; //禁止重复点击
var sessionID = "", var sessionID = "",
userID = ""; userID = "";
var payCardNumber = ""; //一类卡号 var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号 var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "", var businessNo = "",
otpOrderNo = "", otpOrderNo = "",
mobileNo = ""; mobileNo = "";
var msCount = 60; //定时器 var msCount = 60; //定时器
var MyTimer = null; var MyTimer = null;
var fromType = 0; //0转账 1提现 var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证 var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = { var bankInfo = {
acctNoArray: "", acctNoArray: "",
idNo: "", idNo: "",
schoolId: "", schoolId: "",
...@@ -255,12 +270,12 @@ var bankInfo = { ...@@ -255,12 +270,12 @@ var bankInfo = {
userId: "", userId: "",
sessionid: "", sessionid: "",
wechattype: 1, wechattype: 1,
}; };
/** /**
* 对象转拼接字符串 * 对象转拼接字符串
* @param {*} res Object 需要转换的数据对象 * @param {*} res Object 需要转换的数据对象
*/ */
function OforS(res) { function OforS(res) {
var resL = 0; var resL = 0;
var outS = ""; var outS = "";
for (var i in res) { for (var i in res) {
...@@ -272,14 +287,23 @@ function OforS(res) { ...@@ -272,14 +287,23 @@ function OforS(res) {
resL++; resL++;
} }
return outS; return outS;
} }
export default { export default {
components: { components: {
keyboardPackage, keyboardPackage,
}, },
name: "Recharge", name: "Recharge",
data() { data() {
return { return {
showPopover: false,
// 通过 actions 属性来定义菜单选项
actions: [{
text: "复制卡号"
}, {
text: "账户明细"
}, {
text: "常见问题"
}],
popshow: false, popshow: false,
// 输入其它金额 // 输入其它金额
isOtherMoney: false, isOtherMoney: false,
...@@ -305,8 +329,7 @@ export default { ...@@ -305,8 +329,7 @@ export default {
bindCardNo: "", bindCardNo: "",
}, },
ImgUrl: this.$ImgUrl, ImgUrl: this.$ImgUrl,
MoneyList: [ MoneyList: [{
{
lable: "元", lable: "元",
value: 100, value: 100,
}, },
...@@ -330,7 +353,7 @@ export default { ...@@ -330,7 +353,7 @@ export default {
bindcardList: [], bindcardList: [],
}; };
}, },
onLoad: function (options) { onLoad: function(options) {
console.log(options); console.log(options);
// 初始化 // 初始化
userID = options["userID"] || ""; userID = options["userID"] || "";
...@@ -339,11 +362,24 @@ export default { ...@@ -339,11 +362,24 @@ export default {
bankInfo.sessionid = sessionID || ""; bankInfo.sessionid = sessionID || "";
this.QueryUserInfo(); this.QueryUserInfo();
}, },
created: function () {}, created: function() {},
mounted: function () {}, mounted: function() {},
methods: { methods: {
onSelect(action) {
if (action.text == "复制卡号") {
this.CopyCardNumber();
} else if (action.text == "账户明细") {
this.BackToMini('purchaseDetail');
} else if (action.text == "常见问题") {
uni.navigateTo({
url: `../../commonProblem/commonProblem`
})
}
},
async ChangeBankPay() { async ChangeBankPay() {
uni.showLoading({ mask: true }); uni.showLoading({
mask: true
});
let status = await this.accountCloseacceptStatusQuery(); let status = await this.accountCloseacceptStatusQuery();
uni.hideLoading(); uni.hideLoading();
if (status !== 0) return false; if (status !== 0) return false;
...@@ -353,8 +389,7 @@ export default { ...@@ -353,8 +389,7 @@ export default {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
//查询是否提交销户 //查询是否提交销户
url: url: gHost +
gHost +
"/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery", "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery",
type: "post", type: "post",
data: { data: {
...@@ -367,10 +402,14 @@ export default { ...@@ -367,10 +402,14 @@ export default {
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: ({ code, message, results }) => { success: ({
code,
message,
results
}) => {
let status = results && results.status; // 0表示未申请，1申请中，2已销户，3销户申请失败 let status = results && results.status; // 0表示未申请，1申请中，2已销户，3销户申请失败
if (code === "10000" && status == "0") { if (code === "10000" && status == "0") {} else if (code === "10000" &&
} else if (code === "10000" && status == "1") { status == "1") {
uni.showToast({ uni.showToast({
title: "您已提交销户申请，银行正在审核中。", title: "您已提交销户申请，银行正在审核中。",
icon: "none", icon: "none",
...@@ -383,7 +422,7 @@ export default { ...@@ -383,7 +422,7 @@ export default {
} }
resolve(status); resolve(status);
}, },
error: function (err) { error: function(err) {
uni.showToast({ uni.showToast({
title: err.message || "请求失败", title: err.message || "请求失败",
icon: "none", icon: "none",
...@@ -434,8 +473,7 @@ export default { ...@@ -434,8 +473,7 @@ export default {
$(".doBtnTx").html("提现"); $(".doBtnTx").html("提现");
opeType = 1; opeType = 1;
uni.navigateTo({ uni.navigateTo({
url: url: "../Reflect/Reflect?" +
"../Reflect/Reflect?" +
OforS({ OforS({
sessionID: sessionID, sessionID: sessionID,
userID: userID, userID: userID,
...@@ -453,7 +491,7 @@ export default { ...@@ -453,7 +491,7 @@ export default {
this_.MoneyIndex = -1; this_.MoneyIndex = -1;
this_.isOtherMoney = true; this_.isOtherMoney = true;
let obj = e.detail; let obj = e.detail;
this.$nextTick(function () { this.$nextTick(function() {
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
...@@ -482,7 +520,7 @@ export default { ...@@ -482,7 +520,7 @@ export default {
if (str.lastIndexOf(".") == str.length - 1) { if (str.lastIndexOf(".") == str.length - 1) {
this.inputOtherM = str.substring(0, str.length - 1); this.inputOtherM = str.substring(0, str.length - 1);
} }
this.$nextTick(function () { this.$nextTick(function() {
document.scrollingElement.scrollTo(0, this.scrollTop); document.scrollingElement.scrollTo(0, this.scrollTop);
}); });
}, },
...@@ -540,7 +578,7 @@ export default { ...@@ -540,7 +578,7 @@ export default {
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();
...@@ -556,7 +594,7 @@ export default { ...@@ -556,7 +594,7 @@ export default {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function (err) { error: function(err) {
uni.hideLoading(); uni.hideLoading();
}, },
}); });
...@@ -585,7 +623,7 @@ export default { ...@@ -585,7 +623,7 @@ export default {
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;
...@@ -609,7 +647,7 @@ export default { ...@@ -609,7 +647,7 @@ export default {
}); });
} }
}, },
error: function (err) { error: function(err) {
loading.clear(); loading.clear();
}, },
}); });
...@@ -621,9 +659,9 @@ export default { ...@@ -621,9 +659,9 @@ export default {
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;
}, },
}); });
...@@ -649,7 +687,7 @@ export default { ...@@ -649,7 +687,7 @@ export default {
}, },
//按钮操作 //按钮操作
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 {
...@@ -688,7 +726,7 @@ export default { ...@@ -688,7 +726,7 @@ export default {
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();
...@@ -698,7 +736,7 @@ export default { ...@@ -698,7 +736,7 @@ export default {
} }
this_.popshow = false; this_.popshow = false;
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -718,7 +756,7 @@ export default { ...@@ -718,7 +756,7 @@ export default {
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;
...@@ -727,7 +765,7 @@ export default { ...@@ -727,7 +765,7 @@ export default {
weui.topTips(res4.message); weui.topTips(res4.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -748,7 +786,7 @@ export default { ...@@ -748,7 +786,7 @@ export default {
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 (res3.results.accountBalance == null) { if (res3.results.accountBalance == null) {
...@@ -770,10 +808,10 @@ export default { ...@@ -770,10 +808,10 @@ export default {
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("请求超时，余额查询失败");
...@@ -786,7 +824,7 @@ export default { ...@@ -786,7 +824,7 @@ export default {
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/v2",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -795,7 +833,7 @@ export default { ...@@ -795,7 +833,7 @@ export default {
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("获取用户银行信息失败!");
...@@ -811,7 +849,7 @@ export default { ...@@ -811,7 +849,7 @@ export default {
weui.topTips(res2.message); weui.topTips(res2.message);
} }
}, },
error: function (err) { error: function(err) {
// loading.hide(); // loading.hide();
}, },
}); });
...@@ -834,7 +872,7 @@ export default { ...@@ -834,7 +872,7 @@ export default {
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function (res1) { success: function(res1) {
loading.clear(); loading.clear();
if (res1.code == "10000") { if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid; bankInfo.schoolId = res1.results.schoolid;
...@@ -855,31 +893,199 @@ export default { ...@@ -855,31 +893,199 @@ export default {
}, 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%);
} }
.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 { .choiceBox {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
height: 50px; height: 100rpx;
line-height: 50px; line-height: 100rpx;
padding: 0; padding: 0;
border-bottom: 0.5px solid #e6e6e6; border-bottom: 1rpx solid #e6e6e6;
}
.cardsList {
width: 100%;
height: calc(100% - 260rpx);
overflow-y: scroll;
} }
.ListItem { .ListItem {
...@@ -890,18 +1096,29 @@ page { ...@@ -890,18 +1096,29 @@ page {
position: relative; position: relative;
text-align: center; 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; width: 400rpx !important;
height: 200rpx !important; height: 200rpx !important;
margin: 0 auto !important; margin: 0 auto !important;
background: #000000; background: #000000;
opacity: 0.8; opacity: 0.8;
border-radius: 8rpx; border-radius: 8rpx;
} }
.cardNum { .cardNum {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
...@@ -921,9 +1138,9 @@ page { ...@@ -921,9 +1138,9 @@ page {
text-decoration: underline; text-decoration: underline;
color: #ffffff; color: #ffffff;
} }
} }
.RechargeDetailed { .RechargeDetailed {
text-align: center; text-align: center;
// width: 118rpx; // width: 118rpx;
height: 32rpx; height: 32rpx;
...@@ -934,15 +1151,16 @@ page { ...@@ -934,15 +1151,16 @@ page {
text-decoration: underline; text-decoration: underline;
color: #36a8ff; color: #36a8ff;
margin-top: 50rpx; margin-top: 50rpx;
} }
.contentBox { .contentBox {
width: 670rpx; width: 670rpx;
height: 376rpx; display: flex;
flex-direction: column;
margin: 0 auto; margin: 0 auto;
} }
.contentDiv { .contentDiv {
height: 100%; height: 100%;
// margin-top: 36rpx; // margin-top: 36rpx;
border-radius: 15rpx; border-radius: 15rpx;
...@@ -952,16 +1170,16 @@ page { ...@@ -952,16 +1170,16 @@ page {
position: relative; position: relative;
top: 36rpx; top: 36rpx;
} }
.HidenText { .HidenText {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
padding-top: 88rpx; padding-top: 88rpx;
} }
.HidenText, .HidenText,
.Balance { .Balance {
padding-left: 46rpx; padding-left: 46rpx;
padding-right: 40rpx; padding-right: 40rpx;
display: flex; display: flex;
...@@ -969,9 +1187,9 @@ page { ...@@ -969,9 +1187,9 @@ page {
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
} }
.Balance { .Balance {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
...@@ -980,33 +1198,20 @@ page { ...@@ -980,33 +1198,20 @@ page {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #ffffff; 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) { .Recharge {
display: inline-block; width: 100%;
margin-left: 16rpx; 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; display: flex;
justify-content: space-between; justify-content: space-between;
// padding-left: 40rpx; // padding-left: 40rpx;
...@@ -1015,9 +1220,9 @@ page { ...@@ -1015,9 +1220,9 @@ page {
padding-top: 36rpx; padding-top: 36rpx;
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
} }
.headview .schoolname { .headview .schoolname {
width: 252rpx; width: 252rpx;
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
...@@ -1025,9 +1230,9 @@ page { ...@@ -1025,9 +1230,9 @@ page {
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 50rpx; line-height: 50rpx;
} }
.headview .IconCls { .headview .IconCls {
width: 170rpx; width: 170rpx;
height: 48rpx; height: 48rpx;
background: #20946d; background: #20946d;
...@@ -1038,23 +1243,92 @@ page { ...@@ -1038,23 +1243,92 @@ page {
color: #ffffff; color: #ffffff;
line-height: 48rpx; line-height: 48rpx;
text-align: center; text-align: center;
} }
.moneyWrapper {
margin-top: 10rpx;
width: 100%;
display: flex;
flex-wrap: wrap;
.moneyItem {
width: 210rpx;
height: 120rpx;
background: #f8f8f8;
border-radius: 12rpx;
display: flex;
justify-content: center;
margin-right: 14rpx;
font-family: PingFangSC-Medium, PingFang SC;
margin-bottom: 24rpx;
view {
align-self: center;
color: #333333;
}
view:first-child {
font-size: 40rpx;
font-weight: 500;
}
view:last-child {
font-size: 30rpx;
}
}
.moneyItem:nth-child(3n) {
margin-right: 0;
}
.active {
border: 3rpx solid #04b871;
view {
color: #04b871;
}
}
.other {
width: 444rpx;
height: 120rpx;
line-height: 120rpx;
text-align: center;
background: #f8f8f8;
border-radius: 12rpx;
/deep/.uni-input-wrapper {
position: absolute;
width: 444rpx;
height: 120rpx;
font-size: 40rpx;
font-weight: 500;
color: #333333;
}
/deep/.uni-input-input {
height: 120rpx;
line-height: 120rpx;
}
}
}
.MoneyBox { .MoneyBox {
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
color: #888888; color: #888888;
width: 686rpx; width: 686rpx;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.choiceClass { .choiceClass {
background: rgba(39, 266, 148, 0.1) !important; background: rgba(39, 266, 148, 0.1) !important;
color: #28d79c; color: #28d79c;
} }
.MoneyBox view { .MoneyBox view {
width: 220rpx; width: 220rpx;
height: 120rpx; height: 120rpx;
background: #ffffff; background: #ffffff;
...@@ -1066,17 +1340,17 @@ page { ...@@ -1066,17 +1340,17 @@ page {
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
margin-right: 2px; margin-right: 2px;
float: left; float: left;
} }
.depotMoney .value { .depotMoney .value {
font-size: 45rpx; font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
line-height: 120rpx; line-height: 120rpx;
text-align: center; text-align: center;
} }
.depotMoney .tips { .depotMoney .tips {
// width: 79rpx; // width: 79rpx;
// height: 33rpx; // height: 33rpx;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
...@@ -1089,9 +1363,9 @@ page { ...@@ -1089,9 +1363,9 @@ page {
// position: absolute; // position: absolute;
// right: 0rpx; // right: 0rpx;
// line-height: 33rpx; // line-height: 33rpx;
} }
.OtherMoney { .OtherMoney {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
// color: #999999; // color: #999999;
...@@ -1120,9 +1394,9 @@ page { ...@@ -1120,9 +1394,9 @@ page {
input { input {
height: 100%; height: 100%;
} }
} }
.OtherMoney view:nth-child(2) { .OtherMoney view:nth-child(2) {
// width: 30rpx; // width: 30rpx;
// height: 30rpx; // height: 30rpx;
// background: #F0F0F0; // background: #F0F0F0;
...@@ -1131,16 +1405,39 @@ page { ...@@ -1131,16 +1405,39 @@ page {
// line-height: 30rpx; // line-height: 30rpx;
// margin-top: 7rpx; // margin-top: 7rpx;
// margin-left: 5rpx; // 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; height: 98rpx;
line-height: 98rpx; line-height: 98rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.payType view:nth-child(1) { .payType view:nth-child(1) {
// width: 120rpx; // width: 120rpx;
height: 42rpx; height: 42rpx;
font-size: 32rpx; font-size: 32rpx;
...@@ -1148,9 +1445,9 @@ page { ...@@ -1148,9 +1445,9 @@ page {
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
line-height: 98rpx; line-height: 98rpx;
} }
.payType view::nth-child(2) { .payType view::nth-child(2) {
width: 225rpx; width: 225rpx;
height: 45rpx; height: 45rpx;
font-size: 32rpx; font-size: 32rpx;
...@@ -1158,9 +1455,9 @@ page { ...@@ -1158,9 +1455,9 @@ page {
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
line-height: 45rpx; line-height: 45rpx;
} }
.arrow { .arrow {
transform: rotate(-45deg); transform: rotate(-45deg);
top: -3rpx; top: -3rpx;
border: solid #999999; border: solid #999999;
...@@ -1168,37 +1465,53 @@ page { ...@@ -1168,37 +1465,53 @@ page {
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
} }
@media (min-height: 650px) { @media (min-height: 1040px) {
.bottomdiv { .bottomdiv {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
bottom: 30rpx; bottom: 30rpx;
} }
} }
.DepositID { .DepositID {
width: 630rpx; width: 100%;
height: 92rpx; height: 90rpx;
background: #04ba73; background: #04b871;
border-radius: 8rpx; border-radius: 45px;
line-height: 90rpx;
text-align: center;
font-size: 34rpx;
font-weight: 500;
color: #ffffff;
margin: 0 auto; margin: 0 auto;
margin-top: 29rpx;
text-align: center; text-align: center;
bottom: 30rpx; }
}
.DepositID span { .DepositID span {
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 92rpx; line-height: 92rpx;
} }
.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; text-align: center;
/* width: 205px; */ /* width: 205px; */
// height: 28rpx; // height: 28rpx;
...@@ -1208,9 +1521,9 @@ page { ...@@ -1208,9 +1521,9 @@ page {
text-decoration: underline; text-decoration: underline;
color: #268ef8; color: #268ef8;
margin-top: 23rpx; margin-top: 23rpx;
} }
.RechargeConfirmationBox { .RechargeConfirmationBox {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
...@@ -1281,9 +1594,9 @@ page { ...@@ -1281,9 +1594,9 @@ page {
} }
} }
} }
} }
.closePhoneBox { .closePhoneBox {
// width: 35rpx; // width: 35rpx;
height: 35rpx; height: 35rpx;
position: relative; position: relative;
...@@ -1296,9 +1609,9 @@ page { ...@@ -1296,9 +1609,9 @@ page {
height: 40rpx; height: 40rpx;
position: relative; position: relative;
} }
} }
.doBtnTx { .doBtnTx {
width: 506rpx; width: 506rpx;
height: 92rpx; height: 92rpx;
background: #04ba73; background: #04ba73;
...@@ -1310,46 +1623,46 @@ page { ...@@ -1310,46 +1623,46 @@ page {
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
bottom: 38rpx; bottom: 38rpx;
} }
.PhoneNum, .PhoneNum,
.VerifyCode { .VerifyCode {
width: 506rpx; width: 506rpx;
height: 80rpx; height: 80rpx;
line-height: 60rpx; line-height: 60rpx;
background: #f7f6fb; background: #f7f6fb;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.VerifyCode { .VerifyCode {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.VerifyCode input { .VerifyCode input {
width: 200rpx; width: 200rpx;
} }
.CodeMsg { .CodeMsg {
color: #01bc73; color: #01bc73;
background: #f7f6fb; background: #f7f6fb;
font-size: 32rpx; font-size: 32rpx;
font-weight: 600; font-weight: 600;
line-height: 80rpx; line-height: 80rpx;
letter-spacing: 3rpx; letter-spacing: 3rpx;
} }
.placeholderInput { .placeholderInput {
color: #aaaaaa; color: #aaaaaa;
font-size: 42rpx; font-size: 42rpx;
font-weight: 500; font-weight: 500;
letter-spacing: 3rpx; letter-spacing: 3rpx;
// padding-left: 50rpx; // padding-left: 50rpx;
height: 80rpx; height: 80rpx;
} }
.OtherTitle { .OtherTitle {
height: 67rpx; height: 67rpx;
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
...@@ -1358,55 +1671,55 @@ page { ...@@ -1358,55 +1671,55 @@ page {
line-height: 67rpx; line-height: 67rpx;
padding-top: 60rpx; padding-top: 60rpx;
} }
.inputOtherM { .inputOtherM {
display: flex; display: flex;
height: 100rpx; height: 100rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.inputOtherM input { .inputOtherM input {
border: none; border: none;
outline: none; outline: none;
height: 50rpx; height: 50rpx;
padding-left: 16rpx; padding-left: 16rpx;
font-size: 72rpx; font-size: 72rpx;
font-weight: 600; font-weight: 600;
} }
.inputOtherM span:nth-child(1) { .inputOtherM span:nth-child(1) {
width: 72rpx; width: 72rpx;
font-size: 80rpx; font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 100rpx; line-height: 100rpx;
} }
.OtherLine { .OtherLine {
width: 631rpx; width: 631rpx;
height: 1rpx; height: 1rpx;
background-color: #cccccc; background-color: #cccccc;
margin-top: 19rpx; margin-top: 19rpx;
} }
.depositbox { .depositbox {
margin-top: 31rpx; margin-top: 40rpx;
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
} }
.depositImg { .depositImg {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
vertical-align: middle; vertical-align: middle;
margin-right: 8rpx; margin-right: 8rpx;
position: relative; position: relative;
top: -2rpx; top: -2rpx;
} }
.Recharge_ { .Recharge_ {
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -1414,34 +1727,34 @@ page { ...@@ -1414,34 +1727,34 @@ page {
color: #333333; color: #333333;
line-height: 40rpx; line-height: 40rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.Recharge_ span:nth-child(2) { .Recharge_ span:nth-child(2) {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #fa6400; color: #fa6400;
} }
.placeholderinputOtherM { .placeholderinputOtherM {
height: 50rpx; height: 120rpx;
// font-family: PingFangSC-Semibold, PingFang SC; line-height: 120rpx;
// font-weight: 600; font-size: 32rpx;
// color: #010101; font-family: PingFangSC-Regular, PingFang SC;
line-height: 50rpx; font-weight: 400;
width: 323rpx; color: rgba(0, 0, 0, 0.25);
font-size: 28rpx; }
font-family: PingFang SC;
font-weight: 500; /deep/uni-input {
color: #888888; line-height: 120rpx;
} }
// 异常处理 // 异常处理
.RechargeException { .RechargeException {
padding-top: 20rpx; padding-top: 20rpx;
} }
.weui-label { .weui-label {
// width: 118rpx; // width: 118rpx;
height: 42rpx; height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -1451,9 +1764,9 @@ page { ...@@ -1451,9 +1764,9 @@ page {
line-height: 42rpx; line-height: 42rpx;
font-weight: bold; font-weight: bold;
margin-left: 30rpx; margin-left: 30rpx;
} }
.tiptext { .tiptext {
height: 1.06rem; height: 1.06rem;
font-size: 0.75rem; font-size: 0.75rem;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -1462,9 +1775,9 @@ page { ...@@ -1462,9 +1775,9 @@ page {
line-height: 1.06rem; line-height: 1.06rem;
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
text-align: center; text-align: center;
} }
.bottomDetail { .bottomDetail {
width: 628rpx; width: 628rpx;
height: 88rpx; height: 88rpx;
color: white; color: white;
...@@ -1477,37 +1790,37 @@ page { ...@@ -1477,37 +1790,37 @@ page {
line-height: 88rpx; line-height: 88rpx;
margin-top: 84rpx; margin-top: 84rpx;
} }
.RechargeException input::placeholder { .RechargeException input::placeholder {
color: #a1a4a8; color: #a1a4a8;
} }
.RechargeException .weui-cell { .RechargeException .weui-cell {
height: 4rem; height: 4rem;
padding: 0 !important; padding: 0 !important;
} }
.idCardPhoto1, .idCardPhoto1,
.idCardPhoto2 { .idCardPhoto2 {
width: 388rpx; width: 388rpx;
height: 224rpx; height: 224rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.idCardPhoto1 image, .idCardPhoto1 image,
.idCardPhoto2 image { .idCardPhoto2 image {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.weui-toptips_success { .weui-toptips_success {
background-color: #03bc73 !important; background-color: #03bc73 !important;
} }
.positionCam { .positionCam {
height: 32rpx; height: 32rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; font-family: PingFang-SC-Medium, PingFang-SC;
...@@ -1517,9 +1830,9 @@ page { ...@@ -1517,9 +1830,9 @@ page {
text-align: center; text-align: center;
position: relative; position: relative;
top: -29px; top: -29px;
} }
.BgCoverBox { .BgCoverBox {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
...@@ -1528,18 +1841,18 @@ page { ...@@ -1528,18 +1841,18 @@ page {
z-index: 10; z-index: 10;
background: #000000; background: #000000;
opacity: 0.5; opacity: 0.5;
} }
.hideListCover { .hideListCover {
max-height: 50vh; max-height: 50vh;
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;
} }
.bottomDiv { .bottomDiv {
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
</style> </style>
src/pages/assignDeposit/assignDeposit.vue
View file @ ea105639
<template> <template>
<view class="container"> <view class="container">
<view class="contentBox" v-if="!depotMoneyother"> <view class="userInfoBox">
<view class="firstLine">
<view class="avatar">
<image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
</view>
<view class="name">张三</view>
<view v-if="PersonalInfo.usertype=='1'">高一(63班)</view>
<view v-else>教职工</view>
</view>
<view class="secondLine">{{PersonalInfo.schoolname}}</view>
</view>
<view class="contentWrapper" v-if="!depotMoneyother">
<view class="balanceWrapper">
<view class="firstLine">
<view class="left">
<view>可用余额(元) </view>
<view>{{ cardBalanceTx }}</view>
</view>
<view class="right">
<van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end"
@select="onSelect">
<template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
</template>
</van-popover>
</view>
</view>
<view class="lastLine">
<view>**** **** **** 5947</view>
<view class="right" @click="ToWalletTx">
<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
提现
</view>
</view>
</view>
</view>
<view class="contentBox" style="display: none;" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv"> <view class="contentDiv">
<view class="headview"> <view class="headview">
...@@ -28,7 +64,21 @@ ...@@ -28,7 +64,21 @@
</view> </view>
</view> </view>
<!-- --> <!-- -->
<view class="MoneyBox"> <view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
v-for="(item, index) in MoneyList" :key="index">
<view> {{ item.value }}</view>
<view> {{ item.lable }}</view>
</view>
<view class="other">
<input @focus="openKeyBoard('number')" v-model="inputOtherM" @input="inputControl"
@blur="ReturnToTop" placeholder="其他金额，最低3元" placeholder-class="placeholderinputOtherM"
type="text" maxlength="6" />
</view>
</view>
<!-- 充值其它金额 -->
<view class="MoneyBox" style="display: none;">
<view class="depotMoney" @click="depotMoney(item.value,index)" <view class="depotMoney" @click="depotMoney(item.value,index)"
v-bind:class="(Money!=''&&MoneyIndex==index)?'choiceClass':''" :data-money="item.value" v-bind:class="(Money!=''&&MoneyIndex==index)?'choiceClass':''" :data-money="item.value"
v-for="(item,index) in MoneyList" :key="index"> v-for="(item,index) in MoneyList" :key="index">
...@@ -36,22 +86,40 @@ ...@@ -36,22 +86,40 @@
{{item.value}} {{item.value}}
</span> </span>
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span> <span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span>
<span class="tips" v-show="item.tips"> <!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> </span> -->
</view> </view>
</view> </view>
<!-- 充值限额提示 -->
<view class="depositbox">
<image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image>
<span style="
vertical-align: middle;
font-size: 28rpx;
color: #333333;
font-weight: 500;
">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
</view>
<!-- --> <!-- -->
<view class="OtherMoney" @click="OtherMoney"> <view class="OtherMoney" style="display: none;" @click="OtherMoney">
<view>其他充值金额</view> <view>其他充值金额</view>
<view>></span></view> <view>></span></view>
</view> </view>
<!-- 支付方式 --> <!-- 支付方式 -->
<view class="payType" @click="queryBindCardList"> <view class="paytype">
<view class="left">付款账户 </view>
<view class="right" @click="queryBindCardList">
招商银行(5947)
<van-icon name="arrow" />
</view>
</view>
<view class="payType" style="display: none;" @click="queryBindCardList">
<view>付款方式</view> <view>付款方式</view>
<view>招商银行(5947) <span class="arrow"></span></view> <view>招商银行(5947) <span class="arrow"></span></view>
</view> </view>
<view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- --> <!-- -->
<view class="switchbankCard" @click="BackToMini('AssignAddCard')">我要换银行卡支付 <span class="arrow" <view class="switchbankCard" @click="BackToMini('AssignAddCard')">我要换银行卡支付 <span class="arrow"
style="transform: rotate(45deg);left: 15rpx;top: -8rpx;"></span></view> style="transform: rotate(45deg);left: 15rpx;top: -8rpx;"></span></view>
...@@ -61,7 +129,7 @@ ...@@ -61,7 +129,7 @@
</view> </view>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother"> <view class="contentBox" style="display: none;" v-if="depotMoneyother">
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span>￥</span> <span>￥</span>
...@@ -168,26 +236,26 @@ ...@@ -168,26 +236,26 @@
</template> </template>
<script> <script>
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue"; import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
import cityData from "@/common/js/city.js"; import cityData from "@/common/js/city.js";
var gHost = "https://" + window.location.host; var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") { if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net"; gHost = "https://fpdev.xiaopay.net";
} }
let times = 0; let times = 0;
var limitClick = false; //禁止重复点击 var limitClick = false; //禁止重复点击
var sessionID = "", var sessionID = "",
userID = ""; userID = "";
var payCardNumber = ""; //一类卡号 var payCardNumber = ""; //一类卡号
var orderSerialNo = ""; //提现结果查询 指令号 var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "", var businessNo = "",
otpOrderNo = "", otpOrderNo = "",
mobileNo = ""; mobileNo = "";
var msCount = 60; //定时器 var msCount = 60; //定时器
var MyTimer = null; var MyTimer = null;
var fromType = 0; //0转账 1提现 var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证 var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = { var bankInfo = {
acctNoArray: "", acctNoArray: "",
idNo: "", idNo: "",
schoolId: "", schoolId: "",
...@@ -195,34 +263,43 @@ var bankInfo = { ...@@ -195,34 +263,43 @@ var bankInfo = {
userId: "", userId: "",
sessionid: "", sessionid: "",
wechattype: 1, wechattype: 1,
}; };
// 20210422 充值账户异常资料补充参数 // 20210422 充值账户异常资料补充参数
var acctErrorUpdateParms = { var acctErrorUpdateParms = {
backSideImgId: "", //反面身份证图片Id backSideImgId: "", //反面身份证图片Id
frontSideImgId: "", //正面身份证图片Id frontSideImgId: "", //正面身份证图片Id
homeAddress: "", //家庭住址 homeAddress: "", //家庭住址
occupation: "", //职业代码 occupation: "", //职业代码
StreetInformation: "", //街道 StreetInformation: "", //街道
businessNo: "", businessNo: "",
}; };
// /wefile/wefileId // /wefile/wefileId
// 获取上传影像的Token接口 // 获取上传影像的Token接口
let wefileId = {}; let wefileId = {};
// bizCode: "000000" // bizCode: "000000"
// bizMsg: "获取上传影像token成功" // bizMsg: "获取上传影像token成功"
// businessNo: "OB89d5ed802cRA202104226389071452" // businessNo: "OB89d5ed802cRA202104226389071452"
// expiredTime: 1619072725503 // expiredTime: 1619072725503
// project: "BOBS-OBP" // project: "BOBS-OBP"
// uuid: "8238f256d8f54209a0e9a2a3b25e7393" // uuid: "8238f256d8f54209a0e9a2a3b25e7393"
// wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA==" // wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA=="
// wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do" // wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do"
export default { export default {
components: { components: {
keyboardPackage, keyboardPackage,
}, },
name: "assignDeposit", name: "assignDeposit",
data() { data() {
return { return {
showPopover: false,
// 通过 actions 属性来定义菜单选项
actions: [{
text: "复制卡号"
}, {
text: "账户明细"
}, {
text: "常见问题"
}],
inputOtherM: "", inputOtherM: "",
RechargeException: false, RechargeException: false,
depotMoneyother: false, //其他充值 depotMoneyother: false, //其他充值
...@@ -254,35 +331,37 @@ export default { ...@@ -254,35 +331,37 @@ export default {
tempFiles2: "../../static/img/idCardBg0.png", tempFiles2: "../../static/img/idCardBg0.png",
}; };
}, },
created: function () {}, created: function() {},
mounted: function () { mounted: function() {
let this_ = this; let this_ = this;
this.$nextTick(function () { this.$nextTick(function() {
// $(".RechargeException").siblings().hide() // $(".RechargeException").siblings().hide()
// $(".RechargeException").show() // $(".RechargeException").show()
// 家庭住址 // 家庭住址
$("#homeAddress").on("click", function () { $("#homeAddress").on("click", function() {
weui.picker(cityData, { weui.picker(cityData, {
defaultValue: [110000, 110000, 110101], defaultValue: [110000, 110000, 110101],
depth: 3, depth: 3,
onChange: function (result) { onChange: function(result) {
console.log(result); console.log(result);
}, },
onConfirm: function (result) { onConfirm: function(result) {
console.log(result); console.log(result);
console.log(result); console.log(result);
acctErrorUpdateParms.homeAddress = acctErrorUpdateParms.homeAddress =
result[0].label + "/" + result[1].label + "/" + result[2].label; result[0].label + "/" + result[1].label + "/" + result[2]
.label;
$("#homeAddress")[0].innerText = $("#homeAddress")[0].innerText =
result[0].label + "/" + result[1].label + "/" + result[2].label; result[0].label + "/" + result[1].label + "/" + result[2]
.label;
$("#homeAddress").css("color", "#000"); $("#homeAddress").css("color", "#000");
}, },
title: "家庭地址", title: "家庭地址",
}); });
}); });
// 选择职业 // 选择职业
$("#showPicker").on("click", function () { $("#showPicker").on("click", function() {
// 获取职业信息 // 获取职业信息
this_ this_
.getOccupationList() .getOccupationList()
...@@ -294,10 +373,10 @@ export default { ...@@ -294,10 +373,10 @@ export default {
}; };
}); });
weui.picker(data, { weui.picker(data, {
onChange: function (result) { onChange: function(result) {
console.log(result); console.log(result);
}, },
onConfirm: function (result) { onConfirm: function(result) {
console.log(result[0].value); console.log(result[0].value);
acctErrorUpdateParms.occupation = result[0].value; acctErrorUpdateParms.occupation = result[0].value;
$("#showPicker")[0].innerText = result[0].label; $("#showPicker")[0].innerText = result[0].label;
...@@ -346,12 +425,23 @@ export default { ...@@ -346,12 +425,23 @@ export default {
} else { } else {
this_.ToWalletTx(); this_.ToWalletTx();
} }
setTimeout(function () { setTimeout(function() {
this_.getWefileId(); this_.getWefileId();
}, 500); }, 500);
}); });
}, },
methods: { methods: {
onSelect(action) {
if (action.text == "复制卡号") {
this.CopyCardNumber();
} else if (action.text == "账户明细") {
this.BackToMini('purchaseDetail');
} else if (action.text == "常见问题") {
uni.navigateTo({
url: `../../commonProblem/commonProblem`
})
}
},
// 身份证上传 // 身份证上传
async idCardUpload(type) { async idCardUpload(type) {
let this_ = this; let this_ = this;
...@@ -359,7 +449,7 @@ export default { ...@@ -359,7 +449,7 @@ export default {
count: 6, //默认9 count: 6, //默认9
sizeType: ["original", "compressed"], sizeType: ["original", "compressed"],
sourceType: ["album", "camera"], //从相册选择 sourceType: ["album", "camera"], //从相册选择
success: function (res) { success: function(res) {
this_["tempFiles" + type] = res.tempFilePaths[0]; this_["tempFiles" + type] = res.tempFilePaths[0];
this_.uploaderInput(res.tempFiles, type); this_.uploaderInput(res.tempFiles, type);
}, },
...@@ -508,7 +598,7 @@ export default { ...@@ -508,7 +598,7 @@ export default {
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function (res7) { success: function(res7) {
if (res7.code == "10000") { if (res7.code == "10000") {
if (res7.results.status == 0 || res7.results.status == 1) { if (res7.results.status == 0 || res7.results.status == 1) {
//status 状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(提现)结果查询”接口查结果 //status 状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(提现)结果查询”接口查结果
...@@ -539,7 +629,7 @@ export default { ...@@ -539,7 +629,7 @@ export default {
weui.topTips(res7.message); weui.topTips(res7.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -561,7 +651,7 @@ export default { ...@@ -561,7 +651,7 @@ export default {
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function (res8) { success: function(res8) {
if (res8.code == "10000") { if (res8.code == "10000") {
if ( if (
res8.results.orderStatus == 3 || res8.results.orderStatus == 3 ||
...@@ -595,7 +685,7 @@ export default { ...@@ -595,7 +685,7 @@ export default {
weui.topTips(res8.message); weui.topTips(res8.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -636,12 +726,12 @@ export default { ...@@ -636,12 +726,12 @@ export default {
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function (res5) { success: function(res5) {
if (res5.code == "10000") { if (res5.code == "10000") {
if (res5.errCode && res5.errCode == "TI009") { if (res5.errCode && res5.errCode == "TI009") {
loading.hide(); loading.hide();
weui.topTips(res5.results.errMsg); weui.topTips(res5.results.errMsg);
setTimeout(function () { setTimeout(function() {
$(".RechargeException").siblings().hide(); $(".RechargeException").siblings().hide();
$(".RechargeException").show(); $(".RechargeException").show();
}); });
...@@ -673,7 +763,7 @@ export default { ...@@ -673,7 +763,7 @@ export default {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -698,7 +788,7 @@ export default { ...@@ -698,7 +788,7 @@ export default {
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function (res6) { success: function(res6) {
if (res6.code == "10000") { if (res6.code == "10000") {
orderSerialNo = res6.results.orderSerialNo; orderSerialNo = res6.results.orderSerialNo;
if (res6.results.status == 1 || res6.results.status == 0) { if (res6.results.status == 1 || res6.results.status == 0) {
...@@ -724,7 +814,7 @@ export default { ...@@ -724,7 +814,7 @@ export default {
weui.topTips(res6.message); weui.topTips(res6.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -778,7 +868,7 @@ export default { ...@@ -778,7 +868,7 @@ export default {
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function (res5) { success: function(res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
otpOrderNo = res5.results.otpOrderNo; otpOrderNo = res5.results.otpOrderNo;
...@@ -790,7 +880,7 @@ export default { ...@@ -790,7 +880,7 @@ export default {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -814,7 +904,7 @@ export default { ...@@ -814,7 +904,7 @@ export default {
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function (res5) { success: function(res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
otpOrderNo = res5.results.otpOrderNo; otpOrderNo = res5.results.otpOrderNo;
...@@ -826,7 +916,7 @@ export default { ...@@ -826,7 +916,7 @@ export default {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(res5.message); loading.hide(res5.message);
}, },
}); });
...@@ -851,7 +941,7 @@ export default { ...@@ -851,7 +941,7 @@ export default {
accountName: bankName, accountName: bankName,
accountNo: bindCard, accountNo: bindCard,
}, },
success: function (res5) { success: function(res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.HideHTML("showBindCardList", 0); this_.HideHTML("showBindCardList", 0);
...@@ -860,7 +950,7 @@ export default { ...@@ -860,7 +950,7 @@ export default {
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -879,15 +969,13 @@ export default { ...@@ -879,15 +969,13 @@ export default {
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") {
var divList = ""; var divList = "";
var choiceIndex = 0; var choiceIndex = 0;
for ( for (
let i = 0; let i = 0; i < res4.results.accountList[0].bindcardList.length; i++
i < res4.results.accountList[0].bindcardList.length;
i++
) { ) {
divList += `<div onclick=ChangeCardPay('${ divList += `<div onclick=ChangeCardPay('${
res4.results.accountList[0].bindcardList[i].bankName res4.results.accountList[0].bindcardList[i].bankName
...@@ -920,7 +1008,7 @@ export default { ...@@ -920,7 +1008,7 @@ export default {
weui.topTips(res4.message); weui.topTips(res4.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -935,7 +1023,7 @@ export default { ...@@ -935,7 +1023,7 @@ export default {
timeout: 8000, timeout: 8000,
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: bankInfo, data: bankInfo,
success: function (res3) { success: function(res3) {
loading.hide(); loading.hide();
if (res3.code == "10000") { if (res3.code == "10000") {
if (res3.results.acctInfoList == null) { if (res3.results.acctInfoList == null) {
...@@ -962,10 +1050,10 @@ export default { ...@@ -962,10 +1050,10 @@ export default {
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("请求超时，余额查询失败");
...@@ -987,7 +1075,7 @@ export default { ...@@ -987,7 +1075,7 @@ export default {
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function (res2) { success: function(res2) {
if (res2.code == "10000") { if (res2.code == "10000") {
bankInfo.acctNoArray = res2.results.accountNo; bankInfo.acctNoArray = res2.results.accountNo;
bankInfo.idNo = res2.results.idNo; bankInfo.idNo = res2.results.idNo;
...@@ -1009,7 +1097,7 @@ export default { ...@@ -1009,7 +1097,7 @@ export default {
weui.topTips(res2.message); weui.topTips(res2.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -1027,7 +1115,7 @@ export default { ...@@ -1027,7 +1115,7 @@ export default {
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function (res1) { success: function(res1) {
loading.hide(); loading.hide();
if (res1.code == "10000") { if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid; bankInfo.schoolId = res1.results.schoolid;
...@@ -1052,7 +1140,7 @@ export default { ...@@ -1052,7 +1140,7 @@ export default {
}, 1500); }, 1500);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -1066,7 +1154,12 @@ export default { ...@@ -1066,7 +1154,12 @@ export default {
acctErrorUpdateParms.homeAddress = acctErrorUpdateParms.homeAddress =
acctErrorUpdateParms.homeAddress + acctErrorUpdateParms.homeAddress +
acctErrorUpdateParms.StreetInformation; acctErrorUpdateParms.StreetInformation;
let { backSideImgId, frontSideImgId, homeAddress, occupation } = let {
backSideImgId,
frontSideImgId,
homeAddress,
occupation
} =
acctErrorUpdateParms; acctErrorUpdateParms;
acctErrorUpdateParms.sessionid = sessionID; acctErrorUpdateParms.sessionid = sessionID;
acctErrorUpdateParms.wechattype = 1; acctErrorUpdateParms.wechattype = 1;
...@@ -1095,13 +1188,13 @@ export default { ...@@ -1095,13 +1188,13 @@ export default {
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: acctErrorUpdateParms, data: acctErrorUpdateParms,
timeout: 8000, //超时时间设置，单位毫秒 timeout: 8000, //超时时间设置，单位毫秒
success: function (res) { success: function(res) {
loading.hide(); loading.hide();
if (res.code == "000000") { if (res.code == "000000") {
weui.topTips("信息更新成功", { weui.topTips("信息更新成功", {
duration: 3000, //3秒后消失 duration: 3000, //3秒后消失
className: "weui-toptips_success", //自定义类名 className: "weui-toptips_success", //自定义类名
callback: function () { callback: function() {
//回调函数 //回调函数
console.log("close"); console.log("close");
window.location.reload(); window.location.reload();
...@@ -1114,7 +1207,7 @@ export default { ...@@ -1114,7 +1207,7 @@ export default {
reject(res.message); reject(res.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
reject(err); reject(err);
}, },
...@@ -1148,14 +1241,13 @@ export default { ...@@ -1148,14 +1241,13 @@ export default {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
url: url: gHost +
gHost +
`/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`, `/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`,
type: "post", type: "post",
data: formData, data: formData,
processData: false, processData: false,
contentType: false, contentType: false,
success: function (res) { success: function(res) {
console.log(res); console.log(res);
if (res.code == "10000") { if (res.code == "10000") {
if (type == 1) { if (type == 1) {
...@@ -1166,7 +1258,7 @@ export default { ...@@ -1166,7 +1258,7 @@ export default {
weui.topTips("上传成功", { weui.topTips("上传成功", {
duration: 3000, //3秒后消失 duration: 3000, //3秒后消失
className: "weui-toptips_success", //自定义类名 className: "weui-toptips_success", //自定义类名
callback: function () {}, callback: function() {},
}); });
loading.hide(); loading.hide();
resolve(res); resolve(res);
...@@ -1176,7 +1268,7 @@ export default { ...@@ -1176,7 +1268,7 @@ export default {
reject(res.message); reject(res.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
weui.topTips("上传失败！请检查"); weui.topTips("上传失败！请检查");
reject(err); reject(err);
...@@ -1200,7 +1292,7 @@ export default { ...@@ -1200,7 +1292,7 @@ export default {
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function (res) { success: function(res) {
loading.hide(); loading.hide();
if (res.code == "10000") { if (res.code == "10000") {
wefileId = res.results; wefileId = res.results;
...@@ -1209,7 +1301,7 @@ export default { ...@@ -1209,7 +1301,7 @@ export default {
reject(res.message); reject(res.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
reject(err); reject(err);
}, },
...@@ -1240,7 +1332,7 @@ export default { ...@@ -1240,7 +1332,7 @@ export default {
headers: { headers: {
Authorization: getQueryParams("seesionID"), Authorization: getQueryParams("seesionID"),
}, },
success: function (res) { success: function(res) {
loading.hide(); loading.hide();
if (res.code == "10000") { if (res.code == "10000") {
resolve(res.results); resolve(res.results);
...@@ -1248,7 +1340,7 @@ export default { ...@@ -1248,7 +1340,7 @@ export default {
reject(res.message); reject(res.message);
} }
}, },
error: function (err) { error: function(err) {
loading.hide(); loading.hide();
reject(err); reject(err);
}, },
...@@ -1268,24 +1360,267 @@ export default { ...@@ -1268,24 +1360,267 @@ export default {
return false; return false;
}, },
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.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%;
.contentBox { .choiceBox {
text-align: center;
font-weight: bold;
height: 100rpx;
line-height: 100rpx;
padding: 0;
border-bottom: 1rpx solid #e6e6e6;
}
.cardsList {
width: 100%;
height: calc(100% - 260rpx);
overflow-y: scroll;
}
.ListItem {
border-bottom: 1rpx solid #e6e6e6;
font-size: 30rpx;
padding: 25rpx 0;
background: #fff;
position: relative;
text-align: center;
}
.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 {
width: 574rpx;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding-top: 36rpx;
font-size: 24rpx;
.cardNumleft {
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
}
.cardNumright {
font-family: PingFang SC;
font-weight: 500;
text-decoration: underline;
color: #ffffff;
}
}
.RechargeDetailed {
text-align: center;
// width: 118rpx;
height: 32rpx;
margin: 0 auto;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
text-decoration: underline;
color: #36a8ff;
margin-top: 50rpx;
}
.contentBox {
width: 670rpx; width: 670rpx;
height: 376rpx; height: 376rpx;
margin: 0 auto; margin: 0 auto;
} }
.contentDiv { .contentDiv {
height: 100%; height: 100%;
// margin-top: 36rpx; // margin-top: 36rpx;
border-radius: 15rpx; border-radius: 15rpx;
...@@ -1295,14 +1630,14 @@ page { ...@@ -1295,14 +1630,14 @@ page {
position: relative; position: relative;
top: 36rpx; top: 36rpx;
} }
.HidenText { .HidenText {
margin-top: 147rpx; margin-top: 147rpx;
} }
.HidenText, .HidenText,
.Balance { .Balance {
padding-left: 46rpx; padding-left: 46rpx;
padding-right: 40rpx; padding-right: 40rpx;
display: flex; display: flex;
...@@ -1310,19 +1645,19 @@ page { ...@@ -1310,19 +1645,19 @@ page {
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
} }
.Balance { .Balance {
margin-top: 20rpx; margin-top: 20rpx;
} }
.Recharge { .Recharge {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 70rpx; margin-top: 70rpx;
} }
.Recharge .leftdiv { .Recharge .leftdiv {
width: 192rpx; width: 192rpx;
height: 67rpx; height: 67rpx;
font-size: 48rpx; font-size: 48rpx;
...@@ -1330,33 +1665,33 @@ page { ...@@ -1330,33 +1665,33 @@ page {
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 67rpx; line-height: 67rpx;
} }
.Recharge .rightdiv { .Recharge .rightdiv {
height: 67rpx; height: 67rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
line-height: 67rpx; line-height: 67rpx;
} }
.Recharge .rightdiv image { .Recharge .rightdiv image {
position: relative; position: relative;
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
} }
.headview { .headview {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-left: 40rpx; padding-left: 40rpx;
padding-right: 40rpx; padding-right: 40rpx;
padding-top: 36rpx; padding-top: 36rpx;
} }
.headview .schoolname { .headview .schoolname {
width: 252rpx; width: 252rpx;
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
...@@ -1364,9 +1699,9 @@ page { ...@@ -1364,9 +1699,9 @@ page {
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 50rpx; line-height: 50rpx;
} }
.headview .IconCls { .headview .IconCls {
width: 170rpx; width: 170rpx;
height: 48rpx; height: 48rpx;
background: #20946d; background: #20946d;
...@@ -1377,22 +1712,90 @@ page { ...@@ -1377,22 +1712,90 @@ page {
color: #ffffff; color: #ffffff;
line-height: 48rpx; line-height: 48rpx;
text-align: center; 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 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
color: #333333; color: #333333;
} }
.choiceClass { .choiceClass {
background: #01bc73 !important; background: #01bc73 !important;
color: #fff; color: #fff;
} }
.MoneyBox view { .MoneyBox view {
width: 206rpx; width: 206rpx;
height: 133rpx; height: 133rpx;
background: #f5f5f5; background: #f5f5f5;
...@@ -1401,17 +1804,17 @@ page { ...@@ -1401,17 +1804,17 @@ page {
text-align: center; text-align: center;
position: relative; position: relative;
} }
.depotMoney .value { .depotMoney .value {
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
line-height: 133rpx; line-height: 133rpx;
text-align: center; text-align: center;
} }
.depotMoney .tips { .depotMoney .tips {
// width: 79rpx; // width: 79rpx;
height: 33rpx; height: 33rpx;
background: linear-gradient(180deg, #fa6400 0%, #fd9d00 100%); background: linear-gradient(180deg, #fa6400 0%, #fd9d00 100%);
...@@ -1424,9 +1827,9 @@ page { ...@@ -1424,9 +1827,9 @@ page {
position: absolute; position: absolute;
right: 0rpx; right: 0rpx;
line-height: 33rpx; line-height: 33rpx;
} }
.OtherMoney { .OtherMoney {
display: flex; display: flex;
justify-content: center; justify-content: center;
color: #999999; color: #999999;
...@@ -1437,9 +1840,9 @@ page { ...@@ -1437,9 +1840,9 @@ page {
line-height: 40rpx; line-height: 40rpx;
margin-top: 26rpx; margin-top: 26rpx;
} }
.OtherMoney view:nth-child(2) { .OtherMoney view:nth-child(2) {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
background: #f0f0f0; background: #f0f0f0;
...@@ -1448,16 +1851,39 @@ page { ...@@ -1448,16 +1851,39 @@ page {
line-height: 30rpx; line-height: 30rpx;
margin-top: 7rpx; margin-top: 7rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
.payType { .paytype {
display: flex;
margin-top: 39rpx;
width: 100%;
height: 40rpx;
justify-content: space-between;
font-size: 28rpx;
.left {
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
}
.right {
color: rgba(0, 0, 0, 0.85);
.van-icon {
font-size: 28rpx;
color: #161616;
}
}
}
.payType {
height: 98rpx; height: 98rpx;
line-height: 98rpx; line-height: 98rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.payType view:nth-child(1) { .payType view:nth-child(1) {
width: 120rpx; width: 120rpx;
height: 42rpx; height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -1465,9 +1891,9 @@ page { ...@@ -1465,9 +1891,9 @@ page {
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height: 98rpx; line-height: 98rpx;
} }
.payType view::nth-child(2) { .payType view::nth-child(2) {
width: 225rpx; width: 225rpx;
height: 45rpx; height: 45rpx;
font-size: 32rpx; font-size: 32rpx;
...@@ -1475,9 +1901,9 @@ page { ...@@ -1475,9 +1901,9 @@ page {
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
line-height: 45rpx; line-height: 45rpx;
} }
.switchbankCard { .switchbankCard {
width: 224px; width: 224px;
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
...@@ -1486,9 +1912,9 @@ page { ...@@ -1486,9 +1912,9 @@ page {
color: #999999; color: #999999;
line-height: 40rpx; line-height: 40rpx;
margin-top: 12rpx; margin-top: 12rpx;
} }
.arrow { .arrow {
transform: rotate(-45deg); transform: rotate(-45deg);
top: -1rpx; top: -1rpx;
border: solid #999999; border: solid #999999;
...@@ -1496,9 +1922,9 @@ page { ...@@ -1496,9 +1922,9 @@ page {
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
} }
.DepositID { .DepositID {
width: 630rpx; width: 630rpx;
height: 92rpx; height: 92rpx;
background: #04ba73; background: #04ba73;
...@@ -1510,18 +1936,18 @@ page { ...@@ -1510,18 +1936,18 @@ page {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
} }
.DepositID span { .DepositID span {
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 92rpx; line-height: 92rpx;
} }
.MyPhoneCls { .MyPhoneCls {
position: fixed; position: fixed;
width: 562rpx; width: 562rpx;
height: 497rpx; height: 497rpx;
...@@ -1532,9 +1958,9 @@ page { ...@@ -1532,9 +1958,9 @@ page {
font-size: 30rpx; font-size: 30rpx;
background: #fff; background: #fff;
border-radius: 8rpx; border-radius: 8rpx;
} }
.closePhoneBox { .closePhoneBox {
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
background: #7e7e7e; background: #7e7e7e;
...@@ -1546,9 +1972,9 @@ page { ...@@ -1546,9 +1972,9 @@ page {
color: #bebebe; color: #bebebe;
border-radius: 100%; border-radius: 100%;
border: 2px solid #bebebe; border: 2px solid #bebebe;
} }
.doBtnTx { .doBtnTx {
width: 506rpx; width: 506rpx;
height: 92rpx; height: 92rpx;
background: #04ba73; background: #04ba73;
...@@ -1560,54 +1986,54 @@ page { ...@@ -1560,54 +1986,54 @@ page {
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
bottom: 38rpx; bottom: 38rpx;
} }
.MyPhoneCls input { .MyPhoneCls input {
border: none; border: none;
outline: none; outline: none;
height: 80rpx; height: 80rpx;
line-height: 80rpx; line-height: 80rpx;
padding-left: 50rpx; padding-left: 50rpx;
} }
.PhoneNum, .PhoneNum,
.VerifyCode { .VerifyCode {
width: 506rpx; width: 506rpx;
height: 80rpx; height: 80rpx;
line-height: 60rpx; line-height: 60rpx;
background: #f7f6fb; background: #f7f6fb;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.VerifyCode { .VerifyCode {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.VerifyCode input { .VerifyCode input {
width: 200rpx; width: 200rpx;
} }
.CodeMsg { .CodeMsg {
color: #01bc73; color: #01bc73;
background: #f7f6fb; background: #f7f6fb;
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
line-height: 80rpx; line-height: 80rpx;
letter-spacing: 3rpx; letter-spacing: 3rpx;
} }
.placeholderInput { .placeholderInput {
color: #aaaaaa; color: #aaaaaa;
font-size: 32rpx; font-size: 32rpx;
font-weight: 500; font-weight: 500;
letter-spacing: 3rpx; letter-spacing: 3rpx;
// padding-left: 50rpx; // padding-left: 50rpx;
height: 80rpx; height: 80rpx;
} }
.OtherTitle { .OtherTitle {
height: 67rpx; height: 67rpx;
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
...@@ -1616,46 +2042,46 @@ page { ...@@ -1616,46 +2042,46 @@ page {
line-height: 67rpx; line-height: 67rpx;
padding-top: 60rpx; padding-top: 60rpx;
} }
.inputOtherM { .inputOtherM {
display: flex; display: flex;
height: 100rpx; height: 100rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.inputOtherM input { .inputOtherM input {
border: none; border: none;
outline: none; outline: none;
height: 50rpx; height: 50rpx;
padding-left: 16rpx; padding-left: 16rpx;
font-size: 72rpx; font-size: 72rpx;
font-weight: 600; font-weight: 600;
} }
.inputOtherM span:nth-child(1) { .inputOtherM span:nth-child(1) {
width: 72rpx; width: 72rpx;
font-size: 80rpx; font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 100rpx; line-height: 100rpx;
} }
.OtherLine { .OtherLine {
width: 631rpx; width: 631rpx;
height: 1rpx; height: 1rpx;
background-color: #cccccc; background-color: #cccccc;
margin-top: 19rpx; margin-top: 19rpx;
} }
.depositImg { .depositImg {
width: 14rpx; width: 14rpx;
vertical-align: middle; vertical-align: middle;
margin-right: 8rpx; margin-right: 8rpx;
} }
.Recharge_ { .Recharge_ {
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -1663,29 +2089,29 @@ page { ...@@ -1663,29 +2089,29 @@ page {
color: #333333; color: #333333;
line-height: 40rpx; line-height: 40rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.Recharge_ span:nth-child(2) { .Recharge_ span:nth-child(2) {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #fa6400; color: #fa6400;
} }
.placeholderinputOtherM { .placeholderinputOtherM {
height: 50rpx; height: 50rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 50rpx; line-height: 50rpx;
} }
// 异常处理 // 异常处理
.RechargeException { .RechargeException {
padding-top: 20rpx; padding-top: 20rpx;
} }
.weui-label { .weui-label {
// width: 118rpx; // width: 118rpx;
height: 42rpx; height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -1695,9 +2121,9 @@ page { ...@@ -1695,9 +2121,9 @@ page {
line-height: 42rpx; line-height: 42rpx;
font-weight: bold; font-weight: bold;
margin-left: 30rpx; margin-left: 30rpx;
} }
.tiptext { .tiptext {
height: 1.06rem; height: 1.06rem;
font-size: 0.75rem; font-size: 0.75rem;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -1706,9 +2132,9 @@ page { ...@@ -1706,9 +2132,9 @@ page {
line-height: 1.06rem; line-height: 1.06rem;
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
text-align: center; text-align: center;
} }
.bottomDetail { .bottomDetail {
width: 628rpx; width: 628rpx;
height: 88rpx; height: 88rpx;
color: white; color: white;
...@@ -1721,37 +2147,37 @@ page { ...@@ -1721,37 +2147,37 @@ page {
line-height: 88rpx; line-height: 88rpx;
margin-top: 84rpx; margin-top: 84rpx;
} }
.RechargeException input::placeholder { .RechargeException input::placeholder {
color: #a1a4a8; color: #a1a4a8;
} }
.RechargeException .weui-cell { .RechargeException .weui-cell {
height: 4rem; height: 4rem;
padding: 0 !important; padding: 0 !important;
} }
.idCardPhoto1, .idCardPhoto1,
.idCardPhoto2 { .idCardPhoto2 {
width: 388rpx; width: 388rpx;
height: 224rpx; height: 224rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.idCardPhoto1 image, .idCardPhoto1 image,
.idCardPhoto2 image { .idCardPhoto2 image {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.weui-toptips_success { .weui-toptips_success {
background-color: #03bc73 !important; background-color: #03bc73 !important;
} }
.positionCam { .positionCam {
height: 32rpx; height: 32rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; font-family: PingFang-SC-Medium, PingFang-SC;
...@@ -1761,5 +2187,5 @@ page { ...@@ -1761,5 +2187,5 @@ page {
text-align: center; text-align: center;
position: relative; position: relative;
top: -29px; top: -29px;
} }
</style> </style>
src/pages/commonProblem/commonProblem.vue 0 → 100644
View file @ ea105639
<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 @ ea105639
<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