Skip to content

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

充值限制

parent 13f49789
Show whitespace changes
Inline Side-by-side
Showing with 4556 additions and 4263 deletions
src/pages/BankModule/Recharge/Recharge.vue
View file @ 46da0804
...@@ -6,7 +6,8 @@ ...@@ -6,7 +6,8 @@
<image :src="ImgUrl + 'user/personAva.png'" alt=""></image> <image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
</view> </view>
<view class="name">{{ PersonalInfo.name }}</view> <view class="name">{{ PersonalInfo.name }}</view>
<view v-if="PersonalInfo.usertype == '1'">{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }} <view v-if="PersonalInfo.usertype == '1'"
>{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}
</view> </view>
<view v-else>教职工</view> <view v-else>教职工</view>
</view> </view>
...@@ -20,22 +21,33 @@ ...@@ -20,22 +21,33 @@
<view>{{ cardBalanceTx }}</view> <view>{{ cardBalanceTx }}</view>
</view> </view>
<view class="right"> <view class="right">
<van-popover v-model="showPopover" trigger="click" placement="bottom-end"> <van-popover
<view class="popoverItem" v-for="(item, index) in actions" @click="onSelect(item)" v-model="showPopover"
:id="item.id ? item.id : '#item'+index" > trigger="click"
{{item.text}} placement="bottom-end"
>
<view
class="popoverItem"
v-for="(item, index) in actions"
@click="onSelect(item)"
:id="item.id ? item.id : '#item' + index"
>
{{ item.text }}
</view> </view>
<template #reference> <template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image> <image
class="icon"
:src="ImgUrl + 'user/more.png'"
alt=""
></image>
</template> </template>
</van-popover> </van-popover>
</view> </view>
</view> </view>
<view class="lastLine"> <view class="lastLine">
<view>**** **** **** <view
{{ >**** **** ****
bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
}}
</view> </view>
<view class="right" @click="ToWalletTx"> <view class="right" @click="ToWalletTx">
<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> --> <!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
...@@ -53,39 +65,65 @@ ...@@ -53,39 +65,65 @@
</view> </view>
<!-- 卡号显示 --> <!-- 卡号显示 -->
<view class="cardNum"> <view class="cardNum">
<view class="cardNumleft"><span>账户：</span> **** **** **** <view class="cardNumleft"
><span>账户：</span> **** **** ****
{{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }} {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
<span>({{ accountEnum[bankInfo_.accountType + ""] }})</span> <span>({{ accountEnum[bankInfo_.accountType + ""] }})</span>
</view> </view>
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber"
>复制</view
>
</view> </view>
<view class="HidenText"> <view class="HidenText">
<view class="userName" style=" <view
class="userName"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
"> "
姓名：<span>{{ PersonalInfo.name }}</span></view> >
<view class="StudentCls" style=" 姓名：<span>{{ PersonalInfo.name }}</span></view
>
<view
class="StudentCls"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" v-if="PersonalInfo.usertype == '1'"> "
v-if="PersonalInfo.usertype == '1'"
>
班级：{{ PersonalInfo.gradename }}({{ 班级：{{ PersonalInfo.gradename }}({{
PersonalInfo.classname PersonalInfo.classname
}})</view> }})</view
<view class="TeacherCls" style=" >
<view
class="TeacherCls"
style="
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
" v-else>教职工</view> "
v-else
>教职工</view
>
</view> </view>
<view class="Balance"> <view class="Balance">
<view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view> <view class="cardBalanceTx"
>余额：￥<span>{{ cardBalanceTx }}</span></view
>
<view @click="ToWalletTx"> <view @click="ToWalletTx">
<span style="display: inline-block; padding-right: 10rpx">余额提现</span> <span style="display: inline-block; padding-right: 10rpx"
<image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix" >余额提现</span
: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>
...@@ -93,34 +131,54 @@ ...@@ -93,34 +131,54 @@
<!-- <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> <!-- <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
账户明细 账户明细
</view> --> </view> -->
<template v-if="rechargeLimit == 1">
<!-- 充值账户 --> <!-- 充值账户 -->
<view class="Recharge"> <view class="Recharge">
<span>充值金额</span> <span>充值金额</span>
</view> </view>
<view class="moneyWrapper"> <view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)" <view
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0" class="moneyItem"
v-for="(item, index) in MoneyList" :key="index"> @click="depotMoney(item.value, index)"
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.value }}</view>
<view> {{ item.lable }}</view> <view> {{ item.lable }}</view>
</view> </view>
<view class="other"> <view class="other">
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" <input
:placeholder="typeCode == 'SPDB' ? '其他金额，最低100元' : '其他金额，最低3元'" v-model="inputOtherM"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> @input="inputControl"
@blur="ReturnToTop"
:placeholder="
typeCode == 'SPDB' ? '其他金额，最低100元' : '其他金额，最低3元'
"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
</view> </view>
<!-- 充值的金额 --> <!-- 充值的金额 -->
<view class="MoneyBox" style="display: none"> <view class="MoneyBox" style="display: none">
<view class="depotMoney" @click="depotMoney(item.value, index)" <view
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" :data-money="item.value || 0" class="depotMoney"
v-for="(item, index) in MoneyList" :key="index"> @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"> <span class="value">
{{ item.value }} {{ item.value }}
</span> </span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{ <span
item.lable style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx"
}}</span> >{{ item.lable }}</span
>
<!-- <span class="tips" v-show="item.tips"> <!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
...@@ -139,18 +197,34 @@ ...@@ -139,18 +197,34 @@
<!-- <view class="OtherMoney" v-if="isOtherMoney"> --> <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney" style="display: none"> <view class="OtherMoney" style="display: none">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元" <input
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
<!-- 充值限额提示 --> <!-- 充值限额提示 -->
<view class="depositbox"> <view class="depositbox">
<image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image> <image
<span style=" mode="widthFix"
class="depositImg"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
vertical-align: middle; vertical-align: middle;
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span> "
>最大可充值金额：<span style="color: red"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span
></span
>
</view> </view>
<!-- 支付方式 --> <!-- 支付方式 -->
<view class="paytype"> <view class="paytype">
...@@ -175,29 +249,46 @@ ...@@ -175,29 +249,46 @@
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> --> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 --> <!-- 充值生活费 -->
<view class="bottomdiv"> <view class="bottomdiv">
<view class="DepositID" @click="toDeposit" <view
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"> class="DepositID"
@click="toDeposit"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
>
<span>充值生活费</span> <span>充值生活费</span>
</view> </view>
<view class="service">{{bankInfo_.accountName}}{{typeCode != 'BOHAI' ? 'Ⅲ' :'Ⅱ'}}类户为您提供服务</view> <view class="service"
>{{ bankInfo_.accountName
}}{{ typeCode != "BOHAI" ? "Ⅲ" : "Ⅱ" }}类户为您提供服务</view
>
<!-- --> <!-- -->
<!-- <view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> --> <!-- <view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> -->
</view> </view>
</template>
<template v-else>
<view class="rechageWallet" @click="turnRechargeWallet">充值校园钱包 >></view>
</template>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" style="display: none"> <view class="contentBox" style="display: none">
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM" <input
type="text" maxlength="6" /> v-model="inputOtherM"
@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>3.00 ~ {{ RechargeMax }}</span></span> <span
>￥<span>3.00 ~ {{ RechargeMax }}</span></span
>
</view> </view>
</view> </view>
<!-- 弹出层 --> <!-- 弹出层 -->
...@@ -209,26 +300,51 @@ ...@@ -209,26 +300,51 @@
<image src="../../../static/img/close.png" mode="aspectFit"></image> <image src="../../../static/img/close.png" mode="aspectFit"></image>
</view> </view>
<view class="RechargeInfo1"> 验证校园卡开卡手机号 </view> <view class="RechargeInfo1"> 验证校园卡开卡手机号 </view>
<van-field label-class="openCardPhonTxt" label="手机号:" maxlength="11" v-model="openCardPhon" <van-field
placeholder="校园卡开卡手机号" center :border="false"> label-class="openCardPhonTxt"
label="手机号:"
maxlength="11"
v-model="openCardPhon"
placeholder="校园卡开卡手机号"
center
:border="false"
>
<view slot="right-icon" v-if="bankInfo_.accountType == 4"> <view slot="right-icon" v-if="bankInfo_.accountType == 4">
<view class="changPhone" style="display: flex; justify-content: center" <view
@click="changePhone">变更手机号 class="changPhone"
style="display: flex; justify-content: center"
@click="changePhone"
>变更手机号
<van-icon name="arrow" /> <van-icon name="arrow" />
</view> </view>
</view> </view>
</van-field> </van-field>
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<van-field v-model="openCardPhonSms" label-class="openCardPhonSmsTxt" maxlength="6" label="验证码:" <van-field
placeholder="输入短信验证码" center clearable :border="false"> v-model="openCardPhonSms"
<van-button slot="button" size="small" type="primary" @click="SendSms"> label-class="openCardPhonSmsTxt"
maxlength="6"
label="验证码:"
placeholder="输入短信验证码"
center
clearable
:border="false"
>
<van-button
slot="button"
size="small"
type="primary"
@click="SendSms"
>
<div style="font-size: 28rpx">{{ CodeMsg }}</div> <div style="font-size: 28rpx">{{ CodeMsg }}</div>
</van-button> </van-button>
</van-field> </van-field>
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<!-- 取消 确认充值按钮 --> <!-- 取消 确认充值按钮 -->
<view class="BtngGoup"> <view class="BtngGoup">
<view class="" @click="unattachedCard" v-if="unbindFlag">去解绑</view> <view class="" @click="unattachedCard" v-if="unbindFlag"
>去解绑</view
>
<view class="" @click="ExchangeRecharge" v-else> 充值 </view> <view class="" @click="ExchangeRecharge" v-else> 充值 </view>
</view> </view>
</view> </view>
...@@ -236,35 +352,68 @@ ...@@ -236,35 +352,68 @@
</uni-popup> </uni-popup>
<!-- 选择银行卡 --> <!-- 选择银行卡 -->
<view class="selectCard"> <view class="selectCard">
<van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }"> <van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<!-- 银行卡列表 --> <!-- 银行卡列表 -->
<view class="accountlist"> <view class="accountlist">
<!-- 切换绑定的一类卡列表 --> <!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList"> <view class="showBindCardList">
<view class="choiceBox">选择付款账户</view> <view class="choiceBox">选择付款账户</view>
<view class="cardsList" v-if="typeCode == 'SPDB'"> <view class="cardsList" v-if="typeCode == 'SPDB'">
<view class="ListItem" v-for="(item, index) in bindcardList" :key="index"> <view
class="ListItem"
v-for="(item, index) in bindcardList"
:key="index"
>
<span class="BankListImgSpan" @click="ChangeCardPay(item)"> <span class="BankListImgSpan" @click="ChangeCardPay(item)">
<image class="BankListImg" src="../../../static/img/choiceBank.png" <image
v-if="item.bindCardNo == bankInfo_.bindCardNo"></image> class="BankListImg"
src="../../../static/img/choiceBank.png"
v-if="item.bindCardNo == bankInfo_.bindCardNo"
></image>
</span> </span>
<span style="padding-right: 10px" @click="ChangeCardPay(item)">{{ item.bindCardName }} <span style="padding-right: 10px" @click="ChangeCardPay(item)"
>{{ item.bindCardName }}
</span> </span>
<span @click="ChangeCardPay(item)">尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span> <span @click="ChangeCardPay(item)"
>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
<!-- <image class="BankListImg" src="../../../static/img/choiceBank.png"></image> --> <!-- <image class="BankListImg" src="../../../static/img/choiceBank.png"></image> -->
<van-icon name="delete" class="delete" @click="unattachedCardBefore(item)" /> <van-icon
name="delete"
class="delete"
@click="unattachedCardBefore(item)"
/>
</view> </view>
</view> </view>
<view class="cardsList" v-else> <view class="cardsList" v-else>
<view class="ListItem" v-for="(item, index) in bindcardList" :key="index" <view
@click="ChangeCardPay(item)"> class="ListItem"
v-for="(item, index) in bindcardList"
:key="index"
@click="ChangeCardPay(item)"
>
<span class="BankListImgSpan"> <span class="BankListImgSpan">
<image class="BankListImg" src="../../../static/img/choiceBank.png" <image
v-if="item.bindCardNo == bankInfo_.bindCardNo"></image> class="BankListImg"
src="../../../static/img/choiceBank.png"
v-if="item.bindCardNo == bankInfo_.bindCardNo"
></image>
</span> </span>
<span style="padding-right: 10px">{{ item.bindCardName }} <span style="padding-right: 10px"
>{{ item.bindCardName }}
</span> </span>
<span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span> <span
>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
</view> </view>
</view> </view>
<view class="changeCard" @click="ChangeBankPay">我要换卡支付</view> <view class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
...@@ -300,30 +449,28 @@ ...@@ -300,30 +449,28 @@
</template> </template>
<script> <script>
import { import { Dialog, Toast } from "vant";
Dialog, import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
Toast import cityData from "@/common/js/city.js";
} from "vant"; var gHost = "https://" + window.location.host;
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue"; if (window.location.protocol != "https:") {
import cityData from "@/common/js/city.js";
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 = ""; //一类卡号 rechargeLimit = "";
var orderSerialNo = ""; //提现结果查询 指令号 var payCardNumber = ""; //一类卡号
var businessNo = "", var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = "",
otpOrderNo = "", otpOrderNo = "",
mobileNo = ""; mobileNo = "";
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: "",
...@@ -331,14 +478,14 @@ ...@@ -331,14 +478,14 @@
userId: "", userId: "",
sessionid: "", sessionid: "",
wechattype: 1, wechattype: 1,
}; };
var accountType = ""; var accountType = "";
let orderApi = window.location.origin; let orderApi = window.location.origin;
/** /**
* 对象转拼接字符串 * 对象转拼接字符串
* @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) {
...@@ -350,8 +497,8 @@ ...@@ -350,8 +497,8 @@
resL++; resL++;
} }
return outS; return outS;
} }
export default { export default {
components: { components: {
keyboardPackage, keyboardPackage,
}, },
...@@ -360,23 +507,27 @@ ...@@ -360,23 +507,27 @@
return { return {
showPopover: false, showPopover: false,
// 通过 actions 属性来定义菜单选项 // 通过 actions 属性来定义菜单选项
actions: [{ actions: [
{
text: "复制卡号", text: "复制卡号",
id: "cardNumright" id: "cardNumright",
}, {
text: "账户明细"
}, {
text: "常见问题"
}, },
{ {
text: "证件更新" text: "账户明细",
}, },
{ {
text: "申请激活" text: "常见问题",
}, },
{ {
text: "在线销户" text: "证件更新",
}], },
{
text: "申请激活",
},
{
text: "在线销户",
},
],
popshow: false, popshow: false,
// 输入其它金额 // 输入其它金额
isOtherMoney: false, isOtherMoney: false,
...@@ -396,13 +547,15 @@ ...@@ -396,13 +547,15 @@
name: "", name: "",
usertype: "1", usertype: "1",
}, },
rechargeLimit: "",
bankInfo_: { bankInfo_: {
accountNo: "**** **** **** 1234", accountNo: "**** **** **** 1234",
bindCardName: "", bindCardName: "",
bindCardNo: "", bindCardNo: "",
}, },
ImgUrl: this.$ImgUrl, ImgUrl: this.$ImgUrl,
MoneyList: [{ MoneyList: [
{
lable: "元", lable: "元",
value: 100, value: 100,
}, },
...@@ -448,21 +601,23 @@ ...@@ -448,21 +601,23 @@
RechargeSmsorderNoInfo: {}, //第三方合作交易标识 RechargeSmsorderNoInfo: {}, //第三方合作交易标识
typeCode: "", typeCode: "",
unbindFlag: false, // 解绑标志 unbindFlag: false, // 解绑标志
unattachedCardItem: {} unattachedCardItem: {},
}; };
}, },
onLoad: function(options) { onLoad: function (options) {
console.log(options); console.log(options);
// 初始化 // 初始化
userID = options["userID"] || ""; userID = options["userID"] || "";
sessionID = options["seesionID"] || ""; sessionID = options["seesionID"] || "";
fromType = options["fromType"] || ""; fromType = options["fromType"] || "";
bankInfo.sessionid = sessionID || ""; bankInfo.sessionid = sessionID || "";
this.rechargeLimit = options["rechargeLimit"] || "";
console.log(this.rechargeLimit, 'rechargeLimit')
this.beforeQuerySignStatus(); this.beforeQuerySignStatus();
}, },
created: function() {}, created: function () {},
mounted: function() {}, mounted: function () {},
onShow: function() { onShow: function () {
if (bankInfo.userId) { if (bankInfo.userId) {
this.queryBankInfo(); this.queryBankInfo();
} }
...@@ -479,18 +634,18 @@ ...@@ -479,18 +634,18 @@
}); });
} else if (action.text == "在线销户") { } else if (action.text == "在线销户") {
jWeixin.miniProgram.redirectTo({ jWeixin.miniProgram.redirectTo({
url: `/pages/AssignCancelUserPhone/main` url: `/pages/AssignCancelUserPhone/main`,
}); });
} else if (action.text == "证件更新") { } else if (action.text == "证件更新") {
jWeixin.miniProgram.redirectTo({ jWeixin.miniProgram.redirectTo({
url: `/pages_subpackB/pages/certificateBohaiUpdate/main` url: `/pages_subpackB/pages/certificateBohaiUpdate/main`,
}); });
}else if (action.text == "申请激活") { } else if (action.text == "申请激活") {
this.activeBankcard() this.activeBankcard();
} }
}, },
// 交通银行申请激活银行卡 // 交通银行申请激活银行卡
activeBankcard(){ activeBankcard() {
$.ajax({ $.ajax({
url: gHost + "/bank-wechat/account/manager/accActivation", url: gHost + "/bank-wechat/account/manager/accActivation",
type: "POST", type: "POST",
...@@ -500,32 +655,40 @@ ...@@ -500,32 +655,40 @@
// userId: 4145598, //用户id // userId: 4145598, //用户id
schoolId: bankInfo.schoolId, //学校id schoolId: bankInfo.schoolId, //学校id
userId: userID, //用户id userId: userID, //用户id
sessionid: sessionID sessionid: sessionID,
}, },
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: function(respes) { success: function (respes) {
if (respes.code == "10000") { if (respes.code == "10000") {
console.log(respes.results.url,'respes.results.url') console.log(respes.results.url, "respes.results.url");
let flag = true; let flag = true;
jWeixin.miniProgram.redirectTo({ jWeixin.miniProgram.redirectTo({
url: `/pages_subpackB/pages/bocomToH5/main?pageUrl=`+encodeURIComponent(respes.results.url)+'&flag='+flag url:
`/pages_subpackB/pages/bocomToH5/main?pageUrl=` +
encodeURIComponent(respes.results.url) +
"&flag=" +
flag,
}); });
} else { } else {
// Toast(respes.message || "申请激活失败,请重试！"); // Toast(respes.message || "申请激活失败,请重试！");
let flag = false; let flag = false;
jWeixin.miniProgram.redirectTo({ jWeixin.miniProgram.redirectTo({
url: `/pages_subpackB/pages/bocomToH5/main?flag=`+flag+ '&reason='+respes.message url:
`/pages_subpackB/pages/bocomToH5/main?flag=` +
flag +
"&reason=" +
respes.message,
}); });
throw new Error("申请激活失败,请重试！"); throw new Error("申请激活失败,请重试！");
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
let flag = false; let flag = false;
jWeixin.miniProgram.redirectTo({ jWeixin.miniProgram.redirectTo({
url: `/pages_subpackB/pages/bocomToH5/main?flag=`+flag url: `/pages_subpackB/pages/bocomToH5/main?flag=` + flag,
}); });
Toast(err || "申请激活失败,请重试！"); Toast(err || "申请激活失败,请重试！");
throw new Error("申请激活失败,请重试！"); throw new Error("申请激活失败,请重试！");
...@@ -542,7 +705,7 @@ ...@@ -542,7 +705,7 @@
// 解绑银行卡提示 浦发银行 // 解绑银行卡提示 浦发银行
unattachedCardBefore(item) { unattachedCardBefore(item) {
this.unattachedCardItem = item; this.unattachedCardItem = item;
console.log(item, 'itemm') console.log(item, "itemm");
// this.$refs.popup.open("top"); // this.$refs.popup.open("top");
const self = this; const self = this;
let bankno = item.bindCardNo.slice(item.bindCardNo.length - 4); let bankno = item.bindCardNo.slice(item.bindCardNo.length - 4);
...@@ -586,18 +749,18 @@ ...@@ -586,18 +749,18 @@
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: function(respes) { success: function (respes) {
loading.clear(); loading.clear();
if (respes.code == "10000") { if (respes.code == "10000") {
console.log(respes, "respes"); console.log(respes, "respes");
Toast('解绑成功'); Toast("解绑成功");
self.$refs.popup.close(); self.$refs.popup.close();
} else { } else {
Toast(respes.message || "解绑银行卡失败,请重试！"); Toast(respes.message || "解绑银行卡失败,请重试！");
throw new Error("解绑银行卡失败,请重试！"); throw new Error("解绑银行卡失败,请重试！");
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
Toast(err || "解绑银行卡失败,请重试！"); Toast(err || "解绑银行卡失败,请重试！");
throw new Error("解绑银行卡失败,请重试！"); throw new Error("解绑银行卡失败,请重试！");
...@@ -625,6 +788,11 @@ ...@@ -625,6 +788,11 @@
this.BackToMini("AssignAddCard"); this.BackToMini("AssignAddCard");
uni.hideLoading(); uni.hideLoading();
}, },
turnRechargeWallet(){
jWeixin.miniProgram.navigateTo({
url: `/pages/depositWallet/main`,
});
},
// 验证码弹出框开启 // 验证码弹出框开启
toDeposit() { toDeposit() {
console.log(this.isOtherMoney, "isOtherMoney"); console.log(this.isOtherMoney, "isOtherMoney");
...@@ -660,7 +828,7 @@ ...@@ -660,7 +828,7 @@
this.msCount = 60; this.msCount = 60;
this.openCardPhonSms = ""; this.openCardPhonSms = "";
} }
if (bankInfo.typeCode != 'SPDB') { if (bankInfo.typeCode != "SPDB") {
this.$refs.popup.open("top"); this.$refs.popup.open("top");
} else { } else {
this.ExchangeRecharge(); this.ExchangeRecharge();
...@@ -678,7 +846,8 @@ ...@@ -678,7 +846,8 @@
$(".doBtnTx").html("提现"); $(".doBtnTx").html("提现");
opeType = 1; opeType = 1;
uni.navigateTo({ uni.navigateTo({
url: "../Reflect/Reflect?" + url:
"../Reflect/Reflect?" +
OforS({ OforS({
sessionID: sessionID, sessionID: sessionID,
userID: userID, userID: userID,
...@@ -696,7 +865,7 @@ ...@@ -696,7 +865,7 @@
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, "."); //只保留第一个. 清除多余的.
...@@ -708,7 +877,7 @@ ...@@ -708,7 +877,7 @@
obj.value = obj.value =
obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value; obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
let limitMoney = 3; let limitMoney = 3;
if (this_.typeCode == 'SPDB') { if (this_.typeCode == "SPDB") {
limitMoney = 100; limitMoney = 100;
} }
if (obj.value == "" || obj.value * 1 < limitMoney) { if (obj.value == "" || obj.value * 1 < limitMoney) {
...@@ -729,7 +898,7 @@ ...@@ -729,7 +898,7 @@
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);
}); });
}, },
...@@ -761,12 +930,12 @@ ...@@ -761,12 +930,12 @@
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,
}, },
success: function(respes) { success: function (respes) {
loading.clear(); loading.clear();
if (respes.code == "10000") { if (respes.code == "10000") {
console.log(respes, "respes"); console.log(respes, "respes");
...@@ -774,7 +943,8 @@ ...@@ -774,7 +943,8 @@
// 1已签约 // 1已签约
Dialog.alert({ Dialog.alert({
title: "使用说明", title: "使用说明",
message: "您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约", message:
"您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约",
theme: "round-button", theme: "round-button",
confirmButtonText: "前往签约", confirmButtonText: "前往签约",
confirmButtonColor: "#2ddbb6", confirmButtonColor: "#2ddbb6",
...@@ -795,7 +965,7 @@ ...@@ -795,7 +965,7 @@
throw new Error("代扣状态查询,请重试！"); throw new Error("代扣状态查询,请重试！");
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
Toast(err || "代扣状态查询,请重试！"); Toast(err || "代扣状态查询,请重试！");
throw new Error("代扣状态查询,请重试！"); throw new Error("代扣状态查询,请重试！");
...@@ -851,15 +1021,15 @@ ...@@ -851,15 +1021,15 @@
// 20211230渤海 // 20211230渤海
mobilePhone: this.openCardPhon, mobilePhone: this.openCardPhon,
msg: "充值", msg: "充值",
} };
let params1 = { let params1 = {
bizScene: '105322', bizScene: "105322",
mobileNum: this.openCardPhon, mobileNum: this.openCardPhon,
schoolId: bankInfo.schoolId, //学校id schoolId: bankInfo.schoolId, //学校id
userId: userID, //用户id userId: userID, //用户id
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
} };
$.ajax({ $.ajax({
url: exchangeUrl, url: exchangeUrl,
type: "POST", type: "POST",
...@@ -868,7 +1038,7 @@ ...@@ -868,7 +1038,7 @@
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: function(res5) { success: function (res5) {
loading.clear(); loading.clear();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.IntervalFun(); this_.IntervalFun();
...@@ -882,7 +1052,7 @@ ...@@ -882,7 +1052,7 @@
}); });
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
...@@ -970,10 +1140,15 @@ ...@@ -970,10 +1140,15 @@
verifyNo: this.openCardPhonSms, verifyNo: this.openCardPhonSms,
}; };
let bindingCardId = ""; let bindingCardId = "";
console.log(bankInfo.bindCardNo, 'bindCardNobindCardNobindCardNobindCardNo') console.log(
bankInfo.bindCardNo,
"bindCardNobindCardNobindCardNobindCardNo"
);
if (this.bindcardList.length) { if (this.bindcardList.length) {
let arr = this.bindcardList.filter(x => x.bindCardNo == bankInfo.bindCardNo); let arr = this.bindcardList.filter(
console.log(arr[0], '绑定卡绑定卡') (x) => x.bindCardNo == bankInfo.bindCardNo
);
console.log(arr[0], "绑定卡绑定卡");
if (arr.length) { if (arr.length) {
bindingCardId = arr[0].bindCardId; bindingCardId = arr[0].bindCardId;
} }
...@@ -992,11 +1167,11 @@ ...@@ -992,11 +1167,11 @@
url: exchangeUrl, url: exchangeUrl,
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: this_.typeCode == 'SPDB' ? params1 : params, data: this_.typeCode == "SPDB" ? params1 : params,
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();
...@@ -1008,9 +1183,9 @@ ...@@ -1008,9 +1183,9 @@
let accountNo = this_.bankInfo_.bindCardNo; let accountNo = this_.bankInfo_.bindCardNo;
accountNo = accountNo.slice(accountNo.length - 4, accountNo.length); accountNo = accountNo.slice(accountNo.length - 4, accountNo.length);
let minutes_ = let minutes_ =
thiTime.getMinutes().toString().length < 2 ? thiTime.getMinutes().toString().length < 2
thiTime.getMinutes().toString().padStart(2, "0") : ? thiTime.getMinutes().toString().padStart(2, "0")
thiTime.getMinutes().toString(); : thiTime.getMinutes().toString();
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
if (thiTime.getMinutes() + 20 >= 60) { if (thiTime.getMinutes() + 20 >= 60) {
...@@ -1023,7 +1198,7 @@ ...@@ -1023,7 +1198,7 @@
title: "充值申请已提交", title: "充值申请已提交",
content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。", content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。",
showCancel: false, showCancel: false,
success: function() { success: function () {
uni.navigateTo({ uni.navigateTo({
url: `../../recharging/recharging?bankName=${ url: `../../recharging/recharging?bankName=${
this_.bankInfo_.bindCardName this_.bankInfo_.bindCardName
...@@ -1053,7 +1228,7 @@ ...@@ -1053,7 +1228,7 @@
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
uni.hideLoading(); uni.hideLoading();
}, },
}); });
...@@ -1082,7 +1257,7 @@ ...@@ -1082,7 +1257,7 @@
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;
...@@ -1106,7 +1281,7 @@ ...@@ -1106,7 +1281,7 @@
}); });
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
...@@ -1118,10 +1293,10 @@ ...@@ -1118,10 +1293,10 @@
title: "系统提示", title: "系统提示",
message: "复制成功！", message: "复制成功！",
}); });
console.log(value, 'valuevaluevaluevaluevalue') console.log(value, "valuevaluevaluevaluevalue");
this.$nextTick(function() { this.$nextTick(function () {
let clipboard = new ClipboardJS("#cardNumright", { let clipboard = new ClipboardJS("#cardNumright", {
text: function() { text: function () {
return value; return value;
}, },
}); });
...@@ -1144,7 +1319,7 @@ ...@@ -1144,7 +1319,7 @@
}, },
//按钮操作 //按钮操作
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 {
...@@ -1194,7 +1369,7 @@ ...@@ -1194,7 +1369,7 @@
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();
...@@ -1204,7 +1379,7 @@ ...@@ -1204,7 +1379,7 @@
} }
this_.popshow = false; this_.popshow = false;
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -1228,7 +1403,7 @@ ...@@ -1228,7 +1403,7 @@
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;
...@@ -1236,7 +1411,7 @@ ...@@ -1236,7 +1411,7 @@
weui.topTips(res4.message); weui.topTips(res4.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -1281,8 +1456,8 @@ ...@@ -1281,8 +1456,8 @@
}; };
if (bankInfo.accountType == 5) { if (bankInfo.accountType == 5) {
Object.assign(params, { Object.assign(params, {
accountId: bankInfo.thirdId accountId: bankInfo.thirdId,
}) });
} }
$.ajax({ $.ajax({
url: queryBankInfoUrl, url: queryBankInfoUrl,
...@@ -1290,7 +1465,7 @@ ...@@ -1290,7 +1465,7 @@
timeout: 8000, timeout: 8000,
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function(res3) { success: function (res3) {
// loading.hide(); // loading.hide();
if (res3.code == "10000") { if (res3.code == "10000") {
if (bankInfo.accountType == 4) { if (bankInfo.accountType == 4) {
...@@ -1328,10 +1503,10 @@ ...@@ -1328,10 +1503,10 @@
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("请求超时，余额查询失败");
...@@ -1353,7 +1528,7 @@ ...@@ -1353,7 +1528,7 @@
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("获取用户银行信息失败!");
...@@ -1362,11 +1537,11 @@ ...@@ -1362,11 +1537,11 @@
} }
bankInfo = res2.results; bankInfo = res2.results;
this_.typeCode = res2.results.typeCode; this_.typeCode = res2.results.typeCode;
if(this_.typeCode != 'BOHAI'){ if (this_.typeCode != "BOHAI") {
this_.actions = this_.actions.filter(x => x.text != '证件更新' ); this_.actions = this_.actions.filter((x) => x.text != "证件更新");
} }
if(this_.typeCode != 'BOCOM'){ if (this_.typeCode != "BOCOM") {
this_.actions = this_.actions.filter(x => x.text != '申请激活' ); this_.actions = this_.actions.filter((x) => x.text != "申请激活");
} }
bankInfo.sessionid = sessionID; bankInfo.sessionid = sessionID;
this_.queryBankInfo(); //查余额 this_.queryBankInfo(); //查余额
...@@ -1377,7 +1552,7 @@ ...@@ -1377,7 +1552,7 @@
weui.topTips(res2.message); weui.topTips(res2.message);
} }
}, },
error: function(err) { error: function (err) {
// loading.hide(); // loading.hide();
}, },
}); });
...@@ -1400,7 +1575,7 @@ ...@@ -1400,7 +1575,7 @@
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function(res1) { success: function (res1) {
loading.clear(); loading.clear();
console.log(sessionID); console.log(sessionID);
if (res1.code == "10000") { if (res1.code == "10000") {
...@@ -1423,32 +1598,40 @@ ...@@ -1423,32 +1598,40 @@
}, 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%);
} }
.rechageWallet {
.BankListImgSpan { width: 100%;
text-align: center;
height: 100rpx;
line-height: 100rpx;
color: #04b871;
font-size: 30rpx;
margin-top: 20rpx;
}
.BankListImgSpan {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
position: relative; position: relative;
margin-right: 20rpx; margin-right: 20rpx;
display: inline-block; display: inline-block;
} }
.delete { .delete {
position: absolute; position: absolute;
top: 0; top: 0;
right: 120rpx; right: 120rpx;
...@@ -1457,17 +1640,17 @@ ...@@ -1457,17 +1640,17 @@
padding: 25rpx 0; padding: 25rpx 0;
padding-top: 28rpx; padding-top: 28rpx;
z-index: 1; z-index: 1;
} }
.BankListImg { .BankListImg {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
} }
.userInfoBox { .userInfoBox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: calc(100% - 64rpx); width: calc(100% - 64rpx);
...@@ -1533,15 +1716,15 @@ ...@@ -1533,15 +1716,15 @@
font-size: 26rpx; font-size: 26rpx;
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
} }
} }
.contentWrapper { .contentWrapper {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.balanceWrapper { .balanceWrapper {
width: calc(100% - 144rpx); width: calc(100% - 144rpx);
margin: 0 32rpx; margin: 0 32rpx;
margin-top: 24rpx; margin-top: 24rpx;
...@@ -1620,20 +1803,20 @@ ...@@ -1620,20 +1803,20 @@
height: 60rpx; height: 60rpx;
} }
} }
} }
.changPhone { .changPhone {
font-size: 14px; font-size: 14px;
color: #39f; color: #39f;
text-align: right; text-align: right;
} }
.accountlist { .accountlist {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.showBindCardList { .showBindCardList {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -1678,18 +1861,18 @@ ...@@ -1678,18 +1861,18 @@
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
} }
.SubmittedSuccessfully { .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;
...@@ -1709,9 +1892,9 @@ ...@@ -1709,9 +1892,9 @@
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;
...@@ -1722,15 +1905,15 @@ ...@@ -1722,15 +1905,15 @@
text-decoration: underline; text-decoration: underline;
color: #36a8ff; color: #36a8ff;
margin-top: 50rpx; margin-top: 50rpx;
} }
.contentBox { .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;
...@@ -1740,16 +1923,16 @@ ...@@ -1740,16 +1923,16 @@
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;
...@@ -1757,9 +1940,9 @@ ...@@ -1757,9 +1940,9 @@
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;
...@@ -1768,9 +1951,9 @@ ...@@ -1768,9 +1951,9 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
} }
.Recharge { .Recharge {
width: 100%; width: 100%;
height: 40rpx; height: 40rpx;
margin-top: 40rpx; margin-top: 40rpx;
...@@ -1779,9 +1962,9 @@ ...@@ -1779,9 +1962,9 @@
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4);
line-height: 40rpx; line-height: 40rpx;
} }
.headview { .headview {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// padding-left: 40rpx; // padding-left: 40rpx;
...@@ -1790,9 +1973,9 @@ ...@@ -1790,9 +1973,9 @@
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;
...@@ -1800,9 +1983,9 @@ ...@@ -1800,9 +1983,9 @@
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;
...@@ -1813,9 +1996,9 @@ ...@@ -1813,9 +1996,9 @@
color: #ffffff; color: #ffffff;
line-height: 48rpx; line-height: 48rpx;
text-align: center; text-align: center;
} }
.moneyWrapper { .moneyWrapper {
margin-top: 10rpx; margin-top: 10rpx;
width: 100%; width: 100%;
display: flex; display: flex;
...@@ -1883,23 +2066,23 @@ ...@@ -1883,23 +2066,23 @@
line-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;
...@@ -1911,17 +2094,17 @@ ...@@ -1911,17 +2094,17 @@
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%);
...@@ -1934,9 +2117,9 @@ ...@@ -1934,9 +2117,9 @@
// 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;
...@@ -1965,9 +2148,9 @@ ...@@ -1965,9 +2148,9 @@
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;
...@@ -1976,9 +2159,9 @@ ...@@ -1976,9 +2159,9 @@
// line-height: 30rpx; // line-height: 30rpx;
// margin-top: 7rpx; // margin-top: 7rpx;
// margin-left: 5rpx; // margin-left: 5rpx;
} }
.paytype { .paytype {
display: flex; display: flex;
margin-top: 39rpx; margin-top: 39rpx;
width: 100%; width: 100%;
...@@ -1999,16 +2182,16 @@ ...@@ -1999,16 +2182,16 @@
color: #161616; color: #161616;
} }
} }
} }
.payType { .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;
...@@ -2016,9 +2199,9 @@ ...@@ -2016,9 +2199,9 @@
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;
...@@ -2026,9 +2209,9 @@ ...@@ -2026,9 +2209,9 @@
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;
...@@ -2036,19 +2219,19 @@ ...@@ -2036,19 +2219,19 @@
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
} }
// @media (min-height: 650px) { // @media (min-height: 650px) {
@media (min-height: 1040px) { @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: 100%; width: 100%;
height: 90rpx; height: 90rpx;
background: #04b871; background: #04b871;
...@@ -2061,18 +2244,18 @@ ...@@ -2061,18 +2244,18 @@
margin: 0 auto; margin: 0 auto;
margin-top: 29rpx; margin-top: 29rpx;
text-align: center; text-align: center;
} }
.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 { .service {
margin-top: 118rpx; margin-top: 118rpx;
width: 100%; width: 100%;
height: 40rpx; height: 40rpx;
...@@ -2081,9 +2264,9 @@ ...@@ -2081,9 +2264,9 @@
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
.switchbankCard { .switchbankCard {
text-align: center; text-align: center;
/* width: 205px; */ /* width: 205px; */
// height: 28rpx; // height: 28rpx;
...@@ -2093,9 +2276,9 @@ ...@@ -2093,9 +2276,9 @@
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;
...@@ -2190,9 +2373,9 @@ ...@@ -2190,9 +2373,9 @@
} }
} }
} }
} }
.closePhoneBox { .closePhoneBox {
// width: 35rpx; // width: 35rpx;
height: 35rpx; height: 35rpx;
position: relative; position: relative;
...@@ -2206,9 +2389,9 @@ ...@@ -2206,9 +2389,9 @@
position: relative; position: relative;
right: 10rpx; right: 10rpx;
} }
} }
.doBtnTx { .doBtnTx {
width: 506rpx; width: 506rpx;
height: 92rpx; height: 92rpx;
background: #04ba73; background: #04ba73;
...@@ -2220,46 +2403,46 @@ ...@@ -2220,46 +2403,46 @@
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;
...@@ -2268,55 +2451,55 @@ ...@@ -2268,55 +2451,55 @@
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: 31rpx;
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;
...@@ -2324,16 +2507,16 @@ ...@@ -2324,16 +2507,16 @@
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;
...@@ -2344,14 +2527,14 @@ ...@@ -2344,14 +2527,14 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
} }
// 异常处理 // 异常处理
.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;
...@@ -2361,9 +2544,9 @@ ...@@ -2361,9 +2544,9 @@
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;
...@@ -2372,9 +2555,9 @@ ...@@ -2372,9 +2555,9 @@
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;
...@@ -2387,37 +2570,37 @@ ...@@ -2387,37 +2570,37 @@
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;
...@@ -2427,9 +2610,9 @@ ...@@ -2427,9 +2610,9 @@
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;
...@@ -2438,22 +2621,22 @@ ...@@ -2438,22 +2621,22 @@
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;
} }
/deep/ .signAlert { /deep/ .signAlert {
/deep/ .van-dialog__message { /deep/ .van-dialog__message {
line-height: 60rpx; line-height: 60rpx;
} }
...@@ -2463,15 +2646,15 @@ ...@@ -2463,15 +2646,15 @@
flex: none !important; flex: none !important;
margin: 0 auto; margin: 0 auto;
} }
} }
/deep/ uni-input.otherMoneyInput { /deep/ uni-input.otherMoneyInput {
height: 120rpx; height: 120rpx;
line-height: 120rpx; line-height: 120rpx;
font-weight: 600; font-weight: 600;
} }
.popoverItem { .popoverItem {
width: 225rpx; width: 225rpx;
margin: 0 20rpx; margin: 0 20rpx;
padding: 16rpx 0; padding: 16rpx 0;
...@@ -2481,9 +2664,9 @@ ...@@ -2481,9 +2664,9 @@
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
border-bottom: 1rpx solid #dddddd; border-bottom: 1rpx solid #dddddd;
} }
.popoverItem:last-child { .popoverItem:last-child {
border-bottom: 0; border-bottom: 0;
} }
</style> </style>
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ 46da0804
...@@ -6,7 +6,9 @@ ...@@ -6,7 +6,9 @@
<image :src="ImgUrl + 'user/personAva.png'" alt=""></image> <image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
</view> </view>
<view class="name">{{ PersonalInfo.name }}</view> <view class="name">{{ PersonalInfo.name }}</view>
<view v-if="PersonalInfo.usertype == '1'">{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view> <view v-if="PersonalInfo.usertype == '1'"
>{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}</view
>
<view v-else>教职工</view> <view v-else>教职工</view>
</view> </view>
<view class="secondLine">{{ PersonalInfo.schoolname }}</view> <view class="secondLine">{{ PersonalInfo.schoolname }}</view>
...@@ -19,18 +21,36 @@ ...@@ -19,18 +21,36 @@
<view>{{ cardBalanceTx }}</view> <view>{{ cardBalanceTx }}</view>
</view> </view>
<view class="right"> <view class="right">
<van-popover v-model="showPopover" trigger="click" placement="bottom-end"> <van-popover
<view class="popoverItem" v-for="(item, index) in actions" @click="onSelect(item)" :id="item.id ? item.id : '#item'+index"> v-model="showPopover"
{{item.text}} trigger="click"
placement="bottom-end"
>
<view
class="popoverItem"
v-for="(item, index) in actions"
@click="onSelect(item)"
:id="item.id ? item.id : '#item' + index"
>
{{ item.text }}
</view> </view>
<template #reference> <template #reference>
<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image> <image
class="icon"
:src="ImgUrl + 'user/more.png'"
alt=""
></image>
</template> </template>
</van-popover> </van-popover>
</view> </view>
</view> </view>
<view class="lastLine"> <view class="lastLine">
<view>**** **** **** {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4)}}</view> <view
>**** **** ****
{{
bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4)
}}</view
>
<view class="right" @click="ToWalletTx"> <view class="right" @click="ToWalletTx">
<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> --> <!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
提现 提现
...@@ -47,26 +67,41 @@ ...@@ -47,26 +67,41 @@
</view> </view>
<!-- 卡号显示 --> <!-- 卡号显示 -->
<view class="cardNum"> <view class="cardNum">
<view class="cardNumleft"><span>账户：</span> **** **** **** <view class="cardNumleft"
><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> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber"
>复制</view
>
</view> </view>
<view class="HidenText"> <view class="HidenText">
<view class="userName">姓名：<span>{{ PersonalInfo.name }}</span></view> <view class="userName"
>姓名：<span>{{ PersonalInfo.name }}</span></view
>
<view class="StudentCls" v-if="PersonalInfo.usertype == '1'"> <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">余额：￥<span>{{ cardBalanceTx }}</span></view> <view class="cardBalanceTx"
>余额：￥<span>{{ cardBalanceTx }}</span></view
>
<view @click="ToWalletTx"> <view @click="ToWalletTx">
<span style="display: inline-block; padding-right: 10rpx">余额提现</span> <span style="display: inline-block; padding-right: 10rpx"
<image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix" >余额提现</span
: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>
...@@ -75,6 +110,7 @@ ...@@ -75,6 +110,7 @@
账户明细 账户明细
</view> --> </view> -->
<!-- 充值账户 --> <!-- 充值账户 -->
<template v-if="rechargeLimit == 1">
<view class="Recharge"> <view class="Recharge">
<span></span> <span></span>
<span>账户充值</span> <span>账户充值</span>
...@@ -93,15 +129,27 @@ ...@@ -93,15 +129,27 @@
</view> </view>
</view> --> </view> -->
<view class="moneyWrapper"> <view class="moneyWrapper">
<view class="moneyItem" @click="depotMoney(item.value, index)" <view
v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0" class="moneyItem"
v-for="(item, index) in MoneyList" :key="index"> @click="depotMoney(item.value, index)"
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.value }}</view>
<view> {{ item.lable }}</view> <view> {{ item.lable }}</view>
</view> </view>
<view class="other"> <view class="other">
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="其他金额，最低3元" <input
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
</view> </view>
<!-- <view class="MoneyBox" style="display: none !important;"> <!-- <view class="MoneyBox" style="display: none !important;">
...@@ -121,26 +169,44 @@ ...@@ -121,26 +169,44 @@
</span> --> </span> -->
<!-- 充值限额提示 --> <!-- 充值限额提示 -->
<view class="depositbox"> <view class="depositbox">
<image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image> <image
<span style=" mode="widthFix"
class="depositImg"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
vertical-align: middle; vertical-align: middle;
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span> "
>最大可充值金额：<span style="color: red"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span
></span
>
</view> </view>
<!-- 充值其它金额 --> <!-- 充值其它金额 -->
<!-- <view class="OtherMoney" v-if="isOtherMoney"> --> <!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
<view class="OtherMoney" style="display: none"> <view class="OtherMoney" style="display: none">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元" <input
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
<!-- 支付方式 --> <!-- 支付方式 -->
<view class="paytype"> <view class="paytype">
<view class="left">付款账户 </view> <view class="left">付款账户 </view>
<view class="right" @click="queryBindCardList"> <view class="right" @click="queryBindCardList">
{{ bankInfo_.bindCardName }}({{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)}}) {{ bankInfo_.bindCardName }}({{
bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
}})
<van-icon name="arrow" /> <van-icon name="arrow" />
</view> </view>
</view> </view>
...@@ -157,31 +223,49 @@ ...@@ -157,31 +223,49 @@
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> --> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 --> <!-- 充值生活费 -->
<view class="bottomdiv"> <view class="bottomdiv">
<view class="DepositID" @click="toDeposit" <view
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"> class="DepositID"
@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">{{bankInfo_.accountName}}Ⅲ类户为您提供服务</view> <view class="service"
>{{ bankInfo_.accountName }}Ⅲ类户为您提供服务</view
>
</view> </view>
</template>
<template v-else>
<view class="rechageWallet" @click="turnRechargeWallet"
>充值校园钱包 >></view
>
</template>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" style="display: none;" 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 v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM" <input
type="text" maxlength="6" /> v-model="inputOtherM"
@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>3.00 ~ {{ RechargeMax }}</span></span> <span
>￥<span>3.00 ~ {{ RechargeMax }}</span></span
>
</view> </view>
</view> </view>
<!-- 弹出层 --> <!-- 弹出层 -->
...@@ -217,17 +301,32 @@ ...@@ -217,17 +301,32 @@
</uni-popup> </uni-popup>
<!-- 选择银行卡 --> <!-- 选择银行卡 -->
<view class="selectCard"> <view class="selectCard">
<van-popup v-model="popshow" round position="bottom" :style="{ height: '40%' }"> <van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '40%' }"
>
<!-- 银行卡列表 --> <!-- 银行卡列表 -->
<view class="accountlist"> <view class="accountlist">
<!-- 切换绑定的一类卡列表 --> <!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList"> <view class="showBindCardList">
<view class="choiceBox">选择付款账户</view> <view class="choiceBox">选择付款账户</view>
<view class="cardsList"> <view class="cardsList">
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item, index) in bindcardList" <view
:key="index"> class="ListItem"
<span style="padding-right: 10px">{{ item.bindCardName }} </span> @click="ChangeCardPay(item)"
<span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span> 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> --> <!-- <image class="BankListImg" src="../../../static/img/choiceBank.png"></image> -->
</view> </view>
</view> </view>
...@@ -240,31 +339,29 @@ ...@@ -240,31 +339,29 @@
</template> </template>
<script> <script>
import { import { Dialog, Toast } from "vant";
Dialog, import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
Toast import cityData from "@/common/js/city.js";
} from "vant"; var gHost = "https://" + window.location.host;
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue"; if (window.location.protocol != "https:") {
import cityData from "@/common/js/city.js";
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 = ""; //一类卡号 rechargeLimit = "";
var orderSerialNo = ""; //提现结果查询 指令号 var payCardNumber = ""; //一类卡号
var businessNo = "", var orderSerialNo = ""; //提现结果查询 指令号
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: "",
...@@ -272,12 +369,12 @@ ...@@ -272,12 +369,12 @@
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) {
...@@ -289,8 +386,8 @@ ...@@ -289,8 +386,8 @@
resL++; resL++;
} }
return outS; return outS;
} }
export default { export default {
components: { components: {
keyboardPackage, keyboardPackage,
}, },
...@@ -299,14 +396,18 @@ ...@@ -299,14 +396,18 @@
return { return {
showPopover: false, showPopover: false,
// 通过 actions 属性来定义菜单选项 // 通过 actions 属性来定义菜单选项
actions: [{ actions: [
{
text: "复制卡号", text: "复制卡号",
id: "cardNumright" id: "cardNumright",
}, { },
text: "账户明细" {
}, { text: "账户明细",
text: "常见问题" },
}], {
text: "常见问题",
},
],
popshow: false, popshow: false,
// 输入其它金额 // 输入其它金额
isOtherMoney: false, isOtherMoney: false,
...@@ -326,13 +427,15 @@ ...@@ -326,13 +427,15 @@
name: "", name: "",
usertype: "1", usertype: "1",
}, },
rechargeLimit: "",
bankInfo_: { bankInfo_: {
accountNo: "**** **** **** 1234", accountNo: "**** **** **** 1234",
bindCardName: "", bindCardName: "",
bindCardNo: "", bindCardNo: "",
}, },
ImgUrl: this.$ImgUrl, ImgUrl: this.$ImgUrl,
MoneyList: [{ MoneyList: [
{
lable: "元", lable: "元",
value: 100, value: 100,
}, },
...@@ -356,32 +459,34 @@ ...@@ -356,32 +459,34 @@
bindcardList: [], bindcardList: [],
}; };
}, },
onLoad: function(options) { onLoad: function (options) {
console.log(options); console.log(options);
// 初始化 // 初始化
userID = options["userID"] || ""; userID = options["userID"] || "";
sessionID = options["seesionID"] || ""; sessionID = options["seesionID"] || "";
fromType = options["fromType"] || ""; fromType = options["fromType"] || "";
this.rechargeLimit = options["rechargeLimit"] || "";
console.log(this.rechargeLimit, "rechargeLimit");
bankInfo.sessionid = sessionID || ""; bankInfo.sessionid = sessionID || "";
this.QueryUserInfo(); this.QueryUserInfo();
}, },
created: function() {}, created: function () {},
mounted: function() {}, mounted: function () {},
methods: { methods: {
onSelect(action) { onSelect(action) {
if (action.text == "复制卡号") { if (action.text == "复制卡号") {
this.CopyCardNumber(); this.CopyCardNumber();
} else if (action.text == "账户明细") { } else if (action.text == "账户明细") {
this.BackToMini('purchaseDetail'); this.BackToMini("purchaseDetail");
} else if (action.text == "常见问题") { } else if (action.text == "常见问题") {
uni.navigateTo({ uni.navigateTo({
url: `../../commonProblem/commonProblem` url: `../../commonProblem/commonProblem`,
}) });
} }
}, },
async ChangeBankPay() { async ChangeBankPay() {
uni.showLoading({ uni.showLoading({
mask: true mask: true,
}); });
let status = await this.accountCloseacceptStatusQuery(); let status = await this.accountCloseacceptStatusQuery();
uni.hideLoading(); uni.hideLoading();
...@@ -392,7 +497,8 @@ ...@@ -392,7 +497,8 @@
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
//查询是否提交销户 //查询是否提交销户
url: gHost + url:
gHost +
"/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery", "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery",
type: "post", type: "post",
data: { data: {
...@@ -405,14 +511,10 @@ ...@@ -405,14 +511,10 @@
headers: { headers: {
sessionid: sessionID, sessionid: sessionID,
}, },
success: ({ success: ({ code, message, results }) => {
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") {} else if (code === "10000" && if (code === "10000" && status == "0") {
status == "1") { } else if (code === "10000" && status == "1") {
uni.showToast({ uni.showToast({
title: "您已提交销户申请，银行正在审核中。", title: "您已提交销户申请，银行正在审核中。",
icon: "none", icon: "none",
...@@ -425,7 +527,7 @@ ...@@ -425,7 +527,7 @@
} }
resolve(status); resolve(status);
}, },
error: function(err) { error: function (err) {
uni.showToast({ uni.showToast({
title: err.message || "请求失败", title: err.message || "请求失败",
icon: "none", icon: "none",
...@@ -476,7 +578,8 @@ ...@@ -476,7 +578,8 @@
$(".doBtnTx").html("提现"); $(".doBtnTx").html("提现");
opeType = 1; opeType = 1;
uni.navigateTo({ uni.navigateTo({
url: "../Reflect/Reflect?" + url:
"../Reflect/Reflect?" +
OforS({ OforS({
sessionID: sessionID, sessionID: sessionID,
userID: userID, userID: userID,
...@@ -494,7 +597,7 @@ ...@@ -494,7 +597,7 @@
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, "."); //只保留第一个. 清除多余的.
...@@ -523,7 +626,7 @@ ...@@ -523,7 +626,7 @@
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);
}); });
}, },
...@@ -581,7 +684,7 @@ ...@@ -581,7 +684,7 @@
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();
...@@ -597,7 +700,7 @@ ...@@ -597,7 +700,7 @@
weui.topTips(res5.message); weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
uni.hideLoading(); uni.hideLoading();
}, },
}); });
...@@ -626,7 +729,7 @@ ...@@ -626,7 +729,7 @@
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;
...@@ -650,7 +753,7 @@ ...@@ -650,7 +753,7 @@
}); });
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
...@@ -658,14 +761,14 @@ ...@@ -658,14 +761,14 @@
// 复制我卡号 // 复制我卡号
async CopyCardNumber() { async CopyCardNumber() {
let value = this.bankInfo_.accountNo; let value = this.bankInfo_.accountNo;
console.log(value, 'valuevaluevaluevaluevalue') console.log(value, "valuevaluevaluevaluevalue");
Dialog({ Dialog({
title: "系统提示", title: "系统提示",
message: "复制成功！", message: "复制成功！",
}); });
this.$nextTick(function() { this.$nextTick(function () {
let clipboard = new ClipboardJS("#cardNumright", { let clipboard = new ClipboardJS("#cardNumright", {
text: function() { text: function () {
return value; return value;
}, },
}); });
...@@ -691,7 +794,7 @@ ...@@ -691,7 +794,7 @@
}, },
//按钮操作 //按钮操作
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 {
...@@ -730,7 +833,7 @@ ...@@ -730,7 +833,7 @@
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();
...@@ -740,7 +843,7 @@ ...@@ -740,7 +843,7 @@
} }
this_.popshow = false; this_.popshow = false;
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -760,7 +863,7 @@ ...@@ -760,7 +863,7 @@
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;
...@@ -769,7 +872,7 @@ ...@@ -769,7 +872,7 @@
weui.topTips(res4.message); weui.topTips(res4.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -790,7 +893,7 @@ ...@@ -790,7 +893,7 @@
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) {
...@@ -812,10 +915,10 @@ ...@@ -812,10 +915,10 @@
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("请求超时，余额查询失败");
...@@ -837,7 +940,7 @@ ...@@ -837,7 +940,7 @@
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("获取用户银行信息失败!");
...@@ -853,7 +956,7 @@ ...@@ -853,7 +956,7 @@
weui.topTips(res2.message); weui.topTips(res2.message);
} }
}, },
error: function(err) { error: function (err) {
// loading.hide(); // loading.hide();
}, },
}); });
...@@ -876,7 +979,7 @@ ...@@ -876,7 +979,7 @@
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;
...@@ -897,24 +1000,32 @@ ...@@ -897,24 +1000,32 @@
}, 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%);
} }
.rechageWallet {
.userInfoBox { width: 100%;
text-align: center;
height: 100rpx;
line-height: 100rpx;
color: #04b871;
font-size: 30rpx;
margin-top: 20rpx;
}
.userInfoBox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: calc(100% - 64rpx); width: calc(100% - 64rpx);
...@@ -980,15 +1091,15 @@ ...@@ -980,15 +1091,15 @@
font-size: 26rpx; font-size: 26rpx;
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
} }
} }
.contentWrapper { .contentWrapper {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.balanceWrapper { .balanceWrapper {
width: calc(100% - 144rpx); width: calc(100% - 144rpx);
margin: 0 32rpx; margin: 0 32rpx;
margin-top: 24rpx; margin-top: 24rpx;
...@@ -1066,14 +1177,14 @@ ...@@ -1066,14 +1177,14 @@
height: 60rpx; height: 60rpx;
} }
} }
} }
.accountlist { .accountlist {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.showBindCardList { .showBindCardList {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -1107,22 +1218,22 @@ ...@@ -1107,22 +1218,22 @@
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 400; font-weight: 400;
color: #04B871; color: #04b871;
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
} }
.SubmittedSuccessfully { .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;
...@@ -1142,9 +1253,9 @@ ...@@ -1142,9 +1253,9 @@
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;
...@@ -1155,16 +1266,16 @@ ...@@ -1155,16 +1266,16 @@
text-decoration: underline; text-decoration: underline;
color: #36a8ff; color: #36a8ff;
margin-top: 50rpx; margin-top: 50rpx;
} }
.contentBox { .contentBox {
width: 670rpx; width: 670rpx;
display: flex; display: flex;
flex-direction: column; 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;
...@@ -1174,16 +1285,16 @@ ...@@ -1174,16 +1285,16 @@
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;
...@@ -1191,9 +1302,9 @@ ...@@ -1191,9 +1302,9 @@
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;
...@@ -1202,9 +1313,9 @@ ...@@ -1202,9 +1313,9 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
} }
.Recharge { .Recharge {
width: 100%; width: 100%;
height: 40rpx; height: 40rpx;
margin-top: 40rpx; margin-top: 40rpx;
...@@ -1213,9 +1324,9 @@ ...@@ -1213,9 +1324,9 @@
font-weight: 500; font-weight: 500;
color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4);
line-height: 40rpx; line-height: 40rpx;
} }
.headview { .headview {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// padding-left: 40rpx; // padding-left: 40rpx;
...@@ -1224,9 +1335,9 @@ ...@@ -1224,9 +1335,9 @@
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;
...@@ -1234,9 +1345,9 @@ ...@@ -1234,9 +1345,9 @@
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;
...@@ -1247,9 +1358,9 @@ ...@@ -1247,9 +1358,9 @@
color: #ffffff; color: #ffffff;
line-height: 48rpx; line-height: 48rpx;
text-align: center; text-align: center;
} }
.moneyWrapper { .moneyWrapper {
margin-top: 10rpx; margin-top: 10rpx;
width: 100%; width: 100%;
display: flex; display: flex;
...@@ -1315,24 +1426,23 @@ ...@@ -1315,24 +1426,23 @@
line-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;
...@@ -1344,17 +1454,17 @@ ...@@ -1344,17 +1454,17 @@
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%);
...@@ -1367,9 +1477,9 @@ ...@@ -1367,9 +1477,9 @@
// 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;
...@@ -1398,9 +1508,9 @@ ...@@ -1398,9 +1508,9 @@
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;
...@@ -1409,9 +1519,9 @@ ...@@ -1409,9 +1519,9 @@
// line-height: 30rpx; // line-height: 30rpx;
// margin-top: 7rpx; // margin-top: 7rpx;
// margin-left: 5rpx; // margin-left: 5rpx;
} }
.paytype { .paytype {
display: flex; display: flex;
margin-top: 39rpx; margin-top: 39rpx;
width: 100%; width: 100%;
...@@ -1432,16 +1542,16 @@ ...@@ -1432,16 +1542,16 @@
color: #161616; color: #161616;
} }
} }
} }
.payType { .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;
...@@ -1449,9 +1559,9 @@ ...@@ -1449,9 +1559,9 @@
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;
...@@ -1459,9 +1569,9 @@ ...@@ -1459,9 +1569,9 @@
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;
...@@ -1469,18 +1579,18 @@ ...@@ -1469,18 +1579,18 @@
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
} }
@media (min-height: 1040px) { @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: 100%; width: 100%;
height: 90rpx; height: 90rpx;
background: #04b871; background: #04b871;
...@@ -1493,18 +1603,18 @@ ...@@ -1493,18 +1603,18 @@
margin: 0 auto; margin: 0 auto;
margin-top: 29rpx; margin-top: 29rpx;
text-align: center; text-align: center;
} }
.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 { .service {
margin-top: 118rpx; margin-top: 118rpx;
width: 100%; width: 100%;
height: 40rpx; height: 40rpx;
...@@ -1513,9 +1623,9 @@ ...@@ -1513,9 +1623,9 @@
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
.switchbankCard { .switchbankCard {
text-align: center; text-align: center;
/* width: 205px; */ /* width: 205px; */
// height: 28rpx; // height: 28rpx;
...@@ -1525,9 +1635,9 @@ ...@@ -1525,9 +1635,9 @@
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;
...@@ -1598,9 +1708,9 @@ ...@@ -1598,9 +1708,9 @@
} }
} }
} }
} }
.closePhoneBox { .closePhoneBox {
// width: 35rpx; // width: 35rpx;
height: 35rpx; height: 35rpx;
position: relative; position: relative;
...@@ -1613,9 +1723,9 @@ ...@@ -1613,9 +1723,9 @@
height: 40rpx; height: 40rpx;
position: relative; position: relative;
} }
} }
.doBtnTx { .doBtnTx {
width: 506rpx; width: 506rpx;
height: 92rpx; height: 92rpx;
background: #04ba73; background: #04ba73;
...@@ -1627,46 +1737,46 @@ ...@@ -1627,46 +1737,46 @@
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;
...@@ -1675,55 +1785,55 @@ ...@@ -1675,55 +1785,55 @@
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: 40rpx; 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;
...@@ -1731,34 +1841,34 @@ ...@@ -1731,34 +1841,34 @@
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: 120rpx; height: 120rpx;
line-height: 120rpx; line-height: 120rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.25);
} }
/deep/uni-input { /deep/uni-input {
line-height: 120rpx; 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;
...@@ -1768,9 +1878,9 @@ ...@@ -1768,9 +1878,9 @@
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;
...@@ -1779,9 +1889,9 @@ ...@@ -1779,9 +1889,9 @@
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;
...@@ -1794,37 +1904,37 @@ ...@@ -1794,37 +1904,37 @@
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;
...@@ -1834,9 +1944,9 @@ ...@@ -1834,9 +1944,9 @@
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;
...@@ -1845,21 +1955,21 @@ ...@@ -1845,21 +1955,21 @@
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;
} }
.popoverItem { .popoverItem {
width: 225rpx; width: 225rpx;
margin: 0 20rpx; margin: 0 20rpx;
padding: 16rpx 0; padding: 16rpx 0;
...@@ -1869,8 +1979,8 @@ ...@@ -1869,8 +1979,8 @@
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
border-bottom: 1rpx solid #dddddd; border-bottom: 1rpx solid #dddddd;
} }
.popoverItem:last-child { .popoverItem:last-child {
border-bottom: 0; border-bottom: 0;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment