<template>
	<view class="container">
		<view class="userInfoBox">
			<view class="firstLine">
				<view class="avatar">
					<image :src="ImgUrl + 'user/personAva.png'" alt=""></image>
				</view>
				<view class="name">{{ PersonalInfo.name }}</view>
				<view v-if="PersonalInfo.usertype == '1'">{{ PersonalInfo.gradename }}{{ PersonalInfo.classname }}
				</view>
				<view v-else>教职工</view>
			</view>
			<view class="secondLine">{{ PersonalInfo.schoolname }}</view>
		</view>
		<view class="contentWrapper">
			<view class="balanceWrapper">
				<view class="firstLine">
					<view class="left">
						<view>可用余额(元) </view>
						<view>{{ cardBalanceTx }}</view>
					</view>
					<view class="right">
						<van-popover v-model="showPopover" trigger="click" 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>
							<template #reference>
								<image class="icon" :src="ImgUrl + 'user/more.png'" alt=""></image>
							</template>
						</van-popover>
					</view>
				</view>
				<view class="lastLine">
					<view>**** **** ****
						{{
              bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4)
            }}
					</view>
					<view class="right" @click="ToWalletTx">
						<!-- <image class="btn" :src="ImgUrl + 'user/cashBtn.png'" alt=""></image> -->
						提现
					</view>
				</view>
			</view>
		</view>
		<view class="contentBox" v-if="!depotMoneyother">
			<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
			<view class="contentDiv" style="display: none">
				<view class="headview">
					<view class="schoolname">{{ PersonalInfo.schoolname }}</view>
					<view class="IconCls">电子校园卡</view>
				</view>
				<!-- 卡号显示 -->
				<view class="cardNum">
					<view class="cardNumleft"><span>账户：</span> **** **** ****
						{{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
						<span>({{ accountEnum[bankInfo_.accountType + ""] }})</span>
					</view>
					<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view>
				</view>
				<view class="HidenText">
					<view class="userName" style="
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
            ">
						姓名：<span>{{ PersonalInfo.name }}</span></view>
					<view class="StudentCls" style="
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
            " v-if="PersonalInfo.usertype == '1'">
						班级：{{ PersonalInfo.gradename }}({{
              PersonalInfo.classname
            }})</view>
					<view class="TeacherCls" style="
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
            " v-else>教职工</view>
				</view>
				<view class="Balance">
					<view class="cardBalanceTx">余额：￥<span>{{ cardBalanceTx }}</span></view>
					<view @click="ToWalletTx">
						<span style="display: inline-block; padding-right: 10rpx">余额提现</span>
						<image style="position: relative; width: 13rpx; height: 20rpx" class="ImgIcon1" mode="widthFix"
							:src="ImgUrl + 'images/xiaopaycard (17).png'" alt=""></image>
					</view>
				</view>
			</view>
			<!-- 充值明细 -->
			<!-- <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
				账户明细
			</view> -->
			<!-- 充值账户 -->
			<view class="Recharge">
				<span>充值金额</span>
			</view>
			<view class="moneyWrapper">
				<view class="moneyItem" @click="depotMoney(item.value, index)"
					v-bind:class="MoneyIndex == index ? 'active' : ''" :data-money="item.value || 0"
					v-for="(item, index) in MoneyList" :key="index">
					<view> {{ item.value }}</view>
					<view> {{ item.lable }}</view>
				</view>
				<view class="other">
					<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop"
						:placeholder="typeCode == 'SPDB' ? '其他金额，最低100元' : '其他金额，最低3元'"
						placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
				</view>
			</view>
			<!--  充值的金额 -->
			<view class="MoneyBox" style="display: none">
				<view class="depotMoney" @click="depotMoney(item.value, index)"
					v-bind:class="MoneyIndex == index ? 'choiceClass' : ''" :data-money="item.value || 0"
					v-for="(item, index) in MoneyList" :key="index">
					<span class="value">
						{{ item.value }}
					</span>
					<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
            item.lable
          }}</span>
					<!-- <span class="tips" v-show="item.tips">
						{{item.tips}}
					</span> -->
				</view>
				<!-- <view class="depotMoney" @click="depotOtherMoney">
					<span class="value">
					</span>
					<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">其他金额</span>
				</view> -->
				<!-- <view class="depotMoney">
					<input v-model="inputOtherM" class="otherMoneyInput" @input="inputControl" @blur="ReturnToTop"
						placeholder="最低3元" type="text" maxlength="6" />
				</view> -->
			</view>

			<!-- <view class="OtherMoney" v-if="isOtherMoney"> -->
			<view class="OtherMoney" style="display: none">
				<span>￥</span>
				<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元"
					placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
			</view>
			<!-- 充值限额提示 -->
			<view class="depositbox">
				<image mode="widthFix" class="depositImg" src="../../../static/img/depositIcon.png"></image>
				<span style="
            vertical-align: middle;
            font-size: 28rpx;
            color: #333333;
            font-weight: 500;
          ">最大可充值金额：<span style="color: red">￥<span class="canDepositTx">{{ RechargeMax }}</span></span></span>
			</view>
			<!-- 支付方式 -->
			<view class="paytype">
				<view class="left">付款账户 </view>
				<view class="right" @click="queryBindCardList">
					{{ bankInfo_.bindCardName }}({{
            bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
          }})
					<van-icon name="arrow" />
				</view>
			</view>
			<view class="payType" style="display: none" @click="queryBindCardList">
				<view>付款方式</view>
				<view>
					{{ bankInfo_.bindCardName }}
					{{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length - 4)
          }}<span class="arrow"></span>
				</view>
				<!-- 	<view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span
						class="arrow"></span></view> -->
			</view>
			<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
			<!-- 充值生活费 -->
			<view class="bottomdiv">
				<view class="DepositID" @click="toDeposit"
					v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'">
					<span>充值生活费</span>
				</view>
				<view class="service">{{bankInfo_.accountName}}{{typeCode != 'BOHAI' ? 'Ⅲ' :'Ⅱ'}}类户为您提供服务</view>
				<!--  -->
				<!-- <view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> -->
			</view>
		</view>
		<!-- 其他充值金额 -->
		<view class="contentBox" style="display: none">
			<view class="OtherTitle">充值金额</view>
			<view class="inputOtherM">
				<span>￥</span>
				<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM"
					type="text" maxlength="6" />
			</view>
			<view class="OtherLine"></view>
			<!-- 充值范围 -->
			<view class="Recharge_">
				<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
				<span>最大可充值金额：</span>
				<span>￥<span>3.00 ~ {{ RechargeMax }}</span></span>
			</view>
		</view>
		<!-- 弹出层 -->
		<uni-popup ref="popup" :mask-click="false">
			<!-- 充值，解绑银行卡（浦发银行）确认 -->
			<view class="RechargeConfirmationBox">
				<view class="RechargeInfo">
					<view class="closePhoneBox" @click="close()">
						<image src="../../../static/img/close.png" mode="aspectFit"></image>
					</view>
					<view class="RechargeInfo1"> 验证校园卡开卡手机号 </view>
					<van-field label-class="openCardPhonTxt" label="手机号:" maxlength="11" v-model="openCardPhon"
						placeholder="校园卡开卡手机号" center :border="false">
						<view slot="right-icon" v-if="bankInfo_.accountType == 4">
							<view class="changPhone" style="display: flex; justify-content: center"
								@click="changePhone">变更手机号
								<van-icon name="arrow" />
							</view>
						</view>
					</van-field>
					<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
					<van-field v-model="openCardPhonSms" label-class="openCardPhonSmsTxt" maxlength="6" label="验证码:"
						placeholder="输入短信验证码" center clearable :border="false">
						<van-button slot="button" size="small" type="primary" @click="SendSms">
							<div style="font-size: 28rpx">{{ CodeMsg }}</div>
						</van-button>
					</van-field>
					<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
					<!-- 取消 确认充值按钮 -->
					<view class="BtngGoup">
						<view class="" @click="unattachedCard" v-if="unbindFlag">去解绑</view>
						<view class="" @click="ExchangeRecharge" v-else> 充值 </view>
					</view>
				</view>
			</view>
		</uni-popup>
		<!-- 选择银行卡 -->
		<view class="selectCard">
			<van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }">
				<!-- 银行卡列表 -->
				<view class="accountlist">
					<!-- 切换绑定的一类卡列表 -->
					<view class="showBindCardList">
						<view class="choiceBox">选择付款账户</view>
						<view class="cardsList" v-if="typeCode == 'SPDB'">
							<view class="ListItem" v-for="(item, index) in bindcardList" :key="index">
								<span class="BankListImgSpan" @click="ChangeCardPay(item)">
									<image class="BankListImg" src="../../../static/img/choiceBank.png"
										v-if="item.bindCardNo == bankInfo_.bindCardNo"></image>
								</span>
								<span style="padding-right: 10px" @click="ChangeCardPay(item)">{{ item.bindCardName }}
								</span>
								<span @click="ChangeCardPay(item)">尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span>
								<!-- <image class="BankListImg" src="../../../static/img/choiceBank.png"></image> -->
								<van-icon name="delete" class="delete" @click="unattachedCardBefore(item)" />
							</view>
						</view>
						<view class="cardsList" v-else>
							<view class="ListItem" v-for="(item, index) in bindcardList" :key="index"
								@click="ChangeCardPay(item)">
								<span class="BankListImgSpan">
									<image class="BankListImg" src="../../../static/img/choiceBank.png"
										v-if="item.bindCardNo == bankInfo_.bindCardNo"></image>
								</span>
								<span style="padding-right: 10px">{{ item.bindCardName }}
								</span>
								<span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length - 4)}}</span>
							</view>
						</view>
						<view class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
					</view>
				</view>
				<!-- 银行卡列表
        <view class="accountlist">
          <!-- 切换绑定的一类卡列表 
          <view class="showBindCardList">
            <view class="choiceBox">选择付款账户</view>
            <view
              class="ListItem"
              @click="ChangeCardPay(item)"
              v-for="(item, index) in bindcardList"
              :key="index"
            >
              <span style="padding-right: 10px">{{ item.bindCardName }} </span>
              <span
                >尾号：{{
                  item.bindCardNo.slice(item.bindCardNo.length - 4)
                }}</span
              >
              <image
                class="BankListImg"
                src="../../../static/img/choiceBank.png"
              ></image>
            </view>
          </view>
        </view> -->
			</van-popup>
		</view>
	</view>
