Commit f07190b8 authored by 李智书's avatar 李智书

Merge branch 'develop'

parents 22581a45 9b20edec
let baseUrl = window.location.origin //稳定版本环境
const baseUrl = 'https://szcf.superbest.wang/API' //稳定版本环境
let UrlReg = /^http:\/\/.*/i let UrlReg = /^http:\/\/.*/i
let UrlReg2 = /^https:\/\/.*/i let UrlReg2 = /^https:\/\/.*/i
if (process.env.NODE_ENV === 'development') {
console.log('开发环境');
// baseUrl = 'https://dev-az-order-api.xiaopay.net/insure-order';
} else {
// baseUrl = 'https://dev-az-order-api.xiaopay.net/insure-orders';
}
function uploadFile(params) { function uploadFile(params) {
var _this = this, var _this = this,
...@@ -52,7 +57,8 @@ function downloadFile(params) { ...@@ -52,7 +57,8 @@ function downloadFile(params) {
function request(params, data) { function request(params, data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.request({ uni.request({
url: (UrlReg.test(params.url) || UrlReg2.test(params.url)) ? params.url : baseUrl + params.url, url: (UrlReg.test(params.url) || UrlReg2.test(params.url)) ? params.url : baseUrl + params
.url,
method: params.method, method: params.method,
dataType: params.dataType, dataType: params.dataType,
data, data,
...@@ -63,7 +69,9 @@ function request(params, data) { ...@@ -63,7 +69,9 @@ function request(params, data) {
resolve(res) resolve(res)
}, },
fail: function(fail) { fail: function(fail) {
reject(fail) reject({
message: fail.errMsg
})
} }
}); });
}) })
...@@ -81,25 +89,31 @@ function request(params, data) { ...@@ -81,25 +89,31 @@ function request(params, data) {
function postRequest(params, data = {}) { function postRequest(params, data = {}) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.showLoading({ uni.showLoading({
title: params.Ltitle ? params.Ltitle : "加载中..." title: params.Ltitle ? params.Ltitle : "加载中...",
mask: true
}); });
try { try {
//登录错误提示 //登录错误提示
let duration; let duration;
if(params.url == '/user/login/pwd'){ if (params.url == '/user/login/pwd') {
duration = 20000 duration = 20000
}else{ } else {
duration = 3000 duration = 3000
} }
//token //token
let token = uni.getStorageSync("token") let personalInfo = uni.getStorageSync("personalInfo");
//用户id
let userId = uni.getStorageSync("userId")
data.userId = data.userId || userId;
params.header = { params.header = {
"token": token || "" // seesionID: personalInfo.seesionID || '',
// sessionid: personalInfo.seesionID || '',
// token: personalInfo.seesionID || '',
// wechattype: 1
}; };
data = Object.assign({
seesionID: personalInfo.seesionID || '',
sessionid: personalInfo.seesionID || '',
token: personalInfo.seesionID || '',
wechattype: 1
}, data)
params.method = "POST"; params.method = "POST";
params.dataType = "JSON" params.dataType = "JSON"
if (!params.url) { if (!params.url) {
...@@ -118,38 +132,11 @@ function postRequest(params, data = {}) { ...@@ -118,38 +132,11 @@ function postRequest(params, data = {}) {
reslt.data = reslt.data reslt.data = reslt.data
//TODO handle the exception //TODO handle the exception
} }
if (reslt.data.code != 200) {
//token失效或者错误 ----401
//账号已在其他地方登录! -----1006
if (reslt.data.code == 401 || reslt.data.code == 1006) {
uni.showToast({
icon: "none",
title: reslt.data.message,
duration
})
uni.hideLoading();
//401跳转登录
uni.redirectTo({
// url: "/pages/notecheck/notecheck?phone=13428967050",
// url: "/pages/notecheck/notecheck",
url: "/pages/login/login"
})
reject(reslt.data.message)
}
uni.showToast({
icon: "none",
title: reslt.data.message,
duration
})
uni.hideLoading();
reject(reslt.data.message)
}
console.log(reslt);
uni.hideLoading(); uni.hideLoading();
resolve(reslt.data) resolve(reslt.data)
}).catch(e => { }).catch(e => {
reject(e.message) uni.hideLoading();
reject(e)
}) })
} catch (e) { } catch (e) {
console.log(e); console.log(e);
...@@ -171,24 +158,31 @@ function postRequest(params, data = {}) { ...@@ -171,24 +158,31 @@ function postRequest(params, data = {}) {
function getRequest(params, data) { function getRequest(params, data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.showLoading({ uni.showLoading({
title: params.Ltitle ? params.Ltitle : "加载中..." title: params.Ltitle ? params.Ltitle : "加载中...",
mask: true
}); });
try { try {
//token //token
let token = uni.getStorageSync("token") let personalInfo = uni.getStorageSync("personalInfo");
//用户id
let userId = uni.getStorageSync("userId")
data.userId = data.userId || userId;
params.header = { params.header = {
"token": token || "" // seesionID: personalInfo.seesionID || '',
// sessionid: personalInfo.seesionID || '',
// token: personalInfo.seesionID || '',
// wechattype: 1
}; };
data = Object.assign({
seesionID: personalInfo.seesionID || '',
sessionid: personalInfo.seesionID || '',
token: personalInfo.seesionID || '',
wechattype: 1
}, data)
params.method = "GET"; params.method = "GET";
params.dataType = "JSON" params.dataType = "JSON"
if (!params.url) { if (!params.url) {
uni.showToast({ uni.showToast({
icon: "none", icon: "none",
title: "url不能为空", title: "url不能为空",
duration:3000 duration: 3000
}) })
uni.hideLoading(); uni.hideLoading();
reject("url不能为空") reject("url不能为空")
...@@ -200,35 +194,10 @@ function getRequest(params, data) { ...@@ -200,35 +194,10 @@ function getRequest(params, data) {
reslt.data = reslt.data reslt.data = reslt.data
//TODO handle the exception //TODO handle the exception
} }
if (reslt.data.code != 200) {
//token失效或者错误
if (reslt.data.code == 401) {
uni.showToast({
icon: "none",
title: reslt.data.message,
duration:3000
})
uni.hideLoading();
//401跳转登录
uni.redirectTo({
// url: "/pages/notecheck/notecheck?phone=13428967050",
// url: "/pages/notecheck/notecheck",
url: "/pages/login/login"
})
reject(reslt.data.message)
}
uni.showToast({
icon: "none",
title: reslt.data.message,
duration:3000
})
uni.hideLoading();
reject(reslt.data.message)
}
console.log(reslt);
uni.hideLoading(); uni.hideLoading();
resolve(reslt.data) resolve(reslt.data)
}).catch(e => { }).catch(e => {
uni.hideLoading();
reject(e.message) reject(e.message)
}) })
} catch (e) { } catch (e) {
...@@ -252,7 +221,8 @@ function getRequest(params, data) { ...@@ -252,7 +221,8 @@ function getRequest(params, data) {
async function Login(params, data) { async function Login(params, data) {
try { try {
await uni.showLoading({ await uni.showLoading({
title: params.Ltitle ? params.Ltitle : "加载中..." title: params.Ltitle ? params.Ltitle : "加载中...",
mask: true
}); });
params.method = "POST"; params.method = "POST";
params.dataType = "JSON" params.dataType = "JSON"
...@@ -260,7 +230,7 @@ async function Login(params, data) { ...@@ -260,7 +230,7 @@ async function Login(params, data) {
await uni.showToast({ await uni.showToast({
icon: "none", icon: "none",
title: "url不能为空", title: "url不能为空",
duration:3000 duration: 3000
}) })
await uni.hideLoading(); await uni.hideLoading();
throw Error("url不能为空") throw Error("url不能为空")
...@@ -278,16 +248,16 @@ async function Login(params, data) { ...@@ -278,16 +248,16 @@ async function Login(params, data) {
await uni.showToast({ await uni.showToast({
icon: "none", icon: "none",
title: JSON.stringify(err), title: JSON.stringify(err),
duration:3000 duration: 3000
}) })
await uni.hideLoading(); await uni.hideLoading();
throw Error(JSON.stringify(err)) throw Error(JSON.stringify(err))
} }
if (reslt.data.code != 200) { if (reslt.data.code != 1000) {
await uni.showToast({ await uni.showToast({
icon: "none", icon: "none",
title: reslt.data.message, title: reslt.data.message,
duration:3000 duration: 3000
}) })
await uni.hideLoading(); await uni.hideLoading();
throw Error(reslt.data.message) throw Error(reslt.data.message)
...@@ -310,7 +280,7 @@ async function Login(params, data) { ...@@ -310,7 +280,7 @@ async function Login(params, data) {
await uni.showToast({ await uni.showToast({
icon: "none", icon: "none",
title: JSON.stringify(LoginErr), title: JSON.stringify(LoginErr),
duration:3000 duration: 3000
}) })
await uni.hideLoading(); await uni.hideLoading();
throw Error(JSON.stringify(LoginErr)) throw Error(JSON.stringify(LoginErr))
...@@ -319,7 +289,7 @@ async function Login(params, data) { ...@@ -319,7 +289,7 @@ async function Login(params, data) {
await uni.showToast({ await uni.showToast({
icon: "none", icon: "none",
title: LoginInfo.data.message, title: LoginInfo.data.message,
duration:3000 duration: 3000
}) })
await uni.hideLoading(); await uni.hideLoading();
throw Error(LoginInfo.data.message) throw Error(LoginInfo.data.message)
......
...@@ -24,6 +24,52 @@ Vue.prototype.$ImgUrl = 'https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static ...@@ -24,6 +24,52 @@ Vue.prototype.$ImgUrl = 'https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static
import Vant from 'vant'; import Vant from 'vant';
Vue.use(Vant); Vue.use(Vant);
let ua = navigator.userAgent.toLocaleString();
if (ua.match("/MicroMessenger/i") == "micromessenger") {
console.log("微信浏览器环境");
Vue.prototype.env = "wx"
} else {
console.log("普通览器环境");
Vue.prototype.env = "h5"
}
// JSSDK授权
async function JssdkAuth() {
try {
let [err, res] = await uni.request({
url: "https://pay.xiaopay.net/mp_wechat/svmpwechat/GetWechatJSSDKConfig",
method: "POST",
data: {
"mp_session_id": uni.getStorageSync("personalInfo").seesionID,
"url": encodeURIComponent(window.location.href.split("#")[0]),
}
})
console.log(err, res);
} catch (e) {
//TODO handle the exception
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
}
// WeixinJSBridge内置对象在其他浏览器中无效。
setTimeout(function() {
if (typeof WeixinJSBridge == "undefined") {
if (document.addEventListener) {
Vue.prototype.JSBridge = false
} else if (document.attachEvent) {
Vue.prototype.JSBridge = false
}
} else {
Vue.prototype.JSBridge = true
}
}, 1000)
// echarts图标 // echarts图标
var echarts = require('echarts') var echarts = require('echarts')
......
{ {
"name" : "xzf_uniapp-wechat-web", "name": "xzf_uniapp-wechat-web",
"appid" : "__UNI__6500A3F", "appid": "__UNI__6500A3F",
"description" : "", "description": "",
"versionName" : "1.0.0", "versionName": "1.0.0",
"versionCode" : "100", "versionCode": "100",
"transformPx" : false, "transformPx": false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus" : { "app-plus": {
"usingComponents" : true, "usingComponents": true,
"nvueStyleCompiler" : "uni-app", "nvueStyleCompiler": "uni-app",
"compilerVersion" : 3, "compilerVersion": 3,
"splashscreen" : { "splashscreen": {
"alwaysShowBeforeRender" : true, "alwaysShowBeforeRender": true,
"waiting" : true, "waiting": true,
"autoclose" : true, "autoclose": true,
"delay" : 0 "delay": 0
}, },
/* 模块配置 */ /* 模块配置 */
"modules" : {}, "modules": {},
/* 应用发布信息 */ /* 应用发布信息 */
"distribute" : { "distribute": {
/* android打包配置 */ /* android打包配置 */
"android" : { "android": {
"permissions" : [ "permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>", "<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
] ]
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios" : {}, "ios": {},
/* SDK配置 */ /* SDK配置 */
"sdkConfigs" : {} "sdkConfigs": {}
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
} }
}, },
/* 快应用特有相关 */ /* 快应用特有相关 */
"quickapp" : {}, "quickapp": {},
/* 小程序特有相关 */ /* 小程序特有相关 */
"mp-weixin" : { "mp-weixin": {
"appid" : "", "appid": "",
"setting" : { "setting": {
"urlCheck" : false "urlCheck": false
}, },
"usingComponents" : true, "usingComponents": true,
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
} }
}, },
"mp-alipay" : { "mp-alipay": {
"usingComponents" : true, "usingComponents": true,
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
} }
}, },
"mp-baidu" : { "mp-baidu": {
"usingComponents" : true, "usingComponents": true,
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
} }
}, },
"mp-toutiao" : { "mp-toutiao": {
"usingComponents" : true, "usingComponents": true,
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
} }
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
}, },
"h5" : { "h5": {
"devServer" : { "devServer": {
"port" : 80, "port": 80,
"disableHostCheck" : true, "disableHostCheck": true,
"proxy" : { "proxy": {
"/api" : { "/": {
"target" : "https://uat.xiaopay.net", "target": "https://dev-az-order-api.xiaopay.net",
"changeOrigin" : true, "changeOrigin": true,
"secure" : false, "secure": false
"pathRewrite" : { }
"^/api" : "/" }
} },
} "router": {
} "mode": "hash",
}, "base": "./"
"router" : { },
"mode" : "hash", "title": "电子校园卡",
"base" : "./" "optimization": {
}, "treeShaking": {
"title" : "电子校园卡", "enable": false
"optimization" : { }
"treeShaking" : { },
"enable" : false "uniStatistics": {
} "enable": true
}, },
"uniStatistics" : { "template": "template.h5.html"
"enable" : true },
}, "mp-qq": {
"template" : "template.h5.html" "uniStatistics": {
}, "enable": true
"mp-qq" : { }
"uniStatistics" : { }
"enable" : true
}
}
} }
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
"navigationBarTitleText": "校智付电子校园卡", "navigationBarTitleText": "校智付电子校园卡",
"navigationStyle": "custom", "navigationStyle": "custom",
"usingComponents": { "usingComponents": {
}, },
"h5": { "h5": {
"titleNView": "transparent" "titleNView": "transparent"
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
{ {
"path": "pages/wxWorkAuth/wxWorkAuth", "path": "pages/wxWorkAuth/wxWorkAuth",
"style": { "style": {
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, { }, {
"path": "pages/StudentsGraduate/StudentsGraduate", "path": "pages/StudentsGraduate/StudentsGraduate",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
...@@ -292,38 +292,58 @@ ...@@ -292,38 +292,58 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
} }, {
,{ "path": "pages/pdfPreview/pdfPreview",
"path" : "pages/pdfPreview/pdfPreview", "style": {
"style" : "navigationStyle": "custom",
{ "navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}, {
"path": "pages/OpenAccountAgreementBOC/OpenAccountAgreementBOC",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "渤海银行线上个人银行Ⅱ、Ⅲ类账户服务协议",
"enablePullDownRefresh": false
}
}, {
"path": "pages/UserAgreement/UserAgreement",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "消费用户协议",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/StudentPayment",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "日常收费",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayProject/PayProject",
"style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "", "navigationBarTitleText": "日常收费",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
} }, {
,{ "path": "pages/StudentPayment/PayOrderDetails/PayOrderDetails",
"path" : "pages/OpenAccountAgreementBOC/OpenAccountAgreementBOC", "style": {
"style" :
{
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "渤海银行线上个人银行Ⅱ、Ⅲ类账户服务协议", "navigationBarTitleText": "交费订单明细",
"enablePullDownRefresh": false "navigationBarTextStyle":"white",
} "navigationBarBackgroundColor":"#01CB88",
"enablePullDownRefresh": false
} }
,{
"path" : "pages/UserAgreement/UserAgreement", }
"style" : ],
{
"navigationStyle": "custom",
"navigationBarTitleText": "消费用户协议",
"enablePullDownRefresh": false
}
}
],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "校智付", "navigationBarTitleText": "校智付",
......
<template> <template>
<view class="container"> <view class="container">
<view class="contentBox" v-if="!depotMoneyother"> <view class="contentBox" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv"> <view class="contentDiv">
<view class="headview"> <view class="headview">
<view class="schoolname">{{PersonalInfo.schoolname}}</view> <view class="schoolname">{{ PersonalInfo.schoolname }}</view>
<view class="IconCls">电子校园卡</view> <view class="IconCls">电子校园卡</view>
</view> </view>
<!-- 卡号显示 --> <!-- 卡号显示 -->
<view class="cardNum"> <view class="cardNum">
<view class="cardNumleft"><span>账户:</span> **** **** **** <view class="cardNumleft"
{{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}} ><span>账户:</span> **** **** ****
<span>({{accountEnum[bankInfo_.accountType+'']}})</span> {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
</view> <span>({{ accountEnum[bankInfo_.accountType + ""] }})</span>
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view> </view>
</view> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber"
<view class="HidenText"> >复制</view
<view class="userName" style="text-overflow: ellipsis;overflow: hidden; white-space: nowrap;"> >
姓名:<span>{{PersonalInfo.name}}</span></view> </view>
<view class="StudentCls" style="text-overflow: ellipsis;overflow: hidden; white-space: nowrap;" <view class="HidenText">
v-if="PersonalInfo.usertype=='1'"> <view
班级:{{PersonalInfo.gradename}}({{PersonalInfo.classname}})</view> class="userName"
<view class='TeacherCls' style="text-overflow: ellipsis;overflow: hidden; white-space: nowrap;" style="
v-else>教职工</view> text-overflow: ellipsis;
</view> overflow: hidden;
<view class="Balance"> white-space: nowrap;
<view class="cardBalanceTx">余额:¥<span>{{cardBalanceTx}}</span></view> "
<view @click="ToWalletTx"> >
<span style="display: inline-block;padding-right: 10rpx;">余额提现</span> 姓名:<span>{{ PersonalInfo.name }}</span></view
<image style="position: relative;width: 13rpx;height: 20rpx;" class='ImgIcon1' mode='widthFix' >
:src="ImgUrl+'images/xiaopaycard (17).png'" alt=""></image> <view
</view> class="StudentCls"
</view> style="
</view> text-overflow: ellipsis;
<!-- 充值明细 --> overflow: hidden;
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> white-space: nowrap;
账户明细 "
</view> v-if="PersonalInfo.usertype == '1'"
<!-- 充值账户 --> >
<view class="Recharge"> 班级:{{ PersonalInfo.gradename }}({{
<span></span> PersonalInfo.classname
<span>账户充值</span> }})</view
</view> >
<!-- 充值的金额 --> <view
<view class="MoneyBox"> class="TeacherCls"
<view class="depotMoney" @click="depotMoney(item.value,index)" style="
v-bind:class="(MoneyIndex==index)?'choiceClass':''" :data-money="item.value||0" text-overflow: ellipsis;
v-for="(item,index) in MoneyList" :key="index"> overflow: hidden;
<span class="value"> white-space: nowrap;
{{item.value}} "
</span> v-else
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span> >教职工</view
<!-- <span class="tips" v-show="item.tips"> >
</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>
<span>账户充值</span>
</view>
<!-- 充值的金额 -->
<view class="MoneyBox">
<view
class="depotMoney"
@click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<span class="value">
{{ item.value }}
</span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
item.lable
}}</span>
<!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
</view> </view>
</view> </view>
<!-- 充值限额提示 --> <!-- 充值限额提示 -->
<view class="depositbox"> <view class="depositbox">
<image mode='widthFix' class="depositImg" src="../../../static/img/depositIcon.png"></image> <image
<span style="vertical-align:middle;font-size: 28rpx;color: #333333;font-weight: 500;">最大可充值金额:<span mode="widthFix"
style="color:red;"><span class="canDepositTx">{{RechargeMax}}</span></span></span> class="depositImg"
</view> src="../../../static/img/depositIcon.png"
<!-- 充值其它金额 --> ></image>
<view class="OtherMoney" v-if="isOtherMoney"> <span
<span></span> style="
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额,最低3元" vertical-align: middle;
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> font-size: 28rpx;
</view> color: #333333;
<!-- 支付方式 --> font-weight: 500;
<view class="payType" @click="queryBindCardList"> "
<view>付款方式</view> >最大可充值金额:<span style="color: red"
<view> {{ bankInfo_.bindCardName}} {{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length-4) }}<span ><span class="canDepositTx">{{ RechargeMax }}</span></span
class="arrow"></span></view> ></span
<!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span >
</view>
<!-- 充值其它金额 -->
<view class="OtherMoney" v-if="isOtherMoney">
<span></span>
<input
v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额,最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view>
<!-- 支付方式 -->
<view class="payType" @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> --> class="arrow"></span></view> -->
</view> </view>
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> --> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 --> <!-- 充值生活费 -->
<view class="bottomdiv"> <view class="bottomdiv">
<view class="DepositID" @click="toDeposit" <view
v-bind:style="Money!=''?'':'background: #e6e6e6 !important;'"> class="DepositID"
<span>充值生活费</span> @click="toDeposit"
</view> v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
<!-- --> >
<view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> <span>充值生活费</span>
</view> </view>
<!-- -->
</view> <view class="switchbankCard" @click="ChangeBankPay"
<!-- 其他充值金额 --> >我要换银行卡支付</view
<view class="contentBox" v-if="depotMoneyother"> >
<view class="OtherTitle">充值金额</view> </view>
<view class="inputOtherM"> </view>
<span></span> <!-- 其他充值金额 -->
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM" <view class="contentBox" v-if="depotMoneyother">
type="text" maxlength="6" /> <view class="OtherTitle">充值金额</view>
</view> <view class="inputOtherM">
<view class="OtherLine"></view> <span></span>
<!-- 充值范围 --> <input
<view class="Recharge_"> v-model="inputOtherM"
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> @input="inputControl"
<span>最大可充值金额:</span> placeholder-class="placeholderinputOtherM"
<span><span>3.00 ~ 2000.00</span></span> type="text"
</view> maxlength="6"
</view> />
<!-- 弹出层 --> </view>
<uni-popup ref="popup" :mask-click="false"> <view class="OtherLine"></view>
<!-- 充值确认 --> <!-- 充值范围 -->
<view class="RechargeConfirmationBox"> <view class="Recharge_">
<view class="RechargeInfo"> <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<view class="closePhoneBox" @click="close()"> <span>最大可充值金额:</span>
<image src="../../../static/img/close.png" mode="aspectFit"></image> <span
</view> ><span>3.00 ~ {{ RechargeMax }}</span></span
<view class="RechargeInfo1"> >
验证校园卡开卡手机号 </view>
</view> </view>
<van-field label-class="openCardPhonTxt" label="手机号:" maxlength="11" v-model="openCardPhon" <!-- 弹出层 -->
placeholder="校园卡开卡手机号" center :border="false"> <uni-popup ref="popup" :mask-click="false">
<view slot="right-icon" v-if="bankInfo_.accountType==4"> <!-- 充值确认 -->
<view class="changPhone" style="display: flex;justify-content: center;" <view class="RechargeConfirmationBox">
@click="changePhone">变更手机号 <view class="RechargeInfo">
<van-icon name="arrow" /> <view class="closePhoneBox" @click="close()">
</view> <image src="../../../static/img/close.png" mode="aspectFit"></image>
</view> </view>
</van-field> <view class="RechargeInfo1"> 验证校园卡开卡手机号 </view>
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> <van-field
<van-field v-model="openCardPhonSms" label-class="openCardPhonSmsTxt" maxlength="6" label="验证码:" label-class="openCardPhonTxt"
placeholder="输入短信验证码" center clearable :border="false"> label="手机号:"
<van-button slot="button" size="small" type="primary" @click="SendSms"> maxlength="11"
<div style="font-size:28rpx;">{{CodeMsg}}</div> v-model="openCardPhon"
</van-button> placeholder="校园卡开卡手机号"
</van-field> center
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> :border="false"
<!-- 取消 确认充值按钮 --> >
<view class="BtngGoup"> <view slot="right-icon" v-if="bankInfo_.accountType == 4">
<view class="" @click="ExchangeRecharge"> <view
充值 class="changPhone"
</view> style="display: flex; justify-content: center"
</view> @click="changePhone"
</view> >变更手机号
</view> <van-icon name="arrow" />
</uni-popup> </view>
<!-- 选择银行卡 --> </view>
<view class="selectCard"> </van-field>
<van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }"> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<!-- 银行卡列表 --> <van-field
<view class="accountlist"> v-model="openCardPhonSms"
<!-- 切换绑定的一类卡列表 --> label-class="openCardPhonSmsTxt"
<view class="showBindCardList"> maxlength="6"
<view class="choiceBox">选择付款账户</view> label="验证码:"
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item,index) in bindcardList" placeholder="输入短信验证码"
:key="index"> center
<span style="padding-right:10px;">{{item.bindCardName}} </span> clearable
<span>尾号:{{item.bindCardNo.slice(item.bindCardNo.length-4)}}</span> :border="false"
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> --> >
</view> <van-button
</view> slot="button"
</view> size="small"
</van-popup> type="primary"
</view> @click="SendSms"
</view> >
<div style="font-size: 28rpx">{{ CodeMsg }}</div>
</van-button>
</van-field>
<view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<!-- 取消 确认充值按钮 -->
<view class="BtngGoup">
<view class="" @click="ExchangeRecharge"> 充值 </view>
</view>
</view>
</view>
</uni-popup>
<!-- 选择银行卡 -->
<view class="selectCard">
<van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<!-- 银行卡列表 -->
<view class="accountlist">
<!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList">
<view class="choiceBox">选择付款账户</view>
<view
class="ListItem"
@click="ChangeCardPay(item)"
v-for="(item, index) in bindcardList"
:key="index"
>
<span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span
>尾号:{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> -->
</view>
</view>
</view>
</van-popup>
</view>
</view>
</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" gHost = "https://fpdev.xiaopay.net";
var gHost = "https://" + window.location.host; // gHost = "/api";
if (window.location.protocol != "https:") { }
gHost = "https://fpdev.xiaopay.net"; let times = 0;
// gHost = "/api"; var limitClick = false; //禁止重复点击
} var sessionID = "",
let times = 0; userID = "";
var limitClick = false; //禁止重复点击 var payCardNumber = ""; //一类卡号
var sessionID = '', var orderSerialNo = ""; //提现结果查询 指令号
userID = ''; var businessNo = "",
var payCardNumber = ''; //一类卡号 otpOrderNo = "",
var orderSerialNo = ''; //提现结果查询 指令号 mobileNo = "";
var businessNo = '', var MyTimer = null;
otpOrderNo = '', var fromType = 0; //0转账 1提现
mobileNo = ''; var opeType = 0; //0充值 1提现 手机号验证
var MyTimer = null; var bankInfo = {
var fromType = 0; //0转账 1提现 acctNoArray: "",
var opeType = 0; //0充值 1提现 手机号验证 idNo: "",
var bankInfo = { schoolId: "",
acctNoArray: '', trueName: "",
idNo: '', userId: "",
schoolId: '', sessionid: "",
trueName: '', wechattype: 1,
userId: '', };
sessionid: '', /**
wechattype: 1 * 对象转拼接字符串
} * @param {*} res Object 需要转换的数据对象
/** */
* 对象转拼接字符串 function OforS(res) {
* @param {*} res Object 需要转换的数据对象 var resL = 0;
*/ var outS = "";
function OforS(res) { for (var i in res) {
var resL = 0; if (resL == 0) {
var outS = ""; outS += "" + i + "=" + res[i];
for (var i in res) { } else {
if (resL == 0) { outS += "&" + i + "=" + res[i];
outS += "" + i + "=" + res[i]; }
} else { resL++;
outS += "&" + i + "=" + res[i]; }
} return outS;
resL++; }
} export default {
return outS; components: {
} keyboardPackage,
export default { },
components: { name: "Recharge",
keyboardPackage data() {
}, return {
name: "Recharge", popshow: false,
data() { // 输入其它金额
return { isOtherMoney: false,
popshow: false, inputOtherM: "",
// 输入其它金额 RechargeException: false,
isOtherMoney: false, depotMoneyother: false, //其他充值
inputOtherM: '', Money: "", //选择金额
RechargeException: false, MoneyIndex: -1,
depotMoneyother: false, //其他充值 RechargeMax: "2000", //最大充值限制
Money: '', //选择金额 ReflectMoney: "", //提现金额
MoneyIndex: -1, VerifyCode: "", //验证码
RechargeMax: '2000', //最大充值限制 cardBalanceTx: "0", //余额
ReflectMoney: '', //提现金额 CodeMsg: "获取验证码",
VerifyCode: '', //验证码 type: "number",
cardBalanceTx: '0', //余额 PersonalInfo: {
CodeMsg: "获取验证码", schoolname: "",
type: 'number', name: "",
PersonalInfo: { usertype: "1",
schoolname: "", },
name: "", bankInfo_: {
usertype: "1" accountNo: "**** **** **** 1234",
}, bindCardName: "",
bankInfo_: { bindCardNo: "",
accountNo: '**** **** **** 1234', },
bindCardName: '', ImgUrl: this.$ImgUrl,
bindCardNo: '' MoneyList: [
}, {
ImgUrl: this.$ImgUrl, lable: "",
MoneyList: [{ value: 100,
lable: '', },
value: 100 {
}, { lable: "",
lable: '', value: 200,
value: 200 },
}, { {
lable: '', lable: "",
value: 500 value: 500,
}, { },
lable: '', {
value: 1000 lable: "",
}, { value: 1000,
lable: '其他金额', },
value: '' {
}], lable: "其他金额",
numberList: [], value: "",
tempFiles1: '../../static/img/idCardBg1.png', //上传身份证临时选择文件 },
tempFiles2: '../../static/img/idCardBg0.png', ],
//绑定的一类卡列表 numberList: [],
bindcardList: [], tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
// 20211126 银行账户类型 tempFiles2: "../../static/img/idCardBg0.png",
accountType: '2', //绑定的一类卡列表
// 银行账户类型名称枚举 bindcardList: [],
accountEnum: { // 20211126 银行账户类型
'1': "平安银行III类户", accountType: "2",
'2': "工商银行III类户", // 银行账户类型名称枚举
'3': "交通银行III类户", accountEnum: {
'4': "渤海银行II类户", 1: "平安银行III类户",
}, 2: "工商银行III类户",
/** 3: "交通银行III类户",
* 20211129新增 4: "渤海银行II类户",
*/ },
// 充值手机号码 /**
openCardPhon: "", * 20211129新增
openCardPhonSms: "", */
msCount: 60, //定时器 // 充值手机号码
RechargeSmsorderNoInfo: {} //第三方合作交易标识 openCardPhon: "",
} openCardPhonSms: "",
}, msCount: 60, //定时器
onLoad: function(options) { RechargeSmsorderNoInfo: {}, //第三方合作交易标识
console.log(options); };
// 初始化 },
userID = options['userID'] || ''; onLoad: function (options) {
sessionID = options['seesionID'] || ''; console.log(options);
fromType = options['fromType'] || ''; // 初始化
bankInfo.sessionid = sessionID || ''; userID = options["userID"] || "";
this.QueryUserInfo() sessionID = options["seesionID"] || "";
}, fromType = options["fromType"] || "";
created: function() { bankInfo.sessionid = sessionID || "";
this.QueryUserInfo();
}, },
mounted: function() { created: function () {},
mounted: function () {},
}, onShow: function () {
onShow: function() { if (bankInfo.userId) {
if (bankInfo.userId) { this.queryBankInfo();
this.queryBankInfo(); }
} },
}, methods: {
methods: { // 更换银行卡
// 更换银行卡 async ChangeBankPay() {
async ChangeBankPay() { // uni.showModal({
// uni.showModal({ // title: "系统提示",
// title: "系统提示", // content: "功能开发中!"
// content: "功能开发中!" // })
// }) // return
// return uni.showLoading({
uni.showLoading({ mask: true,
mask: true, title: "请稍后....",
title: "请稍后...." });
}); if (bankInfo.accountType == 4) {
if (bankInfo.accountType == 4) { jWeixin.miniProgram.navigateTo({
jWeixin.miniProgram.navigateTo({ url: `/pages_subpack/pages/changeBindCard/main`,
url: `/pages_subpack/pages/changeBindCard/main`, });
}); uni.hideLoading();
uni.hideLoading() return;
return }
} this.BackToMini("AssignAddCard");
this.BackToMini('AssignAddCard') uni.hideLoading();
uni.hideLoading() },
}, // 验证码弹出框开启
// 验证码弹出框开启 toDeposit() {
toDeposit() { if (this.isOtherMoney) {
if (this.isOtherMoney) { if (this.inputOtherM == "") {
if (this.inputOtherM == '') { uni.showModal({
uni.showModal({ title: "系统提示",
title: "系统提示", content: "请输入要充值的金额!",
content: "请输入要充值的金额!" });
}) return;
return }
} if (parseFloat(this.inputOtherM) * 1 < 3) {
if (parseFloat(this.inputOtherM) * 1 < 3) { weui.topTips("充值金额必须大于3元");
weui.topTips('充值金额必须大于3元'); return;
return }
} } else {
} else { if (this.Money == "") {
if (this.Money == '') { uni.showModal({
uni.showModal({ title: "系统提示",
title: "系统提示", content: "请选择要充值的金额!",
content: "请选择要充值的金额!" });
}) return;
return }
} if (parseFloat(this.inputOtherM) * 1 < 3) {
if (parseFloat(this.inputOtherM) * 1 < 3) { weui.topTips("充值金额必须大于3元");
weui.topTips('充值金额必须大于3元'); return;
return }
} }
} if (MyTimer) {
if (MyTimer) { window.clearInterval(MyTimer); //停止计时器
window.clearInterval(MyTimer); //停止计时器 MyTimer = null;
MyTimer = null this.CodeMsg = "获取验证码";
this.CodeMsg = "获取验证码" this.msCount = 60;
this.msCount = 60; this.openCardPhonSms = "";
this.openCardPhonSms = ''; }
} this.$refs.popup.open("top");
this.$refs.popup.open('top') },
}, // 验证码弹出框关闭
// 验证码弹出框关闭 close() {
close() { this.$refs.popup.close();
this.$refs.popup.close() },
}, //切换到提现
//切换到提现 ToWalletTx() {
ToWalletTx() { $("#DepositBox").css("display", "none");
$('#DepositBox').css('display', 'none'); $("#TxWalletBox").css("display", "block");
$('#TxWalletBox').css('display', 'block'); // $('.TitleHeader').html('电子账户提现');
// $('.TitleHeader').html('电子账户提现'); $(".doBtnTx").html("提现");
$('.doBtnTx').html('提现'); opeType = 1;
opeType = 1; uni.navigateTo({
uni.navigateTo({ url:
url: "../Reflect/Reflect?" + OforS({ "../Reflect/Reflect?" +
sessionID: sessionID, OforS({
userID: userID sessionID: sessionID,
}) userID: userID,
}) }),
}, });
//全部提现 },
TxAllFun() { //全部提现
this.ReflectMoney = this.cardBalanceTx * 1 TxAllFun() {
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); this.ReflectMoney = this.cardBalanceTx * 1;
}, // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
// 输入限制 },
inputControl(e) { // 输入限制
let this_ = this inputControl(e) {
let obj = e.detail let this_ = this;
this.$nextTick(function() { let obj = e.detail;
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 this.$nextTick(function () {
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 obj.value = obj.value
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; .replace(".", "$#$")
if (obj.value == '' || obj.value * 1 < 3) { .replace(/\./g, "")
$('.DepositID').attr('style', 'background: rgb(230, 230, 230) !important;'); .replace("$#$", "."); //只允许输入一个小数点
} else { obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
$('.DepositID').removeAttr('style'); obj.value =
} obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
this_.inputOtherM = obj.value if (obj.value == "" || obj.value * 1 < 3) {
}) $(".DepositID").attr(
}, "style",
//input键盘弹起不会弹 "background: rgb(230, 230, 230) !important;"
ReturnToTop() { );
this.$nextTick(function() { } else {
document.scrollingElement.scrollTo(0, this.scrollTop); $(".DepositID").removeAttr("style");
}) }
}, this_.inputOtherM = obj.value;
//定时器 });
IntervalFun() { },
if (this.msCount == 1) { //input键盘弹起不会弹
window.clearInterval(MyTimer); //停止计时器 ReturnToTop() {
MyTimer = null // 若最后一位为小数点则去掉
this.CodeMsg = "获取验证码" let str = this.inputOtherM + "";
this.msCount = 60; if (str.lastIndexOf(".") == str.length - 1) {
} else { this.inputOtherM = str.substring(0, str.length - 1);
this.msCount--; }
this.CodeMsg = this.msCount + "s后获取" this.$nextTick(function () {
} document.scrollingElement.scrollTo(0, this.scrollTop);
}, });
// 充值验证获取验证码 },
async SendSms() { //定时器
if (MyTimer) { IntervalFun() {
return if (this.msCount == 1) {
} window.clearInterval(MyTimer); //停止计时器
if (!this.openCardPhon || this.openCardPhon.length !== 11) { MyTimer = null;
Dialog({ this.CodeMsg = "获取验证码";
title: '系统提示', this.msCount = 60;
message: '请收入正确的手机号码!' } else {
}); this.msCount--;
return this.CodeMsg = this.msCount + "s后获取";
} }
},
let this_ = this; // 充值验证获取验证码
let loading = Toast.loading({ async SendSms() {
message: '加载中...', if (MyTimer) {
forbidClick: true, return;
loadingType: 'spinner', }
duration: 0 if (!this.openCardPhon || this.openCardPhon.length !== 11) {
}); Dialog({
// 20211230 title: "系统提示",
let exchangeUrl = gHost; message: "请收入正确的手机号码!",
switch (bankInfo.accountType) { });
case 3: return;
exchangeUrl = exchangeUrl + '/bank-wechat/bocom/exchange/rechargeSms'; }
break;
case 4: let this_ = this;
exchangeUrl = exchangeUrl + '/bank-wechat/bohai/comprehensive/otpSms'; let loading = Toast.loading({
break; message: "加载中...",
default: forbidClick: true,
Dialog({ loadingType: "spinner",
title: '系统提示', duration: 0,
message: '银行账号类型错误!' });
}); // 20211230
throw ("银行账号类型错误!") let exchangeUrl = gHost;
break; switch (bankInfo.accountType) {
} case 3:
$.ajax({ exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/rechargeSms";
url: exchangeUrl, break;
type: "POST", case 4:
contentType: "application/x-www-form-urlencoded", exchangeUrl = exchangeUrl + "/bank-wechat/bohai/comprehensive/otpSms";
data: { break;
amount: ((this.Money || this.inputOtherM) * 1).toFixed(2), //充值金额,单位元 default:
schoolId: bankInfo.schoolId, //学校id Dialog({
userId: userID, //用户id title: "系统提示",
sessionid: sessionID, message: "银行账号类型错误!",
wechattype: 1, });
// 20211230渤海 throw "银行账号类型错误!";
mobilePhone: this.openCardPhon, break;
msg: "充值" }
}, $.ajax({
headers: { url: exchangeUrl,
'sessionid': sessionID, type: "POST",
}, contentType: "application/x-www-form-urlencoded",
success: function(res5) { data: {
loading.clear(); amount: ((this.Money || this.inputOtherM) * 1).toFixed(2), //充值金额,单位元
if (res5.code == "10000") { schoolId: bankInfo.schoolId, //学校id
this_.IntervalFun(); userId: userID, //用户id
MyTimer = window.setInterval(this_.IntervalFun, 1000); sessionid: sessionID,
this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {} wechattype: 1,
} else { // 20211230渤海
weui.topTips(res5.message) mobilePhone: this.openCardPhon,
uni.showModal({ msg: "充值",
title: "系统提示", },
content: res5.message headers: {
}) sessionid: sessionID,
} },
}, success: function (res5) {
error: function(err) { loading.clear();
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);
async ExchangeRecharge() { uni.showModal({
let amount, title: "系统提示",
bindMedium, content: res5.message,
summary; });
if (this.isOtherMoney) { }
if (this.inputOtherM == '') { },
uni.showModal({ error: function (err) {
title: "系统提示", loading.clear();
content: "请输入要充值的金额!" },
}) });
return },
} // 充值
amount = this.inputOtherM * 1 async ExchangeRecharge() {
} else { let amount, bindMedium, summary;
if (this.Money == '') { if (this.isOtherMoney) {
uni.showModal({ if (this.inputOtherM == "") {
title: "系统提示", uni.showModal({
content: "请选择要充值的金额!" title: "系统提示",
}) content: "请输入要充值的金额!",
return });
} return;
amount = this.Money * 1 }
} amount = this.inputOtherM * 1;
let this_ = this; } else {
if (!this.openCardPhon || this.openCardPhon.length !== 11) { if (this.Money == "") {
Dialog({ uni.showModal({
title: '系统提示', title: "系统提示",
message: '请收入正确的手机号码!' content: "请选择要充值的金额!",
}); });
return return;
} }
if (bankInfo.accountType != 4) { amount = this.Money * 1;
if (!this.RechargeSmsorderNoInfo.orderNo) { }
Dialog({ let this_ = this;
title: '系统提示', if (!this.openCardPhon || this.openCardPhon.length !== 11) {
message: '请获取验证码!' Dialog({
}); title: "系统提示",
return message: "请收入正确的手机号码!",
} });
} return;
if (!this.openCardPhonSms) { }
Dialog({ if (bankInfo.accountType != 4) {
title: '系统提示', if (!this.RechargeSmsorderNoInfo.orderNo) {
message: '请收入验证码!' Dialog({
}); title: "系统提示",
return message: "请获取验证码!",
} });
uni.showLoading({ return;
mask: true, }
title: "处理中......" }
}) if (!this.openCardPhonSms) {
// 20211230 Dialog({
let exchangeUrl = gHost; title: "系统提示",
switch (bankInfo.accountType) { message: "请收入验证码!",
case 3: });
exchangeUrl = exchangeUrl + '/bank-wechat/bocom/exchange/recharge'; return;
break; }
case 4: uni.showLoading({
exchangeUrl = exchangeUrl + '/bank-wechat/bohai/exchange/recharge'; mask: true,
break; title: "处理中......",
default: });
Dialog({ // 20211230
title: '系统提示', let exchangeUrl = gHost;
message: '银行账号类型错误!' switch (bankInfo.accountType) {
}); case 3:
throw ("银行账号类型错误!") exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/recharge";
break; break;
} case 4:
$.ajax({ exchangeUrl = exchangeUrl + "/bank-wechat/bohai/exchange/recharge";
url: exchangeUrl, break;
type: "POST", default:
contentType: "application/x-www-form-urlencoded", Dialog({
data: { title: "系统提示",
amount: (amount * 1).toFixed(2), //充值金额,单位元 message: "银行账号类型错误!",
mobileCode: this.openCardPhonSms, //短信验证码 });
orderNo: this_.RechargeSmsorderNoInfo.orderNo, //第三方合作交易标识,取充值短信返回的orderNo值 throw "银行账号类型错误!";
schoolId: bankInfo.schoolId, //学校id break;
userId: userID, //用户id }
sessionid: sessionID, $.ajax({
wechattype: 1, url: exchangeUrl,
// 21211230渤海银行 type: "POST",
transAmount: (amount * 1).toFixed(2), contentType: "application/x-www-form-urlencoded",
verifyNo: this.openCardPhonSms data: {
}, amount: (amount * 1).toFixed(2), //充值金额,单位元
headers: { mobileCode: this.openCardPhonSms, //短信验证码
'sessionid': sessionID, orderNo: this_.RechargeSmsorderNoInfo.orderNo, //第三方合作交易标识,取充值短信返回的orderNo值
}, schoolId: bankInfo.schoolId, //学校id
success: function(res5) { userId: userID, //用户id
uni.hideLoading() sessionid: sessionID,
if (res5.code == "10000") { wechattype: 1,
this_.close(); // 21211230渤海银行
setTimeout(() => { transAmount: (amount * 1).toFixed(2),
this_.queryBankInfo(); verifyNo: this.openCardPhonSms,
}, 3000); },
let thiTime = new Date(); headers: {
let str = ''; sessionid: sessionID,
let accountNo = this_.bankInfo_.bindCardNo },
accountNo = accountNo.slice(accountNo.length - 4, success: function (res5) {
accountNo uni.hideLoading();
.length); if (res5.code == "10000") {
let minutes_ = (thiTime.getMinutes().toString().length) < 2 ? (thiTime this_.close();
.getMinutes().toString().padStart(2, "0")) : (thiTime.getMinutes() setTimeout(() => {
.toString()) this_.queryBankInfo();
switch (bankInfo.accountType) { }, 3000);
case 3: let thiTime = new Date();
if (thiTime.getMinutes() + 20 >= 60) { let str = "";
str = thiTime.getHours() + 1 + ':' + (60 - let accountNo = this_.bankInfo_.bindCardNo;
thiTime accountNo = accountNo.slice(accountNo.length - 4, accountNo.length);
.getMinutes()) let minutes_ =
} else { thiTime.getMinutes().toString().length < 2
str = thiTime.getHours() + ':' + (thiTime ? thiTime.getMinutes().toString().padStart(2, "0")
.getMinutes() + 20) : thiTime.getMinutes().toString();
} switch (bankInfo.accountType) {
wx.showModal({ case 3:
title: '充值申请已提交', if (thiTime.getMinutes() + 20 >= 60) {
content: '银行处理需要1-20分钟时间,充值结果以余额查询为准。', str =
showCancel: false, thiTime.getHours() + 1 + ":" + (60 - thiTime.getMinutes());
success: function() { } else {
uni.navigateTo({ str = thiTime.getHours() + ":" + (thiTime.getMinutes() + 20);
url: `../../recharging/recharging?bankName=${this_.bankInfo_.bindCardName}&bankNumber=${accountNo}&time=${str}&money=${(amount * 1).toFixed(2)}` }
}) wx.showModal({
} title: "充值申请已提交",
}) content: "银行处理需要1-20分钟时间,充值结果以余额查询为准。",
break; showCancel: false,
case 4: success: function () {
str = (thiTime.getHours() + 2) + ':' + minutes_ uni.navigateTo({
uni.navigateTo({ url: `../../recharging/recharging?bankName=${
url: `../../recharging/recharging?bankName=${this_.bankInfo_.bindCardName}&bankNumber=${accountNo}&time=${str}&money=${(amount * 1).toFixed(2)}` this_.bankInfo_.bindCardName
}) }&bankNumber=${accountNo}&time=${str}&money=${(
break; amount * 1
default: ).toFixed(2)}`,
});
break; },
} });
// 20211129 break;
this_.RechargeSmsorderNoInfo = {} case 4:
} else { str = thiTime.getHours() + 2 + ":" + minutes_;
weui.topTips(res5.message) uni.navigateTo({
} url: `../../recharging/recharging?bankName=${
this_.bankInfo_.bindCardName
}, }&bankNumber=${accountNo}&time=${str}&money=${(
error: function(err) { amount * 1
uni.hideLoading(); ).toFixed(2)}`,
}, });
}); break;
}, default:
// 充值结果查询 break;
async ExchangeRechargeQuery(flowId, oriCorpSerno) { }
let this_ = this; // 20211129
let loading = Toast.loading({ this_.RechargeSmsorderNoInfo = {};
message: '加载中...', } else {
forbidClick: true, weui.topTips(res5.message);
loadingType: 'spinner', }
duration: 0 },
}); error: function (err) {
$.ajax({ uni.hideLoading();
url: gHost + '/bank-wechat/icbc/account/exchange/rechargeQuery', },
type: "POST", });
contentType: "application/x-www-form-urlencoded", },
data: { // 充值结果查询
schoolId: bankInfo.schoolId, async ExchangeRechargeQuery(flowId, oriCorpSerno) {
userId: userID, let this_ = this;
sessionid: sessionID, let loading = Toast.loading({
wechattype: 1, message: "加载中...",
flowId: flowId, forbidClick: true,
oriCorpSerno: oriCorpSerno, loadingType: "spinner",
}, duration: 0,
headers: { });
'sessionid': sessionID, $.ajax({
}, url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
success: function(res5) { type: "POST",
loading.clear(); contentType: "application/x-www-form-urlencoded",
if (res5.code == "10000") { data: {
let appStatus = res5.results.appStatus; schoolId: bankInfo.schoolId,
if (appStatus == '4') { userId: userID,
uni.showModal({ sessionid: sessionID,
title: "系统提示", wechattype: 1,
content: "充值成功!" flowId: flowId,
}) oriCorpSerno: oriCorpSerno,
this_.queryBankInfo(); },
} else { headers: {
uni.showModal({ sessionid: sessionID,
title: "系统提示", },
content: appStatus == '1' ? '申请已受理' : res5.message success: function (res5) {
}) loading.clear();
} if (res5.code == "10000") {
} else { let appStatus = res5.results.appStatus;
weui.topTips(res5.message) if (appStatus == "4") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message content: "充值成功!",
}) });
} this_.queryBankInfo();
}, } else {
error: function(err) { uni.showModal({
loading.clear(); title: "系统提示",
}, content: appStatus == "1" ? "申请已受理" : res5.message,
}); });
}, }
// 复制我卡号 } else {
async CopyCardNumber() { weui.topTips(res5.message);
let value = this.bankInfo_.accountNo uni.showModal({
Dialog({ title: "系统提示",
title: '系统提示', content: res5.message,
message: '复制成功!' });
}); }
this.$nextTick(function() { },
let clipboard = new ClipboardJS('#cardNumright', { error: function (err) {
text: function() { loading.clear();
return value },
} });
}) },
}) // 复制我卡号
}, async CopyCardNumber() {
//选择输入其他金额 let value = this.bankInfo_.accountNo;
OtherMoney() { Dialog({
this.depotMoneyother = true title: "系统提示",
}, message: "复制成功!",
// 快捷选择金额 });
async depotMoney(value, MoneyIndex) { this.$nextTick(function () {
console.log(value) let clipboard = new ClipboardJS("#cardNumright", {
if (!value) { text: function () {
this.isOtherMoney = true return value;
this.Money = '' },
this.MoneyIndex = MoneyIndex });
return });
} },
this.isOtherMoney = false //选择输入其他金额
this.Money = parseInt(value) OtherMoney() {
this.MoneyIndex = MoneyIndex this.depotMoneyother = true;
}, },
//按钮操作 // 快捷选择金额
HideHTML(dom, type) { async depotMoney(value, MoneyIndex) {
this.$nextTick(function() { console.log(value);
if (type == 0) { if (!value) {
$('.' + dom).css('display', 'none'); this.isOtherMoney = true;
} else { this.Money = "";
$('.' + dom).css('display', 'block'); this.MoneyIndex = MoneyIndex;
} return;
}) }
}, this.isOtherMoney = false;
// 更换手机号码 this.Money = parseInt(value);
changePhone() { this.MoneyIndex = MoneyIndex;
uni.showLoading({ },
mask: true, //按钮操作
title: "请稍后...." HideHTML(dom, type) {
}); this.$nextTick(function () {
jWeixin.miniProgram.navigateTo({ if (type == 0) {
url: `/pages_subpack/pages/changePhone/main`, $("." + dom).css("display", "none");
}); } else {
uni.hideLoading() $("." + dom).css("display", "block");
}, }
//返回小程序 跳转指定页面 });
BackToMini(page) { },
if (page == 'UserMain' || page == 'personalCenter') { // 更换手机号码
jWeixin.miniProgram.switchTab({ changePhone() {
url: `/pages/${page}/main`, uni.showLoading({
}); mask: true,
} else { title: "请稍后....",
jWeixin.miniProgram.redirectTo({ });
url: `/pages/${page}/main`, jWeixin.miniProgram.navigateTo({
}); url: `/pages_subpack/pages/changePhone/main`,
} });
}, uni.hideLoading();
//换绑卡 },
ChangeCardPay(item) { //返回小程序 跳转指定页面
let this_ = this; BackToMini(page) {
if (bankInfo.bindCardNo == item.bindCardNo) { if (page == "UserMain" || page == "personalCenter") {
return jWeixin.miniProgram.switchTab({
} url: `/pages/${page}/main`,
var loading = weui.loading('请稍后'); });
$.ajax({ } else {
url: gHost + '/bank-wechat/icbc/account/bindcard/changeDefaultBinding', jWeixin.miniProgram.redirectTo({
type: "POST", url: `/pages/${page}/main`,
contentType: "application/x-www-form-urlencoded", });
data: { }
schoolId: bankInfo.schoolId, },
userId: userID, //换绑卡
sessionid: sessionID, ChangeCardPay(item) {
wechattype: 1, let this_ = this;
bindMedium: item.bindCardNo, if (bankInfo.bindCardNo == item.bindCardNo) {
bindMediumName: item.bindCardName return;
}, }
success: function(res5) { var loading = weui.loading("请稍后");
loading.hide(); $.ajax({
if (res5.code == "10000") { url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
this_.queryUserBankInfo(); type: "POST",
this_.close(); contentType: "application/x-www-form-urlencoded",
} else { data: {
weui.topTips(res5.message) schoolId: bankInfo.schoolId,
} userId: userID,
this_.popshow = false; sessionid: sessionID,
}, wechattype: 1,
error: function(err) { bindMedium: item.bindCardNo,
loading.hide(); bindMediumName: item.bindCardName,
}, },
}); success: function (res5) {
}, loading.hide();
//查询一类卡绑定列表 if (res5.code == "10000") {
queryBindCardList() { this_.queryUserBankInfo();
let this_ = this; this_.close();
let loading = weui.loading('请稍后'); } else {
$.ajax({ weui.topTips(res5.message);
url: gHost + '/bank-wechat/user/bank/bindingList', }
type: "POST", this_.popshow = false;
contentType: "application/x-www-form-urlencoded", },
data: { error: function (err) {
cardNo: bankInfo.accountNo, loading.hide();
schoolId: bankInfo.schoolId, },
userId: userID, });
sessionid: sessionID, },
wechattype: 1 //查询一类卡绑定列表
}, queryBindCardList() {
success: function(res4) { let this_ = this;
loading.hide(); let loading = weui.loading("请稍后");
if (res4.code == "10000") { $.ajax({
this_.bindcardList = res4.results; url: gHost + "/bank-wechat/user/bank/bindingList",
this_.popshow = true type: "POST",
} else { contentType: "application/x-www-form-urlencoded",
weui.topTips(res4.message) data: {
} cardNo: bankInfo.accountNo,
}, schoolId: bankInfo.schoolId,
error: function(err) { userId: userID,
loading.hide(); sessionid: sessionID,
}, wechattype: 1,
}); },
}, success: function (res4) {
//获取银行余额 loading.hide();
queryBankInfo() { if (res4.code == "10000") {
let this_ = this; this_.bindcardList = res4.results;
let queryBankInfoUrl = gHost; this_.popshow = true;
// 20211230 } else {
switch (bankInfo.accountType) { weui.topTips(res4.message);
case 3: }
queryBankInfoUrl = queryBankInfoUrl + '/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal'; },
break; error: function (err) {
case 4: loading.hide();
queryBankInfoUrl = queryBankInfoUrl + '/bank-wechat/bohai/exchange/balanceQuery'; },
break; });
default: },
Dialog({ //获取银行余额
title: '系统提示', queryBankInfo() {
message: '银行账号类型错误!' let this_ = this;
}); let queryBankInfoUrl = gHost;
throw ("银行账号类型错误!") // 20211230
break; switch (bankInfo.accountType) {
} case 3:
// let loading = weui.loading('请稍后'); queryBankInfoUrl =
$.ajax({ queryBankInfoUrl +
url: queryBankInfoUrl, "/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal";
type: "POST", break;
timeout: 8000, case 4:
contentType: "application/x-www-form-urlencoded", queryBankInfoUrl =
data: { queryBankInfoUrl + "/bank-wechat/bohai/exchange/balanceQuery";
mediumId: bankInfo.accountNo || '', break;
schoolId: bankInfo.schoolId || '', default:
userId: bankInfo.userId || '', Dialog({
sessionid: sessionID, title: "系统提示",
wechattype: 1, message: "银行账号类型错误!",
}, });
success: function(res3) { throw "银行账号类型错误!";
// loading.hide(); break;
if (res3.code == "10000") { }
if (bankInfo.accountType == 4) { // let loading = weui.loading('请稍后');
if (res3.results.eacTotalAmt == null) { $.ajax({
weui.topTips("账户信息为空,余额查询失败"); url: queryBankInfoUrl,
} else { type: "POST",
this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2); timeout: 8000,
$('.TxClsTx').attr('placeholder', contentType: "application/x-www-form-urlencoded",
`可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元` data: {
) mediumId: bankInfo.accountNo || "",
this_.RechargeMax = ((2000 - ((res3.results.eacTotalAmt * 1).toFixed( schoolId: bankInfo.schoolId || "",
2) * userId: bankInfo.userId || "",
1)).toFixed(2)); sessionid: sessionID,
} wechattype: 1,
return },
} success: function (res3) {
if (res3.results.accountBalance == null) { // loading.hide();
weui.topTips("账户信息为空,余额查询失败"); if (res3.code == "10000") {
} else { if (bankInfo.accountType == 4) {
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(2); if (res3.results.eacTotalAmt == null) {
$('.TxClsTx').attr('placeholder', weui.topTips("账户信息为空,余额查询失败");
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` } else {
) this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2);
this_.RechargeMax = ((2000 - ((res3.results.accountBalance * 1).toFixed(2) * $(".TxClsTx").attr(
1)).toFixed(2)); "placeholder",
} `可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元`
);
} else { this_.RechargeMax = (
weui.topTips(res3.message) 2000 -
} (res3.results.eacTotalAmt * 1).toFixed(2) * 1
}, ).toFixed(2);
error: function(err) { }
// loading.hide(); return;
}, }
complete: function(XMLHttpRequest, status) { if (res3.results.accountBalance == null) {
// loading.hide(); weui.topTips("账户信息为空,余额查询失败");
if (status == 'timeout') { } else {
weui.topTips("请求超时,余额查询失败"); this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
} 2
} );
}) $(".TxClsTx").attr(
}, "placeholder",
//获取用户已填写银行信息 `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
queryUserBankInfo() { );
let this_ = this; this_.RechargeMax = (
// let loading = weui.loading('请稍后'); 2000 -
$.ajax({ (res3.results.accountBalance * 1).toFixed(2) * 1
url: gHost + '/bank-wechat/user/bank/get', ).toFixed(2);
type: "POST", }
contentType: "application/x-www-form-urlencoded", } else {
data: { weui.topTips(res3.message);
schoolId: bankInfo.schoolId, }
userId: userID, },
sessionid: sessionID, error: function (err) {
wechattype: 1 // loading.hide();
}, },
success: function(res2) { complete: function (XMLHttpRequest, status) {
if (res2.code == "10000") { // loading.hide();
if (!res2.results) { if (status == "timeout") {
weui.topTips("获取用户银行信息失败!") weui.topTips("请求超时,余额查询失败");
// loading.hide(); }
return },
} });
bankInfo = res2.results; },
bankInfo.sessionid = sessionID; //获取用户已填写银行信息
this_.queryBankInfo(); //查余额 queryUserBankInfo() {
this_.bankInfo_ = bankInfo; let this_ = this;
// 20211129 // let loading = weui.loading('请稍后');
this_.openCardPhon = bankInfo.mobileNo $.ajax({
} else { url: gHost + "/bank-wechat/user/bank/get",
weui.topTips(res2.message) type: "POST",
} contentType: "application/x-www-form-urlencoded",
}, data: {
error: function(err) { schoolId: bankInfo.schoolId,
// loading.hide(); userId: userID,
}, sessionid: sessionID,
}); wechattype: 1,
}, },
//查询用户信息 success: function (res2) {
QueryUserInfo() { if (res2.code == "10000") {
let this_ = this; if (!res2.results) {
let loading = Toast.loading({ weui.topTips("获取用户银行信息失败!");
message: '加载中...', // loading.hide();
forbidClick: true, return;
loadingType: 'spinner', }
duration: 0 bankInfo = res2.results;
}); bankInfo.sessionid = sessionID;
$.ajax({ this_.queryBankInfo(); //查余额
url: gHost + '/wechat/svweapp/QueryPersonalInfo', this_.bankInfo_ = bankInfo;
type: "POST", // 20211129
contentType: "application/x-www-form-urlencoded", this_.openCardPhon = bankInfo.mobileNo;
data: { } else {
userid: userID, weui.topTips(res2.message);
sessionid: sessionID, }
wechattype: 1 },
}, error: function (err) {
success: function(res1) { // loading.hide();
loading.clear(); },
if (res1.code == "10000") { });
bankInfo.schoolId = res1.results.schoolid; },
bankInfo.userId = res1.results.id; //查询用户信息
this_.PersonalInfo = res1.results QueryUserInfo() {
if (res1.results.usertype == 1) { let this_ = this;
$('.StudentCls').css('display', 'block'); let loading = Toast.loading({
$('.TeacherCls').css('display', 'none'); message: "加载中...",
} else { forbidClick: true,
$('.StudentCls').css('display', 'none'); loadingType: "spinner",
$('.TeacherCls').css('display', 'block'); duration: 0,
} });
this_.queryUserBankInfo(); $.ajax({
} else { url: gHost + "/wechat/svweapp/QueryPersonalInfo",
weui.topTips(res1.message); type: "POST",
setTimeout(() => { contentType: "application/x-www-form-urlencoded",
this_.BackToMini('UserMain'); data: {
}, 1500) userid: userID,
} sessionid: sessionID,
}, wechattype: 1,
error: function(err) { },
loading.clear(); success: function (res1) {
}, loading.clear();
}); if (res1.code == "10000") {
}, bankInfo.schoolId = res1.results.schoolid;
} bankInfo.userId = res1.results.id;
} this_.PersonalInfo = res1.results;
if (res1.results.usertype == 1) {
$(".StudentCls").css("display", "block");
$(".TeacherCls").css("display", "none");
} else {
$(".StudentCls").css("display", "none");
$(".TeacherCls").css("display", "block");
}
this_.queryUserBankInfo();
} else {
weui.topTips(res1.message);
setTimeout(() => {
this_.BackToMini("UserMain");
}, 1500);
}
},
error: function (err) {
loading.clear();
},
});
},
},
};
</script> </script>
<style lang="scss"> <style lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.changPhone {
.changPhone { font-size: 14px;
font-size: 14px; color: #39f;
color: #39F; text-align: right;
text-align: right; }
}
.showBindCardList {
.choiceBox {
.showBindCardList { text-align: center;
.choiceBox { font-weight: bold;
text-align: center; height: 50px;
font-weight: bold; line-height: 50px;
height: 50px; padding: 0;
line-height: 50px; border-bottom: 0.5px solid #e6e6e6;
padding: 0; }
border-bottom: 0.5px solid #e6e6e6;
} .ListItem {
border-bottom: 1rpx solid #e6e6e6;
.ListItem { font-size: 30rpx;
border-bottom: 1rpx solid #e6e6e6; padding: 25rpx 0;
font-size: 30rpx; background: #fff;
padding: 25rpx 0; position: relative;
background: #fff; text-align: center;
position: relative; }
text-align: center; }
}
} .SubmittedSuccessfully {
width: 400rpx !important;
.SubmittedSuccessfully { height: 200rpx !important;
width: 400rpx !important; margin: 0 auto !important;
height: 200rpx !important; background: #000000;
margin: 0 auto !important; opacity: 0.8;
background: #000000; border-radius: 8rpx;
opacity: 0.8; }
border-radius: 8rpx;
.cardNum {
} width: 574rpx;
margin: 0 auto;
.cardNum { display: flex;
width: 574rpx; justify-content: space-between;
margin: 0 auto; padding-top: 36rpx;
display: flex; font-size: 24rpx;
justify-content: space-between;
padding-top: 36rpx; .cardNumleft {
font-size: 24rpx; font-family: PingFang SC;
font-weight: 500;
.cardNumleft { color: #ffffff;
font-family: PingFang SC; }
font-weight: 500;
color: #FFFFFF; .cardNumright {
} font-family: PingFang SC;
font-weight: 500;
.cardNumright { text-decoration: underline;
font-family: PingFang SC; color: #ffffff;
font-weight: 500; }
text-decoration: underline; }
color: #FFFFFF;
} .RechargeDetailed {
text-align: center;
} // width: 118rpx;
height: 32rpx;
.RechargeDetailed { margin: 0 auto;
text-align: center; font-size: 30rpx;
// width: 118rpx; font-family: PingFang SC;
height: 32rpx; font-weight: 500;
margin: 0 auto; text-decoration: underline;
font-size: 30rpx; color: #36a8ff;
font-family: PingFang SC; margin-top: 50rpx;
font-weight: 500; }
text-decoration: underline;
color: #36A8FF; .contentBox {
margin-top: 50rpx; width: 670rpx;
} height: 376rpx;
margin: 0 auto;
}
.contentBox {
width: 670rpx; .contentDiv {
height: 376rpx; height: 100%;
margin: 0 auto; // margin-top: 36rpx;
} border-radius: 15rpx;
background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
.contentDiv { background-repeat: no-repeat;
height: 100%; background-size: 100% 100%;
// margin-top: 36rpx;
border-radius: 15rpx; position: relative;
background-image: url('https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png'); top: 36rpx;
background-repeat: no-repeat; }
background-size: 100% 100%;
.HidenText {
position: relative; width: 574rpx;
top: 36rpx; margin: 0 auto;
} padding-top: 88rpx;
}
.HidenText {
width: 574rpx; .HidenText,
margin: 0 auto; .Balance {
padding-top: 88rpx; padding-left: 46rpx;
padding-right: 40rpx;
} display: flex;
justify-content: space-between;
.HidenText,
.Balance { font-size: 28rpx;
padding-left: 46rpx; color: #ffffff;
padding-right: 40rpx; }
display: flex;
justify-content: space-between; .Balance {
width: 574rpx;
font-size: 28rpx; margin: 0 auto;
color: #FFFFFF; margin-top: 20rpx;
}
font-size: 30rpx;
.Balance { font-family: PingFang SC;
width: 574rpx; font-weight: bold;
margin: 0 auto; color: #ffffff;
margin-top: 20rpx; }
font-size: 30rpx; .Recharge {
font-family: PingFang SC; // height: 30rpx;
font-weight: bold; font-size: 32rpx;
color: #FFFFFF; font-family: PingFang SC;
} font-weight: bold;
color: #333333;
.Recharge { margin-top: 58rpx;
// height: 30rpx;
font-size: 32rpx; span:nth-child(1) {
font-family: PingFang SC; width: 4rpx;
font-weight: bold; height: 30rpx;
color: #333333; background: #23d6a3;
margin-top: 58rpx; border-radius: 2rpx;
display: inline-block;
span:nth-child(1) { position: relative;
width: 4rpx; top: 5rpx;
height: 30rpx; }
background: #23D6A3;
border-radius: 2rpx; span:nth-child(2) {
display: inline-block; display: inline-block;
position: relative; margin-left: 16rpx;
top: 5rpx; }
} }
span:nth-child(2) { .headview {
display: inline-block; display: flex;
margin-left: 16rpx; justify-content: space-between;
// padding-left: 40rpx;
} // padding-right: 40rpx;
}
padding-top: 36rpx;
width: 574rpx;
.headview { margin: 0 auto;
display: flex; }
justify-content: space-between;
// padding-left: 40rpx; .headview .schoolname {
// padding-right: 40rpx; // width: 252rpx;
height: 50rpx;
padding-top: 36rpx; font-size: 36rpx;
width: 574rpx; font-family: PingFangSC-Medium, PingFang SC;
margin: 0 auto; font-weight: 500;
} color: #ffffff;
line-height: 50rpx;
.headview .schoolname { }
// width: 252rpx;
height: 50rpx; .headview .IconCls {
font-size: 36rpx; width: 170rpx;
font-family: PingFangSC-Medium, PingFang SC; height: 48rpx;
font-weight: 500; background: #20946d;
color: #FFFFFF; border-radius: 25rpx;
line-height: 50rpx;
} font-size: 24rpx;
font-weight: 400;
.headview .IconCls { color: #ffffff;
width: 170rpx; line-height: 48rpx;
height: 48rpx; text-align: center;
background: #20946D; }
border-radius: 25rpx;
.MoneyBox {
font-size: 24rpx; flex-wrap: wrap;
font-weight: 400; height: auto;
color: #FFFFFF; color: #888888;
line-height: 48rpx; width: 686rpx;
text-align: center; margin: 0 auto;
} overflow: hidden;
}
.MoneyBox {
flex-wrap: wrap; .choiceClass {
height: auto; background: rgba(39, 266, 148, 0.1) !important;
color: #888888; color: #28d79c;
width: 686rpx; }
margin: 0 auto;
overflow: hidden; .MoneyBox view {
} width: 220rpx;
height: 120rpx;
.choiceClass { background: #ffffff;
background: rgba(39, 266, 148, 0.1) !important; border-radius: 8rpx;
color: #28D79C; border: 1rpx solid #eeeeee;
} margin-top: 16rpx;
text-align: center;
.MoneyBox view { position: relative;
width: 220rpx; box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
height: 120rpx; margin-right: 2px;
background: #FFFFFF; float: left;
border-radius: 8rpx; }
border: 1rpx solid #EEEEEE;
margin-top: 16rpx; .depotMoney .value {
text-align: center; font-size: 45rpx;
position: relative; font-family: PingFangSC-Semibold, PingFang SC;
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); font-weight: 600;
margin-right: 2px; line-height: 120rpx;
float: left; text-align: center;
} }
.depotMoney .value { .depotMoney .tips {
font-size: 45rpx; // width: 79rpx;
font-family: PingFangSC-Semibold, PingFang SC; // height: 33rpx;
font-weight: 600; // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
line-height: 120rpx; // border-radius: 4rpx;
text-align: center; // font-size: 18rpx;
} // font-weight: 500;
// padding: 4rpx;
.depotMoney .tips { // text-align: center;
// width: 79rpx; // float: right;
// height: 33rpx; // position: absolute;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // right: 0rpx;
// border-radius: 4rpx; // line-height: 33rpx;
// font-size: 18rpx; }
// font-weight: 500;
// padding: 4rpx; .OtherMoney {
// text-align: center; display: flex;
// float: right; justify-content: flex-start;
// position: absolute; // color: #999999;
// right: 0rpx; // font-size: 28rpx;
// line-height: 33rpx; // font-family: PingFangSC-Regular, PingFang SC;
} // font-weight: 400;
// color: #999999;
.OtherMoney { // line-height: 40rpx;
display: flex; width: 686rpx;
justify-content: flex-start; height: 100rpx;
// color: #999999; background: #f7f6fb;
// font-size: 28rpx; border-radius: 10rpx;
// font-family: PingFangSC-Regular, PingFang SC; margin: 0 auto;
// font-weight: 400; line-height: 100rpx;
// color: #999999; margin-top: 32rpx;
// line-height: 40rpx;
width: 686rpx; span {
height: 100rpx; display: inline-block;
background: #F7F6FB; font-size: 40rpx;
border-radius: 10rpx; font-family: PingFang SC;
margin: 0 auto; font-weight: bold;
line-height: 100rpx; color: #000000;
margin-top: 32rpx; padding-left: 26rpx;
}
span { input {
display: inline-block; height: 100%;
font-size: 40rpx; }
font-family: PingFang SC; }
font-weight: bold;
color: #000000; .OtherMoney view:nth-child(2) {
padding-left: 26rpx; // width: 30rpx;
} // height: 30rpx;
// background: #F0F0F0;
input { // border-radius: 50%;
height: 100%; // text-align: center;
} // line-height: 30rpx;
} // margin-top: 7rpx;
// margin-left: 5rpx;
.OtherMoney view:nth-child(2) { }
// width: 30rpx;
// height: 30rpx; .payType {
// background: #F0F0F0; height: 98rpx;
// border-radius: 50%; line-height: 98rpx;
// text-align: center; display: flex;
// line-height: 30rpx; justify-content: space-between;
// margin-top: 7rpx; }
// margin-left: 5rpx;
} .payType view:nth-child(1) {
// width: 120rpx;
.payType { height: 42rpx;
height: 98rpx; font-size: 32rpx;
line-height: 98rpx; font-family: PingFang SC;
display: flex; font-weight: 500;
justify-content: space-between; color: #888888;
} line-height: 98rpx;
}
.payType view:nth-child(1) {
// width: 120rpx; .payType view::nth-child(2) {
height: 42rpx; width: 225rpx;
font-size: 32rpx; height: 45rpx;
font-family: PingFang SC; font-size: 32rpx;
font-weight: 500; font-family: PingFang SC;
color: #888888; font-weight: bold;
line-height: 98rpx; color: #333333;
} line-height: 45rpx;
}
.payType view::nth-child(2) {
width: 225rpx; .arrow {
height: 45rpx; transform: rotate(-45deg);
font-size: 32rpx; top: -3rpx;
font-family: PingFang SC; border: solid #999999;
font-weight: bold; border-width: 0 1rpx 1rpx 0;
color: #333333; display: inline-block;
line-height: 45rpx; padding: 8rpx;
} position: relative;
}
@media (min-height: 650px) {
.arrow { .bottomdiv {
transform: rotate(-45deg); position: fixed;
top: -3rpx; left: 0;
border: solid #999999; right: 0;
border-width: 0 1rpx 1rpx 0; bottom: 30rpx;
display: inline-block; }
padding: 8rpx; }
position: relative;
.DepositID {
} width: 630rpx;
height: 92rpx;
@media (min-height: 650px) { background: #04ba73;
.bottomdiv { border-radius: 8rpx;
position: fixed; margin: 0 auto;
left: 0; text-align: center;
right: 0; bottom: 30rpx;
bottom: 30rpx; }
}
} .DepositID span {
height: 50rpx;
.DepositID { font-size: 36rpx;
width: 630rpx; font-family: PingFangSC-Medium, PingFang SC;
height: 92rpx; font-weight: 500;
background: #04BA73; color: #ffffff;
border-radius: 8rpx; line-height: 92rpx;
margin: 0 auto; }
text-align: center;
bottom: 30rpx; .switchbankCard {
text-align: center;
} /* width: 205px; */
// height: 28rpx;
.DepositID span { font-size: 26rpx;
height: 50rpx; font-family: PingFang SC;
font-size: 36rpx; font-weight: 500;
font-family: PingFangSC-Medium, PingFang SC; text-decoration: underline;
font-weight: 500; color: #268ef8;
color: #FFFFFF; margin-top: 23rpx;
line-height: 92rpx; }
}
.RechargeConfirmationBox {
.switchbankCard { position: fixed;
text-align: center; left: 0;
/* width: 205px; */ right: 0;
// height: 28rpx; top: 400rpx;
font-size: 26rpx; width: 618rpx;
font-family: PingFang SC; height: 520rpx;
font-weight: 500; background: #ffffff;
text-decoration: underline; border-radius: 8rpx;
color: #268EF8; margin: 0 auto;
margin-top: 23rpx;
} .RechargeInfo {
width: 560rpx;
.RechargeConfirmationBox { height: 100%;
position: fixed; margin: 0 auto;
left: 0;
right: 0; /deep/ .openCardPhonTxt {
top: 400rpx; font-weight: bold;
width: 618rpx; color: #000000;
height: 520rpx; width: auto;
background: #FFFFFF; }
border-radius: 8rpx;
margin: 0 auto; /deep/ .openCardPhonSmsTxt {
font-weight: bold;
color: #000000;
width: auto;
.RechargeInfo { }
width: 560rpx;
height: 100%; /deep/ .van-cell {
margin: 0 auto; padding-left: 0;
padding-right: 0;
height: 100rpx;
/deep/ .openCardPhonTxt { }
font-weight: bold;
color: #000000; /deep/ .van-button {
width: auto; background: #1cc48b;
} border-radius: 8rpx;
font-size: 10rpx;
/deep/ .openCardPhonSmsTxt { }
font-weight: bold;
color: #000000; .RechargeInfo1 {
width: auto; height: 120rpx;
} line-height: 88rpx;
font-size: 30rpx;
/deep/ .van-cell { font-family: PingFang SC;
padding-left: 0; font-weight: bold;
padding-right: 0; color: #000000;
height: 100rpx; text-align: center;
} }
/deep/ .van-button { .ContenInfo {
background: #1CC48B; text-align: center;
border-radius: 8rpx; // width: 383rpx;
font-size: 10rpx; height: 159rpx;
} margin: 0 auto;
font-size: 32rpx;
.RechargeInfo1 { font-family: PingFang SC;
height: 120rpx; font-weight: 500;
line-height: 88rpx; color: #010101;
font-size: 30rpx;
font-family: PingFang SC; view {
font-weight: bold; line-height: 75rpx;
color: #000000; }
text-align: center; }
}
.BtngGoup {
.ContenInfo { justify-content: space-between;
text-align: center; display: flex;
// width: 383rpx; margin-top: 40rpx;
height: 159rpx;
margin: 0 auto; view {
font-size: 32rpx; width: 100%;
font-family: PingFang SC; height: 68rpx;
font-weight: 500; border-radius: 8rpx;
color: #010101; text-align: center;
line-height: 68rpx;
view { }
line-height: 75rpx;
} view:nth-child(1) {
} background: #1cc48b;
font-size: 30rpx;
.BtngGoup { font-family: PingFang SC;
justify-content: space-between; font-weight: 500;
display: flex; color: #ebebeb;
margin-top: 40rpx; }
view { view:nth-child(2) {
width: 100%; background: #1cc48b;
height: 68rpx; font-size: 36rpx;
border-radius: 8rpx; font-family: PingFang SC;
text-align: center; font-weight: 500;
line-height: 68rpx; color: #ffffff;
} }
}
view:nth-child(1) { }
background: #1CC48B; }
font-size: 30rpx;
font-family: PingFang SC; .closePhoneBox {
font-weight: 500; // width: 35rpx;
color: #EBEBEB; height: 35rpx;
} position: relative;
right: -20rpx;
view:nth-child(2) { top: 20rpx;
background: #1CC48B; text-align: right;
font-size: 36rpx;
font-family: PingFang SC; image {
font-weight: 500; width: 35rpx;
color: #FFFFFF; height: 35rpx;
} position: relative;
right: 10rpx;
} }
}
}
} .doBtnTx {
width: 506rpx;
.closePhoneBox { height: 92rpx;
// width: 35rpx; background: #04ba73;
height: 35rpx; border-radius: 8rpx;
position: relative; color: #ffffff;
right: -20rpx;
top: 20rpx; position: absolute;
text-align: right; left: 0;
right: 0;
image { margin: 0 auto;
width: 35rpx; bottom: 38rpx;
height: 35rpx; }
position: relative;
right: 10rpx; .PhoneNum,
} .VerifyCode {
width: 506rpx;
} height: 80rpx;
line-height: 60rpx;
.doBtnTx { background: #f7f6fb;
width: 506rpx; margin: 0 auto;
height: 92rpx; margin-top: 20rpx;
background: #04BA73; }
border-radius: 8rpx;
color: #FFFFFF; .VerifyCode {
display: flex;
position: absolute; justify-content: space-between;
left: 0; }
right: 0;
margin: 0 auto; .VerifyCode input {
bottom: 38rpx; width: 200rpx;
} }
.PhoneNum, .CodeMsg {
.VerifyCode { color: #01bc73;
width: 506rpx; background: #f7f6fb;
height: 80rpx; font-size: 32rpx;
line-height: 60rpx; font-weight: 600;
background: #F7F6FB; line-height: 80rpx;
margin: 0 auto; letter-spacing: 3rpx;
margin-top: 20rpx; }
}
.placeholderInput {
.VerifyCode { color: #aaaaaa;
display: flex; font-size: 42rpx;
justify-content: space-between; font-weight: 500;
} letter-spacing: 3rpx;
// padding-left: 50rpx;
.VerifyCode input { height: 80rpx;
width: 200rpx; }
}
.OtherTitle {
.CodeMsg { height: 67rpx;
color: #01BC73; font-size: 48rpx;
background: #F7F6FB; font-family: PingFangSC-Semibold, PingFang SC;
font-size: 32rpx; font-weight: 600;
font-weight: 600; color: #010101;
line-height: 80rpx; line-height: 67rpx;
letter-spacing: 3rpx;
} padding-top: 60rpx;
}
.placeholderInput {
color: #AAAAAA; .inputOtherM {
font-size: 42rpx; display: flex;
font-weight: 500; height: 100rpx;
letter-spacing: 3rpx; margin-top: 40rpx;
// padding-left: 50rpx; }
height: 80rpx;
} .inputOtherM input {
border: none;
.OtherTitle { outline: none;
height: 67rpx; height: 50rpx;
font-size: 48rpx; padding-left: 16rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-size: 72rpx;
font-weight: 600; font-weight: 600;
color: #010101; }
line-height: 67rpx;
.inputOtherM span:nth-child(1) {
padding-top: 60rpx; width: 72rpx;
} font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC;
.inputOtherM { font-weight: 600;
display: flex; color: #010101;
height: 100rpx; line-height: 100rpx;
margin-top: 40rpx; }
}
.OtherLine {
.inputOtherM input { width: 631rpx;
border: none; height: 1rpx;
outline: none; background-color: #cccccc;
height: 50rpx; margin-top: 19rpx;
padding-left: 16rpx; }
font-size: 72rpx;
font-weight: 600; .depositbox {
} margin-top: 31rpx;
height: 30rpx;
.inputOtherM span:nth-child(1) { line-height: 30rpx;
width: 72rpx; }
font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC; .depositImg {
font-weight: 600; width: 24rpx;
color: #010101; height: 24rpx;
line-height: 100rpx; vertical-align: middle;
} margin-right: 8rpx;
position: relative;
.OtherLine { top: -2rpx;
width: 631rpx; }
height: 1rpx;
background-color: #CCCCCC; .Recharge_ {
margin-top: 19rpx; height: 40rpx;
} font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
.depositbox { font-weight: 400;
margin-top: 31rpx; color: #333333;
height: 30rpx; line-height: 40rpx;
line-height: 30rpx; margin-top: 40rpx;
} }
.depositImg { .Recharge_ span:nth-child(2) {
width: 24rpx; font-size: 28rpx;
height: 24rpx; font-family: PingFangSC-Semibold, PingFang SC;
vertical-align: middle; font-weight: 600;
margin-right: 8rpx; color: #fa6400;
position: relative; }
top: -2rpx;
} .placeholderinputOtherM {
height: 50rpx;
.Recharge_ { // font-family: PingFangSC-Semibold, PingFang SC;
height: 40rpx; // font-weight: 600;
font-size: 28rpx; // color: #010101;
font-family: PingFangSC-Regular, PingFang SC; line-height: 50rpx;
font-weight: 400; width: 323rpx;
color: #333333; font-size: 28rpx;
line-height: 40rpx; font-family: PingFang SC;
margin-top: 40rpx; font-weight: 500;
} color: #888888;
}
.Recharge_ span:nth-child(2) {
font-size: 28rpx; // 异常处理
font-family: PingFangSC-Semibold, PingFang SC; .RechargeException {
font-weight: 600; padding-top: 20rpx;
color: #FA6400; }
}
.weui-label {
.placeholderinputOtherM { // width: 118rpx;
height: 50rpx; height: 42rpx;
// font-family: PingFangSC-Semibold, PingFang SC; font-size: 30rpx;
// font-weight: 600; font-family: PingFangSC-Medium, PingFang SC;
// color: #010101; font-weight: 500;
line-height: 50rpx; color: #3d3d3d;
width: 323rpx; line-height: 42rpx;
font-size: 28rpx; font-weight: bold;
font-family: PingFang SC; margin-left: 30rpx;
font-weight: 500; }
color: #888888;
} .tiptext {
height: 1.06rem;
// 异常处理 font-size: 0.75rem;
.RechargeException { font-family: PingFangSC-Regular, PingFang SC;
padding-top: 20rpx; font-weight: 400;
} color: #03bc73;
line-height: 1.06rem;
.weui-label { margin-bottom: 0.625rem;
// width: 118rpx; text-align: center;
height: 42rpx; }
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC; .bottomDetail {
font-weight: 500; width: 628rpx;
color: #3D3D3D; height: 88rpx;
line-height: 42rpx; color: white;
font-weight: bold; // position: fixed;
margin-left: 30rpx; // left: 0;
} // right: 0;
margin: 0 auto;
.tiptext { background-color: #03bc73;
height: 1.06rem; text-align: center;
font-size: 0.75rem; line-height: 88rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; margin-top: 84rpx;
color: #03BC73; }
line-height: 1.06rem;
margin-bottom: 0.625rem; .RechargeException input::placeholder {
text-align: center; color: #a1a4a8;
} }
.bottomDetail { .RechargeException .weui-cell {
width: 628rpx; height: 4rem;
height: 88rpx; padding: 0 !important;
color: white; }
// position: fixed;
// left: 0; .idCardPhoto1,
// right: 0; .idCardPhoto2 {
margin: 0 auto; width: 388rpx;
background-color: #03BC73; height: 224rpx;
text-align: center; margin: 0 auto;
line-height: 88rpx; margin-top: 20rpx;
}
margin-top: 84rpx; .idCardPhoto1 image,
} .idCardPhoto2 image {
width: 100%;
height: 100%;
.RechargeException input::placeholder { position: relative;
color: #A1A4A8; }
}
.weui-toptips_success {
.RechargeException .weui-cell { background-color: #03bc73 !important;
height: 4rem; }
padding: 0 !important;
} .positionCam {
height: 32rpx;
.idCardPhoto1, font-size: 22rpx;
.idCardPhoto2 { font-family: PingFang-SC-Medium, PingFang-SC;
width: 388rpx; font-weight: 500;
height: 224rpx; color: #6d7278;
margin: 0 auto; line-height: 32rpx;
margin-top: 20rpx; text-align: center;
} position: relative;
top: -29px;
.idCardPhoto1 image, }
.idCardPhoto2 image {
width: 100%; .BgCoverBox {
height: 100%; width: 100vw;
position: relative; height: 100vh;
} position: fixed;
left: 0;
.weui-toptips_success { top: 0;
background-color: #03BC73 !important z-index: 10;
} background: #000000;
opacity: 0.5;
.positionCam { }
height: 32rpx;
font-size: 22rpx; .hideListCover {
font-family: PingFang-SC-Medium, PingFang-SC; max-height: 50vh;
font-weight: 500; overflow-y: auto;
color: #6D7278; padding: 0;
line-height: 32rpx; }
text-align: center;
position: relative; .bottomDiv {
top: -29px; font-weight: bold;
} height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
.BgCoverBox { }
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 10;
background: #000000;
opacity: 0.5;
}
.hideListCover {
max-height: 50vh;
overflow-y: auto;
padding: 0;
}
.bottomDiv {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
}
</style> </style>
...@@ -463,6 +463,11 @@ ...@@ -463,6 +463,11 @@
}, },
//input键盘弹起不会弹 //input键盘弹起不会弹
ReturnToTop() { ReturnToTop() {
// 若最后一位为小数点则去掉
let str = this.inputOtherM + "";
if(str.lastIndexOf('.') == str.length - 1) {
this.inputOtherM = str.substring(0, str.length - 1)
}
this.$nextTick(function() { this.$nextTick(function() {
document.scrollingElement.scrollTo(0, this.scrollTop); document.scrollingElement.scrollTo(0, this.scrollTop);
}) })
......
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
</view> </view>
<view <view
class="consumption-total-number-trend-item consumption-total-number-trend-percent"> class="consumption-total-number-trend-item consumption-total-number-trend-percent">
{{weekConsumerAmout.rate+'%'}} {{weekConsumerAmout.rate?weekConsumerAmout.rate+'%':'%'}}
</view> </view>
</view> </view>
</view> </view>
......
<template> <template>
<view class="container"> <view class="container">
<view class="contentBox" v-if="!depotMoneyother"> <view class="contentBox" v-if="!depotMoneyother">
<!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> --> <!-- <image mode='widthFix' src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png"></image> -->
<view class="contentDiv"> <view class="contentDiv">
<view class="headview"> <view class="headview">
<view class="schoolname">{{PersonalInfo.schoolname}}</view> <view class="schoolname">{{ PersonalInfo.schoolname }}</view>
<view class="IconCls">电子校园卡</view> <view class="IconCls">电子校园卡</view>
</view> </view>
<!-- 卡号显示 --> <!-- 卡号显示 -->
<view class="cardNum"> <view class="cardNum">
<view class="cardNumleft"><span>账户:</span> **** **** **** <view class="cardNumleft"
{{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}} <span>(工商III类户)</span> ><span>账户:</span> **** **** ****
</view> {{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view> <span>(工商III类户)</span>
</view> </view>
<view class="HidenText"> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber"
<view class="userName">姓名:<span>{{PersonalInfo.name}}</span></view> >复制</view
<view class="StudentCls" v-if="PersonalInfo.usertype=='1'"> >
班级:{{PersonalInfo.gradename}}({{PersonalInfo.classname}})</view> </view>
<view class='TeacherCls' v-else>教职工</view> <view class="HidenText">
</view> <view class="userName"
<view class="Balance"> >姓名:<span>{{ PersonalInfo.name }}</span></view
<view class="cardBalanceTx">余额:¥<span>{{cardBalanceTx}}</span></view> >
<view @click="ToWalletTx"> <view class="StudentCls" v-if="PersonalInfo.usertype == '1'">
<span style="display: inline-block;padding-right: 10rpx;">余额提现</span> 班级:{{ PersonalInfo.gradename }}({{
<image style="position: relative;width: 13rpx;height: 20rpx;" class='ImgIcon1' mode='widthFix' PersonalInfo.classname
:src="ImgUrl+'images/xiaopaycard (17).png'" alt=""></image> }})</view
</view> >
</view> <view class="TeacherCls" v-else>教职工</view>
</view> </view>
<!-- 充值明细 --> <view class="Balance">
<view class="RechargeDetailed" @click="BackToMini('purchaseDetail')"> <view class="cardBalanceTx"
账户明细 >余额:¥<span>{{ cardBalanceTx }}</span></view
</view> >
<!-- 充值账户 --> <view @click="ToWalletTx">
<view class="Recharge"> <span style="display: inline-block; padding-right: 10rpx"
<span></span> >余额提现</span
<span>账户充值</span> >
</view> <image
<!-- 充值的金额 --> style="position: relative; width: 13rpx; height: 20rpx"
<view class="MoneyBox"> class="ImgIcon1"
<view class="depotMoney" @click="depotMoney(item.value,index)" mode="widthFix"
v-bind:class="(MoneyIndex==index)?'choiceClass':''" :data-money="item.value||0" :src="ImgUrl + 'images/xiaopaycard (17).png'"
v-for="(item,index) in MoneyList" :key="index"> alt=""
></image>
<span class="value"> </view>
{{item.value}} </view>
</span> </view>
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span> <!-- 充值明细 -->
<!-- <span class="tips" v-show="item.tips"> <view class="RechargeDetailed" @click="BackToMini('purchaseDetail')">
账户明细
</view>
<!-- 充值账户 -->
<view class="Recharge">
<span></span>
<span>账户充值</span>
</view>
<!-- 充值的金额 -->
<view class="MoneyBox">
<view
class="depotMoney"
@click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<span class="value">
{{ item.value }}
</span>
<span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
item.lable
}}</span>
<!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
</view> </view>
</view> </view>
<!-- 充值限额提示 --> <!-- 充值限额提示 -->
<view class="depositbox"> <view class="depositbox">
<image mode='widthFix' class="depositImg" src="../../../static/img/depositIcon.png"></image> <image
<span style="vertical-align:middle;font-size: 28rpx;color: #333333;font-weight: 500;">最大可充值金额:<span mode="widthFix"
style="color:red;"><span class="canDepositTx">{{RechargeMax}}</span></span></span> class="depositImg"
</view> src="../../../static/img/depositIcon.png"
<!-- 充值其它金额 --> ></image>
<view class="OtherMoney" v-if="isOtherMoney"> <span
<span></span> style="
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额,最低3元" vertical-align: middle;
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> font-size: 28rpx;
</view> color: #333333;
<!-- 支付方式 --> font-weight: 500;
<view class="payType" @click="queryBindCardList"> "
<view>付款方式</view> >最大可充值金额:<span style="color: red"
<view> {{ bankInfo_.bindCardName}} {{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length-4) }}<span ><span class="canDepositTx">{{ RechargeMax }}</span></span
class="arrow"></span></view> ></span
<!-- <view>{{bankInfo_.accountName}}({{bankInfo_.accountNo.slice(bankInfo_.accountNo.length-4)}}) <span >
</view>
<!-- 充值其它金额 -->
<view class="OtherMoney" v-if="isOtherMoney">
<span></span>
<input
v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额,最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view>
<!-- 支付方式 -->
<view class="payType" @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> --> class="arrow"></span></view> -->
</view> </view>
<!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> --> <!-- <view class="" style="height: 1rpx;background-color: #DFDFDF;"></view> -->
<!-- 充值生活费 --> <!-- 充值生活费 -->
<view class="bottomdiv"> <view class="bottomdiv">
<view class="DepositID" @click="toDeposit" <view
v-bind:style="Money!=''?'':'background: #e6e6e6 !important;'"> class="DepositID"
<span>充值生活费</span> @click="toDeposit"
</view> v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
<!-- --> >
<view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> <span>充值生活费</span>
</view> </view>
<!-- -->
</view> <view class="switchbankCard" @click="ChangeBankPay"
<!-- 其他充值金额 --> >我要换银行卡支付</view
<view class="contentBox" v-if="depotMoneyother"> >
<view class="OtherTitle">充值金额</view> </view>
<view class="inputOtherM"> </view>
<span></span> <!-- 其他充值金额 -->
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM" <view class="contentBox" v-if="depotMoneyother">
type="text" maxlength="6" /> <view class="OtherTitle">充值金额</view>
</view> <view class="inputOtherM">
<view class="OtherLine"></view> <span></span>
<!-- 充值范围 --> <input
<view class="Recharge_"> v-model="inputOtherM"
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> @input="inputControl"
<span>最大可充值金额:</span> placeholder-class="placeholderinputOtherM"
<span><span>3.00 ~ 2000.00</span></span> type="text"
</view> maxlength="6"
</view> />
<!-- 弹出层 --> </view>
<uni-popup ref="popup" :mask-click="false"> <view class="OtherLine"></view>
<!-- 充值确认 --> <!-- 充值范围 -->
<view class="RechargeConfirmationBox"> <view class="Recharge_">
<view class="RechargeInfo"> <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<view class="closePhoneBox" @click="close()"> <span>最大可充值金额:</span>
<image src="../../../static/img/close.png" mode="aspectFit"></image> <span
</view> ><span>3.00 ~ {{ RechargeMax }}</span></span
<view class="RechargeInfo1"> >
充值生活费 </view>
</view> </view>
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> <!-- 弹出层 -->
<view class="ContenInfo"> <uni-popup ref="popup" :mask-click="false">
<view class="" v-if="isOtherMoney"> <!-- 充值确认 -->
充值金额:{{inputOtherM}} <view class="RechargeConfirmationBox">
</view> <view class="RechargeInfo">
<view class="" v-else> <view class="closePhoneBox" @click="close()">
充值金额:{{Money}} <image src="../../../static/img/close.png" mode="aspectFit"></image>
</view> </view>
<view class=""> <view class="RechargeInfo1"> 充值生活费 </view>
付款账户:{{bankInfo_.bindCardName}}({{bankInfo_.bindCardNo && bankInfo_.bindCardNo.slice(bankInfo_.accountNo.length-4)}}) <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
</view> <view class="ContenInfo">
</view> <view class="" v-if="isOtherMoney">
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> 充值金额:{{ inputOtherM }}
<!-- 取消 确认充值按钮 --> </view>
<view class="BtngGoup"> <view class="" v-else> 充值金额:{{ Money }}</view>
<view class="" @click="close()"> <view class="">
取消 付款账户:{{ bankInfo_.bindCardName }}({{
</view> bankInfo_.bindCardNo &&
<view class="" @click="ExchangeRecharge"> bankInfo_.bindCardNo.slice(bankInfo_.accountNo.length - 4)
确认充值 }})
</view> </view>
</view> </view>
</view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
</view> <!-- 取消 确认充值按钮 -->
</uni-popup> <view class="BtngGoup">
<!-- 选择银行卡 --> <view class="" @click="close()"> 取消 </view>
<view class="selectCard"> <view class="" @click="ExchangeRecharge"> 确认充值 </view>
<van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }"> </view>
<!-- 银行卡列表 --> </view>
<view class="accountlist"> </view>
<!-- 切换绑定的一类卡列表 --> </uni-popup>
<view class="showBindCardList"> <!-- 选择银行卡 -->
<view class="choiceBox">选择付款账户</view> <view class="selectCard">
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item,index) in bindcardList" <van-popup
:key="index"> v-model="popshow"
<span style="padding-right:10px;">{{item.bindCardName}} </span> round
<span>尾号:{{item.bindCardNo.slice(item.bindCardNo.length-4)}}</span> position="bottom"
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> --> :style="{ height: '30%' }"
</view> >
</view> <!-- 银行卡列表 -->
</view> <view class="accountlist">
</van-popup> <!-- 切换绑定的一类卡列表 -->
</view> <view class="showBindCardList">
</view> <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> </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" gHost = "https://fpdev.xiaopay.net";
var gHost = "https://" + window.location.host; // gHost = "/api";
if (window.location.protocol != "https:") { }
gHost = "https://fpdev.xiaopay.net"; let times = 0;
// gHost = "/api"; var limitClick = false; //禁止重复点击
} var sessionID = "",
let times = 0; userID = "";
var limitClick = false; //禁止重复点击 var payCardNumber = ""; //一类卡号
var sessionID = '', var orderSerialNo = ""; //提现结果查询 指令号
userID = ''; var businessNo = "",
var payCardNumber = ''; //一类卡号 otpOrderNo = "",
var orderSerialNo = ''; //提现结果查询 指令号 mobileNo = "";
var businessNo = '', var msCount = 60; //定时器
otpOrderNo = '', var MyTimer = null;
mobileNo = ''; var fromType = 0; //0转账 1提现
var msCount = 60; //定时器 var opeType = 0; //0充值 1提现 手机号验证
var MyTimer = null; var bankInfo = {
var fromType = 0; //0转账 1提现 acctNoArray: "",
var opeType = 0; //0充值 1提现 手机号验证 idNo: "",
var bankInfo = { schoolId: "",
acctNoArray: '', trueName: "",
idNo: '', userId: "",
schoolId: '', sessionid: "",
trueName: '', wechattype: 1,
userId: '', };
sessionid: '', /**
wechattype: 1 * 对象转拼接字符串
} * @param {*} res Object 需要转换的数据对象
/** */
* 对象转拼接字符串 function OforS(res) {
* @param {*} res Object 需要转换的数据对象 var resL = 0;
*/ var outS = "";
function OforS(res) { for (var i in res) {
var resL = 0; if (resL == 0) {
var outS = ""; outS += "" + i + "=" + res[i];
for (var i in res) { } else {
if (resL == 0) { outS += "&" + i + "=" + res[i];
outS += "" + i + "=" + res[i]; }
} else { resL++;
outS += "&" + i + "=" + res[i]; }
} return outS;
resL++; }
} export default {
return outS; components: {
} keyboardPackage,
export default { },
components: { name: "Recharge",
keyboardPackage data() {
}, return {
name: "Recharge", popshow: false,
data() { // 输入其它金额
return { isOtherMoney: false,
popshow: false, inputOtherM: "",
// 输入其它金额 RechargeException: false,
isOtherMoney: false, depotMoneyother: false, //其他充值
inputOtherM: '', Money: "", //选择金额
RechargeException: false, MoneyIndex: -1,
depotMoneyother: false, //其他充值 RechargeMax: "2000", //最大充值限制
Money: '', //选择金额 ReflectMoney: "", //提现金额
MoneyIndex: -1, VerifyCode: "", //验证码
RechargeMax: '2000', //最大充值限制 cardBalanceTx: "0", //余额
ReflectMoney: '', //提现金额 CodeMsg: "获取验证码",
VerifyCode: '', //验证码 type: "number",
cardBalanceTx: '0', //余额 PersonalInfo: {
CodeMsg: "获取验证码", schoolname: "",
type: 'number', name: "",
PersonalInfo: { usertype: "1",
schoolname: "", },
name: "", bankInfo_: {
usertype: "1" accountNo: "**** **** **** 1234",
}, bindCardName: "",
bankInfo_: { bindCardNo: "",
accountNo: '**** **** **** 1234', },
bindCardName: '', ImgUrl: this.$ImgUrl,
bindCardNo: '' MoneyList: [
}, {
ImgUrl: this.$ImgUrl, lable: "",
MoneyList:[{ value: 100,
lable:'', },
value:100 {
},{ lable: "",
lable:'', value: 200,
value:200 },
},{ {
lable:'', lable: "",
value:500 value: 500,
},{ },
lable:'', {
value:1000 lable: "",
},{ value: 1000,
lable:'其他金额', },
value:'' {
}], lable: "其他金额",
numberList: [], value: "",
tempFiles1: '../../static/img/idCardBg1.png', //上传身份证临时选择文件 },
tempFiles2: '../../static/img/idCardBg0.png', ],
//绑定的一类卡列表 numberList: [],
bindcardList: [] tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
} tempFiles2: "../../static/img/idCardBg0.png",
}, //绑定的一类卡列表
onLoad: function(options) { bindcardList: [],
console.log(options); };
// 初始化 },
userID = options['userID'] || ''; onLoad: function (options) {
sessionID = options['seesionID'] || ''; console.log(options);
fromType = options['fromType'] || ''; // 初始化
bankInfo.sessionid = sessionID || ''; userID = options["userID"] || "";
this.QueryUserInfo() sessionID = options["seesionID"] || "";
}, fromType = options["fromType"] || "";
created: function() { bankInfo.sessionid = sessionID || "";
this.QueryUserInfo();
}, },
mounted: function() { created: function () {},
mounted: function () {},
}, methods: {
methods: { async ChangeBankPay() {
async ChangeBankPay(){ uni.showLoading({ mask: true });
uni.showLoading({ mask:true }); let status = await this.accountCloseacceptStatusQuery();
let status = await this.accountCloseacceptStatusQuery(); uni.hideLoading();
uni.hideLoading(); if (status !== 0) return false;
if( status !== 0 ) return false; this.BackToMini("AssignAddCard");
this.BackToMini('AssignAddCard') },
}, accountCloseacceptStatusQuery() {
accountCloseacceptStatusQuery(){ return new Promise((resolve, reject) => {
return new Promise(( resolve,reject) => { $.ajax({
$.ajax({ //查询是否提交销户 //查询是否提交销户
url:gHost + "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery", url:
type:'post', gHost +
data:{ "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery",
schoolId:this.PersonalInfo.schoolid, type: "post",
userId:this.PersonalInfo.id, data: {
wechattype: 1, schoolId: this.PersonalInfo.schoolid,
'sessionid': sessionID, userId: this.PersonalInfo.id,
}, wechattype: 1,
contentType: "application/x-www-form-urlencoded", sessionid: sessionID,
headers: { },
'sessionid': sessionID, contentType: "application/x-www-form-urlencoded",
}, headers: {
success:( { code , message , results } ) => { sessionid: sessionID,
let status = results && results.status ; // 0表示未申请,1申请中,2已销户,3销户申请失败 },
if(code === '10000' && status == '0'){ success: ({ code, message, results }) => {
}else if(code === '10000' && status == '1'){ let status = results && results.status; // 0表示未申请,1申请中,2已销户,3销户申请失败
uni.showToast({ if (code === "10000" && status == "0") {
title: "您已提交销户申请,银行正在审核中。", } else if (code === "10000" && status == "1") {
icon:'none', uni.showToast({
}) title: "您已提交销户申请,银行正在审核中。",
}else{ icon: "none",
uni.showToast({ });
title: message, } else {
icon:'none', uni.showToast({
}) title: message,
} icon: "none",
resolve(status) });
}
}, resolve(status);
error: function(err) { },
uni.showToast({ error: function (err) {
title: err.message || '请求失败', uni.showToast({
icon:'none', title: err.message || "请求失败",
}); icon: "none",
reject(-1) });
}, reject(-1);
}); },
}) });
});
}, },
// 验证码弹出框开启 // 验证码弹出框开启
toDeposit() { toDeposit() {
if (this.isOtherMoney) { if (this.isOtherMoney) {
if (this.inputOtherM == '') { if (this.inputOtherM == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请输入要充值的金额!" content: "请输入要充值的金额!",
}) });
return return;
} }
if (parseFloat(this.inputOtherM) * 1 < 3) { if (parseFloat(this.inputOtherM) * 1 < 3) {
weui.topTips('充值金额必须大于3元'); weui.topTips("充值金额必须大于3元");
return return;
} }
} else { } else {
if (this.Money == '') { if (this.Money == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请选择要充值的金额!" content: "请选择要充值的金额!",
}) });
return return;
} }
if (parseFloat(this.inputOtherM) * 1 < 3) { if (parseFloat(this.inputOtherM) * 1 < 3) {
weui.topTips('充值金额必须大于3元'); weui.topTips("充值金额必须大于3元");
return return;
} }
} }
this.$refs.popup.open('top') this.$refs.popup.open("top");
}, },
// 验证码弹出框关闭 // 验证码弹出框关闭
close() { close() {
this.$refs.popup.close() this.$refs.popup.close();
}, },
//切换到提现 //切换到提现
ToWalletTx() { ToWalletTx() {
$('#DepositBox').css('display', 'none'); $("#DepositBox").css("display", "none");
$('#TxWalletBox').css('display', 'block'); $("#TxWalletBox").css("display", "block");
// $('.TitleHeader').html('电子账户提现'); // $('.TitleHeader').html('电子账户提现');
$('.doBtnTx').html('提现'); $(".doBtnTx").html("提现");
opeType = 1; opeType = 1;
uni.navigateTo({ uni.navigateTo({
url: "../Reflect/Reflect?" + OforS({ url:
sessionID: sessionID, "../Reflect/Reflect?" +
userID: userID OforS({
}) sessionID: sessionID,
}) userID: userID,
}, }),
//全部提现 });
TxAllFun() { },
this.ReflectMoney = this.cardBalanceTx * 1 //全部提现
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); TxAllFun() {
}, this.ReflectMoney = this.cardBalanceTx * 1;
// 输入限制 // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
inputControl(e) { },
let this_ = this // 输入限制
let obj = e.detail inputControl(e) {
this.$nextTick(function() { let this_ = this;
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 let obj = e.detail;
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. this.$nextTick(function () {
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; obj.value = obj.value
if (obj.value == '' || obj.value * 1 < 3) { .replace(".", "$#$")
$('.DepositID').attr('style', 'background: rgb(230, 230, 230) !important;'); .replace(/\./g, "")
} else { .replace("$#$", "."); //只允许输入一个小数点
$('.DepositID').removeAttr('style'); obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
} obj.value =
this_.inputOtherM = obj.value obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
}) if (obj.value == "" || obj.value * 1 < 3) {
}, $(".DepositID").attr(
//input键盘弹起不会弹 "style",
ReturnToTop() { "background: rgb(230, 230, 230) !important;"
this.$nextTick(function() { );
document.scrollingElement.scrollTo(0, this.scrollTop); } else {
}) $(".DepositID").removeAttr("style");
}, }
// 充值 this_.inputOtherM = obj.value;
async ExchangeRecharge() { });
let amount, },
bindMedium, //input键盘弹起不会弹
summary; ReturnToTop() {
if (this.isOtherMoney) { // 若最后一位为小数点则去掉
if (this.inputOtherM == '') { let str = this.inputOtherM + "";
uni.showModal({ if (str.lastIndexOf(".") == str.length - 1) {
title: "系统提示", this.inputOtherM = str.substring(0, str.length - 1);
content: "请输入要充值的金额!" }
}) this.$nextTick(function () {
return document.scrollingElement.scrollTo(0, this.scrollTop);
} });
amount = this.inputOtherM * 1 },
} else { // 充值
if (this.Money == '') { async ExchangeRecharge() {
uni.showModal({ let amount, bindMedium, summary;
title: "系统提示", if (this.isOtherMoney) {
content: "请选择要充值的金额!" if (this.inputOtherM == "") {
}) uni.showModal({
return title: "系统提示",
} content: "请输入要充值的金额!",
amount = this.Money * 1 });
} return;
let this_ = this; }
uni.showLoading({ amount = this.inputOtherM * 1;
mask: true, } else {
title: "处理中......" if (this.Money == "") {
}) uni.showModal({
try{ title: "系统提示",
let status = await this.accountCloseacceptStatusQuery(); content: "请选择要充值的金额!",
if(status !== 0) { uni.hideLoading(); return false }; });
}catch(e){ return;
uni.hideLoading(); }
return false amount = this.Money * 1;
} }
let this_ = this;
uni.showLoading({
$.ajax({ mask: true,
url: gHost + '/bank-wechat/icbc/account/exchange/recharge', title: "处理中......",
type: "POST", });
contentType: "application/x-www-form-urlencoded", try {
data: { let status = await this.accountCloseacceptStatusQuery();
schoolId: bankInfo.schoolId, if (status !== 0) {
userId: userID, uni.hideLoading();
sessionid: sessionID, return false;
wechattype: 1, }
amount: amount, } catch (e) {
bindMedium: this.bankInfo_.bindCardNo, uni.hideLoading();
summary: "充值", return false;
}, }
headers: {
'sessionid': sessionID, $.ajax({
}, url: gHost + "/bank-wechat/icbc/account/exchange/recharge",
success: function(res5) { type: "POST",
uni.hideLoading() contentType: "application/x-www-form-urlencoded",
if (res5.code == "10000") { data: {
this_.close(); schoolId: bankInfo.schoolId,
setTimeout(() => { userId: userID,
this_.queryBankInfo(); sessionid: sessionID,
},3000); wechattype: 1,
wx.showModal({ amount: amount,
title:'充值申请已提交', bindMedium: this.bankInfo_.bindCardNo,
content:'银行处理需要1-5分钟时间,充值结果以余额查询为准。', summary: "充值",
showCancel:false },
}) headers: {
} else { sessionid: sessionID,
weui.topTips(res5.message) },
} success: function (res5) {
uni.hideLoading();
}, if (res5.code == "10000") {
error: function(err) { this_.close();
uni.hideLoading(); setTimeout(() => {
}, this_.queryBankInfo();
}); }, 3000);
}, wx.showModal({
// 充值结果查询 title: "充值申请已提交",
async ExchangeRechargeQuery(flowId, oriCorpSerno) { content: "银行处理需要1-5分钟时间,充值结果以余额查询为准。",
let this_ = this; showCancel: false,
let loading = Toast.loading({ });
message: '加载中...', } else {
forbidClick: true, weui.topTips(res5.message);
loadingType: 'spinner', }
duration: 0 },
}); error: function (err) {
$.ajax({ uni.hideLoading();
url: gHost + '/bank-wechat/icbc/account/exchange/rechargeQuery', },
type: "POST", });
contentType: "application/x-www-form-urlencoded", },
data: { // 充值结果查询
schoolId: bankInfo.schoolId, async ExchangeRechargeQuery(flowId, oriCorpSerno) {
userId: userID, let this_ = this;
sessionid: sessionID, let loading = Toast.loading({
wechattype: 1, message: "加载中...",
flowId: flowId, forbidClick: true,
oriCorpSerno: oriCorpSerno, loadingType: "spinner",
}, duration: 0,
headers: { });
'sessionid': sessionID, $.ajax({
}, url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
success: function(res5) { type: "POST",
loading.clear(); contentType: "application/x-www-form-urlencoded",
if (res5.code == "10000") { data: {
let appStatus = res5.results.appStatus; schoolId: bankInfo.schoolId,
if (appStatus == '4') { userId: userID,
uni.showModal({ sessionid: sessionID,
title: "系统提示", wechattype: 1,
content: "充值成功!" flowId: flowId,
}) oriCorpSerno: oriCorpSerno,
this_.queryBankInfo(); },
} else { headers: {
uni.showModal({ sessionid: sessionID,
title: "系统提示", },
content: appStatus == '1' ? '申请已受理' : res5.message success: function (res5) {
}) loading.clear();
} if (res5.code == "10000") {
} else { let appStatus = res5.results.appStatus;
weui.topTips(res5.message) if (appStatus == "4") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message content: "充值成功!",
}) });
} this_.queryBankInfo();
}, } else {
error: function(err) { uni.showModal({
loading.clear(); title: "系统提示",
}, content: appStatus == "1" ? "申请已受理" : res5.message,
}); });
}, }
// 复制我卡号 } else {
async CopyCardNumber() { weui.topTips(res5.message);
let value = this.bankInfo_.accountNo uni.showModal({
Dialog({ title: "系统提示",
title: '系统提示', content: res5.message,
message: '复制成功!' });
}); }
this.$nextTick(function() { },
let clipboard = new ClipboardJS('#cardNumright', { error: function (err) {
text: function() { loading.clear();
return value },
} });
}) },
}) // 复制我卡号
}, async CopyCardNumber() {
//选择输入其他金额 let value = this.bankInfo_.accountNo;
OtherMoney() { Dialog({
this.depotMoneyother = true title: "系统提示",
}, message: "复制成功!",
// 快捷选择金额 });
async depotMoney(value, MoneyIndex) { this.$nextTick(function () {
console.log(value) let clipboard = new ClipboardJS("#cardNumright", {
if (!value) { text: function () {
this.isOtherMoney = true return value;
this.Money = '' },
this.MoneyIndex = MoneyIndex });
return });
} },
this.isOtherMoney = false //选择输入其他金额
this.Money = parseInt(value) OtherMoney() {
this.MoneyIndex = MoneyIndex this.depotMoneyother = true;
}, },
//按钮操作 // 快捷选择金额
HideHTML(dom, type) { async depotMoney(value, MoneyIndex) {
this.$nextTick(function() { console.log(value);
if (type == 0) { if (!value) {
$('.' + dom).css('display', 'none'); this.isOtherMoney = true;
} else { this.Money = "";
$('.' + dom).css('display', 'block'); this.MoneyIndex = MoneyIndex;
} return;
}) }
}, this.isOtherMoney = false;
//返回小程序 跳转指定页面 this.Money = parseInt(value);
BackToMini(page) { this.MoneyIndex = MoneyIndex;
if (page == 'UserMain' || page == 'personalCenter') { },
jWeixin.miniProgram.switchTab({ //按钮操作
url: `/pages/${page}/main`, HideHTML(dom, type) {
}); this.$nextTick(function () {
} else { if (type == 0) {
jWeixin.miniProgram.redirectTo({ $("." + dom).css("display", "none");
url: `/pages/${page}/main`, } else {
}); $("." + dom).css("display", "block");
} }
}, });
//换绑卡 },
ChangeCardPay(item) { //返回小程序 跳转指定页面
let this_ = this; BackToMini(page) {
if (bankInfo.bindCardNo == item.bindCardNo) { if (page == "UserMain" || page == "personalCenter") {
return jWeixin.miniProgram.switchTab({
} url: `/pages/${page}/main`,
var loading = weui.loading('请稍后'); });
$.ajax({ } else {
url: gHost + '/bank-wechat/icbc/account/bindcard/changeDefaultBinding', jWeixin.miniProgram.redirectTo({
type: "POST", url: `/pages/${page}/main`,
contentType: "application/x-www-form-urlencoded", });
data: { }
schoolId: bankInfo.schoolId, },
userId: userID, //换绑卡
sessionid: sessionID, ChangeCardPay(item) {
wechattype: 1, let this_ = this;
bindMedium: item.bindCardNo, if (bankInfo.bindCardNo == item.bindCardNo) {
bindMediumName: item.bindCardName return;
}, }
success: function(res5) { var loading = weui.loading("请稍后");
loading.hide(); $.ajax({
if (res5.code == "10000") { url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
this_.queryUserBankInfo(); type: "POST",
this_.close(); contentType: "application/x-www-form-urlencoded",
} else { data: {
weui.topTips(res5.message) schoolId: bankInfo.schoolId,
} userId: userID,
this_.popshow = false; sessionid: sessionID,
}, wechattype: 1,
error: function(err) { bindMedium: item.bindCardNo,
loading.hide(); bindMediumName: item.bindCardName,
}, },
}); success: function (res5) {
}, loading.hide();
//查询一类卡绑定列表 if (res5.code == "10000") {
queryBindCardList() { this_.queryUserBankInfo();
let this_ = this; this_.close();
let loading = weui.loading('请稍后'); } else {
$.ajax({ weui.topTips(res5.message);
url: gHost + '/bank-wechat/icbc/account/bindcard/bindingList', }
type: "POST", this_.popshow = false;
contentType: "application/x-www-form-urlencoded", },
data: { error: function (err) {
mediumId: bankInfo.accountNo, loading.hide();
schoolId: bankInfo.schoolId, },
userId: userID, });
sessionid: sessionID, },
wechattype: 1 //查询一类卡绑定列表
}, queryBindCardList() {
success: function(res4) { let this_ = this;
loading.hide(); let loading = weui.loading("请稍后");
if (res4.code == "10000") { $.ajax({
this_.bindcardList = res4.results; url: gHost + "/bank-wechat/icbc/account/bindcard/bindingList",
this_.popshow = true type: "POST",
} else { contentType: "application/x-www-form-urlencoded",
weui.topTips(res4.message) data: {
} mediumId: bankInfo.accountNo,
}, schoolId: bankInfo.schoolId,
error: function(err) { userId: userID,
loading.hide(); sessionid: sessionID,
}, wechattype: 1,
}); },
}, success: function (res4) {
//获取银行余额 loading.hide();
queryBankInfo() { if (res4.code == "10000") {
let this_ = this; this_.bindcardList = res4.results;
// let loading = weui.loading('请稍后'); this_.popshow = true;
$.ajax({ } else {
url: gHost + '/bank-wechat/icbc/account/balance/balanceQuery', weui.topTips(res4.message);
type: "POST", }
timeout: 8000, },
contentType: "application/x-www-form-urlencoded", error: function (err) {
data: { loading.hide();
mediumId: bankInfo.accountNo || '', },
schoolId: bankInfo.schoolId || '', });
userId: bankInfo.userId || '', },
sessionid: sessionID, //获取银行余额
wechattype: 1, queryBankInfo() {
}, let this_ = this;
success: function(res3) { // let loading = weui.loading('请稍后');
// loading.hide(); $.ajax({
if (res3.code == "10000") { url: gHost + "/bank-wechat/icbc/account/balance/balanceQuery",
if (res3.results.accountBalance == null) { type: "POST",
weui.topTips("账户信息为空,余额查询失败"); timeout: 8000,
} else { contentType: "application/x-www-form-urlencoded",
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(2); data: {
$('.TxClsTx').attr('placeholder', mediumId: bankInfo.accountNo || "",
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` schoolId: bankInfo.schoolId || "",
) userId: bankInfo.userId || "",
this_.RechargeMax = ((2000 - ((res3.results.accountBalance * 1).toFixed(2) * sessionid: sessionID,
1)).toFixed(2)); wechattype: 1,
} },
} else { success: function (res3) {
weui.topTips(res3.message) // loading.hide();
} if (res3.code == "10000") {
}, if (res3.results.accountBalance == null) {
error: function(err) { weui.topTips("账户信息为空,余额查询失败");
// loading.hide(); } else {
}, this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
complete: function(XMLHttpRequest, status) { 2
// loading.hide(); );
if (status == 'timeout') { $(".TxClsTx").attr(
weui.topTips("请求超时,余额查询失败"); "placeholder",
} `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
} );
}) this_.RechargeMax = (
}, 2000 -
//获取用户已填写银行信息 (res3.results.accountBalance * 1).toFixed(2) * 1
queryUserBankInfo() { ).toFixed(2);
let this_ = this; }
// let loading = weui.loading('请稍后'); } else {
$.ajax({ weui.topTips(res3.message);
url: gHost + '/bank-wechat/user/bank/get', }
type: "POST", },
contentType: "application/x-www-form-urlencoded", error: function (err) {
data: { // loading.hide();
schoolId: bankInfo.schoolId, },
userId: userID, complete: function (XMLHttpRequest, status) {
sessionid: sessionID, // loading.hide();
wechattype: 1 if (status == "timeout") {
}, weui.topTips("请求超时,余额查询失败");
success: function(res2) { }
if (res2.code == "10000") { },
if (!res2.results) { });
weui.topTips("获取用户银行信息失败!") },
// loading.hide(); //获取用户已填写银行信息
return queryUserBankInfo() {
} let this_ = this;
bankInfo = res2.results; // let loading = weui.loading('请稍后');
bankInfo.sessionid = sessionID; $.ajax({
this_.queryBankInfo(); //查余额 url: gHost + "/bank-wechat/user/bank/get",
this_.bankInfo_ = bankInfo; type: "POST",
// this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id); contentType: "application/x-www-form-urlencoded",
} else { data: {
weui.topTips(res2.message) schoolId: bankInfo.schoolId,
} userId: userID,
}, sessionid: sessionID,
error: function(err) { wechattype: 1,
// loading.hide(); },
}, success: function (res2) {
}); if (res2.code == "10000") {
}, if (!res2.results) {
//查询用户信息 weui.topTips("获取用户银行信息失败!");
QueryUserInfo() { // loading.hide();
let this_ = this; return;
let loading = Toast.loading({ }
message: '加载中...', bankInfo = res2.results;
forbidClick: true, bankInfo.sessionid = sessionID;
loadingType: 'spinner', this_.queryBankInfo(); //查余额
duration: 0 this_.bankInfo_ = bankInfo;
}); // this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id);
$.ajax({ } else {
url: gHost + '/wechat/svweapp/QueryPersonalInfo', weui.topTips(res2.message);
type: "POST", }
contentType: "application/x-www-form-urlencoded", },
data: { error: function (err) {
userid: userID, // loading.hide();
sessionid: sessionID, },
wechattype: 1 });
}, },
success: function(res1) { //查询用户信息
loading.clear(); QueryUserInfo() {
if (res1.code == "10000") { let this_ = this;
bankInfo.schoolId = res1.results.schoolid; let loading = Toast.loading({
bankInfo.userId = res1.results.id; message: "加载中...",
this_.PersonalInfo = res1.results forbidClick: true,
if (res1.results.usertype == 1) { loadingType: "spinner",
$('.StudentCls').css('display', 'block'); duration: 0,
$('.TeacherCls').css('display', 'none'); });
} else { $.ajax({
$('.StudentCls').css('display', 'none'); url: gHost + "/wechat/svweapp/QueryPersonalInfo",
$('.TeacherCls').css('display', 'block'); type: "POST",
} contentType: "application/x-www-form-urlencoded",
this_.queryUserBankInfo(); data: {
} else { userid: userID,
weui.topTips(res1.message); sessionid: sessionID,
setTimeout(() => { wechattype: 1,
this_.BackToMini('UserMain'); },
}, 1500) success: function (res1) {
} loading.clear();
}, if (res1.code == "10000") {
error: function(err) { bankInfo.schoolId = res1.results.schoolid;
loading.clear(); bankInfo.userId = res1.results.id;
}, this_.PersonalInfo = res1.results;
}); if (res1.results.usertype == 1) {
}, $(".StudentCls").css("display", "block");
} $(".TeacherCls").css("display", "none");
} } else {
$(".StudentCls").css("display", "none");
$(".TeacherCls").css("display", "block");
}
this_.queryUserBankInfo();
} else {
weui.topTips(res1.message);
setTimeout(() => {
this_.BackToMini("UserMain");
}, 1500);
}
},
error: function (err) {
loading.clear();
},
});
},
},
};
</script> </script>
<style lang="scss"> <style lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.showBindCardList { .showBindCardList {
.choiceBox { .choiceBox {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
padding: 0; padding: 0;
border-bottom: 0.5px solid #e6e6e6; border-bottom: 0.5px solid #e6e6e6;
} }
.ListItem { .ListItem {
border-bottom: 1rpx solid #e6e6e6; border-bottom: 1rpx solid #e6e6e6;
font-size: 30rpx; font-size: 30rpx;
padding: 25rpx 0; padding: 25rpx 0;
background: #fff; background: #fff;
position: relative; position: relative;
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; justify-content: space-between;
justify-content: space-between; padding-top: 36rpx;
padding-top: 36rpx; font-size: 24rpx;
font-size: 24rpx;
.cardNumleft {
.cardNumleft { font-family: PingFang SC;
font-family: PingFang SC; font-weight: 500;
font-weight: 500; color: #ffffff;
color: #FFFFFF; }
}
.cardNumright {
.cardNumright { font-family: PingFang SC;
font-family: PingFang SC; font-weight: 500;
font-weight: 500; text-decoration: underline;
text-decoration: underline; color: #ffffff;
color: #FFFFFF; }
} }
} .RechargeDetailed {
text-align: center;
.RechargeDetailed { // width: 118rpx;
text-align: center; height: 32rpx;
// width: 118rpx; margin: 0 auto;
height: 32rpx; font-size: 30rpx;
margin: 0 auto; font-family: PingFang SC;
font-size: 30rpx; font-weight: 500;
font-family: PingFang SC; text-decoration: underline;
font-weight: 500; color: #36a8ff;
text-decoration: underline; margin-top: 50rpx;
color: #36A8FF; }
margin-top: 50rpx;
} .contentBox {
width: 670rpx;
height: 376rpx;
.contentBox { margin: 0 auto;
width: 670rpx; }
height: 376rpx;
margin: 0 auto; .contentDiv {
} height: 100%;
// margin-top: 36rpx;
.contentDiv { border-radius: 15rpx;
height: 100%; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
// margin-top: 36rpx; background-repeat: no-repeat;
border-radius: 15rpx; background-size: 100% 100%;
background-image: url('https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png');
background-repeat: no-repeat; position: relative;
background-size: 100% 100%; top: 36rpx;
}
position: relative;
top: 36rpx; .HidenText {
} width: 574rpx;
margin: 0 auto;
.HidenText { padding-top: 88rpx;
width: 574rpx; }
margin: 0 auto;
padding-top: 88rpx; .HidenText,
.Balance {
} padding-left: 46rpx;
padding-right: 40rpx;
.HidenText, display: flex;
.Balance { justify-content: space-between;
padding-left: 46rpx;
padding-right: 40rpx; font-size: 28rpx;
display: flex; color: #ffffff;
justify-content: space-between; }
font-size: 28rpx; .Balance {
color: #FFFFFF; width: 574rpx;
} margin: 0 auto;
margin-top: 20rpx;
.Balance {
width: 574rpx; font-size: 30rpx;
margin: 0 auto; font-family: PingFang SC;
margin-top: 20rpx; font-weight: bold;
color: #ffffff;
font-size: 30rpx; }
font-family: PingFang SC;
font-weight: bold; .Recharge {
color: #FFFFFF; // height: 30rpx;
} font-size: 32rpx;
font-family: PingFang SC;
.Recharge { font-weight: bold;
// height: 30rpx; color: #333333;
font-size: 32rpx; margin-top: 58rpx;
font-family: PingFang SC;
font-weight: bold; span:nth-child(1) {
color: #333333; width: 4rpx;
margin-top: 58rpx; height: 30rpx;
background: #23d6a3;
span:nth-child(1) { border-radius: 2rpx;
width: 4rpx; display: inline-block;
height: 30rpx; position: relative;
background: #23D6A3; top: 5rpx;
border-radius: 2rpx; }
display: inline-block;
position: relative; span:nth-child(2) {
top: 5rpx; display: inline-block;
} margin-left: 16rpx;
}
span:nth-child(2) { }
display: inline-block;
margin-left: 16rpx; .headview {
display: flex;
} justify-content: space-between;
} // padding-left: 40rpx;
// padding-right: 40rpx;
.headview { padding-top: 36rpx;
display: flex; width: 574rpx;
justify-content: space-between; margin: 0 auto;
// padding-left: 40rpx; }
// padding-right: 40rpx;
.headview .schoolname {
padding-top: 36rpx; width: 252rpx;
width: 574rpx; height: 50rpx;
margin: 0 auto; font-size: 36rpx;
} font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
.headview .schoolname { color: #ffffff;
width: 252rpx; line-height: 50rpx;
height: 50rpx; }
font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC; .headview .IconCls {
font-weight: 500; width: 170rpx;
color: #FFFFFF; height: 48rpx;
line-height: 50rpx; background: #20946d;
} border-radius: 25rpx;
.headview .IconCls { font-size: 24rpx;
width: 170rpx; font-weight: 400;
height: 48rpx; color: #ffffff;
background: #20946D; line-height: 48rpx;
border-radius: 25rpx; text-align: center;
}
font-size: 24rpx;
font-weight: 400; .MoneyBox {
color: #FFFFFF; flex-wrap: wrap;
line-height: 48rpx; height: auto;
text-align: center; color: #888888;
} width: 686rpx;
margin: 0 auto;
.MoneyBox { overflow: hidden;
flex-wrap: wrap; }
height: auto;
color: #888888; .choiceClass {
width: 686rpx; background: rgba(39, 266, 148, 0.1) !important;
margin: 0 auto; color: #28d79c;
overflow: hidden; }
}
.MoneyBox view {
.choiceClass { width: 220rpx;
background: rgba(39, 266, 148, 0.1) !important; height: 120rpx;
color: #28D79C; background: #ffffff;
} border-radius: 8rpx;
border: 1rpx solid #eeeeee;
.MoneyBox view { margin-top: 16rpx;
width: 220rpx; text-align: center;
height: 120rpx; position: relative;
background: #FFFFFF; box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
border-radius: 8rpx; margin-right: 2px;
border: 1rpx solid #EEEEEE; float: left;
margin-top: 16rpx; }
text-align: center;
position: relative; .depotMoney .value {
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); font-size: 45rpx;
margin-right: 2px; font-family: PingFangSC-Semibold, PingFang SC;
float: left; font-weight: 600;
} line-height: 120rpx;
text-align: center;
.depotMoney .value { }
font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC; .depotMoney .tips {
font-weight: 600; // width: 79rpx;
line-height: 120rpx; // height: 33rpx;
text-align: center; // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
} // border-radius: 4rpx;
// font-size: 18rpx;
.depotMoney .tips { // font-weight: 500;
// width: 79rpx; // padding: 4rpx;
// height: 33rpx; // text-align: center;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // float: right;
// border-radius: 4rpx; // position: absolute;
// font-size: 18rpx; // right: 0rpx;
// font-weight: 500; // line-height: 33rpx;
// padding: 4rpx; }
// text-align: center;
// float: right; .OtherMoney {
// position: absolute; display: flex;
// right: 0rpx; justify-content: flex-start;
// line-height: 33rpx; // color: #999999;
} // font-size: 28rpx;
// font-family: PingFangSC-Regular, PingFang SC;
.OtherMoney { // font-weight: 400;
display: flex; // color: #999999;
justify-content: flex-start; // line-height: 40rpx;
// color: #999999; width: 686rpx;
// font-size: 28rpx; height: 100rpx;
// font-family: PingFangSC-Regular, PingFang SC; background: #f7f6fb;
// font-weight: 400; border-radius: 10rpx;
// color: #999999; margin: 0 auto;
// line-height: 40rpx; line-height: 100rpx;
width: 686rpx; margin-top: 32rpx;
height: 100rpx;
background: #F7F6FB; span {
border-radius: 10rpx; display: inline-block;
margin: 0 auto; font-size: 40rpx;
line-height: 100rpx; font-family: PingFang SC;
margin-top: 32rpx; font-weight: bold;
color: #000000;
padding-left: 26rpx;
span { }
display: inline-block;
font-size: 40rpx; input {
font-family: PingFang SC; height: 100%;
font-weight: bold; }
color: #000000; }
padding-left: 26rpx;
} .OtherMoney view:nth-child(2) {
// width: 30rpx;
input { // height: 30rpx;
height: 100%; // background: #F0F0F0;
} // border-radius: 50%;
} // text-align: center;
// line-height: 30rpx;
.OtherMoney view:nth-child(2) { // margin-top: 7rpx;
// width: 30rpx; // margin-left: 5rpx;
// height: 30rpx; }
// background: #F0F0F0;
// border-radius: 50%; .payType {
// text-align: center; height: 98rpx;
// line-height: 30rpx; line-height: 98rpx;
// margin-top: 7rpx; display: flex;
// margin-left: 5rpx; justify-content: space-between;
} }
.payType { .payType view:nth-child(1) {
height: 98rpx; // width: 120rpx;
line-height: 98rpx; height: 42rpx;
display: flex; font-size: 32rpx;
justify-content: space-between; font-family: PingFang SC;
} font-weight: 500;
color: #888888;
.payType view:nth-child(1) { line-height: 98rpx;
// width: 120rpx; }
height: 42rpx;
font-size: 32rpx; .payType view::nth-child(2) {
font-family: PingFang SC; width: 225rpx;
font-weight: 500; height: 45rpx;
color: #888888; font-size: 32rpx;
line-height: 98rpx; font-family: PingFang SC;
} font-weight: bold;
color: #333333;
.payType view::nth-child(2) { line-height: 45rpx;
width: 225rpx; }
height: 45rpx;
font-size: 32rpx; .arrow {
font-family: PingFang SC; transform: rotate(-45deg);
font-weight: bold; top: -3rpx;
color: #333333; border: solid #999999;
line-height: 45rpx; border-width: 0 1rpx 1rpx 0;
} display: inline-block;
padding: 8rpx;
position: relative;
}
.arrow {
transform: rotate(-45deg); @media (min-height: 650px) {
top: -3rpx; .bottomdiv {
border: solid #999999; position: fixed;
border-width: 0 1rpx 1rpx 0; left: 0;
display: inline-block; right: 0;
padding: 8rpx; bottom: 30rpx;
position: relative; }
}
}
.DepositID {
@media (min-height: 650px) { width: 630rpx;
.bottomdiv { height: 92rpx;
position: fixed; background: #04ba73;
left: 0; border-radius: 8rpx;
right: 0; margin: 0 auto;
bottom: 30rpx; text-align: center;
} bottom: 30rpx;
} }
.DepositID { .DepositID span {
width: 630rpx; height: 50rpx;
height: 92rpx; font-size: 36rpx;
background: #04BA73; font-family: PingFangSC-Medium, PingFang SC;
border-radius: 8rpx; font-weight: 500;
margin: 0 auto; color: #ffffff;
text-align: center; line-height: 92rpx;
bottom: 30rpx; }
} .switchbankCard {
text-align: center;
.DepositID span { /* width: 205px; */
height: 50rpx; // height: 28rpx;
font-size: 36rpx; font-size: 26rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; text-decoration: underline;
line-height: 92rpx; color: #268ef8;
} margin-top: 23rpx;
}
.switchbankCard {
text-align: center; .RechargeConfirmationBox {
/* width: 205px; */ position: fixed;
// height: 28rpx; left: 0;
font-size: 26rpx; right: 0;
font-family: PingFang SC; top: 400rpx;
font-weight: 500; width: 618rpx;
text-decoration: underline; height: 478rpx;
color: #268EF8; background: #ffffff;
margin-top: 23rpx; border-radius: 8rpx;
} margin: 0 auto;
.RechargeConfirmationBox { .RechargeInfo {
position: fixed; width: 520rpx;
left: 0; height: 100%;
right: 0; margin: 0 auto;
top: 400rpx;
width: 618rpx; .RechargeInfo1 {
height: 478rpx; height: 124rpx;
background: #FFFFFF; line-height: 124rpx;
border-radius: 8rpx; font-size: 36rpx;
margin: 0 auto; font-family: PingFang SC;
font-weight: bold;
.RechargeInfo { color: #000000;
width: 520rpx; text-align: center;
height: 100%; }
margin: 0 auto;
.ContenInfo {
.RechargeInfo1 { text-align: center;
height: 124rpx; // width: 383rpx;
line-height: 124rpx; height: 159rpx;
font-size: 36rpx; margin: 0 auto;
font-family: PingFang SC; font-size: 32rpx;
font-weight: bold; font-family: PingFang SC;
color: #000000; font-weight: 500;
text-align: center; color: #010101;
}
view {
.ContenInfo { line-height: 75rpx;
text-align: center; }
// width: 383rpx; }
height: 159rpx;
margin: 0 auto; .BtngGoup {
font-size: 32rpx; justify-content: space-between;
font-family: PingFang SC; display: flex;
font-weight: 500; margin-top: 40rpx;
color: #010101;
view {
view { width: 250rpx;
line-height: 75rpx; height: 88rpx;
} border-radius: 8rpx;
} text-align: center;
line-height: 88rpx;
.BtngGoup { }
justify-content: space-between;
display: flex; view:nth-child(1) {
margin-top: 40rpx; background: #ebebeb;
font-size: 36rpx;
view { font-family: PingFang SC;
width: 250rpx; font-weight: 500;
height: 88rpx; color: #1cc48b;
border-radius: 8rpx; }
text-align: center;
line-height: 88rpx; view:nth-child(2) {
} background: #1cc48b;
font-size: 36rpx;
view:nth-child(1) { font-family: PingFang SC;
background: #EBEBEB; font-weight: 500;
font-size: 36rpx; color: #ffffff;
font-family: PingFang SC; }
font-weight: 500; }
color: #1CC48B; }
} }
view:nth-child(2) { .closePhoneBox {
background: #1CC48B; // width: 35rpx;
font-size: 36rpx; height: 35rpx;
font-family: PingFang SC; position: relative;
font-weight: 500; right: -20rpx;
color: #FFFFFF; top: 20rpx;
} text-align: right;
} image {
width: 40rpx;
} height: 40rpx;
} position: relative;
}
.closePhoneBox { }
// width: 35rpx;
height: 35rpx; .doBtnTx {
position: relative; width: 506rpx;
right: -20rpx; height: 92rpx;
top: 20rpx; background: #04ba73;
text-align: right; border-radius: 8rpx;
color: #ffffff;
image {
width: 40rpx; position: absolute;
height: 40rpx; left: 0;
position: relative; right: 0;
} margin: 0 auto;
bottom: 38rpx;
} }
.doBtnTx { .PhoneNum,
width: 506rpx; .VerifyCode {
height: 92rpx; width: 506rpx;
background: #04BA73; height: 80rpx;
border-radius: 8rpx; line-height: 60rpx;
color: #FFFFFF; background: #f7f6fb;
margin: 0 auto;
position: absolute; margin-top: 20rpx;
left: 0; }
right: 0;
margin: 0 auto; .VerifyCode {
bottom: 38rpx; display: flex;
} justify-content: space-between;
}
.PhoneNum,
.VerifyCode { .VerifyCode input {
width: 506rpx; width: 200rpx;
height: 80rpx; }
line-height: 60rpx;
background: #F7F6FB; .CodeMsg {
margin: 0 auto; color: #01bc73;
margin-top: 20rpx; background: #f7f6fb;
} font-size: 32rpx;
font-weight: 600;
.VerifyCode { line-height: 80rpx;
display: flex; letter-spacing: 3rpx;
justify-content: space-between; }
}
.placeholderInput {
.VerifyCode input { color: #aaaaaa;
width: 200rpx; font-size: 42rpx;
} font-weight: 500;
letter-spacing: 3rpx;
.CodeMsg { // padding-left: 50rpx;
color: #01BC73; height: 80rpx;
background: #F7F6FB; }
font-size: 32rpx;
font-weight: 600; .OtherTitle {
line-height: 80rpx; height: 67rpx;
letter-spacing: 3rpx; font-size: 48rpx;
} font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
.placeholderInput { color: #010101;
color: #AAAAAA; line-height: 67rpx;
font-size: 42rpx;
font-weight: 500; padding-top: 60rpx;
letter-spacing: 3rpx; }
// padding-left: 50rpx;
height: 80rpx; .inputOtherM {
} display: flex;
height: 100rpx;
.OtherTitle { margin-top: 40rpx;
height: 67rpx; }
font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; .inputOtherM input {
font-weight: 600; border: none;
color: #010101; outline: none;
line-height: 67rpx; height: 50rpx;
padding-left: 16rpx;
padding-top: 60rpx; font-size: 72rpx;
} font-weight: 600;
}
.inputOtherM {
display: flex; .inputOtherM span:nth-child(1) {
height: 100rpx; width: 72rpx;
margin-top: 40rpx; font-size: 80rpx;
} font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
.inputOtherM input { color: #010101;
border: none; line-height: 100rpx;
outline: none; }
height: 50rpx;
padding-left: 16rpx; .OtherLine {
font-size: 72rpx; width: 631rpx;
font-weight: 600; height: 1rpx;
} background-color: #cccccc;
margin-top: 19rpx;
.inputOtherM span:nth-child(1) { }
width: 72rpx;
font-size: 80rpx; .depositbox {
font-family: PingFangSC-Semibold, PingFang SC; margin-top: 31rpx;
font-weight: 600; height: 30rpx;
color: #010101; line-height: 30rpx;
line-height: 100rpx; }
}
.depositImg {
.OtherLine { width: 24rpx;
width: 631rpx; height: 24rpx;
height: 1rpx; vertical-align: middle;
background-color: #CCCCCC; margin-right: 8rpx;
margin-top: 19rpx; position: relative;
} top: -2rpx;
}
.depositbox {
margin-top: 31rpx; .Recharge_ {
height: 30rpx; height: 40rpx;
line-height: 30rpx; font-size: 28rpx;
} font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
.depositImg { color: #333333;
width: 24rpx; line-height: 40rpx;
height: 24rpx; margin-top: 40rpx;
vertical-align: middle; }
margin-right: 8rpx;
position: relative; .Recharge_ span:nth-child(2) {
top: -2rpx; font-size: 28rpx;
} font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
.Recharge_ { color: #fa6400;
height: 40rpx; }
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; .placeholderinputOtherM {
font-weight: 400; height: 50rpx;
color: #333333; // font-family: PingFangSC-Semibold, PingFang SC;
line-height: 40rpx; // font-weight: 600;
margin-top: 40rpx; // color: #010101;
} line-height: 50rpx;
width: 323rpx;
.Recharge_ span:nth-child(2) { font-size: 28rpx;
font-size: 28rpx; font-family: PingFang SC;
font-family: PingFangSC-Semibold, PingFang SC; font-weight: 500;
font-weight: 600; color: #888888;
color: #FA6400; }
}
// 异常处理
.placeholderinputOtherM { .RechargeException {
height: 50rpx; padding-top: 20rpx;
// font-family: PingFangSC-Semibold, PingFang SC; }
// font-weight: 600;
// color: #010101; .weui-label {
line-height: 50rpx; // width: 118rpx;
width: 323rpx; height: 42rpx;
font-size: 28rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #888888; color: #3d3d3d;
} line-height: 42rpx;
font-weight: bold;
// 异常处理 margin-left: 30rpx;
.RechargeException { }
padding-top: 20rpx;
} .tiptext {
height: 1.06rem;
.weui-label { font-size: 0.75rem;
// width: 118rpx; font-family: PingFangSC-Regular, PingFang SC;
height: 42rpx; font-weight: 400;
font-size: 30rpx; color: #03bc73;
font-family: PingFangSC-Medium, PingFang SC; line-height: 1.06rem;
font-weight: 500; margin-bottom: 0.625rem;
color: #3D3D3D; text-align: center;
line-height: 42rpx; }
font-weight: bold;
margin-left: 30rpx; .bottomDetail {
} width: 628rpx;
height: 88rpx;
.tiptext { color: white;
height: 1.06rem; // position: fixed;
font-size: 0.75rem; // left: 0;
font-family: PingFangSC-Regular, PingFang SC; // right: 0;
font-weight: 400; margin: 0 auto;
color: #03BC73; background-color: #03bc73;
line-height: 1.06rem; text-align: center;
margin-bottom: 0.625rem; line-height: 88rpx;
text-align: center;
} margin-top: 84rpx;
}
.bottomDetail {
width: 628rpx; .RechargeException input::placeholder {
height: 88rpx; color: #a1a4a8;
color: white; }
// position: fixed;
// left: 0; .RechargeException .weui-cell {
// right: 0; height: 4rem;
margin: 0 auto; padding: 0 !important;
background-color: #03BC73; }
text-align: center;
line-height: 88rpx; .idCardPhoto1,
.idCardPhoto2 {
width: 388rpx;
margin-top: 84rpx; height: 224rpx;
} margin: 0 auto;
margin-top: 20rpx;
}
.RechargeException input::placeholder {
color: #A1A4A8; .idCardPhoto1 image,
} .idCardPhoto2 image {
width: 100%;
.RechargeException .weui-cell { height: 100%;
height: 4rem; position: relative;
padding: 0 !important; }
}
.weui-toptips_success {
.idCardPhoto1, background-color: #03bc73 !important;
.idCardPhoto2 { }
width: 388rpx;
height: 224rpx; .positionCam {
margin: 0 auto; height: 32rpx;
margin-top: 20rpx; font-size: 22rpx;
} font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
.idCardPhoto1 image, color: #6d7278;
.idCardPhoto2 image { line-height: 32rpx;
width: 100%; text-align: center;
height: 100%; position: relative;
position: relative; top: -29px;
} }
.weui-toptips_success { .BgCoverBox {
background-color: #03BC73 !important width: 100vw;
} height: 100vh;
position: fixed;
.positionCam { left: 0;
height: 32rpx; top: 0;
font-size: 22rpx; z-index: 10;
font-family: PingFang-SC-Medium, PingFang-SC; background: #000000;
font-weight: 500; opacity: 0.5;
color: #6D7278; }
line-height: 32rpx;
text-align: center; .hideListCover {
position: relative; max-height: 50vh;
top: -29px; overflow-y: auto;
} padding: 0;
}
.BgCoverBox { .bottomDiv {
width: 100vw; font-weight: bold;
height: 100vh; height: 50px;
position: fixed; line-height: 50px;
left: 0; border-bottom: 1px solid #e6e6e6;
top: 0; }
z-index: 10;
background: #000000;
opacity: 0.5;
}
.hideListCover {
max-height: 50vh;
overflow-y: auto;
padding: 0;
}
.bottomDiv {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e6e6e6;
}
</style> </style>
<template>
<view class="tainer">
<van-dialog v-model="dialogShow" @closed="dialogClosed" :show-confirm-button="false"
:closeOnClickOverlay="true">
<view class="PaymentRsults">
<image v-if="PaymentRsults==1" style="width: 160rpx;height: 160rpx;" mode='widthFix'
:src="ImgUrl+'StudentPayment/success-icon.png'">
</image>
<image v-if="PaymentRsults==2" style="width: 160rpx;height: 160rpx;" mode='widthFix'
:src="ImgUrl+'StudentPayment/fail-icon.png'">
</image>
<view class="PaymentRsultsTxt" @click="dialogClosed" v-if="PaymentRsults==1">
支付成功
</view>
<view class="PaymentRsultsTxt" @click="clickPay" v-if="PaymentRsults==2">
请重新支付
</view>
</view>
</van-dialog>
<view class="headerImg">
<view class="cardInfo">
<view class="title">
{{ChargeProDetail.chargeName||""}}
</view>
<view class="title2">
<van-notice-bar :scrollable="ChargeProDetail.descInfo.length>20?true:false" background="#ffffff"
color="#333333" style="padding: 0;" :text="ChargeProDetail.descInfo||''" />
</view>
<van-divider />
<view class="botto">
<view class="rowInfo">
<text class="name">学生姓名:</text>
<text class="value">{{ChargeProDetail.userName||""}}</text>
</view>
<view class="rowInfo">
<text class="name">年级班级:</text>
<text class="value">{{ChargeProDetail.userGrade||""}} {{ChargeProDetail.userClass||""}}</text>
</view>
<view class="rowInfo">
<text class="name">订单编号:</text>
<text class="value">{{ChargeProDetail.tradeId||""}}</text>
</view>
</view>
</view>
</view>
<!-- 收费项目 -->
<view class="PayProject">
<view class="tabNames">
<view style="padding-left: 70rpx;">
收费子项
</view>
<view style="padding-left: 70rpx;">
收费类型
</view>
<view style="padding-left: 70rpx;">
金额(元)
</view>
</view>
<!-- Project -->
<view class="ProjectBox">
<view class="ProjectItem" v-for="(item,index) in ChargeProDetail.items" :key="index"
:class="SPayProject(index)?'selectProjectItem':''" v-if="!(item.itemAmount==0&&item.mustFlag==0)">
<view class="tabNames" @click="selectProject(item,index)">
<view class="ProjectName">
<image v-if="SPayProject(index)" style="width: 32rpx;height: 32rpx;"
:src="ImgUrl+'StudentPayment/gx.png'" mode='widthFix'></image>
<image v-else style="width: 32rpx;height: 32rpx;" :src="ImgUrl+'StudentPayment/wgx.png'"
mode='widthFix'></image>
<text>{{item.itemName}}</text>
</view>
<view class="ProjectType">
{{['选交项目','必交项目'][item.mustFlag]}}
</view>
<view class="money">
{{itemAmount(item.itemAmount)}}
</view>
</view>
</view>
</view>
</view>
<!-- 备注 -->
<view class="remarks">
<text class="remarksTxt">
{{remarksType[ChargeProDetail.notesType-1]}}
</text>
<textarea :placeholder="ChargeProDetail.notesTips" :cursor="10" placeholder-class="remarksTextarea"
:maxlength="40" :auto-height="true" v-model="remarks" />
</view>
<!-- 底部操作按钮 -->
<view class="bottomOper">
<view class="buttonContent">
<view class="left">
<view class="">
<text class="zongji">总计:</text>
<text class="money">
{{payMoney}}
</text>
</view>
<view class="xieyi">
<text>点击交费,即表示我已阅读</text>
<text @click="Agreement">《线上缴纳协议》</text>
</view>
</view>
<view class="right" @click="clickPay">
点击交费
</view>
</view>
</view>
</view>
</template>
<script>
/**
* 对象转拼接字符串
* @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;
}
let orderApi = window.location.origin
export default {
name: "PayOrderDetails",
data() {
return {
ImgUrl: this.$ImgUrl,
payMoney: "0.00",
// 选择收费子项目
selectPayProject: [],
// 选择收费子项目
selectPayProjectObj: {},
selectCount: 0,
dialogShow: false,
PaymentRsults: -1,
allData: {},
// 交费项目详情信息
ChargeProDetail: {
descInfo: ''
},
// 备注信息
remarks: "",
remarksType: ["备注", "邮箱", "手机号码", "身份证"],
// 费用id
chargeItemIds: []
}
},
onLoad: function(options) {
let this_ = this;
let personalInfo = uni.getStorageSync("personalInfo")
let PayOrderDetails = uni.getStorageSync("PayOrderDetails")
this.allData = Object.assign(options, personalInfo, {
chargeId: PayOrderDetails.id
})
if (options.PaymentRsults) {
this_.dialogShow = true
this.PaymentRsults = parseInt(options.PaymentRsults);
// 上报支付结果
this.returnPaymentResult(uni.getStorageSync("prepayId").tradeId, this.PaymentRsults)
}
this.queryChargeProDetail()
},
onShow: function() {
// uni.showLoading({
// mask: true,
// title: "查询支付结果"
// })
// setTimeout(function() {
// uni.hideLoading()
// this_.dialogShow = true
// }, 1000)
},
computed: {
itemAmount() {
return function(Amount) {
if (Amount) {
return (Amount / 100).toFixed(2)
} else {
return "0.00"
}
}
},
SPayProject() {
return function(index) {
if (index == 0 || index > 0) {
return this.selectPayProject.includes(index)
} else {
return false
}
}
}
},
methods: {
Agreement() {
uni.navigateTo({
url: "../../pdfPreview/pdfPreview?pdfName=xzfjfxy"
})
},
// 查询交费订单明细信息
async queryChargeProDetail() {
try {
let data = await this.$http.post({
url: orderApi + '/order-charge/app/charge/project/queryChargeProDetail'
}, {
"chargeId": this.allData.chargeId,
"schoolId": this.allData.schoolId,
"userId": this.allData.userId
})
if (data.code != 200 || !data.data) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
return
}
this.ChargeProDetail = data.data;
// 收费类型必缴项目默认选择
for (let i = 0; i < data.data.items.length; i++) {
if (data.data.items[i].mustFlag == 1) {
this.selectProject(data.data.items[i], i)
}
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
// 支付结果页面关闭
async dialogClosed() {
try {
console.log("dialogClosed");
this.dialogShow = false
if (this.PaymentRsults == 1) {
// 支付成功返回交费项目列表
uni.redirectTo({
url: "../PayProject/PayProject"
})
return
}
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
// 选择支付的项目
async selectProject(data, index) {
try {
if (!this.selectPayProject.includes(index)) {
this.selectPayProject.push(index)
this.selectPayProjectObj[index + ''] = data
} else {
let indexOf = this.selectPayProject.indexOf(index)
this.selectPayProject.splice(indexOf, 1)
delete this.selectPayProjectObj[index + '']
}
// 计算金额
let payMoney = 0,
// 选择的项目数
selectCount = 0,
// 费用id
chargeItemIds = [];
for (let key in this.selectPayProjectObj) {
selectCount++
payMoney += this.selectPayProjectObj[key].itemAmount;
chargeItemIds.push(this.selectPayProjectObj[key].id)
}
this.selectCount = selectCount;
this.payMoney = (payMoney / 100).toFixed(2);
this.chargeItemIds = chargeItemIds;
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
// 微信公众号H5支付
async getBrandWCPayRequest() {
try {
if (this.JSBridge) {
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": "wx2421b1c4370ec43b", //公众号ID,由商户传入
"timeStamp": "1395712654", //时间戳,自1970年以来的秒数
"nonceStr": "e61463f8efa94090b1f366cccfbbb444", //随机串
"package": "prepay_id=u802345jgfjsdfgsdg888",
"signType": "MD5", //微信签名方式:
"paySign": "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
},
function(res) {
if (res.err_msg == "get_brand_wcpay_request:ok") {
// 使用以上方式判断前端返回,微信团队郑重提示:
//res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
} else {
uni.showToast({
icon: "none",
mask: true,
title: "支付异常"
})
}
});
return
}
uni.showToast({
icon: "none",
mask: true,
title: "支付环境异常"
})
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
// 点击缴费下单接口
async clickPay() {
try {
console.log(this.JSBridge);
this.dialogShow = false
if (this.selectCount == 0) {
uni.showToast({
icon: "none",
mask: true,
title: "请选择缴费项目"
})
return
}
if (this.ChargeProDetail.notesFlag == 1) {
if (!this.remarks) {
uni.showToast({
icon: "none",
mask: true,
title: "请填写备注信息"
})
return
}
}
let data = await this.$http.post({
url: orderApi + '/order-charge/app/charge/project/createOrder'
}, {
amount: this.payMoney * 100, // 金额 false
chargeItemIds: this.chargeItemIds.join(","), // 交费用项id集合多个交费项之间使用逗号分隔 false
mchId: this.ChargeProDetail.mchid, // 微信商户号 false
openId: this.allData.openId, // 用户标识 false
payPeopleType: 1, // 交费人类型1家长、2教师、3运营人员 false
payway: 1, // 交费方式1.小程序交费、2.现金交费 false
tradeId: this.ChargeProDetail.tradeId, // 订单号 false
userName: this.ChargeProDetail.userName, // 用户姓名 false
remark: this.remarks || '', // 备注 false
wechatChannel: 1, //微信交费渠道1.小程序交费 2.微信公众号交费
chargeId: this.allData.chargeId,
schoolId: this.allData.schoolId,
userId: this.allData.userId
})
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg || "缴费下单失败"
})
return
}
// 获取支付参数
await this.getPayParams(data.data)
uni.setStorageSync("prepayId", data.data)
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
// 获取支付参数
async getPayParams(prepayId) {
try {
let data = await this.$http.post({
url: orderApi + '/order-charge/app/charge/project/getPayParams'
}, prepayId)
if (data.code != 200 || !data.data) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg || "获取支付参数失败"
})
return
}
data.data.package = encodeURIComponent(data.data.package)
data.data.paySign = encodeURIComponent(data.data.paySign)
console.warn(`/pages/toPayAuth/main?` + OforS(data.data))
jWeixin.miniProgram.redirectTo({
url: `/pages/toPayAuth/main?` + OforS(data.data)
});
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
// 返回支付结果
async returnPaymentResult(tradeId, payStatus) {
try {
if (!tradeId && !payStatus) {
return
}
let data = await this.$http.get({
url: orderApi + '/order-charge/app/charge/project/returnPaymentResult'
}, {
tradeId,
payStatus
})
console.log(data)
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg || "返回支付结果失败"
})
return
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
}
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.PaymentRsults {
width: 580rpx;
height: 480rpx;
background: #FFFFFF;
border-radius: 16rpx;
text-align: center;
text-align: center;
margin: 0 auto;
font-family: PingFang SC;
image {
top: 115rpx;
}
.PaymentRsultsTxt {
height: 34rpx;
font-size: 36rpx;
font-weight: bold;
color: #333333;
text-align: center;
margin: 0 auto;
margin-top: 115rpx;
}
}
.PayProject,
.remarks {
width: 686rpx;
background: #FFFFFF;
border-radius: 16rpx;
margin: 0 auto;
}
.PayProject {
height: 460rpx;
margin-top: 20rpx;
.ProjectBox {
height: 350rpx;
overflow: auto;
.tabNames {
justify-content: flex-start;
height: 100%;
}
.ProjectItem {
width: 628rpx;
height: 100rpx;
margin: 0 auto;
border: 2rpx solid #E6E6E6;
border-radius: 16rpx;
margin-top: 19rpx;
}
.selectProjectItem {
border: 2rpx solid #01CB88 !important;
background-color: rgba(1, 203, 136, 0.1);
}
.ProjectName {
margin-left: 25rpx;
display: flex;
justify-content: flex-start;
align-items: center;
image {
display: inline-block;
}
text {
display: inline-block;
width: 176rpx;
overflow: hidden;
word-break: break-all;
margin-left: 16rpx;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.ProjectName,
.ProjectType {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.ProjectType {
width: 120rpx;
margin-left: 40rpx;
}
.money {
font-size: 32rpx;
font-family: DIN;
font-weight: bold;
color: #01CB88;
width: 32%;
text-align: right;
}
.money::before {
content: "¥";
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #01CB88;
}
}
.tabNames {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
justify-content: space-around;
display: flex;
align-items: center;
height: 87rpx;
line-height: 87rpx;
}
}
.remarks {
height: 220rpx;
margin-top: 20rpx;
textarea {
width: 100%;
height: 100%;
padding-left: 30rpx;
}
.remarksTxt {
height: 80rpx;
line-height: 80rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-left: 66rpx;
position: relative;
}
.remarksTxt:before {
content: " ";
width: 25rpx;
height: 25rpx;
background: #01CB88;
border-radius: 50%;
position: absolute;
z-index: 100;
top: 10rpx;
left: -40rpx;
}
.remarksTxt:after {
content: " ";
width: 25rpx;
height: 25rpx;
background: #FFB62D;
border-radius: 50%;
position: absolute;
z-index: 99;
left: -32rpx;
top: 10rpx;
}
.remarksTextarea {
width: 222rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #CCCCCC;
// padding-left: 30rpx;
}
}
@media (min-height: 650px) {
.bottomOper {
position: fixed;
left: 0;
right: 0;
bottom: 30rpx;
}
}
.bottomOper {
height: 128rpx;
background: #FFFFFF;
width: 100%;
margin-top: 20rpx;
margin-bottom: 30rpx;
.buttonContent {
display: flex;
align-items: center;
height: 100%;
justify-content: space-around;
width: 689rpx;
margin: 0 auto;
.left {
.zongji {
width: 65rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.money {
width: 125rpx;
font-size: 36rpx;
font-family: DIN;
font-weight: bold;
color: #01CB88;
line-height: 36rpx;
}
.money::before {
content: "¥";
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #01CB88;
}
.xieyi {
font-size: 20rpx;
font-family: PingFang SC;
font-weight: 500;
}
.xieyi text:nth-child(1) {
color: #999999;
}
.xieyi text:nth-child(2) {
color: #01CB88;
}
}
.right {
width: 240rpx;
height: 72rpx;
background: rgba(1, 203, 136, 1);
border-radius: 36rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
line-height: 72rpx;
// margin-right: 32rpx;
}
}
}
.headerImg {
width: 750rpx;
height: 480rpx;
background-image: url(https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/StudentPayment/bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.cardInfo {
width: 686rpx;
height: 444rpx;
background: #FFFFFF;
border-radius: 16rpx;
position: relative;
margin: 0 auto;
top: 37rpx;
overflow: hidden;
font-family: PingFang SC;
.title {
width: 370rpx;
// height: 34rpx;
font-size: 36rpx;
font-weight: 800;
color: #333333;
margin: 0 auto;
margin-top: 60rpx;
text-align: center;
}
.title2 {
width: 599rpx;
height: 55rpx;
font-size: 24rpx;
font-weight: 500;
color: #999999;
margin: 0 auto;
text-align: center;
margin-top: 24rpx;
}
.botto {
.rowInfo {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
margin-left: 30rpx;
line-height: 60rpx;
}
.name {
width: 128rpx;
color: #999999;
}
.value {
width: 58rpx;
color: #333333;
}
}
}
.cardInfo:before,
.cardInfo:after {
content: " ";
width: 100%;
height: 0px;
position: absolute;
}
.cardInfo:before {
border-top: 16rpx dotted #01CB88;
left: 16rpx;
top: -6rpx;
}
</style>
<template>
<view class="tainer">
<van-tabs ref="tabs" title-inactive-color="#999999" title-active-color="#333333" sticky animated
v-model:active="active" swipeable color="#01CB88" background="#FFFFFF" line-width="30px" line-height="4px"
@change="PayProjectTab">
<van-tab :title="vanTab[0]" title-class="PayProjectTab PayProjectList">
<!-- 收费项目 -->
<view class="ListBox">
<view class="" v-if="PayProjectList.length>0">
<view class="container ProjectList" v-for="(item,index) in PayProjectList" :key="index"
@tap="PayOrderDetails(item)">
<view class="listitem top">
<view class="title">
{{item.chargeName}}
</view>
<view class="money">
{{item.amountMust}}
</view>
</view>
<view class="listitem center">
<text class="describe">
{{item.descInfo||""}}
</text>
</view>
<view class="listitem botto" style="align-items: baseline;">
<van-icon name="clock-o" /> <text class="Tips">{{item.diffTime}}收费结束</text>
</view>
</view>
<view class="bottomtxt">已经到底啦~</view>
</view>
<!-- 没有数据 -->
<view class="noData" v-else>
<image style="width: 301rpx;height: 258rpx;" :src="ImgUrl+'StudentPayment/NoRecord.png'"
mode='widthFix'></image>
<view>暂无收费项目</view>
</view>
</view>
</van-tab>
<van-tab :title="vanTab[1]" title-class="PayProjectTab PayProjectHistory">
<!-- 缴费历史 -->
<view class="ListBox">
<view class="" v-if="PayProjectHistory.length>0">
<view class="container ProjectHistory" v-for="(item,index) in PayProjectHistory" :key="index"
@tap="PayOrderDetails(item)">
<view class="listitem top">
<view class="title">
2022高一春季收费
</view>
<view class="money">
100.00
</view>
</view>
<view class="listitem center">
<text class="describe">
本次收费需要收取高一春季开学相关费用,并根据
备注输入相关信息。
</text>
</view>
<view class="listitem botto" style="align-items: baseline;">
<van-icon name="clock-o" /> <text class="Tips">5天后收费结束</text>
</view>
</view>
<view class="bottomtxt">已经到底啦~</view>
</view>
<!-- 没有数据 -->
<view class="noData" v-else>
<image style="width: 290rpx;height: 242rpx;" :src="ImgUrl+'StudentPayment/development.png'"
mode='widthFix'></image>
<view>程序员正在玩命开发</view>
<view class="bottomtxt">详情请联系客服</view>
</view>
</view>
</van-tab>
</van-tabs>
</view>
</template>
<script>
// 时间处理模块
import dayjs from 'dayjs'
let orderApi = window.location.origin
export default {
name: "PayProject",
data() {
return {
ImgUrl: this.$ImgUrl,
active: 0,
vanTab: ['收费项目', '交费历史'],
PayProjectList: [],
PayProjectHistory: [],
pageCurrent: 1,
pageSize: 10,
total: 0,
allData: {}
}
},
onLoad: function(options) {
console.log("PayProject", options);
if (options.seesionID && options.userID && options.schoolId) {
uni.setStorageSync("personalInfo", {
userId: options.userID || '',
seesionID: options.seesionID || '',
schoolId: options.schoolId || '',
openId: options.openId
})
this.allData = options
} else {
let personalInfo = uni.getStorageSync("personalInfo")
this.allData = Object.assign(options, personalInfo)
}
this.getPayProject()
},
onPullDownRefresh: function(e) {
console.log("onPullDownRefresh", e);
},
onReachBottom: function(e) {
console.log("onReachBottom", e);
this.pageCurrent = this.pageCurrent + 1
this.getPayProject()
},
methods: {
// 切换tab
async PayProjectTab(index) {
try {
if (index > 0) {
return
}
this.getPayProject(index)
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
// 交费项目信息分页查询
async getPayProject(index) {
try {
let data = await this.$http.post({
url: orderApi + '/order-charge/app/charge/project/queryChargeProjectPage'
}, {
"pageCurrent": this.pageCurrent,
"pageSize": this.pageSize,
"schoolId": this.allData.schoolId,
"userId": this.allData.userId || this.allData.userID
})
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
this.PayProjectList = []
return
}
if (data.data.records && Array.isArray(data.data.records)) {
let tmp = data.data.records;
let newArr = []
for (let s of tmp) {
let diffTime = dayjs(s.endTime).diff(new Date(), 'hour');
if (diffTime > 24) {
diffTime = dayjs(s.endTime).diff(new Date(), 'day');
s.diffTime = diffTime + ' 天后'
} else {
s.diffTime = (diffTime + 1) + ' 天后'
}
s.amountMust = (s.amountMust / 100).toFixed(2)
newArr.push(s)
}
if (this.pageCurrent == 1) {
this.PayProjectList = newArr
return
}
if (this.pageCurrent > 1) {
this.PayProjectList.push(...newArr)
return
}
} else {
this.PayProjectList = []
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
// 收费项目详情
async PayOrderDetails(data) {
try {
console.log(data);
uni.setStorageSync("PayOrderDetails", data)
uni.navigateTo({
url: "../PayOrderDetails/PayOrderDetails?chargeId=" + data.id || ''
})
} catch (e) {
//TODO handle the exception
console.log(e);
}
}
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.noData {
text-align: center;
margin-top: 316rpx;
image {
position: relative;
}
}
.ListBox {
width: 750rpx;
min-height: 100%;
background: #F3F5F6;
padding-top: 12rpx;
padding-bottom: 100rpx;
.container {
width: 686rpx;
height: 250rpx;
background: #FFFFFF;
border-radius: 16rpx;
margin: 0 auto;
margin-top: 20rpx;
}
.container {
font-family: PingFang SC;
.top {
.title {
width: 266rpx;
font-size: 32rpx;
font-weight: bold;
color: #333333;
line-height: 36rpx;
padding-left: 31rpx;
padding-top: 30rpx;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
}
.money {
font-size: 36rpx;
font-family: DIN;
font-weight: bold;
color: #01CB88;
line-height: 36rpx;
padding-left: 230rpx;
padding-top: 30rpx;
}
.money::before {
content: "¥";
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #01CB88;
}
}
.center {
.describe {
width: 614rpx;
height: 63rpx;
font-size: 28rpx;
font-weight: 500;
color: #666666;
line-height: 36rpx;
padding-top: 38rpx;
padding-left: 32rpx;
overflow-y: auto;
}
}
.botto {
padding-top: 30rpx;
padding-left: 32rpx;
font-size: 24rpx;
font-weight: 500;
color: #BABABA;
.Tips {
padding-left: 10rpx;
}
}
}
.ProjectHistory {}
.listitem {
display: flex;
align-items: center;
}
.bottomtxt {
height: 21rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
line-height: 90rpx;
text-align: center;
}
}
.van-tabs__content {
width: 100%;
height: 100%;
position: fixed;
left: 0;
z-index: 999;
overflow: scroll
}
.van-tabs {
.PayProjectTab {
height: 200rpx;
}
}
</style>
<template>
<view>
</view>
</template>
<script>
export default {
name: "StudentPayment",
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
</style>
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span></span> <span></span>
<input @focus="openKeyBoard('number')" v-model="inputOtherM" @input="inputControl" <input @focus="openKeyBoard('number')" v-model="inputOtherM" @input="inputControl" @blur="clearPoint"
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> placeholder-class="placeholderinputOtherM" type="text" maxlength="6" />
</view> </view>
<view class="OtherLine"></view> <view class="OtherLine"></view>
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
<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 ~ 2000.00</span></span> <span><span>3.00 ~ {{RechargeMax}}</span></span>
</view> </view>
</view> </view>
<!-- 短信发送 --> <!-- 短信发送 -->
...@@ -168,1539 +168,1598 @@ ...@@ -168,1539 +168,1598 @@
</template> </template>
<script> <script>
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue" import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
import cityData from "@/common/js/city.js" import cityData from "@/common/js/city.js";
var gHost = "https://" + window.location.host; var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") { if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net"; gHost = "https://fpdev.xiaopay.net";
} }
let times = 0; let times = 0;
var limitClick = false; //禁止重复点击 var limitClick = false; //禁止重复点击
var sessionID = '', var sessionID = "",
userID = ''; userID = "";
var payCardNumber = ''; //一类卡号 var payCardNumber = ""; //一类卡号
var orderSerialNo = ''; //提现结果查询 指令号 var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = '', var businessNo = "",
otpOrderNo = '', otpOrderNo = "",
mobileNo = ''; mobileNo = "";
var msCount = 60; //定时器 var msCount = 60; //定时器
var MyTimer = null; var MyTimer = null;
var fromType = 0; //0转账 1提现 var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证 var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = { var bankInfo = {
acctNoArray: '', acctNoArray: "",
idNo: '', idNo: "",
schoolId: '', schoolId: "",
trueName: '', trueName: "",
userId: '', userId: "",
sessionid: '', sessionid: "",
wechattype: 1 wechattype: 1,
} };
// 20210422 充值账户异常资料补充参数 // 20210422 充值账户异常资料补充参数
var acctErrorUpdateParms = { var acctErrorUpdateParms = {
backSideImgId: '', //反面身份证图片Id backSideImgId: "", //反面身份证图片Id
frontSideImgId: '', //正面身份证图片Id frontSideImgId: "", //正面身份证图片Id
homeAddress: '', //家庭住址 homeAddress: "", //家庭住址
occupation: '', //职业代码 occupation: "", //职业代码
StreetInformation: '', //街道 StreetInformation: "", //街道
businessNo: '' businessNo: "",
} };
// /wefile/wefileId // /wefile/wefileId
// 获取上传影像的Token接口 // 获取上传影像的Token接口
let wefileId = {} let wefileId = {};
// bizCode: "000000" // bizCode: "000000"
// bizMsg: "获取上传影像token成功" // bizMsg: "获取上传影像token成功"
// businessNo: "OB89d5ed802cRA202104226389071452" // businessNo: "OB89d5ed802cRA202104226389071452"
// expiredTime: 1619072725503 // expiredTime: 1619072725503
// project: "BOBS-OBP" // project: "BOBS-OBP"
// uuid: "8238f256d8f54209a0e9a2a3b25e7393" // uuid: "8238f256d8f54209a0e9a2a3b25e7393"
// wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA==" // wefileToken: "QplB0tfvjtzOU+tWgKI2+L+4B9HE8kbpJVREUTwXZCsVqXcUwyDxHAbTU3bW8ziGb4hKAaWiLQXAyZUbYRB9hBKhSt1VVvoFl5qOCR4GT+X1KpcQgBlhKYi/NYPkmsjeZO/qn9YXGDp/1sGmxazv6T05y8EbU9HXreRhF/jh8G1HtUCwprFoaulGFShvV819EUBdHifDF5IjpPekLtgzIm8C/kYYX8xproKvxV4maRji5p1Krkyv/U1K3C18/TyjHwPpC4KlOEqA6QpFujR8yZ42qvLZqfqgUkRFZ4WC27/nN3+do9VNpNbK4MAMSLTRaxdGmKe2wStKbZ5OQ+1WFA=="
// wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do" // wefileUrl: "https://bfiles-stg.pingan.com.cn/brcp/secfile/sec_wefiles_udmp_upload.do"
export default { export default {
components: { components: {
keyboardPackage keyboardPackage,
}, },
name: "assignDeposit", name: "assignDeposit",
data() { data() {
return { return {
inputOtherM: '', inputOtherM: "",
RechargeException: false, RechargeException: false,
depotMoneyother: false, //其他充值 depotMoneyother: false, //其他充值
Money: '', //选择金额 Money: "", //选择金额
MoneyIndex: '', MoneyIndex: "",
RechargeMax: '2000', //最大充值限制 RechargeMax: "2000", //最大充值限制
ReflectMoney: '', //提现金额 ReflectMoney: "", //提现金额
VerifyCode: '', //验证码 VerifyCode: "", //验证码
cardBalanceTx: '0', //余额 cardBalanceTx: "0", //余额
CodeMsg: "获取验证码", CodeMsg: "获取验证码",
type: 'number', type: "number",
PersonalInfo: { PersonalInfo: {
schoolname: "微微学测试", schoolname: "微微学测试",
name: "李智书", name: "李智书",
usertype: "1" usertype: "1",
}, },
ImgUrl: this.$ImgUrl, ImgUrl: this.$ImgUrl,
MoneyList: Array(6).fill(1).map((v, index) => { MoneyList: Array(6)
return { .fill(1)
lable: '', .map((v, index) => {
value: 50 * (index + 1), return {
tips: index == 1 ? "推荐充值" : null lable: "",
} value: 50 * (index + 1),
}), tips: index == 1 ? "推荐充值" : null,
numberList: [], };
tempFiles1: '../../static/img/idCardBg1.png', //上传身份证临时选择文件 }),
tempFiles2: '../../static/img/idCardBg0.png' numberList: [],
} tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
}, tempFiles2: "../../static/img/idCardBg0.png",
created: function() { };
},
}, created: function () {},
mounted: function() { mounted: function () {
let this_ = this let this_ = this;
this.$nextTick(function() { this.$nextTick(function () {
// $(".RechargeException").siblings().hide() // $(".RechargeException").siblings().hide()
// $(".RechargeException").show() // $(".RechargeException").show()
// 家庭住址 // 家庭住址
$('#homeAddress').on('click', function() { $("#homeAddress").on("click", function () {
weui.picker(cityData, { weui.picker(cityData, {
defaultValue: [110000, 110000, 110101], defaultValue: [110000, 110000, 110101],
depth: 3, depth: 3,
onChange: function(result) { onChange: function (result) {
console.log(result); console.log(result);
}, },
onConfirm: function(result) { onConfirm: function (result) {
console.log(result); console.log(result);
console.log(result); console.log(result);
acctErrorUpdateParms.homeAddress = result[0].label + '/' + acctErrorUpdateParms.homeAddress =
result[1].label + '/' + result[0].label + "/" + result[1].label + "/" + result[2].label;
result[2].label $("#homeAddress")[0].innerText =
$("#homeAddress")[0].innerText = result[0].label + '/' + result[0].label + "/" + result[1].label + "/" + result[2].label;
result[1].label + '/' + $("#homeAddress").css("color", "#000");
result[2].label },
$("#homeAddress").css("color", "#000"); title: "家庭地址",
}, });
title: '家庭地址' });
}); // 选择职业
}); $("#showPicker").on("click", function () {
// 选择职业 // 获取职业信息
$('#showPicker').on('click', function() { this_
// 获取职业信息 .getOccupationList()
this_.getOccupationList().then(OccupationList => { .then((OccupationList) => {
let data = OccupationList.map(v => { let data = OccupationList.map((v) => {
return { return {
label: v.comment, label: v.comment,
value: v.code value: v.code,
} };
}) });
weui.picker(data, { weui.picker(data, {
onChange: function(result) { onChange: function (result) {
console.log(result); console.log(result);
}, },
onConfirm: function(result) { onConfirm: function (result) {
console.log(result[0].value); console.log(result[0].value);
acctErrorUpdateParms.occupation = result[0].value acctErrorUpdateParms.occupation = result[0].value;
$("#showPicker")[0].innerText = result[0].label $("#showPicker")[0].innerText = result[0].label;
$("#showPicker").css("color", "#000"); $("#showPicker").css("color", "#000");
}, },
title: '职业信息选择' title: "职业信息选择",
}); });
}).catch(err => { })
weui.topTips("获取职业信息列表失败"); .catch((err) => {
}) weui.topTips("获取职业信息列表失败");
}); });
});
// 初始化
// 初始化
userID = this_.getQueryParams('userID');
sessionID = this_.getQueryParams('seesionID'); userID = this_.getQueryParams("userID");
fromType = this_.getQueryParams('fromType'); sessionID = this_.getQueryParams("seesionID");
let windowHeight = window.innerHeight; fromType = this_.getQueryParams("fromType");
if (this_.getQueryParams('tabbar')) { //usermain打开加返回按钮 let windowHeight = window.innerHeight;
$('#ReturnBox').css('display', 'block'); if (this_.getQueryParams("tabbar")) {
$('.bottom2').css('margin-top', (windowHeight - 370 < 0 ? 30 : windowHeight - //usermain打开加返回按钮
370) + 'px'); $("#ReturnBox").css("display", "block");
$('.bottom1').css('margin-top', (windowHeight - 570 < 0 ? 30 : windowHeight - $(".bottom2").css(
570) + 'px'); "margin-top",
} else { (windowHeight - 370 < 0 ? 30 : windowHeight - 370) + "px"
$('.bottom2').css('margin-top', (windowHeight - 320 < 0 ? 30 : windowHeight - );
320) + 'px'); $(".bottom1").css(
$('.bottom1').css('margin-top', (windowHeight - 590 < 0 ? 30 : windowHeight - "margin-top",
590) + 'px'); (windowHeight - 570 < 0 ? 30 : windowHeight - 570) + "px"
} );
bankInfo.sessionid = sessionID; } else {
this_.QueryUserInfo(); $(".bottom2").css(
$('#AssginBox').css('display', 'block'); "margin-top",
if (fromType == 0) { (windowHeight - 320 < 0 ? 30 : windowHeight - 320) + "px"
// $('.TitleHeader').html('电子账户充值'); );
} else { $(".bottom1").css(
this_.ToWalletTx(); "margin-top",
} (windowHeight - 590 < 0 ? 30 : windowHeight - 590) + "px"
setTimeout(function() { );
this_.getWefileId() }
}, 500) bankInfo.sessionid = sessionID;
}) this_.QueryUserInfo();
}, $("#AssginBox").css("display", "block");
methods: { if (fromType == 0) {
// 身份证上传 // $('.TitleHeader').html('电子账户充值');
async idCardUpload(type) { } else {
let this_ = this this_.ToWalletTx();
uni.chooseImage({ }
count: 6, //默认9 setTimeout(function () {
sizeType: ['original', 'compressed'], this_.getWefileId();
sourceType: ['album', 'camera'], //从相册选择 }, 500);
success: function(res) { });
this_['tempFiles' + type] = res.tempFilePaths[0] },
this_.uploaderInput(res.tempFiles, type) methods: {
} // 身份证上传
}); async idCardUpload(type) {
}, let this_ = this;
// 验证码弹出框开启 uni.chooseImage({
open() { count: 6, //默认9
this.$refs.popup.open('top') sizeType: ["original", "compressed"],
}, sourceType: ["album", "camera"], //从相册选择
// 验证码弹出框关闭 success: function (res) {
close() { this_["tempFiles" + type] = res.tempFilePaths[0];
this.$refs.popup.close() this_.uploaderInput(res.tempFiles, type);
}, },
//键盘谈起 });
openKeyBoard(key) { },
this.type = key; // 验证码弹出框开启
this.$refs[key].open(); open() {
}, this.$refs.popup.open("top");
onInput(val) { },
this.numberList.push(val); // 验证码弹出框关闭
this.inputOtherM = this.inputOtherM + val close() {
console.log(val); this.$refs.popup.close();
}, },
onDelete() { //键盘谈起
this.numberList.pop() openKeyBoard(key) {
this.inputOtherM = this.numberList.join("") this.type = key;
}, this.$refs[key].open();
onConfirm() { },
// 充值提现输入验证码确认框 onInput(val) {
this.open() this.numberList.push(val);
}, this.inputOtherM = this.inputOtherM + val;
//选择输入其他金额 console.log(val);
OtherMoney() { },
this.depotMoneyother = true onDelete() {
}, this.numberList.pop();
// 快捷选择金额 this.inputOtherM = this.numberList.join("");
async depotMoney(value, MoneyIndex) { },
console.log(value) onConfirm() {
this.Money = parseInt(value) // 充值提现输入验证码确认框
this.MoneyIndex = MoneyIndex this.open();
}, },
//定时器 //选择输入其他金额
IntervalFun() { OtherMoney() {
if (msCount == 1) { this.depotMoneyother = true;
window.clearInterval(MyTimer); //停止计时器 },
$('.CodeMsg').css('color', '#01BC73'); // 快捷选择金额
this.CodeMsg = "获取验证码" async depotMoney(value, MoneyIndex) {
msCount = 60; console.log(value);
} else { this.Money = parseInt(value);
msCount--; this.MoneyIndex = MoneyIndex;
$('.CodeMsg').css('color', 'gray'); },
this.CodeMsg = (msCount + "s后获取") //定时器
} IntervalFun() {
}, if (msCount == 1) {
//按钮操作 window.clearInterval(MyTimer); //停止计时器
HideHTML(dom, type) { $(".CodeMsg").css("color", "#01BC73");
if (type == 0) { this.CodeMsg = "获取验证码";
$('.' + dom).css('display', 'none'); msCount = 60;
} else { } else {
$('.' + dom).css('display', 'block'); msCount--;
} $(".CodeMsg").css("color", "gray");
}, this.CodeMsg = msCount + "s后获取";
//切换到提现 }
ToWalletTx() { },
$('#DepositBox').css('display', 'none'); //按钮操作
$('#TxWalletBox').css('display', 'block'); HideHTML(dom, type) {
// $('.TitleHeader').html('电子账户提现'); if (type == 0) {
$('.doBtnTx').html('提现'); $("." + dom).css("display", "none");
opeType = 1; } else {
}, $("." + dom).css("display", "block");
//全部提现 }
TxAllFun() { },
this.ReflectMoney = this.cardBalanceTx * 1 //切换到提现
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); ToWalletTx() {
}, $("#DepositBox").css("display", "none");
//隐藏验证码弹框 $("#TxWalletBox").css("display", "block");
hidePhoneBox() { // $('.TitleHeader').html('电子账户提现');
$('.PhoneConfirmBox').css('display', 'none'); $(".doBtnTx").html("提现");
// $('.VerifyCode').val(''); opeType = 1;
this.VerifyCode = '' },
orderSerialNo = ''; //全部提现
businessNo = ''; TxAllFun() {
otpOrderNo = ''; this.ReflectMoney = this.cardBalanceTx * 1;
}, // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
//返回小程序 跳转指定页面 },
BackToMini(page) { //隐藏验证码弹框
if (page == 'UserMain' || page == 'personalCenter') { hidePhoneBox() {
jWeixin.miniProgram.switchTab({ $(".PhoneConfirmBox").css("display", "none");
url: `/pages/${page}/main`, // $('.VerifyCode').val('');
}); this.VerifyCode = "";
} else { orderSerialNo = "";
jWeixin.miniProgram.redirectTo({ businessNo = "";
url: `/pages/${page}/main`, otpOrderNo = "";
}); },
} //返回小程序 跳转指定页面
}, BackToMini(page) {
// 输入限制 if (page == "UserMain" || page == "personalCenter") {
inputControl(obj, val) { jWeixin.miniProgram.switchTab({
console.log(obj, val); url: `/pages/${page}/main`,
obj.value = obj.target.value });
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 } else {
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. jWeixin.miniProgram.redirectTo({
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. url: `/pages/${page}/main`,
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 });
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 }
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; },
this.Money = obj.value + ''; // 输入限制
this.ReflectMoney = obj.value + ''; inputControl(obj, val) {
if (obj.value == '' || obj.value * 1 < 3) { console.log(obj, val);
$('.DepositID').addClass('DisaBledBtn'); obj.value = obj.target.value;
} else { obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
$('.DepositID').removeClass('DisaBledBtn'); obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
} obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
}, obj.value = obj.value
//input键盘弹起不会弹 .replace(".", "$#$")
ReturnToTop() { .replace(/\./g, "")
document.scrollingElement.scrollTo(0, this.scrollTop); .replace("$#$", "."); //只允许输入一个小数点
}, obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
//提现结果查询 obj.value =
transferResults() { obj.value * 1 > this.RechargeMax ? this.RechargeMax : obj.value;
let this_ = this; this.Money = obj.value + "";
times++; this.ReflectMoney = obj.value + "";
let loading = weui.loading('请稍后'); if (obj.value == "" || obj.value * 1 < 3) {
let params = { $(".DepositID").addClass("DisaBledBtn");
accountNo: bankInfo.acctNoArray, } else {
businessNo: businessNo, $(".DepositID").removeClass("DisaBledBtn");
orderSerialNo: orderSerialNo, //提现指令号 }
schoolId: bankInfo.schoolId, },
userId: userID, clearPoint() {
sessionid: sessionID, // 若最后一位为小数点则去掉
wechattype: 1, let str = this.inputOtherM + "";
} if (str.lastIndexOf(".") == str.length - 1) {
$.ajax({ this.inputOtherM = str.substring(0, str.length - 1);
url: gHost + '/bank-wechat/transfer/query', }
type: "POST", },
contentType: "application/x-www-form-urlencoded", //input键盘弹起不会弹
data: params, ReturnToTop() {
success: function(res7) { document.scrollingElement.scrollTo(0, this.scrollTop);
if (res7.code == "10000") { },
if (res7.results.status == 0 || res7.results.status == //提现结果查询
1) { //status 状态 0:失败;1:成功;2:处理中 返回处理中,需要调用“提现(提现)结果查询”接口查结果 transferResults() {
loading.hide(); let this_ = this;
if (res7.results.status == 0) { times++;
weui.topTips(res7.results.bizMsg) let loading = weui.loading("请稍后");
} else { let params = {
weui.toast('提现成功!', 1500); accountNo: bankInfo.acctNoArray,
} businessNo: businessNo,
setTimeout(() => { orderSerialNo: orderSerialNo, //提现指令号
location.reload(); schoolId: bankInfo.schoolId,
}, 2000) userId: userID,
} else { sessionid: sessionID,
if (times == 3) { wechattype: 1,
loading.hide(); };
weui.topTips('当前提现人数过多,请至我的账户中查看余额'); $.ajax({
setTimeout(() => { url: gHost + "/bank-wechat/transfer/query",
this_.BackToMini('UserMain'); type: "POST",
}, 1500) contentType: "application/x-www-form-urlencoded",
} else { data: params,
setTimeout(res => { success: function (res7) {
this_.transferResults(); if (res7.code == "10000") {
}, 2000) if (res7.results.status == 0 || res7.results.status == 1) {
} //status 状态 0:失败;1:成功;2:处理中 返回处理中,需要调用“提现(提现)结果查询”接口查结果
} loading.hide();
} else { if (res7.results.status == 0) {
loading.hide(); weui.topTips(res7.results.bizMsg);
weui.topTips(res7.message) } else {
} weui.toast("提现成功!", 1500);
}, }
error: function(err) { setTimeout(() => {
loading.hide(); location.reload();
}, }, 2000);
}); } else {
}, if (times == 3) {
//充值结果查询 loading.hide();
depositResults() { weui.topTips("当前提现人数过多,请至我的账户中查看余额");
let this_ = this; setTimeout(() => {
times++; this_.BackToMini("UserMain");
let loading = weui.loading('请稍后'); }, 1500);
let params = { } else {
businessNo: businessNo, setTimeout((res) => {
schoolId: bankInfo.schoolId, this_.transferResults();
userId: userID, }, 2000);
sessionid: sessionID, }
wechattype: 1, }
} } else {
$.ajax({ loading.hide();
url: gHost + '/bank-wechat/recharge/query', weui.topTips(res7.message);
type: "POST", }
contentType: "application/x-www-form-urlencoded", },
data: params, error: function (err) {
success: function(res8) { loading.hide();
if (res8.code == "10000") { },
if (res8.results.orderStatus == 3 || res8.results.orderStatus == });
4) { //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款 },
loading.hide(); //充值结果查询
if (res8.results.orderStatus == 3) { depositResults() {
weui.topTips(res8.results.errMsg) let this_ = this;
} else { times++;
weui.toast('充值成功!', 1500); let loading = weui.loading("请稍后");
} let params = {
setTimeout(() => { businessNo: businessNo,
location.reload(); schoolId: bankInfo.schoolId,
}, 2000) userId: userID,
} else { sessionid: sessionID,
if (times == 3) { wechattype: 1,
loading.hide(); };
weui.topTips('当前充值人数过多,请至我的账户中查看余额'); $.ajax({
setTimeout(() => { url: gHost + "/bank-wechat/recharge/query",
this_.BackToMini('UserMain'); type: "POST",
}, 1500) contentType: "application/x-www-form-urlencoded",
} else { data: params,
setTimeout(res => { success: function (res8) {
this_.depositResults(); if (res8.code == "10000") {
}, 2000) if (
} res8.results.orderStatus == 3 ||
} res8.results.orderStatus == 4
} else { ) {
loading.hide(); //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款
weui.topTips(res8.message); loading.hide();
} if (res8.results.orderStatus == 3) {
}, weui.topTips(res8.results.errMsg);
error: function(err) { } else {
loading.hide(); weui.toast("充值成功!", 1500);
}, }
}); setTimeout(() => {
}, location.reload();
//充值/提现方法 }, 2000);
DoNextStep() { } else {
let this_ = this; if (times == 3) {
console.log('请填写验证码'); loading.hide();
if (this_.VerifyCode == '') { weui.topTips("当前充值人数过多,请至我的账户中查看余额");
weui.topTips('请填写验证码') setTimeout(() => {
return this_.BackToMini("UserMain");
}; }, 1500);
if (limitClick) { } else {
return setTimeout((res) => {
} else { this_.depositResults();
limitClick = true; }, 2000);
setTimeout(() => { }
limitClick = false; }
}, 3000); } else {
} loading.hide();
let loading = weui.loading('请稍后'); weui.topTips(res8.message);
times = 0; }
if (opeType == 0) { //充值 },
let params = { error: function (err) {
businessNo: businessNo, loading.hide();
otpOrderNo: otpOrderNo, },
fromAccNo: payCardNumber, //付款账户 });
otpValue: this.VerifyCode, //验证码 },
transAmt: this.inputOtherM * 1, //交易金额 //充值/提现方法
schoolId: bankInfo.schoolId, DoNextStep() {
userId: userID, let this_ = this;
sessionid: sessionID, console.log("请填写验证码");
wechattype: 1, if (this_.VerifyCode == "") {
} weui.topTips("请填写验证码");
$.ajax({ return;
url: gHost + '/bank-wechat/recharge', }
type: "POST", if (limitClick) {
contentType: "application/x-www-form-urlencoded", return;
data: params, } else {
success: function(res5) { limitClick = true;
if (res5.code == "10000") { setTimeout(() => {
if (res5.errCode && res5.errCode == 'TI009') { limitClick = false;
loading.hide(); }, 3000);
weui.topTips(res5.results.errMsg); }
setTimeout(function() { let loading = weui.loading("请稍后");
$(".RechargeException").siblings().hide() times = 0;
$(".RechargeException").show() if (opeType == 0) {
}) //充值
return let params = {
}; businessNo: businessNo,
if (res5.results.orderStatus == 3 || res5.results.orderStatus == otpOrderNo: otpOrderNo,
4) { //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款 fromAccNo: payCardNumber, //付款账户
if (res5.results.orderStatus == 3) { otpValue: this.VerifyCode, //验证码
loading.hide(); transAmt: this.inputOtherM * 1, //交易金额
weui.topTips(res5.results.errMsg); schoolId: bankInfo.schoolId,
} else { userId: userID,
loading.hide(); sessionid: sessionID,
weui.toast('充值成功!', 1500); wechattype: 1,
} };
setTimeout(() => { $.ajax({
location.reload(); url: gHost + "/bank-wechat/recharge",
}, 2000) type: "POST",
} else { contentType: "application/x-www-form-urlencoded",
setTimeout(() => { data: params,
// loading.hide(); success: function (res5) {
this_.depositResults(); if (res5.code == "10000") {
}, 2000) if (res5.errCode && res5.errCode == "TI009") {
} loading.hide();
} else { weui.topTips(res5.results.errMsg);
loading.hide(); setTimeout(function () {
weui.topTips(res5.message) $(".RechargeException").siblings().hide();
} $(".RechargeException").show();
}, });
error: function(err) { return;
loading.hide(); }
}, if (
}); res5.results.orderStatus == 3 ||
} else if (opeType == 1) { //提现 res5.results.orderStatus == 4
let params = { ) {
accountName: bankInfo.trueName, //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款
amount: $('.TxClsTx')[0].value * 1, if (res5.results.orderStatus == 3) {
businessNo: businessNo, loading.hide();
fromAccountName: bankInfo.trueName, weui.topTips(res5.results.errMsg);
fromAccountNo: bankInfo.acctNoArray, } else {
otpOrderNo: otpOrderNo, loading.hide();
otpValue: $('.VerifyCode')[0].value, //验证码 weui.toast("充值成功!", 1500);
toAccountNo: payCardNumber, }
schoolId: bankInfo.schoolId, setTimeout(() => {
userId: userID, location.reload();
sessionid: sessionID, }, 2000);
wechattype: 1, } else {
} setTimeout(() => {
$.ajax({ // loading.hide();
url: gHost + '/bank-wechat/transfer/withdrawal', this_.depositResults();
type: "POST", }, 2000);
contentType: "application/x-www-form-urlencoded", }
data: params, } else {
success: function(res6) { loading.hide();
if (res6.code == "10000") { weui.topTips(res5.message);
orderSerialNo = res6.results.orderSerialNo; }
if (res6.results.status == 1 || res6.results.status == },
0) { //状态 0:失败;1:成功;2:处理中 返回处理中,需要调用“提现(转账)结果查询”接口查结果 error: function (err) {
if (res6.results.status == 0) { loading.hide();
loading.hide(); },
weui.topTips(res6.results.bizMsg) });
} else { } else if (opeType == 1) {
loading.hide(); //提现
weui.toast('提现成功!', 1500); let params = {
} accountName: bankInfo.trueName,
setTimeout(() => { amount: $(".TxClsTx")[0].value * 1,
location.reload(); businessNo: businessNo,
}, 2000) fromAccountName: bankInfo.trueName,
} else { fromAccountNo: bankInfo.acctNoArray,
setTimeout(() => { otpOrderNo: otpOrderNo,
// loading.hide(); otpValue: $(".VerifyCode")[0].value, //验证码
transferResults(); toAccountNo: payCardNumber,
}, 2000) schoolId: bankInfo.schoolId,
} userId: userID,
} else { sessionid: sessionID,
loading.hide(); wechattype: 1,
weui.topTips(res6.message) };
} $.ajax({
}, url: gHost + "/bank-wechat/transfer/withdrawal",
error: function(err) { type: "POST",
loading.hide(); contentType: "application/x-www-form-urlencoded",
}, data: params,
}); success: function (res6) {
} if (res6.code == "10000") {
}, orderSerialNo = res6.results.orderSerialNo;
//充值/提现判断 if (res6.results.status == 1 || res6.results.status == 0) {
toDeposit(type) { //type 0充值 1提现 //状态 0:失败;1:成功;2:处理中 返回处理中,需要调用“提现(转账)结果查询”接口查结果
let this_ = this; if (res6.results.status == 0) {
businessNo = ''; loading.hide();
otpOrderNo = ''; weui.topTips(res6.results.bizMsg);
opeType = type; } else {
if (type == 0) { loading.hide();
if (this.Money * 1 < 3) { weui.toast("提现成功!", 1500);
weui.topTips('充值金额必须大于3元'); }
return setTimeout(() => {
} location.reload();
if (this.Money * 1 > this.RechargeMax * 1) { }, 2000);
weui.topTips(`充值金额不能大于${this.RechargeMax*1}元`); } else {
return setTimeout(() => {
} // loading.hide();
} else { transferResults();
if ($('.TxClsTx')[0].value * 1 < 0.01) { }, 2000);
weui.topTips('提现金额须大于等于0.01元'); }
return } else {
} loading.hide();
if ($('.TxClsTx')[0].value * 1 > this.RechargeMax * 1) { weui.topTips(res6.message);
weui.topTips( }
`提现金额不可大于账户余额`); },
return error: function (err) {
} loading.hide();
} },
this.open() });
}, }
//发送验证码 },
SendMsg() { //充值/提现判断
let this_ = this; toDeposit(type) {
if (this_.CodeMsg != '获取验证码') return false; //type 0充值 1提现
let loading = weui.loading('发送中'); let this_ = this;
if (opeType == 0) { //充值 businessNo = "";
let params = { otpOrderNo = "";
fromAccNo: payCardNumber, //付款账户, opeType = type;
transAmt: this.Money * 1, //交易金额 if (type == 0) {
schoolId: bankInfo.schoolId, if (this.Money * 1 < 3) {
userId: userID, weui.topTips("充值金额必须大于3元");
sessionid: sessionID, return;
wechattype: 1, }
} if (this.Money * 1 > this.RechargeMax * 1) {
$.ajax({ weui.topTips(`充值金额不能大于${this.RechargeMax * 1}元`);
url: gHost + '/bank-wechat/otp/send/recharge', return;
type: "POST", }
contentType: "application/x-www-form-urlencoded", } else {
data: params, if ($(".TxClsTx")[0].value * 1 < 0.01) {
success: function(res5) { weui.topTips("提现金额须大于等于0.01元");
loading.hide(); return;
if (res5.code == "10000") { }
otpOrderNo = res5.results.otpOrderNo; if ($(".TxClsTx")[0].value * 1 > this.RechargeMax * 1) {
businessNo = res5.results.businessNo; weui.topTips(`提现金额不可大于账户余额`);
weui.toast('验证码已发送,请注意查收!', 1000); return;
this_.IntervalFun(); }
MyTimer = window.setInterval(IntervalFun, 1000); }
} else { this.open();
weui.topTips(res5.message) },
} //发送验证码
}, SendMsg() {
error: function(err) { let this_ = this;
loading.hide(); if (this_.CodeMsg != "获取验证码") return false;
}, let loading = weui.loading("发送中");
}); if (opeType == 0) {
} else if (opeType == 1) { //提现 //充值
let params = { let params = {
accountNo: bankInfo.acctNoArray, //银行卡号 fromAccNo: payCardNumber, //付款账户,
mobileNo: mobileNo, //手机号 transAmt: this.Money * 1, //交易金额
'transferAccountBizKeyVO.accountName': bankInfo.trueName, //收款方户名 schoolId: bankInfo.schoolId,
'transferAccountBizKeyVO.amount': $('.TxClsTx')[0].value * 1, //提现金额 userId: userID,
'transferAccountBizKeyVO.fromAccountName': bankInfo.trueName, //转出户名 sessionid: sessionID,
'transferAccountBizKeyVO.fromAccountNo': bankInfo.acctNoArray, //转出卡号(互联网账户卡号) wechattype: 1,
'transferAccountBizKeyVO.toAccountNo': payCardNumber, //收款方卡号(绑定卡卡号) };
schoolId: bankInfo.schoolId, $.ajax({
userId: userID, url: gHost + "/bank-wechat/otp/send/recharge",
sessionid: sessionID, type: "POST",
wechattype: 1, contentType: "application/x-www-form-urlencoded",
} data: params,
$.ajax({ success: function (res5) {
url: gHost + '/bank-wechat/otp/send/transfer/account', loading.hide();
type: "POST", if (res5.code == "10000") {
contentType: "application/x-www-form-urlencoded", otpOrderNo = res5.results.otpOrderNo;
data: params, businessNo = res5.results.businessNo;
success: function(res5) { weui.toast("验证码已发送,请注意查收!", 1000);
loading.hide(); this_.IntervalFun();
if (res5.code == "10000") { MyTimer = window.setInterval(IntervalFun, 1000);
otpOrderNo = res5.results.otpOrderNo; } else {
businessNo = res5.results.businessNo; weui.topTips(res5.message);
weui.toast('验证码已发送,请注意查收!', 1000); }
this_.IntervalFun(); },
MyTimer = window.setInterval(this_.IntervalFun, 1000); error: function (err) {
} else { loading.hide();
weui.topTips(res5.message) },
} });
}, } else if (opeType == 1) {
error: function(err) { //提现
loading.hide(res5.message); let params = {
}, accountNo: bankInfo.acctNoArray, //银行卡号
}); mobileNo: mobileNo, //手机号
} "transferAccountBizKeyVO.accountName": bankInfo.trueName, //收款方户名
}, "transferAccountBizKeyVO.amount": $(".TxClsTx")[0].value * 1, //提现金额
//换绑卡 "transferAccountBizKeyVO.fromAccountName": bankInfo.trueName, //转出户名
ChangeCardPay(bankName, bindCard) { "transferAccountBizKeyVO.fromAccountNo": bankInfo.acctNoArray, //转出卡号(互联网账户卡号)
let this_ = this; "transferAccountBizKeyVO.toAccountNo": payCardNumber, //收款方卡号(绑定卡卡号)
if (bindCard == payCardNumber) { schoolId: bankInfo.schoolId,
return userId: userID,
} sessionid: sessionID,
var loading = weui.loading('请稍后'); wechattype: 1,
$.ajax({ };
url: gHost + '/bank-wechat/user/bank/change/bind', $.ajax({
type: "POST", url: gHost + "/bank-wechat/otp/send/transfer/account",
contentType: "application/x-www-form-urlencoded", type: "POST",
data: { contentType: "application/x-www-form-urlencoded",
schoolId: bankInfo.schoolId, data: params,
userId: userID, success: function (res5) {
sessionid: sessionID, loading.hide();
wechattype: 1, if (res5.code == "10000") {
accountName: bankName, otpOrderNo = res5.results.otpOrderNo;
accountNo: bindCard, businessNo = res5.results.businessNo;
}, weui.toast("验证码已发送,请注意查收!", 1000);
success: function(res5) { this_.IntervalFun();
loading.hide(); MyTimer = window.setInterval(this_.IntervalFun, 1000);
if (res5.code == "10000") { } else {
this_.HideHTML('showBindCardList', 0); weui.topTips(res5.message);
this_.queryUserBankInfo(); }
} else { },
weui.topTips(res5.message) error: function (err) {
} loading.hide(res5.message);
}, },
error: function(err) { });
loading.hide(); }
}, },
}); //换绑卡
}, ChangeCardPay(bankName, bindCard) {
//查询一类卡绑定列表 let this_ = this;
queryBindCardList() { if (bindCard == payCardNumber) {
let this_ = this; return;
let loading = weui.loading('请稍后'); }
$.ajax({ var loading = weui.loading("请稍后");
url: gHost + '/bank-wechat/query/account', $.ajax({
type: "POST", url: gHost + "/bank-wechat/user/bank/change/bind",
contentType: "application/x-www-form-urlencoded", type: "POST",
data: { contentType: "application/x-www-form-urlencoded",
schoolId: bankInfo.schoolId, data: {
userId: userID, schoolId: bankInfo.schoolId,
sessionid: sessionID, userId: userID,
wechattype: 1 sessionid: sessionID,
}, wechattype: 1,
success: function(res4) { accountName: bankName,
loading.hide(); accountNo: bindCard,
if (res4.code == "10000") { },
var divList = ''; success: function (res5) {
var choiceIndex = 0; loading.hide();
for (let i = 0; i < res4.results.accountList[0].bindcardList.length; i++) { if (res5.code == "10000") {
divList += `<div onclick=ChangeCardPay('${res4.results.accountList[0].bindcardList[i].bankName}','${res4.results.accountList[0].bindcardList[i].bindCardNo}')> this_.HideHTML("showBindCardList", 0);
<p>${res4.results.accountList[0].bindcardList[i].bankName}</p> this_.queryUserBankInfo();
<p>${res4.results.accountList[0].bindcardList[i].bindCardNo.substr(0,4)+" **** **** "+res4.results.accountList[0].bindcardList[i].bindCardNo.substr(-4)}</p> } else {
weui.topTips(res5.message);
}
},
error: function (err) {
loading.hide();
},
});
},
//查询一类卡绑定列表
queryBindCardList() {
let this_ = this;
let loading = weui.loading("请稍后");
$.ajax({
url: gHost + "/bank-wechat/query/account",
type: "POST",
contentType: "application/x-www-form-urlencoded",
data: {
schoolId: bankInfo.schoolId,
userId: userID,
sessionid: sessionID,
wechattype: 1,
},
success: function (res4) {
loading.hide();
if (res4.code == "10000") {
var divList = "";
var choiceIndex = 0;
for (
let i = 0;
i < res4.results.accountList[0].bindcardList.length;
i++
) {
divList += `<div onclick=ChangeCardPay('${
res4.results.accountList[0].bindcardList[i].bankName
}','${res4.results.accountList[0].bindcardList[i].bindCardNo}')>
<p>${
res4.results.accountList[0].bindcardList[i].bankName
}</p>
<p>${
res4.results.accountList[0].bindcardList[
i
].bindCardNo.substr(0, 4) +
" **** **** " +
res4.results.accountList[0].bindcardList[
i
].bindCardNo.substr(-4)
}</p>
<img class='myImg${i} BankListImg' src='img/choiceBank.png'> <img class='myImg${i} BankListImg' src='img/choiceBank.png'>
</div>` </div>`;
if (res4.results.accountList[0].bindcardList[i].bindCardNo == payCardNumber) { if (
choiceIndex = i; res4.results.accountList[0].bindcardList[i].bindCardNo ==
} payCardNumber
} ) {
$('.hideListCover').html(divList); choiceIndex = i;
$(`.myImg${choiceIndex}`).css('display', 'block'); }
$('.showBindCardList').css('display', 'block'); }
} else { $(".hideListCover").html(divList);
weui.topTips(res4.message) $(`.myImg${choiceIndex}`).css("display", "block");
} $(".showBindCardList").css("display", "block");
}, } else {
error: function(err) { weui.topTips(res4.message);
loading.hide(); }
}, },
}); error: function (err) {
}, loading.hide();
//获取银行余额 },
queryBankInfo() { });
let this_ = this; },
let loading = weui.loading('请稍后'); //获取银行余额
$.ajax({ queryBankInfo() {
url: gHost + '/bank-wechat/query/balance', let this_ = this;
type: "POST", let loading = weui.loading("请稍后");
timeout: 8000, $.ajax({
contentType: "application/x-www-form-urlencoded", url: gHost + "/bank-wechat/query/balance",
data: bankInfo, type: "POST",
success: function(res3) { timeout: 8000,
loading.hide(); contentType: "application/x-www-form-urlencoded",
if (res3.code == "10000") { data: bankInfo,
if (res3.results.acctInfoList == null) { success: function (res3) {
weui.topTips("账户信息为空,余额查询失败"); loading.hide();
} else { if (res3.code == "10000") {
this_.cardBalanceTx = ((res3.results.acctInfoList[0].hqBalanceDTOList[0] if (res3.results.acctInfoList == null) {
.balance * weui.topTips("账户信息为空,余额查询失败");
1).toFixed(2)); } else {
$('.TxClsTx').attr('placeholder', this_.cardBalanceTx = (
`可提现金额${(res3.results.acctInfoList[0].hqBalanceDTOList[0].balance*1).toFixed(2)}元` res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
) ).toFixed(2);
this_.RechargeMax = ((2000 - ((res3.results.acctInfoList[0] $(".TxClsTx").attr(
.hqBalanceDTOList[0] "placeholder",
.balance * 1).toFixed(2) * 1)).toFixed(2)); `可提现金额${(
} res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
} else { ).toFixed(2)}元`
weui.topTips(res3.message) );
} this_.RechargeMax = (
}, 2000 -
error: function(err) { (
loading.hide(); res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
}, ).toFixed(2) *
complete: function(XMLHttpRequest, status) { 1
loading.hide(); ).toFixed(2);
if (status == 'timeout') { }
weui.topTips("请求超时,余额查询失败"); } else {
} weui.topTips(res3.message);
} }
}) },
}, error: function (err) {
//获取用户已填写银行信息 loading.hide();
queryUserBankInfo() { },
let this_ = this; complete: function (XMLHttpRequest, status) {
let loading = weui.loading('请稍后'); loading.hide();
$.ajax({ if (status == "timeout") {
url: gHost + '/bank-wechat/user/bank/get', weui.topTips("请求超时,余额查询失败");
type: "POST", }
contentType: "application/x-www-form-urlencoded", },
data: { });
schoolId: bankInfo.schoolId, },
userId: userID, //获取用户已填写银行信息
sessionid: sessionID, queryUserBankInfo() {
wechattype: 1 let this_ = this;
}, let loading = weui.loading("请稍后");
success: function(res2) { $.ajax({
if (res2.code == "10000") { url: gHost + "/bank-wechat/user/bank/get",
bankInfo.acctNoArray = res2.results.accountNo; type: "POST",
bankInfo.idNo = res2.results.idNo; contentType: "application/x-www-form-urlencoded",
bankInfo.trueName = res2.results.trueName; data: {
payCardNumber = res2.results.bindCardNo; schoolId: bankInfo.schoolId,
$('.bankNameClass').html( userId: userID,
`${res2.results.bindCardName}(${res2.results.bindCardNo.substr(-4)})`); sessionid: sessionID,
$('.bankNameClass1').html(res2.results.bindCardName + '(储蓄卡)'); wechattype: 1,
$('.payCardEndNo').html('尾号' + res2.results.bindCardNo.substr(-4)); },
$('.myPhoneTx').html(res2.results.mobileNo); success: function (res2) {
mobileNo = res2.results.mobileNo; if (res2.code == "10000") {
this_.queryBankInfo(); bankInfo.acctNoArray = res2.results.accountNo;
} else { bankInfo.idNo = res2.results.idNo;
weui.topTips(res2.message) bankInfo.trueName = res2.results.trueName;
} payCardNumber = res2.results.bindCardNo;
}, $(".bankNameClass").html(
error: function(err) { `${res2.results.bindCardName}(${res2.results.bindCardNo.substr(
loading.hide(); -4
}, )})`
}); );
}, $(".bankNameClass1").html(res2.results.bindCardName + "(储蓄卡)");
//查询用户信息 $(".payCardEndNo").html(
QueryUserInfo() { "尾号" + res2.results.bindCardNo.substr(-4)
let this_ = this; );
let loading = weui.loading('请稍后'); $(".myPhoneTx").html(res2.results.mobileNo);
$.ajax({ mobileNo = res2.results.mobileNo;
url: gHost + '/wechat/svweapp/QueryPersonalInfo', this_.queryBankInfo();
type: "POST", } else {
contentType: "application/x-www-form-urlencoded", weui.topTips(res2.message);
data: { }
userid: userID, },
sessionid: sessionID, error: function (err) {
wechattype: 1 loading.hide();
}, },
success: function(res1) { });
loading.hide(); },
if (res1.code == "10000") { //查询用户信息
bankInfo.schoolId = res1.results.schoolid; QueryUserInfo() {
bankInfo.userId = res1.results.id; let this_ = this;
$('.userNameTx').html(res1.results.name); let loading = weui.loading("请稍后");
$('.schoolNameTx').html(res1.results.schoolname); $.ajax({
$('.ClsNameTx').html(res1.results.gradename + res1.results.classname); url: gHost + "/wechat/svweapp/QueryPersonalInfo",
if (res1.results.usertype == 1) { type: "POST",
$('.StudentCls').css('display', 'block'); contentType: "application/x-www-form-urlencoded",
$('.TeacherCls').css('display', 'none'); data: {
} else { userid: userID,
$('.StudentCls').css('display', 'none'); sessionid: sessionID,
$('.TeacherCls').css('display', 'block'); wechattype: 1,
} },
this_.queryUserBankInfo(); success: function (res1) {
} else { loading.hide();
weui.topTips(res1.message); if (res1.code == "10000") {
setTimeout(() => { bankInfo.schoolId = res1.results.schoolid;
this_.BackToMini('UserMain'); bankInfo.userId = res1.results.id;
}, 1500) $(".userNameTx").html(res1.results.name);
} $(".schoolNameTx").html(res1.results.schoolname);
}, $(".ClsNameTx").html(
error: function(err) { res1.results.gradename + res1.results.classname
loading.hide(); );
}, if (res1.results.usertype == 1) {
}); $(".StudentCls").css("display", "block");
}, $(".TeacherCls").css("display", "none");
// 充值账户异常资料补充 } else {
// recharge/acctErrorUpdateResource $(".StudentCls").css("display", "none");
acctErrorUpdateResource() { $(".TeacherCls").css("display", "block");
acctErrorUpdateParms.businessNo = wefileId.businessNo; //业务流水号 }
acctErrorUpdateParms.schoolId = bankInfo.schoolId; this_.queryUserBankInfo();
acctErrorUpdateParms.userId = userID; } else {
acctErrorUpdateParms.homeAddress = acctErrorUpdateParms.homeAddress + acctErrorUpdateParms weui.topTips(res1.message);
.StreetInformation setTimeout(() => {
let { this_.BackToMini("UserMain");
backSideImgId, }, 1500);
frontSideImgId, }
homeAddress, },
occupation error: function (err) {
} = acctErrorUpdateParms loading.hide();
acctErrorUpdateParms.sessionid = sessionID },
acctErrorUpdateParms.wechattype = 1 });
if (!occupation) { },
weui.topTips("请选择职业信息"); // 充值账户异常资料补充
return // recharge/acctErrorUpdateResource
} acctErrorUpdateResource() {
if (!homeAddress) { acctErrorUpdateParms.businessNo = wefileId.businessNo; //业务流水号
weui.topTips("请选择家庭住址"); acctErrorUpdateParms.schoolId = bankInfo.schoolId;
return acctErrorUpdateParms.userId = userID;
} acctErrorUpdateParms.homeAddress =
acctErrorUpdateParms.homeAddress +
if (!backSideImgId) { acctErrorUpdateParms.StreetInformation;
weui.topTips("请上传反面身份证图片"); let { backSideImgId, frontSideImgId, homeAddress, occupation } =
return acctErrorUpdateParms;
} acctErrorUpdateParms.sessionid = sessionID;
if (!frontSideImgId) { acctErrorUpdateParms.wechattype = 1;
weui.topTips("请上传正面身份证图片"); if (!occupation) {
return weui.topTips("请选择职业信息");
} return;
let loading = weui.loading('信息更新中,请稍后'); }
return new Promise((resolve, reject) => { if (!homeAddress) {
$.ajax({ weui.topTips("请选择家庭住址");
url: gHost + '/bank-wechat/recharge/acctErrorUpdateResource', return;
type: "POST", }
contentType: "application/x-www-form-urlencoded",
data: acctErrorUpdateParms, if (!backSideImgId) {
timeout: 8000, //超时时间设置,单位毫秒 weui.topTips("请上传反面身份证图片");
success: function(res) { return;
loading.hide(); }
if (res.code == '000000') { if (!frontSideImgId) {
weui.topTips("信息更新成功", { weui.topTips("请上传正面身份证图片");
duration: 3000, //3秒后消失 return;
className: 'weui-toptips_success', //自定义类名 }
callback: function() { let loading = weui.loading("信息更新中,请稍后");
//回调函数 return new Promise((resolve, reject) => {
console.log('close') $.ajax({
window.location.reload() url: gHost + "/bank-wechat/recharge/acctErrorUpdateResource",
} type: "POST",
}); contentType: "application/x-www-form-urlencoded",
resolve(res) data: acctErrorUpdateParms,
} else { timeout: 8000, //超时时间设置,单位毫秒
weui.topTips("信息更新失败," + res.message); success: function (res) {
loading.hide(); loading.hide();
reject(res.message) if (res.code == "000000") {
} weui.topTips("信息更新成功", {
}, duration: 3000, //3秒后消失
error: function(err) { className: "weui-toptips_success", //自定义类名
loading.hide(); callback: function () {
reject(err) //回调函数
}, console.log("close");
}) window.location.reload();
}) },
}, });
//点击上传文件 resolve(res);
uploaderInput(e, CredType) { } else {
let fileInfo = e[0]; weui.topTips("信息更新失败," + res.message);
let fileTypeList = fileInfo.name.split("."); loading.hide();
let fileType = fileTypeList[fileTypeList.length - 1]; reject(res.message);
if (!(fileType == "jpg" || fileType == "png")) { }
weui.topTips("不符合的文件格式,请重新选择"); },
return; error: function (err) {
} loading.hide();
let formData = new FormData(); reject(err);
formData.append("project", wefileId.project) },
formData.append("file", fileInfo) });
formData.append("fileName", fileInfo.name) });
formData.append("expiredTime", wefileId.expiredTime) },
formData.append("uuid", wefileId.uuid) //点击上传文件
formData.append("wefileToken", wefileId.wefileToken) uploaderInput(e, CredType) {
formData.append("wefileUrl", wefileId.wefileUrl) let fileInfo = e[0];
formData.append("sessionid", sessionID) let fileTypeList = fileInfo.name.split(".");
formData.append("wechattype", 1) let fileType = fileTypeList[fileTypeList.length - 1];
this.UploadIDCardInfo(wefileId.wefileUrl, formData, CredType) if (!(fileType == "jpg" || fileType == "png")) {
}, weui.topTips("不符合的文件格式,请重新选择");
// 【获取上传影像token接口】中已经返回了请求地址 return;
UploadIDCardInfo(url, formData, type) { }
let loading = weui.loading('请稍后,正在上传'); let formData = new FormData();
return new Promise((resolve, reject) => { formData.append("project", wefileId.project);
return new Promise((resolve, reject) => { formData.append("file", fileInfo);
$.ajax({ formData.append("fileName", fileInfo.name);
url: gHost + formData.append("expiredTime", wefileId.expiredTime);
`/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`, formData.append("uuid", wefileId.uuid);
type: "post", formData.append("wefileToken", wefileId.wefileToken);
data: formData, formData.append("wefileUrl", wefileId.wefileUrl);
processData: false, formData.append("sessionid", sessionID);
contentType: false, formData.append("wechattype", 1);
success: function(res) { this.UploadIDCardInfo(wefileId.wefileUrl, formData, CredType);
console.log(res); },
if (res.code == '10000') { // 【获取上传影像token接口】中已经返回了请求地址
if (type == 1) { UploadIDCardInfo(url, formData, type) {
acctErrorUpdateParms.frontSideImgId = res.results; let loading = weui.loading("请稍后,正在上传");
} else { return new Promise((resolve, reject) => {
acctErrorUpdateParms.backSideImgId = res.results; return new Promise((resolve, reject) => {
} $.ajax({
weui.topTips("上传成功", { url:
duration: 3000, //3秒后消失 gHost +
className: 'weui-toptips_success', //自定义类名 `/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`,
callback: function() {} type: "post",
}); data: formData,
loading.hide(); processData: false,
resolve(res) contentType: false,
} else { success: function (res) {
weui.topTips(res.message); console.log(res);
loading.hide(); if (res.code == "10000") {
reject(res.message) if (type == 1) {
} acctErrorUpdateParms.frontSideImgId = res.results;
}, } else {
error: function(err) { acctErrorUpdateParms.backSideImgId = res.results;
loading.hide(); }
weui.topTips("上传失败!请检查"); weui.topTips("上传成功", {
reject(err) duration: 3000, //3秒后消失
}, className: "weui-toptips_success", //自定义类名
}) callback: function () {},
}) });
}) loading.hide();
}, resolve(res);
getWefileId(fileType = 'jpg/png/jpeg') { } else {
let loading = weui.loading('请稍后'); weui.topTips(res.message);
return new Promise((resolve, reject) => { loading.hide();
$.ajax({ reject(res.message);
url: gHost + '/bank-wechat/wefile/wefileId', }
type: "post", },
data: { error: function (err) {
Authorization: this.getQueryParams('seesionID'), loading.hide();
businessNo: businessNo, weui.topTips("上传失败!请检查");
fileType: fileType, //jpg/png/doc/docx/txt/pdf/ppt/xls/xlsx/pptx/jpeg reject(err);
schoolId: bankInfo.schoolId, },
userId: userID, });
sessionid: sessionID, });
wechattype: 1 });
}, },
success: function(res) { getWefileId(fileType = "jpg/png/jpeg") {
loading.hide(); let loading = weui.loading("请稍后");
if (res.code == "10000") { return new Promise((resolve, reject) => {
wefileId = res.results $.ajax({
resolve(res.results) url: gHost + "/bank-wechat/wefile/wefileId",
} else { type: "post",
reject(res.message) data: {
} Authorization: this.getQueryParams("seesionID"),
}, businessNo: businessNo,
error: function(err) { fileType: fileType, //jpg/png/doc/docx/txt/pdf/ppt/xls/xlsx/pptx/jpeg
loading.hide(); schoolId: bankInfo.schoolId,
reject(err) userId: userID,
}, sessionid: sessionID,
}) wechattype: 1,
}) },
}, success: function (res) {
//街道信息 loading.hide();
StreetInformation(e) { if (res.code == "10000") {
let value = $(e)[0].value; wefileId = res.results;
console.log(value); resolve(res.results);
acctErrorUpdateParms.StreetInformation = value } else {
}, reject(res.message);
//立即更新 }
UpdateRechargeException() { },
this.acctErrorUpdateResource() error: function (err) {
}, loading.hide();
// query/getOccupationList职业信息接口 reject(err);
getOccupationList() { },
let loading = weui.loading('请稍后'); });
return new Promise((resolve, reject) => { });
$.ajax({ },
url: gHost + '/bank-wechat/query/getOccupationList', //街道信息
type: "post", StreetInformation(e) {
data: { let value = $(e)[0].value;
sessionid: sessionID, console.log(value);
wechattype: 1 acctErrorUpdateParms.StreetInformation = value;
}, },
headers: { //立即更新
'Authorization': getQueryParams('seesionID'), UpdateRechargeException() {
}, this.acctErrorUpdateResource();
success: function(res) { },
loading.hide(); // query/getOccupationList职业信息接口
if (res.code == "10000") { getOccupationList() {
resolve(res.results) let loading = weui.loading("请稍后");
} else { return new Promise((resolve, reject) => {
reject(res.message) $.ajax({
} url: gHost + "/bank-wechat/query/getOccupationList",
}, type: "post",
error: function(err) { data: {
loading.hide(); sessionid: sessionID,
reject(err) wechattype: 1,
}, },
}) headers: {
}) Authorization: getQueryParams("seesionID"),
}, },
//获取参数 success: function (res) {
getQueryParams(params) { loading.hide();
var query = window.location.search.substring(1); if (res.code == "10000") {
var vars = query.split("&"); resolve(res.results);
for (var i = 0; i < vars.length; i++) { } else {
var pair = vars[i].split("="); reject(res.message);
if (pair[0] == params) { }
return pair[1]; },
} error: function (err) {
} loading.hide();
return (false); reject(err);
} },
} });
} });
},
//获取参数
getQueryParams(params) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == params) {
return pair[1];
}
}
return false;
},
},
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.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;
background-image: url('https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png'); background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/xiaopaycard (31).png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
top: 36rpx; top: 36rpx;
} }
.HidenText { .HidenText {
margin-top: 147rpx; margin-top: 147rpx;
} }
.HidenText, .HidenText,
.Balance { .Balance {
padding-left: 46rpx; padding-left: 46rpx;
padding-right: 40rpx; padding-right: 40rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #ffffff;
} }
.Balance { .Balance {
margin-top: 20rpx; margin-top: 20rpx;
} }
.Recharge { .Recharge {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 70rpx; margin-top: 70rpx;
} }
.Recharge .leftdiv { .Recharge .leftdiv {
width: 192rpx; width: 192rpx;
height: 67rpx; height: 67rpx;
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 67rpx; line-height: 67rpx;
} }
.Recharge .rightdiv { .Recharge .rightdiv {
height: 67rpx; height: 67rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
line-height: 67rpx; line-height: 67rpx;
} }
.Recharge .rightdiv image { .Recharge .rightdiv image {
position: relative; position: relative;
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
} }
.headview { .headview {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-left: 40rpx; padding-left: 40rpx;
padding-right: 40rpx; padding-right: 40rpx;
padding-top: 36rpx; padding-top: 36rpx;
} }
.headview .schoolname { .headview .schoolname {
width: 252rpx; width: 252rpx;
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
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;
border-radius: 25rpx; border-radius: 25rpx;
font-size: 24rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #ffffff;
line-height: 48rpx; line-height: 48rpx;
text-align: center; text-align: center;
} }
.MoneyBox { .MoneyBox {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
color: #333333; color: #333333;
} }
.choiceClass { .choiceClass {
background: #01BC73 !important; background: #01bc73 !important;
color: #fff; color: #fff;
} }
.MoneyBox view { .MoneyBox view {
width: 206rpx; width: 206rpx;
height: 133rpx; height: 133rpx;
background: #F5F5F5; background: #f5f5f5;
border-radius: 8rpx; border-radius: 8rpx;
margin-top: 26rpx; margin-top: 26rpx;
text-align: center; text-align: center;
position: relative; position: relative;
} }
.depotMoney .value { .depotMoney .value {
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
line-height: 133rpx; line-height: 133rpx;
text-align: center; text-align: center;
} }
.depotMoney .tips { .depotMoney .tips {
// width: 79rpx; // width: 79rpx;
height: 33rpx; height: 33rpx;
background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); background: linear-gradient(180deg, #fa6400 0%, #fd9d00 100%);
border-radius: 4rpx; border-radius: 4rpx;
font-size: 18rpx; font-size: 18rpx;
font-weight: 500; font-weight: 500;
padding: 4rpx; padding: 4rpx;
text-align: center; text-align: center;
float: right; float: right;
position: absolute; position: absolute;
right: 0rpx; right: 0rpx;
line-height: 33rpx; line-height: 33rpx;
} }
.OtherMoney { .OtherMoney {
display: flex; display: flex;
justify-content: center; justify-content: center;
color: #999999; color: #999999;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
line-height: 40rpx; line-height: 40rpx;
margin-top: 26rpx; margin-top: 26rpx;
} }
.OtherMoney view:nth-child(2) { .OtherMoney view:nth-child(2) {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
background: #F0F0F0; background: #f0f0f0;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
line-height: 30rpx; line-height: 30rpx;
margin-top: 7rpx; margin-top: 7rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
.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: 30rpx; font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height: 98rpx; line-height: 98rpx;
} }
.payType view::nth-child(2) { .payType view::nth-child(2) {
width: 225rpx; width: 225rpx;
height: 45rpx; height: 45rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
line-height: 45rpx; line-height: 45rpx;
} }
.switchbankCard { .switchbankCard {
width: 224px; width: 224px;
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
line-height: 40rpx; line-height: 40rpx;
margin-top: 12rpx; margin-top: 12rpx;
} }
.arrow { .arrow {
transform: rotate(-45deg); transform: rotate(-45deg);
top: -1rpx; top: -1rpx;
border: solid #999999; border: solid #999999;
border-width: 0 1rpx 1rpx 0; border-width: 0 1rpx 1rpx 0;
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
}
}
.DepositID {
.DepositID { width: 630rpx;
width: 630rpx; height: 92rpx;
height: 92rpx; background: #04ba73;
background: #04BA73; border-radius: 8rpx;
border-radius: 8rpx; margin: 0 auto;
margin: 0 auto; text-align: center;
text-align: center;
bottom: 30rpx;
bottom: 30rpx; position: fixed;
position: fixed; left: 0;
left: 0; right: 0;
right: 0; }
}
.DepositID span {
.DepositID span { height: 50rpx;
height: 50rpx; font-size: 36rpx;
font-size: 36rpx; font-family: PingFangSC-Medium, PingFang SC;
font-family: PingFangSC-Medium, PingFang SC; font-weight: 500;
font-weight: 500; color: #ffffff;
color: #FFFFFF; line-height: 92rpx;
line-height: 92rpx; }
}
.MyPhoneCls {
.MyPhoneCls { position: fixed;
position: fixed; width: 562rpx;
width: 562rpx; height: 497rpx;
height: 497rpx; left: 0;
left: 0; right: 0;
right: 0; top: 460rpx;
top: 460rpx; margin: 0 auto;
margin: 0 auto; font-size: 30rpx;
font-size: 30rpx; background: #fff;
background: #fff; border-radius: 8rpx;
border-radius: 8rpx; }
}
.closePhoneBox {
.closePhoneBox { width: 35rpx;
width: 35rpx; height: 35rpx;
height: 35rpx; background: #7e7e7e;
background: #7E7E7E; position: relative;
position: relative; left: 522rpx;
left: 522rpx; top: -52rpx;
top: -52rpx; line-height: 30rpx;
line-height: 30rpx; text-align: center;
text-align: center; color: #bebebe;
color: #BEBEBE; border-radius: 100%;
border-radius: 100%; border: 2px solid #bebebe;
border: 2px solid #BEBEBE; }
}
.doBtnTx {
.doBtnTx { width: 506rpx;
width: 506rpx; height: 92rpx;
height: 92rpx; background: #04ba73;
background: #04BA73; border-radius: 8rpx;
border-radius: 8rpx; color: #ffffff;
color: #FFFFFF;
position: absolute;
position: absolute; left: 0;
left: 0; right: 0;
right: 0; margin: 0 auto;
margin: 0 auto; bottom: 38rpx;
bottom: 38rpx; }
}
.MyPhoneCls input {
.MyPhoneCls input { border: none;
border: none; outline: none;
outline: none; height: 80rpx;
height: 80rpx; line-height: 80rpx;
line-height: 80rpx; padding-left: 50rpx;
padding-left: 50rpx; }
}
.PhoneNum,
.PhoneNum, .VerifyCode {
.VerifyCode { width: 506rpx;
width: 506rpx; height: 80rpx;
height: 80rpx; line-height: 60rpx;
line-height: 60rpx; background: #f7f6fb;
background: #F7F6FB; margin: 0 auto;
margin: 0 auto; margin-top: 20rpx;
margin-top: 20rpx; }
}
.VerifyCode {
.VerifyCode { display: flex;
display: flex; justify-content: space-between;
justify-content: space-between; }
}
.VerifyCode input {
.VerifyCode input { width: 200rpx;
width: 200rpx; }
}
.CodeMsg {
.CodeMsg { color: #01bc73;
color: #01BC73; background: #f7f6fb;
background: #F7F6FB; font-size: 28rpx;
font-size: 28rpx; font-weight: 600;
font-weight: 600; line-height: 80rpx;
line-height: 80rpx; letter-spacing: 3rpx;
letter-spacing: 3rpx; }
}
.placeholderInput {
.placeholderInput { color: #aaaaaa;
color: #AAAAAA; font-size: 32rpx;
font-size: 32rpx; font-weight: 500;
font-weight: 500; letter-spacing: 3rpx;
letter-spacing: 3rpx; // padding-left: 50rpx;
// padding-left: 50rpx; height: 80rpx;
height: 80rpx; }
}
.OtherTitle {
.OtherTitle { height: 67rpx;
height: 67rpx; font-size: 48rpx;
font-size: 48rpx; font-family: PingFangSC-Semibold, PingFang SC;
font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600;
font-weight: 600; color: #010101;
color: #010101; line-height: 67rpx;
line-height: 67rpx;
padding-top: 60rpx;
padding-top: 60rpx; }
}
.inputOtherM {
.inputOtherM { display: flex;
display: flex; height: 100rpx;
height: 100rpx; margin-top: 40rpx;
margin-top: 40rpx; }
}
.inputOtherM input {
.inputOtherM input { border: none;
border: none; outline: none;
outline: none; height: 50rpx;
height: 50rpx; padding-left: 16rpx;
padding-left: 16rpx; font-size: 72rpx;
font-size: 72rpx; font-weight: 600;
font-weight: 600; }
}
.inputOtherM span:nth-child(1) {
.inputOtherM span:nth-child(1) { width: 72rpx;
width: 72rpx; font-size: 80rpx;
font-size: 80rpx; font-family: PingFangSC-Semibold, PingFang SC;
font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600;
font-weight: 600; color: #010101;
color: #010101; line-height: 100rpx;
line-height: 100rpx; }
}
.OtherLine {
.OtherLine { width: 631rpx;
width: 631rpx; height: 1rpx;
height: 1rpx; background-color: #cccccc;
background-color: #CCCCCC; margin-top: 19rpx;
margin-top: 19rpx; }
}
.depositImg {
.depositImg { width: 14rpx;
width: 14rpx; vertical-align: middle;
vertical-align: middle; margin-right: 8rpx;
margin-right: 8rpx; }
}
.Recharge_ {
.Recharge_ { height: 40rpx;
height: 40rpx; font-size: 28rpx;
font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC;
font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;
font-weight: 400; color: #333333;
color: #333333; line-height: 40rpx;
line-height: 40rpx; margin-top: 40rpx;
margin-top: 40rpx; }
}
.Recharge_ span:nth-child(2) {
.Recharge_ span:nth-child(2) { font-size: 28rpx;
font-size: 28rpx; font-family: PingFangSC-Semibold, PingFang SC;
font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600;
font-weight: 600; color: #fa6400;
color: #FA6400; }
}
.placeholderinputOtherM {
.placeholderinputOtherM { height: 50rpx;
height: 50rpx; font-family: PingFangSC-Semibold, PingFang SC;
font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600;
font-weight: 600; color: #010101;
color: #010101; line-height: 50rpx;
line-height: 50rpx; }
}
// 异常处理
// 异常处理 .RechargeException {
.RechargeException { padding-top: 20rpx;
padding-top: 20rpx; }
}
.weui-label {
.weui-label { // width: 118rpx;
// width: 118rpx; height: 42rpx;
height: 42rpx; font-size: 30rpx;
font-size: 30rpx; font-family: PingFangSC-Medium, PingFang SC;
font-family: PingFangSC-Medium, PingFang SC; font-weight: 500;
font-weight: 500; color: #3d3d3d;
color: #3D3D3D; 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; font-weight: 400;
font-weight: 400; color: #03bc73;
color: #03BC73; 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; // position: fixed;
// position: fixed; // left: 0;
// left: 0; // right: 0;
// right: 0; margin: 0 auto;
margin: 0 auto; background-color: #03bc73;
background-color: #03BC73; text-align: center;
text-align: center; line-height: 88rpx;
line-height: 88rpx;
margin-top: 84rpx;
}
margin-top: 84rpx;
} .RechargeException input::placeholder {
color: #a1a4a8;
}
.RechargeException input::placeholder {
color: #A1A4A8; .RechargeException .weui-cell {
} height: 4rem;
padding: 0 !important;
.RechargeException .weui-cell { }
height: 4rem;
padding: 0 !important; .idCardPhoto1,
} .idCardPhoto2 {
width: 388rpx;
.idCardPhoto1, height: 224rpx;
.idCardPhoto2 { margin: 0 auto;
width: 388rpx; margin-top: 20rpx;
height: 224rpx; }
margin: 0 auto;
margin-top: 20rpx; .idCardPhoto1 image,
} .idCardPhoto2 image {
width: 100%;
.idCardPhoto1 image, height: 100%;
.idCardPhoto2 image { position: relative;
width: 100%; }
height: 100%;
position: relative; .weui-toptips_success {
} background-color: #03bc73 !important;
}
.weui-toptips_success {
background-color: #03BC73 !important .positionCam {
} height: 32rpx;
font-size: 22rpx;
.positionCam { font-family: PingFang-SC-Medium, PingFang-SC;
height: 32rpx; font-weight: 500;
font-size: 22rpx; color: #6d7278;
font-family: PingFang-SC-Medium, PingFang-SC; line-height: 32rpx;
font-weight: 500; text-align: center;
color: #6D7278; position: relative;
line-height: 32rpx; top: -29px;
text-align: center; }
position: relative;
top: -29px;
}
</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