</template>

<script>
	import {
		Dialog,
		Toast
	} from "vant";
	import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
	import cityData from "@/common/js/city.js";
	var gHost = "https://" + window.location.host;
	if (window.location.protocol != "https:") {
		gHost = "https://fpdev.xiaopay.net";
		// gHost = "/api";
	}
	let times = 0;
	var limitClick = false; //禁止重复点击
	var sessionID = "",
		userID = "";
	var payCardNumber = ""; //一类卡号
	var orderSerialNo = ""; //提现结果查询 指令号
	var businessNo = "",
		otpOrderNo = "",
		mobileNo = "";
	var MyTimer = null;
	var fromType = 0; //0转账  1提现
	var opeType = 0; //0充值  1提现   手机号验证
	var bankInfo = {
		acctNoArray: "",
		idNo: "",
		schoolId: "",
		trueName: "",
		userId: "",
		sessionid: "",
		wechattype: 1,
	};
	var accountType = "";
	let orderApi = window.location.origin;
	/**
	 * 对象转拼接字符串
	 * @param {*} res   Object    需要转换的数据对象
	 */
	function OforS(res) {
		var resL = 0;
		var outS = "";
		for (var i in res) {
			if (resL == 0) {
				outS += "" + i + "=" + res[i];
			} else {
				outS += "&" + i + "=" + res[i];
			}
			resL++;
		}
		return outS;
	}
	export default {
		components: {
			keyboardPackage,
		},
		name: "Recharge",
		data() {
			return {
				showPopover: false,
				// 通过 actions 属性来定义菜单选项
				actions: [{
					text: "复制卡号",
					id: "cardNumright"
				}, {
					text: "账户明细"
				}, {
					text: "常见问题"
				}, 
				 {
					text: "证件更新"
				},
				{
					text: "在线销户"
				}],
				popshow: false,
				// 输入其它金额
				isOtherMoney: false,
				inputOtherM: "",
				RechargeException: false,
				depotMoneyother: false, //其他充值
				Money: "", //选择金额
				MoneyIndex: -1,
				RechargeMax: "2000", //最大充值限制
				ReflectMoney: "", //提现金额
				VerifyCode: "", //验证码
				cardBalanceTx: "0", //余额
				CodeMsg: "获取验证码",
				type: "number",
				PersonalInfo: {
					schoolname: "",
					name: "",
					usertype: "1",
				},
				bankInfo_: {
					accountNo: "**** **** **** 1234",
					bindCardName: "",
					bindCardNo: "",
				},
				ImgUrl: this.$ImgUrl,
				MoneyList: [{
						lable: "元",
						value: 100,
					},
					{
						lable: "元",
						value: 200,
					},
					{
						lable: "元",
						value: 500,
					},
					{
						lable: "元",
						value: 1000,
					},
					// {
					// 	lable: "其他金额",
					// 	value: "",
					// },
				],
				numberList: [],
				tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
				tempFiles2: "../../static/img/idCardBg0.png",
				//绑定的一类卡列表
				bindcardList: [],
				// 20211126 银行账户类型
				accountType: "2",
				// 银行账户类型名称枚举
				accountEnum: {
					1: "平安银行III类户",
					2: "工商银行III类户",
					3: "交通银行III类户",
					4: "渤海银行II类户",
					5: "浦发银行III类户",
				},
				/**
				 * 20211129新增
				 */
				// 充值手机号码
				openCardPhon: "",
				openCardPhonSms: "",
				msCount: 60, //定时器
				RechargeSmsorderNoInfo: {}, //第三方合作交易标识
				typeCode: "",
				unbindFlag: false, // 解绑标志
				unattachedCardItem: {}
			};
		},
		onLoad: function(options) {
			console.log(options);
			// 初始化
			userID = options["userID"] || "";
			sessionID = options["seesionID"] || "";
			fromType = options["fromType"] || "";
			bankInfo.sessionid = sessionID || "";
			this.beforeQuerySignStatus();
		},
		created: function() {},
		mounted: function() {},
		onShow: function() {
			if (bankInfo.userId) {
				this.queryBankInfo();
			}
		},
		methods: {
			onSelect(action) {
				if (action.text == "复制卡号") {
					this.CopyCardNumber();
				} else if (action.text == "账户明细") {
					this.BackToMini("purchaseDetail");
				} else if (action.text == "常见问题") {
					uni.navigateTo({
						url: `../../commonProblem/commonProblem`,
					});
				} else if (action.text == "在线销户") {
					jWeixin.miniProgram.redirectTo({
						url: `/pages/AssignCancelUserPhone/main`
					});
				} else if (action.text == "证件更新") {
					jWeixin.miniProgram.redirectTo({
						url: `/pages_subpackB/pages/certificateBohaiUpdate/main`
					});
				}
			},
			async beforeQuerySignStatus() {
				await this.QueryUserInfo();
				// 渤海银行要判断是否有代扣签约
				if (bankInfo.accountType == "4") {
					await this.signStatusQuery();
				}
			},
			// 解绑银行卡提示  浦发银行
			unattachedCardBefore(item) {
				this.unattachedCardItem = item;
				console.log(item, 'itemm')
				// this.$refs.popup.open("top");
				const self = this;
				let bankno = item.bindCardNo.slice(item.bindCardNo.length - 4);
				Dialog.confirm({
						title: "提示",
						message: `确定解绑${item.bindCardName}${bankno}吗？`,
						confirmButtonText: "去解绑",
						cancelButtonText: "取消",
					})
					.then(() => {
						self.popshow = false;
						self.$refs.popup.open("top");
						self.unbindFlag = true;
					})
					.catch(() => {
						// on cancel
					});
			},
			// 解绑银行卡
			unattachedCard() {
				const self = this;
				let loading = Toast.loading({
					message: "解绑中...",
					forbidClick: true,
					loadingType: "spinner",
					duration: 0,
				});
				$.ajax({
					url: gHost + "/bank-wechat/spdb/unattachedCard",
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: {
						schoolId: bankInfo.schoolId, //学校id
						userId: userID, //用户id
						sessionid: sessionID,
						wechattype: 1,
						cardNum: this.unattachedCardItem.bindCardNo,
						mobileNum: this.unattachedCardItem.mobileNo,
						randomPassword: this.openCardPhonSms, //短信验证码
					},
					headers: {
						sessionid: sessionID,
					},
					success: function(respes) {
						loading.clear();
						if (respes.code == "10000") {
							console.log(respes, "respes");
							Toast('解绑成功');
							self.$refs.popup.close();
						} else {
							Toast(respes.message || "解绑银行卡失败,请重试！");
							throw new Error("解绑银行卡失败,请重试！");
						}
					},
					error: function(err) {
						loading.clear();
						Toast(err || "解绑银行卡失败,请重试！");
						throw new Error("解绑银行卡失败,请重试！");
					},
				});
			},
			// 更换银行卡
			async ChangeBankPay() {
				// uni.showModal({
				// 	title: "系统提示",
				// 	content: "功能开发中!"
				// })
				// return
				uni.showLoading({
					mask: true,
					title: "请稍后....",
				});
				if (bankInfo.accountType == 4 || bankInfo.accountType == 5) {
					jWeixin.miniProgram.navigateTo({
						url: `/pages_subpack/pages/changeBindCard/main`,
					});
					uni.hideLoading();
					return;
				}
				this.BackToMini("AssignAddCard");
				uni.hideLoading();
			},
			// 验证码弹出框开启
			toDeposit() {
				console.log(this.isOtherMoney, "isOtherMoney");
				if (this.isOtherMoney) {
					if (this.inputOtherM == "") {
						uni.showModal({
							title: "系统提示",
							content: "请输入要充值的金额!",
						});
						return;
					}
					if (parseFloat(this.inputOtherM) * 1 < 3) {
						weui.topTips("充值金额必须大于3元");
						return;
					}
				} else {
					if (this.Money == "") {
						uni.showModal({
							title: "系统提示",
							content: "请选择要充值的金额!",
						});
						return;
					}
					if (parseFloat(this.inputOtherM) * 1 < 3) {
						weui.topTips("充值金额必须大于3元");
						return;
					}
				}
				if (MyTimer) {
					window.clearInterval(MyTimer); //停止计时器
					MyTimer = null;
					this.CodeMsg = "获取验证码";
					this.msCount = 60;
					this.openCardPhonSms = "";
				}
				if (bankInfo.typeCode != 'SPDB') {
					this.$refs.popup.open("top");
				} else {
					this.ExchangeRecharge();
				}
			},
			// 验证码弹出框关闭
			close() {
				this.$refs.popup.close();
			},
			//切换到提现
			ToWalletTx() {
				$("#DepositBox").css("display", "none");
				$("#TxWalletBox").css("display", "block");
				// $('.TitleHeader').html('电子账户提现');
				$(".doBtnTx").html("提现");
				opeType = 1;
				uni.navigateTo({
					url: "../Reflect/Reflect?" +
						OforS({
							sessionID: sessionID,
							userID: userID,
						}),
				});
			},
			//全部提现
			TxAllFun() {
				this.ReflectMoney = this.cardBalanceTx * 1;
				// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
			},
			// 输入限制
			inputControl(e) {
				let this_ = this;
				this_.MoneyIndex = -1;
				this_.isOtherMoney = true;
				let obj = e.detail;
				this.$nextTick(function() {
					obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
					obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
					obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
					obj.value = obj.value
						.replace(".", "$#$")
						.replace(/\./g, "")
						.replace("$#$", "."); //只允许输入一个小数点
					obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
					obj.value =
						obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
					let limitMoney = 3;
					if (this_.typeCode == 'SPDB') {
						limitMoney = 100;
					}
					if (obj.value == "" || obj.value * 1 < limitMoney) {
						$(".DepositID").attr(
							"style",
							"background: rgb(230, 230, 230) !important;"
						);
					} else {
						$(".DepositID").removeAttr("style");
					}
					this_.inputOtherM = obj.value;
				});
			},
			//input键盘弹起不会弹
			ReturnToTop() {
				// 若最后一位为小数点则去掉
				let str = this.inputOtherM + "";
				if (str.lastIndexOf(".") == str.length - 1) {
					this.inputOtherM = str.substring(0, str.length - 1);
				}
				this.$nextTick(function() {
					document.scrollingElement.scrollTo(0, this.scrollTop);
				});
			},
			//定时器
			IntervalFun() {
				if (this.msCount == 1) {
					window.clearInterval(MyTimer); //停止计时器
					MyTimer = null;
					this.CodeMsg = "获取验证码";
					this.msCount = 60;
				} else {
					this.msCount--;
					this.CodeMsg = this.msCount + "s后获取";
				}
			},
			// 代扣状态查询
			async signStatusQuery() {
				let loading = Toast.loading({
					message: "加载中...",
					forbidClick: true,
					loadingType: "spinner",
					duration: 0,
				});
				$.ajax({
					url: gHost + "/bank-wechat/bohai/comprehensive/signStatusQuery",
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: {
						schoolId: bankInfo.schoolId, //学校id
						userId: userID, //用户id
						sessionid: sessionID,
						wechattype: 1
					},
					headers: {
						sessionid: sessionID,
					},
					success: function(respes) {
						loading.clear();
						if (respes.code == "10000") {
							console.log(respes, "respes");
							if (respes.results.dkstatus != 1) {
								// 1已签约
								Dialog.alert({
										title: "使用说明",
										message: "您暂未进行银行代扣签约，将影响电子校园卡的正常使用，请尽快前往签约",
										theme: "round-button",
										confirmButtonText: "前往签约",
										confirmButtonColor: "#2ddbb6",
										className: "signAlert",
									})
									.then(() => {
										// on confirm
										jWeixin.miniProgram.navigateTo({
											url: `/pages/SignProxyPay/main`,
										});
									})
									.catch(() => {
										// on cancel
									});
							}
						} else {
							Toast(respes.message || "代扣状态查询,请重试！");
							throw new Error("代扣状态查询,请重试！");
						}
					},
					error: function(err) {
						loading.clear();
						Toast(err || "代扣状态查询,请重试！");
						throw new Error("代扣状态查询,请重试！");
					},
				});
			},
			// 充值验证获取验证码
			async SendSms() {
				if (MyTimer) {
					return;
				}
				if (!this.openCardPhon || this.openCardPhon.length !== 11) {
					Dialog({
						title: "系统提示",
						message: "请收入正确的手机号码！",
					});
					return;
				}

				let this_ = this;
				let loading = Toast.loading({
					message: "加载中...",
					forbidClick: true,
					loadingType: "spinner",
					duration: 0,
				});
				// 20211230
				let exchangeUrl = gHost;
				switch (bankInfo.accountType) {
					case 3:
						exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/rechargeSms";
						break;
					case 4:
						exchangeUrl = exchangeUrl + "/bank-wechat/bohai/comprehensive/otpSms";
						break;
					case 5:
						exchangeUrl = exchangeUrl + "/bank-wechat/spdb/passcodes";
						break;
					default:
						Dialog({
							title: "系统提示",
							message: "银行账号类型错误！",
						});
						throw "银行账号类型错误!";
						break;
				}
				let params = {
					amount: ((this.Money || this.inputOtherM) * 1).toFixed(2), //充值金额，单位元
					schoolId: bankInfo.schoolId, //学校id
					userId: userID, //用户id
					sessionid: sessionID,
					wechattype: 1,
					// 20211230渤海
					mobilePhone: this.openCardPhon,
					msg: "充值",
				}
				let params1 = {
					bizScene: '105322',
					mobileNum: this.openCardPhon,
					schoolId: bankInfo.schoolId, //学校id
					userId: userID, //用户id
					sessionid: sessionID,
					wechattype: 1
				}
				$.ajax({
					url: exchangeUrl,
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: bankInfo.accountType == 5 ? params1 : params,
					headers: {
						sessionid: sessionID,
					},
					success: function(res5) {
						loading.clear();
						if (res5.code == "10000") {
							this_.IntervalFun();
							MyTimer = window.setInterval(this_.IntervalFun, 1000);
							this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {};
						} else {
							weui.topTips(res5.message);
							uni.showModal({
								title: "系统提示",
								content: res5.message,
							});
						}
					},
					error: function(err) {
						loading.clear();
					},
				});
			},
			// 充值
			async ExchangeRecharge() {
				let amount, bindMedium, summary;
				if (this.isOtherMoney) {
					if (this.inputOtherM == "") {
						uni.showModal({
							title: "系统提示",
							content: "请输入要充值的金额!",
						});
						return;
					}
					amount = this.inputOtherM * 1;
				} else {
					if (this.Money == "") {
						uni.showModal({
							title: "系统提示",
							content: "请选择要充值的金额!",
						});
						return;
					}
					amount = this.Money * 1;
				}
				let this_ = this;
				if (!this.openCardPhon || this.openCardPhon.length !== 11) {
					Dialog({
						title: "系统提示",
						message: "请收入正确的手机号码！",
					});
					return;
				}
				if (bankInfo.accountType != 4 && bankInfo.accountType != 5) {
					if (!this.RechargeSmsorderNoInfo.orderNo) {
						Dialog({
							title: "系统提示",
							message: "请获取验证码！",
						});
						return;
					}
				}
				if (!this.openCardPhonSms && bankInfo.accountType != 5) {
					Dialog({
						title: "系统提示",
						message: "请收入验证码！",
					});
					return;
				}
				uni.showLoading({
					mask: true,
					title: "处理中......",
				});
				// 20211230
				let exchangeUrl = gHost;
				switch (bankInfo.accountType) {
					case 3:
						exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/recharge";
						break;
					case 4:
						exchangeUrl = exchangeUrl + "/bank-wechat/bohai/exchange/recharge";
						break;
					case 5:
						exchangeUrl = exchangeUrl + "/bank-wechat/spdb/deposits";
						break;
					default:
						Dialog({
							title: "系统提示",
							message: "银行账号类型错误！",
						});
						throw "银行账号类型错误!";
						break;
				}
				let params = {
					amount: (amount * 1).toFixed(2), //充值金额，单位元
					mobileCode: this.openCardPhonSms, //短信验证码
					orderNo: this_.RechargeSmsorderNoInfo.orderNo, //第三方合作交易标识，取充值短信返回的orderNo值
					schoolId: bankInfo.schoolId, //学校id
					userId: userID, //用户id
					sessionid: sessionID,
					wechattype: 1,
					// 21211230渤海银行
					transAmount: (amount * 1).toFixed(2),
					verifyNo: this.openCardPhonSms,
				};
				let bindingCardId = "";
				console.log(bankInfo.bindCardNo, 'bindCardNobindCardNobindCardNobindCardNo')
				if (this.bindcardList.length) {
					let arr = this.bindcardList.filter(x => x.bindCardNo == bankInfo.bindCardNo);
					console.log(arr[0], '绑定卡绑定卡')
					if (arr.length) {
						bindingCardId = arr[0].bindCardId;
					}
				}
				let params1 = {
					// 浦发银行
					amount: (amount * 1).toFixed(2), //充值金额，单位元
					schoolId: bankInfo.schoolId, //学校id
					userId: userID, //用户id
					sessionid: sessionID,
					wechattype: 1,
					bindingCardId: bindingCardId,
					// ipAdress: '110.53.253.164'
				};
				$.ajax({
					url: exchangeUrl,
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: this_.typeCode == 'SPDB' ? params1 : params,
					headers: {
						sessionid: sessionID,
					},
					success: function(res5) {
						uni.hideLoading();
						if (res5.code == "10000") {
							this_.close();
							setTimeout(() => {
								this_.queryBankInfo();
							}, 3000);
							let thiTime = new Date();
							let str = "";
							let accountNo = this_.bankInfo_.bindCardNo;
							accountNo = accountNo.slice(accountNo.length - 4, accountNo.length);
							let minutes_ =
								thiTime.getMinutes().toString().length < 2 ?
								thiTime.getMinutes().toString().padStart(2, "0") :
								thiTime.getMinutes().toString();
							switch (bankInfo.accountType) {
								case 3:
									if (thiTime.getMinutes() + 20 >= 60) {
										str =
											thiTime.getHours() + 1 + ":" + (60 - thiTime.getMinutes());
									} else {
										str = thiTime.getHours() + ":" + (thiTime.getMinutes() + 20);
									}
									wx.showModal({
										title: "充值申请已提交",
										content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。",
										showCancel: false,
										success: function() {
											uni.navigateTo({
												url: `../../recharging/recharging?bankName=${
                        this_.bankInfo_.bindCardName
                      }&bankNumber=${accountNo}&time=${str}&money=${(
                        amount * 1
                      ).toFixed(2)}`,
											});
										},
									});
									break;
								case 4:
									str = thiTime.getHours() + 2 + ":" + minutes_;
									uni.navigateTo({
										url: `../../recharging/recharging?bankName=${
                    this_.bankInfo_.bindCardName
                  }&bankNumber=${accountNo}&time=${str}&money=${(
                    amount * 1
                  ).toFixed(2)}`,
									});
									break;
								default:
									break;
							}
							// 20211129
							this_.RechargeSmsorderNoInfo = {};
						} else {
							weui.topTips(res5.message);
						}
					},
					error: function(err) {
						uni.hideLoading();
					},
				});
			},
			// 充值结果查询
			async ExchangeRechargeQuery(flowId, oriCorpSerno) {
				let this_ = this;
				let loading = Toast.loading({
					message: "加载中...",
					forbidClick: true,
					loadingType: "spinner",
					duration: 0,
				});
				$.ajax({
					url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: {
						schoolId: bankInfo.schoolId,
						userId: userID,
						sessionid: sessionID,
						wechattype: 1,
						flowId: flowId,
						oriCorpSerno: oriCorpSerno,
					},
					headers: {
						sessionid: sessionID,
					},
					success: function(res5) {
						loading.clear();
						if (res5.code == "10000") {
							let appStatus = res5.results.appStatus;
							if (appStatus == "4") {
								uni.showModal({
									title: "系统提示",
									content: "充值成功!",
								});
								this_.queryBankInfo();
							} else {
								uni.showModal({
									title: "系统提示",
									content: appStatus == "1" ? "申请已受理" : res5.message,
								});
							}
						} else {
							weui.topTips(res5.message);
							uni.showModal({
								title: "系统提示",
								content: res5.message,
							});
						}
					},
					error: function(err) {
						loading.clear();
					},
				});
			},
			// 复制我卡号
			async CopyCardNumber() {
				let value = this.bankInfo_.accountNo;
				Dialog({
					title: "系统提示",
					message: "复制成功！",
				});
				console.log(value, 'valuevaluevaluevaluevalue')
				this.$nextTick(function() {
					let clipboard = new ClipboardJS("#cardNumright", {
						text: function() {
							return value;
						},
					});
				});
			},
			//选择输入其他金额
			OtherMoney() {
				this.depotMoneyother = true;
			},
			// 选择其它金额
			async depotOtherMoney() {
				console.log("其它金额");
			},
			// 快捷选择金额
			async depotMoney(value, MoneyIndex) {
				this.isOtherMoney = false;
				this.inputOtherM = "";
				this.Money = parseInt(value);
				this.MoneyIndex = MoneyIndex;
			},
			//按钮操作
			HideHTML(dom, type) {
				this.$nextTick(function() {
					if (type == 0) {
						$("." + dom).css("display", "none");
					} else {
						$("." + dom).css("display", "block");
					}
				});
			},
			// 更换手机号码
			changePhone() {
				uni.showLoading({
					mask: true,
					title: "请稍后....",
				});
				jWeixin.miniProgram.navigateTo({
					url: `/pages_subpack/pages/changePhone/main`,
				});
				uni.hideLoading();
			},
			//返回小程序 跳转指定页面
			BackToMini(page) {
				if (page == "UserMain" || page == "personalCenter") {
					jWeixin.miniProgram.switchTab({
						url: `/pages/${page}/main`,
					});
				} else {
					jWeixin.miniProgram.redirectTo({
						url: `/pages/${page}/main`,
					});
				}
			},
			//换绑卡
			ChangeCardPay(item) {
				let this_ = this;
				if (bankInfo.bindCardNo == item.bindCardNo) {
					return;
				}
				var loading = weui.loading("请稍后");
				$.ajax({
					url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: {
						schoolId: bankInfo.schoolId,
						userId: userID,
						sessionid: sessionID,
						wechattype: 1,
						bindMedium: item.bindCardNo,
						bindMediumName: item.bindCardName,
					},
					success: function(res5) {
						loading.hide();
						if (res5.code == "10000") {
							this_.queryUserBankInfo();
							this_.close();
						} else {
							weui.topTips(res5.message);
						}
						this_.popshow = false;
					},
					error: function(err) {
						loading.hide();
					},
				});
			},
			//查询一类卡绑定列表
			queryBindCardList() {
				this.queryBindCardListBefore();
				this.popshow = true;
			},
			queryBindCardListBefore() {
				let this_ = this;
				let loading = weui.loading("请稍后");
				$.ajax({
					url: gHost + "/bank-wechat/user/bank/bindingList",
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: {
						cardNo: bankInfo.accountNo,
						schoolId: bankInfo.schoolId,
						userId: userID,
						sessionid: sessionID,
						wechattype: 1,
					},
					success: function(res4) {
						loading.hide();
						if (res4.code == "10000") {
							this_.bindcardList = res4.results;
						} else {
							weui.topTips(res4.message);
						}
					},
					error: function(err) {
						loading.hide();
					},
				});
			},
			//获取银行余额
			queryBankInfo() {
				let this_ = this;
				let queryBankInfoUrl = gHost;
				if (bankInfo.accountType == 5) {
					this.queryBindCardListBefore();
				}
				// 20211230
				switch (bankInfo.accountType) {
					case 3:
						queryBankInfoUrl =
							queryBankInfoUrl +
							"/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal";
						break;
					case 4:
						queryBankInfoUrl =
							queryBankInfoUrl + "/bank-wechat/bohai/exchange/balanceQuery";
						break;
					case 5:
						queryBankInfoUrl =
							queryBankInfoUrl + "/bank-wechat/spdb/balancesQuery";
						break;
					default:
						Dialog({
							title: "系统提示",
							message: "银行账号类型错误！",
						});
						throw "银行账号类型错误!";
						break;
				}
				// let loading = weui.loading('请稍后');
				let params = {
					mediumId: bankInfo.accountNo || "",
					schoolId: bankInfo.schoolId || "",
					userId: bankInfo.userId || "",
					sessionid: sessionID,
					wechattype: 1,
				};
				if (bankInfo.accountType == 5) {
					Object.assign(params, {
						accountId: bankInfo.thirdId
					})
				}
				$.ajax({
					url: queryBankInfoUrl,
					type: "POST",
					timeout: 8000,
					contentType: "application/x-www-form-urlencoded",
					data: params,
					success: function(res3) {
						// loading.hide();
						if (res3.code == "10000") {
							if (bankInfo.accountType == 4) {
								if (res3.results.eacTotalAmt == null) {
									weui.topTips("账户信息为空，余额查询失败");
								} else {
									this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2);
									$(".TxClsTx").attr(
										"placeholder",
										`可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元`
									);
									this_.RechargeMax = (
										2000 -
										(res3.results.eacTotalAmt * 1).toFixed(2) * 1
									).toFixed(2);
								}
								return;
							}
							if (res3.results.accountBalance == null) {
								weui.topTips("账户信息为空，余额查询失败");
							} else {
								this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
									2
								);
								$(".TxClsTx").attr(
									"placeholder",
									`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
								);
								this_.RechargeMax = (
									2000 -
									(res3.results.accountBalance * 1).toFixed(2) * 1
								).toFixed(2);
							}
						} else {
							weui.topTips(res3.message);
						}
					},
					error: function(err) {
						// loading.hide();
					},
					complete: function(XMLHttpRequest, status) {
						// loading.hide();
						if (status == "timeout") {
							weui.topTips("请求超时，余额查询失败");
						}
					},
				});
			},
			//获取用户已填写银行信息
			queryUserBankInfo() {
				let this_ = this;
				// let loading = weui.loading('请稍后');
				$.ajax({
					url: gHost + "/bank-wechat/user/bank/get/v2",
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: {
						schoolId: bankInfo.schoolId,
						userId: userID,
						sessionid: sessionID,
						wechattype: 1,
					},
					success: function(res2) {
						if (res2.code == "10000") {
							if (!res2.results) {
								weui.topTips("获取用户银行信息失败!");
								// loading.hide();
								return;
							}
							bankInfo = res2.results;
							this_.typeCode = res2.results.typeCode;
							if(this_.typeCode != 'BOHAI'){
								this_.actions = this_.actions.filter(x => x.text != '证件更新' );
							}
							bankInfo.sessionid = sessionID;
							this_.queryBankInfo(); //查余额
							this_.bankInfo_ = bankInfo;
							// 20211129
							this_.openCardPhon = bankInfo.mobileNo;
						} else {
							weui.topTips(res2.message);
						}
					},
					error: function(err) {
						// loading.hide();
					},
				});
			},
			//查询用户信息
			async QueryUserInfo() {
				let this_ = this;
				let loading = Toast.loading({
					message: "加载中...",
					forbidClick: true,
					loadingType: "spinner",
					duration: 0,
				});
				await $.ajax({
					url: gHost + "/wechat/svweapp/QueryPersonalInfo",
					type: "POST",
					contentType: "application/x-www-form-urlencoded",
					data: {
						userid: userID,
						sessionid: sessionID,
						wechattype: 1,
					},
					success: function(res1) {
						loading.clear();
						console.log(sessionID);
						if (res1.code == "10000") {
							bankInfo.schoolId = res1.results.schoolid;
							bankInfo.userId = res1.results.id;
							bankInfo.accountType = res1.results.accounttype;
							this_.PersonalInfo = res1.results;
							if (res1.results.usertype == 1) {
								$(".StudentCls").css("display", "block");
								$(".TeacherCls").css("display", "none");
							} else {
								$(".StudentCls").css("display", "none");
								$(".TeacherCls").css("display", "block");
							}
							this_.queryUserBankInfo();
						} else {
							weui.topTips(res1.message);
							setTimeout(() => {
								this_.BackToMini("UserMain");
							}, 1500);
						}
					},
					error: function(err) {
						loading.clear();
					},
				});
			},
		},
	};
</script>

<style lang="scss">
	html,
	body,
	page {
		width: 750rpx;
		background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
	}

	.BankListImgSpan {
		width: 30rpx;
		height: 30rpx;
		position: relative;
		margin-right: 20rpx;
		display: inline-block;
	}

	.delete {
		position: absolute;
		top: 0;
		right: 120rpx;
		font-size: 38rpx;
		color: #04b871;
		padding: 25rpx 0;
		padding-top: 28rpx;
		z-index: 1;
	}

	.BankListImg {
		width: 30rpx;
		height: 30rpx;
		position: absolute;
		left: 0;
		top: 0;
	}

	.userInfoBox {
		display: flex;
		flex-direction: column;
		width: calc(100% - 64rpx);
		height: 150rpx;
		margin: 0 32rpx;
		margin-top: 30rpx;
		background: linear-gradient(270deg, #f4f4f4 0%, #ebebeb 100%);
		border-radius: 16px;

		.firstLine {
			display: flex;
			flex-direction: row;
			width: calc(100% - 68rpx);
			height: 56rpx;
			line-height: 56rpx;
			margin: 0 34rpx;
			margin-top: 28rpx;
			overflow: hidden;

			view {
				white-space: nowrap;
			}

			.avatar {
				width: 56rpx;
				height: 56rpx;

				uni-image {
					width: 56rpx;
					height: 56rpx;
				}
			}

			.name {
				margin-left: 17rpx;
				font-size: 36rpx;
				font-weight: 600;
				color: rgba(0, 0, 0, 0.85);
			}

			view:last-child {
				margin-left: 10rpx;
				align-self: center;
				align-items: center;
				padding: 0 8rpx;
				height: 40rpx;
				line-height: 40rpx;
				background: rgba(0, 0, 0, 0.08);
				border-radius: 4rpx;
				font-size: 26rpx;
				font-weight: 500;
				color: rgba(0, 0, 0, 0.5);
			}
		}

		.secondLine {
			display: flex;
			width: calc(100% - 62rpx);
			margin: 0 31rpx;
			margin-top: 8rpx;
			height: 37rpx;
			line-height: 37rpx;
			font-size: 26rpx;
			color: rgba(0, 0, 0, 0.45);
		}
	}

	.contentWrapper {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.balanceWrapper {
		width: calc(100% - 144rpx);
		margin: 0 32rpx;
		margin-top: 24rpx;
		height: 249rpx;
		padding: 40rpx 40rpx 0;
		background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/bankBg.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		position: relative;
		display: flex;
		flex-direction: column;

		.firstLine {
			display: flex;
			justify-content: space-between;

			.left {
				view:first-child {
					height: 33rpx;
					font-size: 24rpx;
					font-weight: 600;
					color: rgba(255, 255, 255, 0.85);
					line-height: 33rpx;
				}

				view:last-child {
					height: 84rpx;
					font-size: 60rpx;
					font-weight: 600;
					color: #ffffff;
					line-height: 84rpx;
				}
			}

			.right {
				width: 60rpx;
				height: 60rpx;
				align-self: flex-start;

				.icon {
					width: 60rpx;
					height: 60rpx;
				}
			}
		}

		.lastLine {
			display: flex;
			width: 100%;
			justify-content: space-between;
			margin-top: 20rpx;

			view:first-child {
				height: 60rpx;
				font-size: 40rpx;
				font-weight: 600;
				color: #ffffff;
				line-height: 60rpx;
			}

			.right {
				width: 140rpx;
				height: 60rpx;
				line-height: 60rpx;
				font-size: 30rpx;
				font-weight: 600;
				color: #04b871;
				background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/user/cashBtn.png");
				background-repeat: no-repeat;
				background-size: cover;
				text-align: center;
			}

			.btn {
				width: 140rpx;
				height: 60rpx;
			}
		}
	}

	.changPhone {
		font-size: 14px;
		color: #39f;
		text-align: right;
	}

	.accountlist {
		width: 100%;
		height: 100%;
	}

	.showBindCardList {
		width: 100%;
		height: 100%;

		.choiceBox {
			text-align: center;
			font-weight: bold;
			height: 100rpx;
			line-height: 100rpx;
			padding: 0;
			// border-bottom: 1rpx solid #e6e6e6;
		}

		.cardsList {
			width: 100%;
			height: calc(100% - 260rpx);
			overflow-y: scroll;
		}

		.ListItem {
			border-bottom: 1rpx solid #e6e6e6;
			font-size: 30rpx;
			padding: 25rpx 0;
			background: #fff;
			position: relative;
			text-align: center;
			display: flex;
			justify-content: center;

			span {
				display: inline-block;
				align-self: center;
			}
		}

		.changeCard {
			margin: 0 auto;
			margin-top: 40rpx;
			height: 40rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #04b871;
			line-height: 40rpx;
			text-align: center;
		}
	}

	.SubmittedSuccessfully {
		width: 400rpx !important;
		height: 200rpx !important;
		margin: 0 auto !important;
		background: #000000;
		opacity: 0.8;
		border-radius: 8rpx;
	}

	.cardNum {
		width: 574rpx;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding-top: 36rpx;
		font-size: 24rpx;

		.cardNumleft {
			font-family: PingFang SC;
			font-weight: 500;
			color: #ffffff;
		}

		.cardNumright {
			font-family: PingFang SC;
			font-weight: 500;
			text-decoration: underline;
			color: #ffffff;
		}
	}

	.RechargeDetailed {
		text-align: center;
		// width: 118rpx;
		height: 32rpx;
		margin: 0 auto;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		text-decoration: underline;
		color: #36a8ff;
		margin-top: 50rpx;
	}

	.contentBox {
		width: 670rpx;
		height: 376rpx;
		margin: 0 auto;
	}

	.contentDiv {
		height: 100%;
		// margin-top: 36rpx;
		border-radius: 15rpx;
		background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
		background-repeat: no-repeat;
		background-size: 100% 100%;

		position: relative;
		top: 36rpx;
	}

	.HidenText {
		width: 574rpx;
		margin: 0 auto;
		padding-top: 88rpx;
	}

	.HidenText,
	.Balance {
		padding-left: 46rpx;
		padding-right: 40rpx;
		display: flex;
		justify-content: space-between;

		font-size: 28rpx;
		color: #ffffff;
	}

	.Balance {
		width: 574rpx;
		margin: 0 auto;
		margin-top: 20rpx;

		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #ffffff;
	}

	.Recharge {
		width: 100%;
		height: 40rpx;
		margin-top: 40rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.4);
		line-height: 40rpx;
	}

	.headview {
		display: flex;
		justify-content: space-between;
		// padding-left: 40rpx;
		// padding-right: 40rpx;

		padding-top: 36rpx;
		width: 574rpx;
		margin: 0 auto;
	}

	.headview .schoolname {
		// width: 252rpx;
		height: 50rpx;
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #ffffff;
		line-height: 50rpx;
	}

	.headview .IconCls {
		width: 170rpx;
		height: 48rpx;
		background: #20946d;
		border-radius: 25rpx;

		font-size: 24rpx;
		font-weight: 400;
		color: #ffffff;
		line-height: 48rpx;
		text-align: center;
	}

	.moneyWrapper {
		margin-top: 10rpx;
		width: 100%;
		display: flex;
		flex-wrap: wrap;

		.moneyItem {
			width: 210rpx;
			height: 120rpx;
			background: #f8f8f8;
			border-radius: 12rpx;
			display: flex;
			justify-content: center;
			margin-right: 8rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			margin-bottom: 24rpx;
			border: 3rpx solid transparent;

			view {
				align-self: center;
				color: #333333;
			}

			view:first-child {
				font-size: 40rpx;
				font-weight: 500;
			}

			view:last-child {
				font-size: 30rpx;
			}
		}

		.moneyItem:nth-child(3n) {
			margin-right: 0;
		}

		.active {
			border: 3rpx solid #04b871;

			view {
				color: #04b871;
			}
		}

		.other {
			width: 444rpx;
			height: 120rpx;
			line-height: 120rpx;
			text-align: center;
			background: #f8f8f8;
			border-radius: 12rpx;
			border: 3rpx solid transparent;

			/deep/.uni-input-wrapper {
				position: absolute;
				width: 444rpx;
				height: 120rpx;
				font-size: 40rpx;
				font-weight: 500;
				color: #333333;
			}

			/deep/.uni-input-input {
				height: 120rpx;
				line-height: 120rpx;
			}
		}
	}

	.MoneyBox {
		flex-wrap: wrap;
		height: auto;
		color: #888888;
		width: 686rpx;
		margin: 0 auto;
		overflow: hidden;
	}

	.choiceClass {
		background: rgba(39, 266, 148, 0.1) !important;
		color: #28d79c;
	}

	.MoneyBox view {
		width: 220rpx;
		height: 120rpx;
		background: #ffffff;
		border-radius: 8rpx;
		border: 1rpx solid #eeeeee;
		margin-top: 16rpx;
		text-align: center;
		position: relative;
		box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
		margin-right: 2px;
		float: left;
	}

	.depotMoney .value {
		font-size: 45rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		line-height: 120rpx;
		text-align: center;
	}

	.depotMoney .tips {
		// width: 79rpx;
		// height: 33rpx;
		// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
		// border-radius: 4rpx;
		// font-size: 18rpx;
		// font-weight: 500;
		// padding: 4rpx;
		// text-align: center;
		// float: right;
		// position: absolute;
		// right: 0rpx;
		// line-height: 33rpx;
	}

	.OtherMoney {
		display: flex;
		justify-content: flex-start;
		// color: #999999;
		// font-size: 28rpx;
		// font-family: PingFangSC-Regular, PingFang SC;
		// font-weight: 400;
		// color: #999999;
		// line-height: 40rpx;
		width: 686rpx;
		height: 100rpx;
		background: #f7f6fb;
		border-radius: 10rpx;
		margin: 0 auto;
		line-height: 100rpx;
		margin-top: 32rpx;

		span {
			display: inline-block;
			font-size: 40rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #000000;
			padding-left: 26rpx;
		}

		input {
			height: 100%;
		}
	}

	.OtherMoney view:nth-child(2) {
		// width: 30rpx;
		// height: 30rpx;
		// background: #F0F0F0;
		// border-radius: 50%;
		// text-align: center;
		// line-height: 30rpx;
		// margin-top: 7rpx;
		// margin-left: 5rpx;
	}

	.paytype {
		display: flex;
		margin-top: 39rpx;
		width: 100%;
		height: 40rpx;
		justify-content: space-between;
		font-size: 28rpx;

		.left {
			font-weight: 500;
			color: rgba(0, 0, 0, 0.4);
		}

		.right {
			color: rgba(0, 0, 0, 0.85);

			.van-icon {
				font-size: 28rpx;
				color: #161616;
			}
		}
	}

	.payType {
		height: 98rpx;
		line-height: 98rpx;
		display: flex;
		justify-content: space-between;
	}

	.payType view:nth-child(1) {
		// width: 120rpx;
		height: 42rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #888888;
		line-height: 98rpx;
	}

	.payType view::nth-child(2) {
		width: 225rpx;
		height: 45rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 45rpx;
	}

	.arrow {
		transform: rotate(-45deg);
		top: -3rpx;
		border: solid #999999;
		border-width: 0 1rpx 1rpx 0;
		display: inline-block;
		padding: 8rpx;
		position: relative;
	}

	// @media (min-height: 650px) {
	@media (min-height: 1040px) {
		.bottomdiv {
			position: fixed;
			left: 0;
			right: 0;
			bottom: 30rpx;
		}
	}

	.DepositID {
		width: 100%;
		height: 90rpx;
		background: #04b871;
		border-radius: 45px;
		line-height: 90rpx;
		text-align: center;
		font-size: 34rpx;
		font-weight: 500;
		color: #ffffff;
		margin: 0 auto;
		margin-top: 29rpx;
		text-align: center;
	}

	.DepositID span {
		height: 50rpx;
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #ffffff;
		line-height: 92rpx;
	}

	.service {
		margin-top: 118rpx;
		width: 100%;
		height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.5);
		line-height: 40rpx;
		text-align: center;
	}

	.switchbankCard {
		text-align: center;
		/* width: 205px; */
		// height: 28rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		text-decoration: underline;
		color: #268ef8;
		margin-top: 23rpx;
	}

	.RechargeConfirmationBox {
		position: fixed;
		left: 0;
		right: 0;
		top: 400rpx;
		width: 618rpx;
		height: 520rpx;
		background: #ffffff;
		border-radius: 8rpx;
		margin: 0 auto;

		.RechargeInfo {
			width: 560rpx;
			height: 100%;
			margin: 0 auto;

			/deep/ .openCardPhonTxt {
				font-weight: bold;
				color: #000000;
				width: auto;
			}

			/deep/ .openCardPhonSmsTxt {
				font-weight: bold;
				color: #000000;
				width: auto;
			}

			/deep/ .van-cell {
				padding-left: 0;
				padding-right: 0;
				height: 100rpx;
			}

			/deep/ .van-button {
				background: #1cc48b;
				border-radius: 8rpx;
				font-size: 10rpx;
			}

			.RechargeInfo1 {
				height: 120rpx;
				line-height: 88rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #000000;
				text-align: center;
			}

			.ContenInfo {
				text-align: center;
				// width: 383rpx;
				height: 159rpx;
				margin: 0 auto;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #010101;

				view {
					line-height: 75rpx;
				}
			}

			.BtngGoup {
				justify-content: space-between;
				display: flex;
				margin-top: 40rpx;

				view {
					width: 100%;
					height: 68rpx;
					border-radius: 8rpx;
					text-align: center;
					line-height: 68rpx;
				}

				view:nth-child(1) {
					background: #1cc48b;
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #ebebeb;
				}

				view:nth-child(2) {
					background: #1cc48b;
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #ffffff;
				}
			}
		}
	}

	.closePhoneBox {
		// width: 35rpx;
		height: 35rpx;
		position: relative;
		right: -20rpx;
		top: 20rpx;
		text-align: right;

		image {
			width: 35rpx;
			height: 35rpx;
			position: relative;
			right: 10rpx;
		}
	}

	.doBtnTx {
		width: 506rpx;
		height: 92rpx;
		background: #04ba73;
		border-radius: 8rpx;
		color: #ffffff;

		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 38rpx;
	}

	.PhoneNum,
	.VerifyCode {
		width: 506rpx;
		height: 80rpx;
		line-height: 60rpx;
		background: #f7f6fb;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.VerifyCode {
		display: flex;
		justify-content: space-between;
	}

	.VerifyCode input {
		width: 200rpx;
	}

	.CodeMsg {
		color: #01bc73;
		background: #f7f6fb;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 80rpx;
		letter-spacing: 3rpx;
	}

	.placeholderInput {
		color: #aaaaaa;
		font-size: 42rpx;
		font-weight: 500;
		letter-spacing: 3rpx;
		// padding-left: 50rpx;
		height: 80rpx;
	}

	.OtherTitle {
		height: 67rpx;
		font-size: 48rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #010101;
		line-height: 67rpx;

		padding-top: 60rpx;
	}

	.inputOtherM {
		display: flex;
		height: 100rpx;
		margin-top: 40rpx;
	}

	.inputOtherM input {
		border: none;
		outline: none;
		height: 50rpx;
		padding-left: 16rpx;
		font-size: 72rpx;
		font-weight: 600;
	}

	.inputOtherM span:nth-child(1) {
		width: 72rpx;
		font-size: 80rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #010101;
		line-height: 100rpx;
	}

	.OtherLine {
		width: 631rpx;
		height: 1rpx;
		background-color: #cccccc;
		margin-top: 19rpx;
	}

	.depositbox {
		margin-top: 31rpx;
		height: 30rpx;
		line-height: 30rpx;
	}

	.depositImg {
		width: 24rpx;
		height: 24rpx;
		vertical-align: middle;
		margin-right: 8rpx;
		position: relative;
		top: -2rpx;
	}

	.Recharge_ {
		height: 40rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 40rpx;
		margin-top: 40rpx;
	}

	.Recharge_ span:nth-child(2) {
		font-size: 28rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #fa6400;
	}

	.placeholderinputOtherM {
		height: 50rpx;
		// font-family: PingFangSC-Semibold, PingFang SC;
		// font-weight: 600;
		// color: #010101;
		line-height: 50rpx;
		width: 323rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #888888;
	}

	// 异常处理
	.RechargeException {
		padding-top: 20rpx;
	}

	.weui-label {
		// width: 118rpx;
		height: 42rpx;
		font-size: 30rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #3d3d3d;
		line-height: 42rpx;
		font-weight: bold;
		margin-left: 30rpx;
	}

	.tiptext {
		height: 1.06rem;
		font-size: 0.75rem;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #03bc73;
		line-height: 1.06rem;
		margin-bottom: 0.625rem;
		text-align: center;
	}

	.bottomDetail {
		width: 628rpx;
		height: 88rpx;
		color: white;
		// position: fixed;
		// left: 0;
		// right: 0;
		margin: 0 auto;
		background-color: #03bc73;
		text-align: center;
		line-height: 88rpx;

		margin-top: 84rpx;
	}

	.RechargeException input::placeholder {
		color: #a1a4a8;
	}

	.RechargeException .weui-cell {
		height: 4rem;
		padding: 0 !important;
	}

	.idCardPhoto1,
	.idCardPhoto2 {
		width: 388rpx;
		height: 224rpx;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.idCardPhoto1 image,
	.idCardPhoto2 image {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.weui-toptips_success {
		background-color: #03bc73 !important;
	}

	.positionCam {
		height: 32rpx;
		font-size: 22rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #6d7278;
		line-height: 32rpx;
		text-align: center;
		position: relative;
		top: -29px;
	}

	.BgCoverBox {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
		background: #000000;
		opacity: 0.5;
	}

	.hideListCover {
		max-height: 50vh;
		overflow-y: auto;
		padding: 0;
	}

	.bottomDiv {
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #e6e6e6;
	}

	/deep/ .signAlert {
		/deep/ .van-dialog__message {
			line-height: 60rpx;
		}

		/deep/ .signAlert .van-dialog__confirm {
			width: 200rpx !important;
			flex: none !important;
			margin: 0 auto;
		}
	}

	/deep/ uni-input.otherMoneyInput {
		height: 120rpx;
		line-height: 120rpx;
		font-weight: 600;
	}

	.popoverItem {
		width: 225rpx;
		margin: 0 20rpx;
		padding: 16rpx 0;
		text-align: center;
		font-size: 30rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #000000;
		border-bottom: 1rpx solid #dddddd;
	}

	.popoverItem:last-child {
		border-bottom: 0;
	}
</style>
