Skip to content

X
xzf_uniapp-wechat-web
Commit f07190b8 authored by 李智书's avatar 李智书
Browse files
Options

Merge branch 'develop'

parents 22581a45 9b20edec
Show whitespace changes
Inline Side-by-side
Showing with 6394 additions and 4942 deletions
src/common/js/http.js
View file @ f07190b8
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)
......
src/main.js
View file @ f07190b8
...@@ -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')
......
src/manifest.json
View file @ f07190b8
{ {
"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\"/>",
...@@ -41,81 +41,78 @@ ...@@ -41,81 +41,78 @@
] ]
}, },
/* 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" : { "router": {
"mode" : "hash", "mode": "hash",
"base" : "./" "base": "./"
}, },
"title" : "电子校园卡", "title": "电子校园卡",
"optimization" : { "optimization": {
"treeShaking" : { "treeShaking": {
"enable" : false "enable": false
} }
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
}, },
"template" : "template.h5.html" "template": "template.h5.html"
}, },
"mp-qq" : { "mp-qq": {
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
} }
} }
} }
src/pages.json
View file @ f07190b8
...@@ -292,36 +292,56 @@ ...@@ -292,36 +292,56 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
} }, {
,{ "path": "pages/pdfPreview/pdfPreview",
"path" : "pages/pdfPreview/pdfPreview", "style": {
"style" :
{
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
} }, {
,{ "path": "pages/OpenAccountAgreementBOC/OpenAccountAgreementBOC",
"path" : "pages/OpenAccountAgreementBOC/OpenAccountAgreementBOC", "style": {
"style" :
{
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "渤海银行线上个人银行Ⅱ、Ⅲ类账户服务协议", "navigationBarTitleText": "渤海银行线上个人银行Ⅱ、Ⅲ类账户服务协议",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
} }, {
,{ "path": "pages/UserAgreement/UserAgreement",
"path" : "pages/UserAgreement/UserAgreement", "style": {
"style" :
{
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "消费用户协议", "navigationBarTitleText": "消费用户协议",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, {
"path": "pages/StudentPayment/StudentPayment",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "日常收费",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayProject/PayProject",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "日常收费",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayOrderDetails/PayOrderDetails",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "交费订单明细",
"navigationBarTextStyle":"white",
"navigationBarBackgroundColor":"#01CB88",
"enablePullDownRefresh": false
}
} }
], ],
"globalStyle": { "globalStyle": {
......
src/pages/BankModule/Recharge/Recharge.vue
View file @ f07190b8
...@@ -4,32 +4,70 @@ ...@@ -4,32 +4,70 @@
<!-- <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) }}
<span>({{ accountEnum[bankInfo_.accountType + ""] }})</span>
</view> </view>
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber"
>复制</view
>
</view> </view>
<view class="HidenText"> <view class="HidenText">
<view class="userName" style="text-overflow: ellipsis;overflow: hidden; white-space: nowrap;"> <view
姓名：<span>{{PersonalInfo.name}}</span></view> class="userName"
<view class="StudentCls" style="text-overflow: ellipsis;overflow: hidden; white-space: nowrap;" style="
v-if="PersonalInfo.usertype=='1'"> text-overflow: ellipsis;
班级：{{PersonalInfo.gradename}}({{PersonalInfo.classname}})</view> overflow: hidden;
<view class='TeacherCls' style="text-overflow: ellipsis;overflow: hidden; white-space: nowrap;" white-space: nowrap;
v-else>教职工</view> "
>
姓名：<span>{{ PersonalInfo.name }}</span></view
>
<view
class="StudentCls"
style="
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
"
v-if="PersonalInfo.usertype == '1'"
>
班级：{{ PersonalInfo.gradename }}({{
PersonalInfo.classname
}})</view
>
<view
class="TeacherCls"
style="
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
"
v-else
>教职工</view
>
</view> </view>
<view class="Balance"> <view class="Balance">
<view class="cardBalanceTx">余额：￥<span>{{cardBalanceTx}}</span></view> <view class="cardBalanceTx"
>余额：￥<span>{{ cardBalanceTx }}</span></view
>
<view @click="ToWalletTx"> <view @click="ToWalletTx">
<span style="display: inline-block;padding-right: 10rpx;">余额提现</span> <span style="display: inline-block; padding-right: 10rpx"
<image style="position: relative;width: 13rpx;height: 20rpx;" class='ImgIcon1' mode='widthFix' >余额提现</span
:src="ImgUrl+'images/xiaopaycard (17).png'" alt=""></image> >
<image
style="position: relative; width: 13rpx; height: 20rpx"
class="ImgIcon1"
mode="widthFix"
:src="ImgUrl + 'images/xiaopaycard (17).png'"
alt=""
></image>
</view> </view>
</view> </view>
</view> </view>
...@@ -44,13 +82,20 @@ ...@@ -44,13 +82,20 @@
</view> </view>
<!-- 充值的金额 --> <!-- 充值的金额 -->
<view class="MoneyBox"> <view class="MoneyBox">
<view class="depotMoney" @click="depotMoney(item.value,index)" <view
v-bind:class="(MoneyIndex==index)?'choiceClass':''" :data-money="item.value||0" class="depotMoney"
v-for="(item,index) in MoneyList" :key="index"> @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<span class="value"> <span class="value">
{{item.value}} {{ item.value }}
</span> </span>
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span> <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
item.lable
}}</span>
<!-- <span class="tips" v-show="item.tips"> <!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
...@@ -58,50 +103,84 @@ ...@@ -58,50 +103,84 @@
</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"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
vertical-align: middle;
font-size: 28rpx;
color: #333333;
font-weight: 500;
"
>最大可充值金额：<span style="color: red"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span
></span
>
</view> </view>
<!-- 充值其它金额 --> <!-- 充值其它金额 -->
<view class="OtherMoney" v-if="isOtherMoney"> <view class="OtherMoney" v-if="isOtherMoney">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元" <input
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
<!-- 支付方式 --> <!-- 支付方式 -->
<view class="payType" @click="queryBindCardList"> <view class="payType" @click="queryBindCardList">
<view>付款方式</view> <view>付款方式</view>
<view> {{ bankInfo_.bindCardName}} {{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length-4) }}<span <view>
class="arrow"></span></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 <!-- <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"
@click="toDeposit"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
>
<span>充值生活费</span> <span>充值生活费</span>
</view> </view>
<!-- --> <!-- -->
<view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> <view class="switchbankCard" @click="ChangeBankPay"
>我要换银行卡支付</view
>
</view> </view>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother"> <view class="contentBox" v-if="depotMoneyother">
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM" <input
type="text" maxlength="6" /> v-model="inputOtherM"
@input="inputControl"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
<view class="OtherLine"></view> <view class="OtherLine"></view>
<!-- 充值范围 --> <!-- 充值范围 -->
<view class="Recharge_"> <view class="Recharge_">
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<span>最大可充值金额：</span> <span>最大可充值金额：</span>
<span>￥<span>3.00 ~ 2000.00</span></span> <span
>￥<span>3.00 ~ {{ RechargeMax }}</span></span
>
</view> </view>
</view> </view>
<!-- 弹出层 --> <!-- 弹出层 -->
...@@ -112,47 +191,79 @@ ...@@ -112,47 +191,79 @@
<view class="closePhoneBox" @click="close()"> <view class="closePhoneBox" @click="close()">
<image src="../../../static/img/close.png" mode="aspectFit"></image> <image src="../../../static/img/close.png" mode="aspectFit"></image>
</view> </view>
<view class="RechargeInfo1"> <view class="RechargeInfo1"> 验证校园卡开卡手机号 </view>
验证校园卡开卡手机号 <van-field
</view> label-class="openCardPhonTxt"
<van-field label-class="openCardPhonTxt" label="手机号:" maxlength="11" v-model="openCardPhon" label="手机号:"
placeholder="校园卡开卡手机号" center :border="false"> maxlength="11"
<view slot="right-icon" v-if="bankInfo_.accountType==4"> v-model="openCardPhon"
<view class="changPhone" style="display: flex;justify-content: center;" placeholder="校园卡开卡手机号"
@click="changePhone">变更手机号 center
:border="false"
>
<view slot="right-icon" v-if="bankInfo_.accountType == 4">
<view
class="changPhone"
style="display: flex; justify-content: center"
@click="changePhone"
>变更手机号
<van-icon name="arrow" /> <van-icon name="arrow" />
</view> </view>
</view> </view>
</van-field> </van-field>
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<van-field v-model="openCardPhonSms" label-class="openCardPhonSmsTxt" maxlength="6" label="验证码:" <van-field
placeholder="输入短信验证码" center clearable :border="false"> v-model="openCardPhonSms"
<van-button slot="button" size="small" type="primary" @click="SendSms"> label-class="openCardPhonSmsTxt"
<div style="font-size:28rpx;">{{CodeMsg}}</div> maxlength="6"
label="验证码:"
placeholder="输入短信验证码"
center
clearable
:border="false"
>
<van-button
slot="button"
size="small"
type="primary"
@click="SendSms"
>
<div style="font-size: 28rpx">{{ CodeMsg }}</div>
</van-button> </van-button>
</van-field> </van-field>
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<!-- 取消 确认充值按钮 --> <!-- 取消 确认充值按钮 -->
<view class="BtngGoup"> <view class="BtngGoup">
<view class="" @click="ExchangeRecharge"> <view class="" @click="ExchangeRecharge"> 充值 </view>
充值
</view>
</view> </view>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
<!-- 选择银行卡 --> <!-- 选择银行卡 -->
<view class="selectCard"> <view class="selectCard">
<van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }"> <van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<!-- 银行卡列表 --> <!-- 银行卡列表 -->
<view class="accountlist"> <view class="accountlist">
<!-- 切换绑定的一类卡列表 --> <!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList"> <view class="showBindCardList">
<view class="choiceBox">选择付款账户</view> <view class="choiceBox">选择付款账户</view>
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item,index) in bindcardList" <view
:key="index"> class="ListItem"
<span style="padding-right:10px;">{{item.bindCardName}} </span> @click="ChangeCardPay(item)"
<span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length-4)}}</span> v-for="(item, index) in bindcardList"
:key="index"
>
<span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span
>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> --> <!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> -->
</view> </view>
</view> </view>
...@@ -163,43 +274,40 @@ ...@@ -163,43 +274,40 @@
</template> </template>
<script> <script>
import { import { Dialog, Toast } from "vant";
Dialog, import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
Toast import cityData from "@/common/js/city.js";
} from 'vant'; var gHost = "https://" + window.location.host;
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue" if (window.location.protocol != "https:") {
import cityData from "@/common/js/city.js"
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net"; gHost = "https://fpdev.xiaopay.net";
// gHost = "/api"; // gHost = "/api";
} }
let times = 0; let times = 0;
var limitClick = false; //禁止重复点击 var limitClick = false; //禁止重复点击
var sessionID = '', var sessionID = "",
userID = ''; userID = "";
var payCardNumber = ''; //一类卡号 var payCardNumber = ""; //一类卡号
var orderSerialNo = ''; //提现结果查询 指令号 var orderSerialNo = ""; //提现结果查询 指令号
var businessNo = '', var businessNo = "",
otpOrderNo = '', otpOrderNo = "",
mobileNo = ''; mobileNo = "";
var MyTimer = null; var MyTimer = null;
var fromType = 0; //0转账 1提现 var fromType = 0; //0转账 1提现
var opeType = 0; //0充值 1提现 手机号验证 var opeType = 0; //0充值 1提现 手机号验证
var bankInfo = { var bankInfo = {
acctNoArray: '', acctNoArray: "",
idNo: '', idNo: "",
schoolId: '', schoolId: "",
trueName: '', trueName: "",
userId: '', userId: "",
sessionid: '', sessionid: "",
wechattype: 1 wechattype: 1,
} };
/** /**
* 对象转拼接字符串 * 对象转拼接字符串
* @param {*} res Object 需要转换的数据对象 * @param {*} res Object 需要转换的数据对象
*/ */
function OforS(res) { function OforS(res) {
var resL = 0; var resL = 0;
var outS = ""; var outS = "";
for (var i in res) { for (var i in res) {
...@@ -211,10 +319,10 @@ ...@@ -211,10 +319,10 @@
resL++; resL++;
} }
return outS; return outS;
} }
export default { export default {
components: { components: {
keyboardPackage keyboardPackage,
}, },
name: "Recharge", name: "Recharge",
data() { data() {
...@@ -222,57 +330,63 @@ ...@@ -222,57 +330,63 @@
popshow: false, popshow: false,
// 输入其它金额 // 输入其它金额
isOtherMoney: false, isOtherMoney: false,
inputOtherM: '', inputOtherM: "",
RechargeException: false, RechargeException: false,
depotMoneyother: false, //其他充值 depotMoneyother: false, //其他充值
Money: '', //选择金额 Money: "", //选择金额
MoneyIndex: -1, MoneyIndex: -1,
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",
}, },
bankInfo_: { bankInfo_: {
accountNo: '**** **** **** 1234', accountNo: "**** **** **** 1234",
bindCardName: '', bindCardName: "",
bindCardNo: '' bindCardNo: "",
}, },
ImgUrl: this.$ImgUrl, ImgUrl: this.$ImgUrl,
MoneyList: [{ MoneyList: [
lable: '元', {
value: 100 lable: "元",
}, { value: 100,
lable: '元', },
value: 200 {
}, { lable: "元",
lable: '元', value: 200,
value: 500 },
}, { {
lable: '元', lable: "元",
value: 1000 value: 500,
}, { },
lable: '其他金额', {
value: '' lable: "元",
}], value: 1000,
},
{
lable: "其他金额",
value: "",
},
],
numberList: [], numberList: [],
tempFiles1: '../../static/img/idCardBg1.png', //上传身份证临时选择文件 tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
tempFiles2: '../../static/img/idCardBg0.png', tempFiles2: "../../static/img/idCardBg0.png",
//绑定的一类卡列表 //绑定的一类卡列表
bindcardList: [], bindcardList: [],
// 20211126 银行账户类型 // 20211126 银行账户类型
accountType: '2', accountType: "2",
// 银行账户类型名称枚举 // 银行账户类型名称枚举
accountEnum: { accountEnum: {
'1': "平安银行III类户", 1: "平安银行III类户",
'2': "工商银行III类户", 2: "工商银行III类户",
'3': "交通银行III类户", 3: "交通银行III类户",
'4': "渤海银行II类户", 4: "渤海银行II类户",
}, },
/** /**
* 20211129新增 * 20211129新增
...@@ -281,25 +395,21 @@ ...@@ -281,25 +395,21 @@
openCardPhon: "", openCardPhon: "",
openCardPhonSms: "", openCardPhonSms: "",
msCount: 60, //定时器 msCount: 60, //定时器
RechargeSmsorderNoInfo: {} //第三方合作交易标识 RechargeSmsorderNoInfo: {}, //第三方合作交易标识
} };
}, },
onLoad: function(options) { onLoad: function (options) {
console.log(options); console.log(options);
// 初始化 // 初始化
userID = options['userID'] || ''; userID = options["userID"] || "";
sessionID = options['seesionID'] || ''; sessionID = options["seesionID"] || "";
fromType = options['fromType'] || ''; fromType = options["fromType"] || "";
bankInfo.sessionid = sessionID || ''; bankInfo.sessionid = sessionID || "";
this.QueryUserInfo() this.QueryUserInfo();
}, },
created: function() { created: function () {},
mounted: function () {},
}, onShow: function () {
mounted: function() {
},
onShow: function() {
if (bankInfo.userId) { if (bankInfo.userId) {
this.queryBankInfo(); this.queryBankInfo();
} }
...@@ -314,149 +424,163 @@ ...@@ -314,149 +424,163 @@
// 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: "../Reflect/Reflect?" + OforS({ url:
"../Reflect/Reflect?" +
OforS({
sessionID: sessionID, sessionID: sessionID,
userID: userID userID: userID,
}) }),
}) });
}, },
//全部提现 //全部提现
TxAllFun() { TxAllFun() {
this.ReflectMoney = this.cardBalanceTx * 1 this.ReflectMoney = this.cardBalanceTx * 1;
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
}, },
// 输入限制 // 输入限制
inputControl(e) { inputControl(e) {
let this_ = this let this_ = this;
let obj = e.detail let obj = e.detail;
this.$nextTick(function() { this.$nextTick(function () {
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 obj.value = obj.value
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 .replace(".", "$#$")
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; .replace(/\./g, "")
if (obj.value == '' || obj.value * 1 < 3) { .replace("$#$", "."); //只允许输入一个小数点
$('.DepositID').attr('style', 'background: rgb(230, 230, 230) !important;'); obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
obj.value =
obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
if (obj.value == "" || obj.value * 1 < 3) {
$(".DepositID").attr(
"style",
"background: rgb(230, 230, 230) !important;"
);
} else { } else {
$('.DepositID').removeAttr('style'); $(".DepositID").removeAttr("style");
} }
this_.inputOtherM = obj.value this_.inputOtherM = obj.value;
}) });
}, },
//input键盘弹起不会弹 //input键盘弹起不会弹
ReturnToTop() { ReturnToTop() {
this.$nextTick(function() { // 若最后一位为小数点则去掉
let str = this.inputOtherM + "";
if (str.lastIndexOf(".") == str.length - 1) {
this.inputOtherM = str.substring(0, str.length - 1);
}
this.$nextTick(function () {
document.scrollingElement.scrollTo(0, this.scrollTop); document.scrollingElement.scrollTo(0, this.scrollTop);
}) });
}, },
//定时器 //定时器
IntervalFun() { IntervalFun() {
if (this.msCount == 1) { if (this.msCount == 1) {
window.clearInterval(MyTimer); //停止计时器 window.clearInterval(MyTimer); //停止计时器
MyTimer = null MyTimer = null;
this.CodeMsg = "获取验证码" this.CodeMsg = "获取验证码";
this.msCount = 60; this.msCount = 60;
} else { } else {
this.msCount--; this.msCount--;
this.CodeMsg = this.msCount + "s后获取" this.CodeMsg = this.msCount + "s后获取";
} }
}, },
// 充值验证获取验证码 // 充值验证获取验证码
async SendSms() { async SendSms() {
if (MyTimer) { if (MyTimer) {
return return;
} }
if (!this.openCardPhon || this.openCardPhon.length !== 11) { if (!this.openCardPhon || this.openCardPhon.length !== 11) {
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '请收入正确的手机号码！' message: "请收入正确的手机号码！",
}); });
return return;
} }
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: '加载中...', message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: 'spinner', loadingType: "spinner",
duration: 0 duration: 0,
}); });
// 20211230 // 20211230
let exchangeUrl = gHost; let exchangeUrl = gHost;
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
exchangeUrl = exchangeUrl + '/bank-wechat/bocom/exchange/rechargeSms'; exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/rechargeSms";
break; break;
case 4: case 4:
exchangeUrl = exchangeUrl + '/bank-wechat/bohai/comprehensive/otpSms'; exchangeUrl = exchangeUrl + "/bank-wechat/bohai/comprehensive/otpSms";
break; break;
default: default:
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '银行账号类型错误！' message: "银行账号类型错误！",
}); });
throw ("银行账号类型错误!") throw "银行账号类型错误!";
break; break;
} }
$.ajax({ $.ajax({
...@@ -471,98 +595,95 @@ ...@@ -471,98 +595,95 @@
wechattype: 1, wechattype: 1,
// 20211230渤海 // 20211230渤海
mobilePhone: this.openCardPhon, mobilePhone: this.openCardPhon,
msg: "充值" msg: "充值",
}, },
headers: { headers: {
'sessionid': sessionID, sessionid: sessionID,
}, },
success: function(res5) { success: function (res5) {
loading.clear(); loading.clear();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.IntervalFun(); this_.IntervalFun();
MyTimer = window.setInterval(this_.IntervalFun, 1000); MyTimer = window.setInterval(this_.IntervalFun, 1000);
this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {} this_.RechargeSmsorderNoInfo = res5.results ? res5.results : {};
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message content: res5.message,
}) });
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
// 充值 // 充值
async ExchangeRecharge() { async ExchangeRecharge() {
let amount, let amount, bindMedium, summary;
bindMedium,
summary;
if (this.isOtherMoney) { if (this.isOtherMoney) {
if (this.inputOtherM == '') { if (this.inputOtherM == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请输入要充值的金额!" content: "请输入要充值的金额!",
}) });
return return;
} }
amount = this.inputOtherM * 1 amount = this.inputOtherM * 1;
} else { } else {
if (this.Money == '') { if (this.Money == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请选择要充值的金额!" content: "请选择要充值的金额!",
}) });
return return;
} }
amount = this.Money * 1 amount = this.Money * 1;
} }
let this_ = this; let this_ = this;
if (!this.openCardPhon || this.openCardPhon.length !== 11) { if (!this.openCardPhon || this.openCardPhon.length !== 11) {
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '请收入正确的手机号码！' message: "请收入正确的手机号码！",
}); });
return return;
} }
if (bankInfo.accountType != 4) { if (bankInfo.accountType != 4) {
if (!this.RechargeSmsorderNoInfo.orderNo) { if (!this.RechargeSmsorderNoInfo.orderNo) {
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '请获取验证码！' message: "请获取验证码！",
}); });
return return;
} }
} }
if (!this.openCardPhonSms) { if (!this.openCardPhonSms) {
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '请收入验证码！' message: "请收入验证码！",
}); });
return return;
} }
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: "处理中......" title: "处理中......",
}) });
// 20211230 // 20211230
let exchangeUrl = gHost; let exchangeUrl = gHost;
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
exchangeUrl = exchangeUrl + '/bank-wechat/bocom/exchange/recharge'; exchangeUrl = exchangeUrl + "/bank-wechat/bocom/exchange/recharge";
break; break;
case 4: case 4:
exchangeUrl = exchangeUrl + '/bank-wechat/bohai/exchange/recharge'; exchangeUrl = exchangeUrl + "/bank-wechat/bohai/exchange/recharge";
break; break;
default: default:
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '银行账号类型错误！' message: "银行账号类型错误！",
}); });
throw ("银行账号类型错误!") throw "银行账号类型错误!";
break; break;
} }
$.ajax({ $.ajax({
...@@ -579,66 +700,69 @@ ...@@ -579,66 +700,69 @@
wechattype: 1, wechattype: 1,
// 21211230渤海银行 // 21211230渤海银行
transAmount: (amount * 1).toFixed(2), transAmount: (amount * 1).toFixed(2),
verifyNo: this.openCardPhonSms verifyNo: this.openCardPhonSms,
}, },
headers: { headers: {
'sessionid': sessionID, sessionid: sessionID,
}, },
success: function(res5) { success: function (res5) {
uni.hideLoading() uni.hideLoading();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.close(); this_.close();
setTimeout(() => { setTimeout(() => {
this_.queryBankInfo(); this_.queryBankInfo();
}, 3000); }, 3000);
let thiTime = new Date(); let thiTime = new Date();
let str = ''; let str = "";
let accountNo = this_.bankInfo_.bindCardNo let accountNo = this_.bankInfo_.bindCardNo;
accountNo = accountNo.slice(accountNo.length - 4, accountNo = accountNo.slice(accountNo.length - 4, accountNo.length);
accountNo let minutes_ =
.length); thiTime.getMinutes().toString().length < 2
let minutes_ = (thiTime.getMinutes().toString().length) < 2 ? (thiTime ? thiTime.getMinutes().toString().padStart(2, "0")
.getMinutes().toString().padStart(2, "0")) : (thiTime.getMinutes() : thiTime.getMinutes().toString();
.toString())
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
if (thiTime.getMinutes() + 20 >= 60) { if (thiTime.getMinutes() + 20 >= 60) {
str = thiTime.getHours() + 1 + ':' + (60 - str =
thiTime thiTime.getHours() + 1 + ":" + (60 - thiTime.getMinutes());
.getMinutes())
} else { } else {
str = thiTime.getHours() + ':' + (thiTime str = thiTime.getHours() + ":" + (thiTime.getMinutes() + 20);
.getMinutes() + 20)
} }
wx.showModal({ wx.showModal({
title: '充值申请已提交', title: "充值申请已提交",
content: '银行处理需要1-20分钟时间，充值结果以余额查询为准。', content: "银行处理需要1-20分钟时间，充值结果以余额查询为准。",
showCancel: false, showCancel: false,
success: function() { success: function () {
uni.navigateTo({ uni.navigateTo({
url: `../../recharging/recharging?bankName=${this_.bankInfo_.bindCardName}&bankNumber=${accountNo}&time=${str}&money=${(amount * 1).toFixed(2)}` url: `../../recharging/recharging?bankName=${
}) this_.bankInfo_.bindCardName
} }&bankNumber=${accountNo}&time=${str}&money=${(
}) amount * 1
).toFixed(2)}`,
});
},
});
break; break;
case 4: case 4:
str = (thiTime.getHours() + 2) + ':' + minutes_ str = thiTime.getHours() + 2 + ":" + minutes_;
uni.navigateTo({ uni.navigateTo({
url: `../../recharging/recharging?bankName=${this_.bankInfo_.bindCardName}&bankNumber=${accountNo}&time=${str}&money=${(amount * 1).toFixed(2)}` url: `../../recharging/recharging?bankName=${
}) this_.bankInfo_.bindCardName
}&bankNumber=${accountNo}&time=${str}&money=${(
amount * 1
).toFixed(2)}`,
});
break; break;
default: default:
break; break;
} }
// 20211129 // 20211129
this_.RechargeSmsorderNoInfo = {} this_.RechargeSmsorderNoInfo = {};
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
uni.hideLoading(); uni.hideLoading();
}, },
}); });
...@@ -647,13 +771,13 @@ ...@@ -647,13 +771,13 @@
async ExchangeRechargeQuery(flowId, oriCorpSerno) { async ExchangeRechargeQuery(flowId, oriCorpSerno) {
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: '加载中...', message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: 'spinner', loadingType: "spinner",
duration: 0 duration: 0,
}); });
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/icbc/account/exchange/rechargeQuery', url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -665,93 +789,93 @@ ...@@ -665,93 +789,93 @@
oriCorpSerno: oriCorpSerno, oriCorpSerno: oriCorpSerno,
}, },
headers: { headers: {
'sessionid': sessionID, sessionid: sessionID,
}, },
success: function(res5) { success: function (res5) {
loading.clear(); loading.clear();
if (res5.code == "10000") { if (res5.code == "10000") {
let appStatus = res5.results.appStatus; let appStatus = res5.results.appStatus;
if (appStatus == '4') { if (appStatus == "4") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "充值成功!" content: "充值成功!",
}) });
this_.queryBankInfo(); this_.queryBankInfo();
} else { } else {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: appStatus == '1' ? '申请已受理' : res5.message content: appStatus == "1" ? "申请已受理" : res5.message,
}) });
} }
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message content: res5.message,
}) });
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
// 复制我卡号 // 复制我卡号
async CopyCardNumber() { async CopyCardNumber() {
let value = this.bankInfo_.accountNo let value = this.bankInfo_.accountNo;
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '复制成功！' message: "复制成功！",
});
this.$nextTick(function () {
let clipboard = new ClipboardJS("#cardNumright", {
text: function () {
return value;
},
});
}); });
this.$nextTick(function() {
let clipboard = new ClipboardJS('#cardNumright', {
text: function() {
return value
}
})
})
}, },
//选择输入其他金额 //选择输入其他金额
OtherMoney() { OtherMoney() {
this.depotMoneyother = true this.depotMoneyother = true;
}, },
// 快捷选择金额 // 快捷选择金额
async depotMoney(value, MoneyIndex) { async depotMoney(value, MoneyIndex) {
console.log(value) console.log(value);
if (!value) { if (!value) {
this.isOtherMoney = true this.isOtherMoney = true;
this.Money = '' this.Money = "";
this.MoneyIndex = MoneyIndex this.MoneyIndex = MoneyIndex;
return return;
} }
this.isOtherMoney = false this.isOtherMoney = false;
this.Money = parseInt(value) this.Money = parseInt(value);
this.MoneyIndex = MoneyIndex this.MoneyIndex = MoneyIndex;
}, },
//按钮操作 //按钮操作
HideHTML(dom, type) { HideHTML(dom, type) {
this.$nextTick(function() { this.$nextTick(function () {
if (type == 0) { if (type == 0) {
$('.' + dom).css('display', 'none'); $("." + dom).css("display", "none");
} else { } else {
$('.' + dom).css('display', 'block'); $("." + dom).css("display", "block");
} }
}) });
}, },
// 更换手机号码 // 更换手机号码
changePhone() { changePhone() {
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: "请稍后...." title: "请稍后....",
}); });
jWeixin.miniProgram.navigateTo({ jWeixin.miniProgram.navigateTo({
url: `/pages_subpack/pages/changePhone/main`, url: `/pages_subpack/pages/changePhone/main`,
}); });
uni.hideLoading() uni.hideLoading();
}, },
//返回小程序 跳转指定页面 //返回小程序 跳转指定页面
BackToMini(page) { BackToMini(page) {
if (page == 'UserMain' || page == 'personalCenter') { if (page == "UserMain" || page == "personalCenter") {
jWeixin.miniProgram.switchTab({ jWeixin.miniProgram.switchTab({
url: `/pages/${page}/main`, url: `/pages/${page}/main`,
}); });
...@@ -765,11 +889,11 @@ ...@@ -765,11 +889,11 @@
ChangeCardPay(item) { ChangeCardPay(item) {
let this_ = this; let this_ = this;
if (bankInfo.bindCardNo == item.bindCardNo) { if (bankInfo.bindCardNo == item.bindCardNo) {
return return;
} }
var loading = weui.loading('请稍后'); var loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/icbc/account/bindcard/changeDefaultBinding', url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -778,19 +902,19 @@ ...@@ -778,19 +902,19 @@
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
bindMedium: item.bindCardNo, bindMedium: item.bindCardNo,
bindMediumName: item.bindCardName bindMediumName: item.bindCardName,
}, },
success: function(res5) { success: function (res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.queryUserBankInfo(); this_.queryUserBankInfo();
this_.close(); this_.close();
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
} }
this_.popshow = false; this_.popshow = false;
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -798,9 +922,9 @@ ...@@ -798,9 +922,9 @@
//查询一类卡绑定列表 //查询一类卡绑定列表
queryBindCardList() { queryBindCardList() {
let this_ = this; let this_ = this;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/user/bank/bindingList', url: gHost + "/bank-wechat/user/bank/bindingList",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -808,18 +932,18 @@ ...@@ -808,18 +932,18 @@
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res4) { success: function (res4) {
loading.hide(); loading.hide();
if (res4.code == "10000") { if (res4.code == "10000") {
this_.bindcardList = res4.results; this_.bindcardList = res4.results;
this_.popshow = true this_.popshow = true;
} else { } else {
weui.topTips(res4.message) weui.topTips(res4.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -831,17 +955,20 @@ ...@@ -831,17 +955,20 @@
// 20211230 // 20211230
switch (bankInfo.accountType) { switch (bankInfo.accountType) {
case 3: case 3:
queryBankInfoUrl = queryBankInfoUrl + '/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal'; queryBankInfoUrl =
queryBankInfoUrl +
"/bank-wechat/bocom/balance/getBankBlanceAndSyncLocal";
break; break;
case 4: case 4:
queryBankInfoUrl = queryBankInfoUrl + '/bank-wechat/bohai/exchange/balanceQuery'; queryBankInfoUrl =
queryBankInfoUrl + "/bank-wechat/bohai/exchange/balanceQuery";
break; break;
default: default:
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '银行账号类型错误！' message: "银行账号类型错误！",
}); });
throw ("银行账号类型错误!") throw "银行账号类型错误!";
break; break;
} }
// let loading = weui.loading('请稍后'); // let loading = weui.loading('请稍后');
...@@ -851,13 +978,13 @@ ...@@ -851,13 +978,13 @@
timeout: 8000, timeout: 8000,
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
mediumId: bankInfo.accountNo || '', mediumId: bankInfo.accountNo || "",
schoolId: bankInfo.schoolId || '', schoolId: bankInfo.schoolId || "",
userId: bankInfo.userId || '', userId: bankInfo.userId || "",
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function(res3) { success: function (res3) {
// loading.hide(); // loading.hide();
if (res3.code == "10000") { if (res3.code == "10000") {
if (bankInfo.accountType == 4) { if (bankInfo.accountType == 4) {
...@@ -865,73 +992,79 @@ ...@@ -865,73 +992,79 @@
weui.topTips("账户信息为空，余额查询失败"); weui.topTips("账户信息为空，余额查询失败");
} else { } else {
this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2); this_.cardBalanceTx = (res3.results.eacTotalAmt * 1).toFixed(2);
$('.TxClsTx').attr('placeholder', $(".TxClsTx").attr(
"placeholder",
`可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元` `可提现金额${(res3.results.eacTotalAmt * 1).toFixed(2)}元`
) );
this_.RechargeMax = ((2000 - ((res3.results.eacTotalAmt * 1).toFixed( this_.RechargeMax = (
2) * 2000 -
1)).toFixed(2)); (res3.results.eacTotalAmt * 1).toFixed(2) * 1
).toFixed(2);
} }
return return;
} }
if (res3.results.accountBalance == null) { if (res3.results.accountBalance == null) {
weui.topTips("账户信息为空，余额查询失败"); weui.topTips("账户信息为空，余额查询失败");
} else { } else {
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(2); this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
$('.TxClsTx').attr('placeholder', 2
);
$(".TxClsTx").attr(
"placeholder",
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
) );
this_.RechargeMax = ((2000 - ((res3.results.accountBalance * 1).toFixed(2) * this_.RechargeMax = (
1)).toFixed(2)); 2000 -
(res3.results.accountBalance * 1).toFixed(2) * 1
).toFixed(2);
} }
} else { } else {
weui.topTips(res3.message) weui.topTips(res3.message);
} }
}, },
error: function(err) { error: function (err) {
// loading.hide(); // loading.hide();
}, },
complete: function(XMLHttpRequest, status) { complete: function (XMLHttpRequest, status) {
// loading.hide(); // loading.hide();
if (status == 'timeout') { if (status == "timeout") {
weui.topTips("请求超时，余额查询失败"); weui.topTips("请求超时，余额查询失败");
} }
} },
}) });
}, },
//获取用户已填写银行信息 //获取用户已填写银行信息
queryUserBankInfo() { queryUserBankInfo() {
let this_ = this; let this_ = this;
// let loading = weui.loading('请稍后'); // let loading = weui.loading('请稍后');
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/user/bank/get', url: gHost + "/bank-wechat/user/bank/get",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res2) { success: function (res2) {
if (res2.code == "10000") { if (res2.code == "10000") {
if (!res2.results) { if (!res2.results) {
weui.topTips("获取用户银行信息失败!") weui.topTips("获取用户银行信息失败!");
// loading.hide(); // loading.hide();
return return;
} }
bankInfo = res2.results; bankInfo = res2.results;
bankInfo.sessionid = sessionID; bankInfo.sessionid = sessionID;
this_.queryBankInfo(); //查余额 this_.queryBankInfo(); //查余额
this_.bankInfo_ = bankInfo; this_.bankInfo_ = bankInfo;
// 20211129 // 20211129
this_.openCardPhon = bankInfo.mobileNo this_.openCardPhon = bankInfo.mobileNo;
} else { } else {
weui.topTips(res2.message) weui.topTips(res2.message);
} }
}, },
error: function(err) { error: function (err) {
// loading.hide(); // loading.hide();
}, },
}); });
...@@ -940,67 +1073,65 @@ ...@@ -940,67 +1073,65 @@
QueryUserInfo() { QueryUserInfo() {
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: '加载中...', message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: 'spinner', loadingType: "spinner",
duration: 0 duration: 0,
}); });
$.ajax({ $.ajax({
url: gHost + '/wechat/svweapp/QueryPersonalInfo', url: gHost + "/wechat/svweapp/QueryPersonalInfo",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
userid: userID, userid: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res1) { success: function (res1) {
loading.clear(); loading.clear();
if (res1.code == "10000") { if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid; bankInfo.schoolId = res1.results.schoolid;
bankInfo.userId = res1.results.id; bankInfo.userId = res1.results.id;
this_.PersonalInfo = res1.results this_.PersonalInfo = res1.results;
if (res1.results.usertype == 1) { if (res1.results.usertype == 1) {
$('.StudentCls').css('display', 'block'); $(".StudentCls").css("display", "block");
$('.TeacherCls').css('display', 'none'); $(".TeacherCls").css("display", "none");
} else { } else {
$('.StudentCls').css('display', 'none'); $(".StudentCls").css("display", "none");
$('.TeacherCls').css('display', 'block'); $(".TeacherCls").css("display", "block");
} }
this_.queryUserBankInfo(); this_.queryUserBankInfo();
} else { } else {
weui.topTips(res1.message); weui.topTips(res1.message);
setTimeout(() => { setTimeout(() => {
this_.BackToMini('UserMain'); this_.BackToMini("UserMain");
}, 1500) }, 1500);
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
} },
} };
</script> </script>
<style lang="scss"> <style lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.changPhone {
.changPhone {
font-size: 14px; font-size: 14px;
color: #39F; color: #39f;
text-align: right; text-align: right;
} }
.showBindCardList {
.showBindCardList {
.choiceBox { .choiceBox {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
...@@ -1018,19 +1149,18 @@ ...@@ -1018,19 +1149,18 @@
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;
...@@ -1041,19 +1171,18 @@ ...@@ -1041,19 +1171,18 @@
.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 { .RechargeDetailed {
text-align: center; text-align: center;
// width: 118rpx; // width: 118rpx;
height: 32rpx; height: 32rpx;
...@@ -1062,48 +1191,46 @@ ...@@ -1062,48 +1191,46 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
text-decoration: underline; text-decoration: underline;
color: #36A8FF; color: #36a8ff;
margin-top: 50rpx; margin-top: 50rpx;
} }
.contentBox { .contentBox {
width: 670rpx; width: 670rpx;
height: 376rpx; height: 376rpx;
margin: 0 auto; margin: 0 auto;
} }
.contentDiv { .contentDiv {
height: 100%; height: 100%;
// margin-top: 36rpx; // margin-top: 36rpx;
border-radius: 15rpx; border-radius: 15rpx;
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 {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
padding-top: 88rpx; padding-top: 88rpx;
}
} .HidenText,
.Balance {
.HidenText,
.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 {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
...@@ -1111,10 +1238,10 @@ ...@@ -1111,10 +1238,10 @@
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
} }
.Recharge { .Recharge {
// height: 30rpx; // height: 30rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -1125,7 +1252,7 @@ ...@@ -1125,7 +1252,7 @@
span:nth-child(1) { span:nth-child(1) {
width: 4rpx; width: 4rpx;
height: 30rpx; height: 30rpx;
background: #23D6A3; background: #23d6a3;
border-radius: 2rpx; border-radius: 2rpx;
display: inline-block; display: inline-block;
position: relative; position: relative;
...@@ -1135,12 +1262,10 @@ ...@@ -1135,12 +1262,10 @@
span:nth-child(2) { span:nth-child(2) {
display: inline-block; display: inline-block;
margin-left: 16rpx; margin-left: 16rpx;
} }
} }
.headview { .headview {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// padding-left: 40rpx; // padding-left: 40rpx;
...@@ -1149,68 +1274,68 @@ ...@@ -1149,68 +1274,68 @@
padding-top: 36rpx; padding-top: 36rpx;
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
} }
.headview .schoolname { .headview .schoolname {
// width: 252rpx; // width: 252rpx;
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
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 {
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
color: #888888; color: #888888;
width: 686rpx; width: 686rpx;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.choiceClass { .choiceClass {
background: rgba(39, 266, 148, 0.1) !important; background: rgba(39, 266, 148, 0.1) !important;
color: #28D79C; color: #28d79c;
} }
.MoneyBox view { .MoneyBox view {
width: 220rpx; width: 220rpx;
height: 120rpx; height: 120rpx;
background: #FFFFFF; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
border: 1rpx solid #EEEEEE; border: 1rpx solid #eeeeee;
margin-top: 16rpx; margin-top: 16rpx;
text-align: center; text-align: center;
position: relative; position: relative;
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
margin-right: 2px; margin-right: 2px;
float: left; float: left;
} }
.depotMoney .value { .depotMoney .value {
font-size: 45rpx; font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
line-height: 120rpx; line-height: 120rpx;
text-align: center; text-align: center;
} }
.depotMoney .tips { .depotMoney .tips {
// width: 79rpx; // width: 79rpx;
// height: 33rpx; // height: 33rpx;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
...@@ -1223,9 +1348,9 @@ ...@@ -1223,9 +1348,9 @@
// position: absolute; // position: absolute;
// right: 0rpx; // right: 0rpx;
// line-height: 33rpx; // line-height: 33rpx;
} }
.OtherMoney { .OtherMoney {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
// color: #999999; // color: #999999;
...@@ -1236,13 +1361,12 @@ ...@@ -1236,13 +1361,12 @@
// line-height: 40rpx; // line-height: 40rpx;
width: 686rpx; width: 686rpx;
height: 100rpx; height: 100rpx;
background: #F7F6FB; background: #f7f6fb;
border-radius: 10rpx; border-radius: 10rpx;
margin: 0 auto; margin: 0 auto;
line-height: 100rpx; line-height: 100rpx;
margin-top: 32rpx; margin-top: 32rpx;
span { span {
display: inline-block; display: inline-block;
font-size: 40rpx; font-size: 40rpx;
...@@ -1255,9 +1379,9 @@ ...@@ -1255,9 +1379,9 @@
input { input {
height: 100%; height: 100%;
} }
} }
.OtherMoney view:nth-child(2) { .OtherMoney view:nth-child(2) {
// width: 30rpx; // width: 30rpx;
// height: 30rpx; // height: 30rpx;
// background: #F0F0F0; // background: #F0F0F0;
...@@ -1266,16 +1390,16 @@ ...@@ -1266,16 +1390,16 @@
// 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: 32rpx; font-size: 32rpx;
...@@ -1283,9 +1407,9 @@ ...@@ -1283,9 +1407,9 @@
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
line-height: 98rpx; line-height: 98rpx;
} }
.payType view::nth-child(2) { .payType view::nth-child(2) {
width: 225rpx; width: 225rpx;
height: 45rpx; height: 45rpx;
font-size: 32rpx; font-size: 32rpx;
...@@ -1293,11 +1417,9 @@ ...@@ -1293,11 +1417,9 @@
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
line-height: 45rpx; line-height: 45rpx;
} }
.arrow { .arrow {
transform: rotate(-45deg); transform: rotate(-45deg);
top: -3rpx; top: -3rpx;
border: solid #999999; border: solid #999999;
...@@ -1305,39 +1427,37 @@ ...@@ -1305,39 +1427,37 @@
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
}
} @media (min-height: 650px) {
@media (min-height: 650px) {
.bottomdiv { .bottomdiv {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
bottom: 30rpx; bottom: 30rpx;
} }
} }
.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;
}
} .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;
} }
.switchbankCard { .switchbankCard {
text-align: center; text-align: center;
/* width: 205px; */ /* width: 205px; */
// height: 28rpx; // height: 28rpx;
...@@ -1345,29 +1465,26 @@ ...@@ -1345,29 +1465,26 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
text-decoration: underline; text-decoration: underline;
color: #268EF8; color: #268ef8;
margin-top: 23rpx; margin-top: 23rpx;
} }
.RechargeConfirmationBox { .RechargeConfirmationBox {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: 400rpx; top: 400rpx;
width: 618rpx; width: 618rpx;
height: 520rpx; height: 520rpx;
background: #FFFFFF; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
margin: 0 auto; margin: 0 auto;
.RechargeInfo { .RechargeInfo {
width: 560rpx; width: 560rpx;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
/deep/ .openCardPhonTxt { /deep/ .openCardPhonTxt {
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
...@@ -1387,7 +1504,7 @@ ...@@ -1387,7 +1504,7 @@
} }
/deep/ .van-button { /deep/ .van-button {
background: #1CC48B; background: #1cc48b;
border-radius: 8rpx; border-radius: 8rpx;
font-size: 10rpx; font-size: 10rpx;
} }
...@@ -1431,27 +1548,25 @@ ...@@ -1431,27 +1548,25 @@
} }
view:nth-child(1) { view:nth-child(1) {
background: #1CC48B; background: #1cc48b;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #EBEBEB; color: #ebebeb;
} }
view:nth-child(2) { view:nth-child(2) {
background: #1CC48B; background: #1cc48b;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
}
} }
} }
} }
}
.closePhoneBox { .closePhoneBox {
// width: 35rpx; // width: 35rpx;
height: 35rpx; height: 35rpx;
position: relative; position: relative;
...@@ -1465,61 +1580,60 @@ ...@@ -1465,61 +1580,60 @@
position: relative; position: relative;
right: 10rpx; right: 10rpx;
} }
}
} .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;
} }
.PhoneNum, .PhoneNum,
.VerifyCode { .VerifyCode {
width: 506rpx; width: 506rpx;
height: 80rpx; height: 80rpx;
line-height: 60rpx; line-height: 60rpx;
background: #F7F6FB; background: #f7f6fb;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.VerifyCode { .VerifyCode {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.VerifyCode input { .VerifyCode input {
width: 200rpx; width: 200rpx;
} }
.CodeMsg { .CodeMsg {
color: #01BC73; color: #01bc73;
background: #F7F6FB; background: #f7f6fb;
font-size: 32rpx; font-size: 32rpx;
font-weight: 600; font-weight: 600;
line-height: 80rpx; line-height: 80rpx;
letter-spacing: 3rpx; letter-spacing: 3rpx;
} }
.placeholderInput { .placeholderInput {
color: #AAAAAA; color: #aaaaaa;
font-size: 42rpx; font-size: 42rpx;
font-weight: 500; font-weight: 500;
letter-spacing: 3rpx; letter-spacing: 3rpx;
// padding-left: 50rpx; // padding-left: 50rpx;
height: 80rpx; height: 80rpx;
} }
.OtherTitle { .OtherTitle {
height: 67rpx; height: 67rpx;
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
...@@ -1528,55 +1642,55 @@ ...@@ -1528,55 +1642,55 @@
line-height: 67rpx; line-height: 67rpx;
padding-top: 60rpx; padding-top: 60rpx;
} }
.inputOtherM { .inputOtherM {
display: flex; display: flex;
height: 100rpx; height: 100rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.inputOtherM input { .inputOtherM input {
border: none; border: none;
outline: none; outline: none;
height: 50rpx; height: 50rpx;
padding-left: 16rpx; padding-left: 16rpx;
font-size: 72rpx; font-size: 72rpx;
font-weight: 600; font-weight: 600;
} }
.inputOtherM span:nth-child(1) { .inputOtherM span:nth-child(1) {
width: 72rpx; width: 72rpx;
font-size: 80rpx; font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 100rpx; line-height: 100rpx;
} }
.OtherLine { .OtherLine {
width: 631rpx; width: 631rpx;
height: 1rpx; height: 1rpx;
background-color: #CCCCCC; background-color: #cccccc;
margin-top: 19rpx; margin-top: 19rpx;
} }
.depositbox { .depositbox {
margin-top: 31rpx; margin-top: 31rpx;
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
} }
.depositImg { .depositImg {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
vertical-align: middle; vertical-align: middle;
margin-right: 8rpx; margin-right: 8rpx;
position: relative; position: relative;
top: -2rpx; top: -2rpx;
} }
.Recharge_ { .Recharge_ {
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -1584,16 +1698,16 @@ ...@@ -1584,16 +1698,16 @@
color: #333333; color: #333333;
line-height: 40rpx; line-height: 40rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.Recharge_ span:nth-child(2) { .Recharge_ span:nth-child(2) {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #FA6400; color: #fa6400;
} }
.placeholderinputOtherM { .placeholderinputOtherM {
height: 50rpx; height: 50rpx;
// font-family: PingFangSC-Semibold, PingFang SC; // font-family: PingFangSC-Semibold, PingFang SC;
// font-weight: 600; // font-weight: 600;
...@@ -1604,37 +1718,37 @@ ...@@ -1604,37 +1718,37 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
} }
// 异常处理 // 异常处理
.RechargeException { .RechargeException {
padding-top: 20rpx; padding-top: 20rpx;
} }
.weui-label { .weui-label {
// width: 118rpx; // width: 118rpx;
height: 42rpx; height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
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;
...@@ -1642,57 +1756,54 @@ ...@@ -1642,57 +1756,54 @@
// 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 { .RechargeException input::placeholder {
color: #A1A4A8; color: #a1a4a8;
} }
.RechargeException .weui-cell { .RechargeException .weui-cell {
height: 4rem; height: 4rem;
padding: 0 !important; padding: 0 !important;
} }
.idCardPhoto1, .idCardPhoto1,
.idCardPhoto2 { .idCardPhoto2 {
width: 388rpx; width: 388rpx;
height: 224rpx; height: 224rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.idCardPhoto1 image, .idCardPhoto1 image,
.idCardPhoto2 image { .idCardPhoto2 image {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.weui-toptips_success { .weui-toptips_success {
background-color: #03BC73 !important background-color: #03bc73 !important;
} }
.positionCam { .positionCam {
height: 32rpx; height: 32rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500; font-weight: 500;
color: #6D7278; color: #6d7278;
line-height: 32rpx; line-height: 32rpx;
text-align: center; text-align: center;
position: relative; position: relative;
top: -29px; top: -29px;
} }
.BgCoverBox { .BgCoverBox {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
...@@ -1701,18 +1812,18 @@ ...@@ -1701,18 +1812,18 @@
z-index: 10; z-index: 10;
background: #000000; background: #000000;
opacity: 0.5; opacity: 0.5;
} }
.hideListCover { .hideListCover {
max-height: 50vh; max-height: 50vh;
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;
} }
.bottomDiv { .bottomDiv {
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
</style> </style>
src/pages/BankModule/Reflect/Reflect.vue
View file @ f07190b8
...@@ -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);
}) })
......
src/pages/ConsumptionReport/ConsumptionReport.vue
View file @ f07190b8
...@@ -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>
......
src/pages/IcbcModule/Recharge/Recharge.vue
View file @ f07190b8
...@@ -4,28 +4,46 @@ ...@@ -4,28 +4,46 @@
<!-- <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> **** **** ****
{{ bankInfo_.accountNo.slice(bankInfo_.accountNo.length - 4) }}
<span>(工商III类户)</span>
</view> </view>
<view class="cardNumright" id="cardNumright" @click="CopyCardNumber">复制</view> <view class="cardNumright" id="cardNumright" @click="CopyCardNumber"
>复制</view
>
</view> </view>
<view class="HidenText"> <view class="HidenText">
<view class="userName">姓名：<span>{{PersonalInfo.name}}</span></view> <view class="userName"
<view class="StudentCls" v-if="PersonalInfo.usertype=='1'"> >姓名：<span>{{ PersonalInfo.name }}</span></view
班级：{{PersonalInfo.gradename}}({{PersonalInfo.classname}})</view> >
<view class='TeacherCls' v-else>教职工</view> <view class="StudentCls" v-if="PersonalInfo.usertype == '1'">
班级：{{ PersonalInfo.gradename }}({{
PersonalInfo.classname
}})</view
>
<view class="TeacherCls" v-else>教职工</view>
</view> </view>
<view class="Balance"> <view class="Balance">
<view class="cardBalanceTx">余额：￥<span>{{cardBalanceTx}}</span></view> <view class="cardBalanceTx"
>余额：￥<span>{{ cardBalanceTx }}</span></view
>
<view @click="ToWalletTx"> <view @click="ToWalletTx">
<span style="display: inline-block;padding-right: 10rpx;">余额提现</span> <span style="display: inline-block; padding-right: 10rpx"
<image style="position: relative;width: 13rpx;height: 20rpx;" class='ImgIcon1' mode='widthFix' >余额提现</span
:src="ImgUrl+'images/xiaopaycard (17).png'" alt=""></image> >
<image
style="position: relative; width: 13rpx; height: 20rpx"
class="ImgIcon1"
mode="widthFix"
:src="ImgUrl + 'images/xiaopaycard (17).png'"
alt=""
></image>
</view> </view>
</view> </view>
</view> </view>
...@@ -40,14 +58,20 @@ ...@@ -40,14 +58,20 @@
</view> </view>
<!-- 充值的金额 --> <!-- 充值的金额 -->
<view class="MoneyBox"> <view class="MoneyBox">
<view class="depotMoney" @click="depotMoney(item.value,index)" <view
v-bind:class="(MoneyIndex==index)?'choiceClass':''" :data-money="item.value||0" class="depotMoney"
v-for="(item,index) in MoneyList" :key="index"> @click="depotMoney(item.value, index)"
v-bind:class="MoneyIndex == index ? 'choiceClass' : ''"
:data-money="item.value || 0"
v-for="(item, index) in MoneyList"
:key="index"
>
<span class="value"> <span class="value">
{{item.value}} {{ item.value }}
</span> </span>
<span style="font-size: 28rpx;font-weight: 600;margin-left: 7rpx;">{{item.lable}}</span> <span style="font-size: 28rpx; font-weight: 600; margin-left: 7rpx">{{
item.lable
}}</span>
<!-- <span class="tips" v-show="item.tips"> <!-- <span class="tips" v-show="item.tips">
{{item.tips}} {{item.tips}}
</span> --> </span> -->
...@@ -55,50 +79,84 @@ ...@@ -55,50 +79,84 @@
</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"
src="../../../static/img/depositIcon.png"
></image>
<span
style="
vertical-align: middle;
font-size: 28rpx;
color: #333333;
font-weight: 500;
"
>最大可充值金额：<span style="color: red"
>￥<span class="canDepositTx">{{ RechargeMax }}</span></span
></span
>
</view> </view>
<!-- 充值其它金额 --> <!-- 充值其它金额 -->
<view class="OtherMoney" v-if="isOtherMoney"> <view class="OtherMoney" v-if="isOtherMoney">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" @blur="ReturnToTop" placeholder="请输入其他金额，最低3元" <input
placeholder-class="placeholderinputOtherM" type="text" maxlength="6" /> v-model="inputOtherM"
@input="inputControl"
@blur="ReturnToTop"
placeholder="请输入其他金额，最低3元"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
<!-- 支付方式 --> <!-- 支付方式 -->
<view class="payType" @click="queryBindCardList"> <view class="payType" @click="queryBindCardList">
<view>付款方式</view> <view>付款方式</view>
<view> {{ bankInfo_.bindCardName}} {{ bankInfo_.bindCardNo.slice(bankInfo_.bindCardNo.length-4) }}<span <view>
class="arrow"></span></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 <!-- <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"
@click="toDeposit"
v-bind:style="Money != '' ? '' : 'background: #e6e6e6 !important;'"
>
<span>充值生活费</span> <span>充值生活费</span>
</view> </view>
<!-- --> <!-- -->
<view class="switchbankCard" @click="ChangeBankPay">我要换银行卡支付</view> <view class="switchbankCard" @click="ChangeBankPay"
>我要换银行卡支付</view
>
</view> </view>
</view> </view>
<!-- 其他充值金额 --> <!-- 其他充值金额 -->
<view class="contentBox" v-if="depotMoneyother"> <view class="contentBox" v-if="depotMoneyother">
<view class="OtherTitle">充值金额</view> <view class="OtherTitle">充值金额</view>
<view class="inputOtherM"> <view class="inputOtherM">
<span>￥</span> <span>￥</span>
<input v-model="inputOtherM" @input="inputControl" placeholder-class="placeholderinputOtherM" <input
type="text" maxlength="6" /> v-model="inputOtherM"
@input="inputControl"
placeholder-class="placeholderinputOtherM"
type="text"
maxlength="6"
/>
</view> </view>
<view class="OtherLine"></view> <view class="OtherLine"></view>
<!-- 充值范围 --> <!-- 充值范围 -->
<view class="Recharge_"> <view class="Recharge_">
<!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> --> <!-- <image mode="widthFix" class="depositImg" src="../../static/img/depositIcon.png"></image> -->
<span>最大可充值金额：</span> <span>最大可充值金额：</span>
<span>￥<span>3.00 ~ 2000.00</span></span> <span
>￥<span>3.00 ~ {{ RechargeMax }}</span></span
>
</view> </view>
</view> </view>
<!-- 弹出层 --> <!-- 弹出层 -->
...@@ -109,46 +167,54 @@ ...@@ -109,46 +167,54 @@
<view class="closePhoneBox" @click="close()"> <view class="closePhoneBox" @click="close()">
<image src="../../../static/img/close.png" mode="aspectFit"></image> <image src="../../../static/img/close.png" mode="aspectFit"></image>
</view> </view>
<view class="RechargeInfo1"> <view class="RechargeInfo1"> 充值生活费 </view>
充值生活费 <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
</view>
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view>
<view class="ContenInfo"> <view class="ContenInfo">
<view class="" v-if="isOtherMoney"> <view class="" v-if="isOtherMoney">
充值金额：{{inputOtherM}}元 充值金额：{{ inputOtherM }}元
</view>
<view class="" v-else>
充值金额：{{Money}}元
</view> </view>
<view class="" v-else> 充值金额：{{ Money }}元 </view>
<view class=""> <view class="">
付款账户：{{bankInfo_.bindCardName}}({{bankInfo_.bindCardNo && bankInfo_.bindCardNo.slice(bankInfo_.accountNo.length-4)}}) 付款账户：{{ bankInfo_.bindCardName }}({{
bankInfo_.bindCardNo &&
bankInfo_.bindCardNo.slice(bankInfo_.accountNo.length - 4)
}})
</view> </view>
</view> </view>
<view style="width: 520rpx;height: 1rpx;background: #EEEEEE;"></view> <view style="width: 520rpx; height: 1rpx; background: #eeeeee"></view>
<!-- 取消 确认充值按钮 --> <!-- 取消 确认充值按钮 -->
<view class="BtngGoup"> <view class="BtngGoup">
<view class="" @click="close()"> <view class="" @click="close()"> 取消 </view>
取消 <view class="" @click="ExchangeRecharge"> 确认充值 </view>
</view>
<view class="" @click="ExchangeRecharge">
确认充值
</view>
</view> </view>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
<!-- 选择银行卡 --> <!-- 选择银行卡 -->
<view class="selectCard"> <view class="selectCard">
<van-popup v-model="popshow" round position="bottom" :style="{ height: '30%' }"> <van-popup
v-model="popshow"
round
position="bottom"
:style="{ height: '30%' }"
>
<!-- 银行卡列表 --> <!-- 银行卡列表 -->
<view class="accountlist"> <view class="accountlist">
<!-- 切换绑定的一类卡列表 --> <!-- 切换绑定的一类卡列表 -->
<view class="showBindCardList"> <view class="showBindCardList">
<view class="choiceBox">选择付款账户</view> <view class="choiceBox">选择付款账户</view>
<view class="ListItem" @click="ChangeCardPay(item)" v-for="(item,index) in bindcardList" <view
:key="index"> class="ListItem"
<span style="padding-right:10px;">{{item.bindCardName}} </span> @click="ChangeCardPay(item)"
<span>尾号：{{item.bindCardNo.slice(item.bindCardNo.length-4)}}</span> v-for="(item, index) in bindcardList"
:key="index"
>
<span style="padding-right: 10px">{{ item.bindCardName }} </span>
<span
>尾号：{{
item.bindCardNo.slice(item.bindCardNo.length - 4)
}}</span
>
<!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> --> <!-- <image class='BankListImg' src='../../../static/img/choiceBank.png'></image> -->
</view> </view>
</view> </view>
...@@ -159,44 +225,41 @@ ...@@ -159,44 +225,41 @@
</template> </template>
<script> <script>
import { import { Dialog, Toast } from "vant";
Dialog, import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
Toast import cityData from "@/common/js/city.js";
} from 'vant'; var gHost = "https://" + window.location.host;
import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue" if (window.location.protocol != "https:") {
import cityData from "@/common/js/city.js"
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net"; gHost = "https://fpdev.xiaopay.net";
// gHost = "/api"; // gHost = "/api";
} }
let times = 0; let times = 0;
var limitClick = false; //禁止重复点击 var limitClick = false; //禁止重复点击
var sessionID = '', var sessionID = "",
userID = ''; userID = "";
var payCardNumber = ''; //一类卡号 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,
} };
/** /**
* 对象转拼接字符串 * 对象转拼接字符串
* @param {*} res Object 需要转换的数据对象 * @param {*} res Object 需要转换的数据对象
*/ */
function OforS(res) { function OforS(res) {
var resL = 0; var resL = 0;
var outS = ""; var outS = "";
for (var i in res) { for (var i in res) {
...@@ -208,10 +271,10 @@ ...@@ -208,10 +271,10 @@
resL++; resL++;
} }
return outS; return outS;
} }
export default { export default {
components: { components: {
keyboardPackage keyboardPackage,
}, },
name: "Recharge", name: "Recharge",
data() { data() {
...@@ -219,234 +282,251 @@ ...@@ -219,234 +282,251 @@
popshow: false, popshow: false,
// 输入其它金额 // 输入其它金额
isOtherMoney: false, isOtherMoney: false,
inputOtherM: '', inputOtherM: "",
RechargeException: false, RechargeException: false,
depotMoneyother: false, //其他充值 depotMoneyother: false, //其他充值
Money: '', //选择金额 Money: "", //选择金额
MoneyIndex: -1, MoneyIndex: -1,
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",
}, },
bankInfo_: { bankInfo_: {
accountNo: '**** **** **** 1234', accountNo: "**** **** **** 1234",
bindCardName: '', bindCardName: "",
bindCardNo: '' bindCardNo: "",
}, },
ImgUrl: this.$ImgUrl, ImgUrl: this.$ImgUrl,
MoneyList:[{ MoneyList: [
lable:'元', {
value:100 lable: "元",
},{ value: 100,
lable:'元', },
value:200 {
},{ lable: "元",
lable:'元', value: 200,
value:500 },
},{ {
lable:'元', lable: "元",
value:1000 value: 500,
},{ },
lable:'其他金额', {
value:'' lable: "元",
}], value: 1000,
},
{
lable: "其他金额",
value: "",
},
],
numberList: [], numberList: [],
tempFiles1: '../../static/img/idCardBg1.png', //上传身份证临时选择文件 tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
tempFiles2: '../../static/img/idCardBg0.png', tempFiles2: "../../static/img/idCardBg0.png",
//绑定的一类卡列表 //绑定的一类卡列表
bindcardList: [] bindcardList: [],
} };
}, },
onLoad: function(options) { onLoad: function (options) {
console.log(options); console.log(options);
// 初始化 // 初始化
userID = options['userID'] || ''; userID = options["userID"] || "";
sessionID = options['seesionID'] || ''; sessionID = options["seesionID"] || "";
fromType = options['fromType'] || ''; fromType = options["fromType"] || "";
bankInfo.sessionid = sessionID || ''; bankInfo.sessionid = sessionID || "";
this.QueryUserInfo() this.QueryUserInfo();
},
created: function() {
},
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", //查询是否提交销户
type:'post', url:
data:{ gHost +
schoolId:this.PersonalInfo.schoolid, "/bank-wechat/icbc/account/manager/accountCloseacceptStatusQuery",
userId:this.PersonalInfo.id, type: "post",
data: {
schoolId: this.PersonalInfo.schoolid,
userId: this.PersonalInfo.id,
wechattype: 1, wechattype: 1,
'sessionid': sessionID, sessionid: sessionID,
}, },
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
headers: { headers: {
'sessionid': sessionID, sessionid: sessionID,
}, },
success:( { code , message , results } ) => { success: ({ code, message, results }) => {
let status = results && results.status ; // 0表示未申请，1申请中，2已销户，3销户申请失败 let status = results && results.status; // 0表示未申请，1申请中，2已销户，3销户申请失败
if(code === '10000' && status == '0'){ if (code === "10000" && status == "0") {
}else if(code === '10000' && status == '1'){ } else if (code === "10000" && status == "1") {
uni.showToast({ uni.showToast({
title: "您已提交销户申请，银行正在审核中。", title: "您已提交销户申请，银行正在审核中。",
icon:'none', icon: "none",
}) });
}else{ } else {
uni.showToast({ uni.showToast({
title: message, title: message,
icon:'none', icon: "none",
}) });
} }
resolve(status) resolve(status);
}, },
error: function(err) { error: function (err) {
uni.showToast({ uni.showToast({
title: err.message || '请求失败', title: err.message || "请求失败",
icon:'none', 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:
"../Reflect/Reflect?" +
OforS({
sessionID: sessionID, sessionID: sessionID,
userID: userID userID: userID,
}) }),
}) });
}, },
//全部提现 //全部提现
TxAllFun() { TxAllFun() {
this.ReflectMoney = this.cardBalanceTx * 1 this.ReflectMoney = this.cardBalanceTx * 1;
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
}, },
// 输入限制 // 输入限制
inputControl(e) { inputControl(e) {
let this_ = this let this_ = this;
let obj = e.detail let obj = e.detail;
this.$nextTick(function() { this.$nextTick(function () {
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 obj.value = obj.value
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 .replace(".", "$#$")
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; .replace(/\./g, "")
if (obj.value == '' || obj.value * 1 < 3) { .replace("$#$", "."); //只允许输入一个小数点
$('.DepositID').attr('style', 'background: rgb(230, 230, 230) !important;'); obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
obj.value =
obj.value * 1 > this_.RechargeMax ? this_.RechargeMax : obj.value;
if (obj.value == "" || obj.value * 1 < 3) {
$(".DepositID").attr(
"style",
"background: rgb(230, 230, 230) !important;"
);
} else { } else {
$('.DepositID').removeAttr('style'); $(".DepositID").removeAttr("style");
} }
this_.inputOtherM = obj.value this_.inputOtherM = obj.value;
}) });
}, },
//input键盘弹起不会弹 //input键盘弹起不会弹
ReturnToTop() { ReturnToTop() {
this.$nextTick(function() { // 若最后一位为小数点则去掉
let str = this.inputOtherM + "";
if (str.lastIndexOf(".") == str.length - 1) {
this.inputOtherM = str.substring(0, str.length - 1);
}
this.$nextTick(function () {
document.scrollingElement.scrollTo(0, this.scrollTop); document.scrollingElement.scrollTo(0, this.scrollTop);
}) });
}, },
// 充值 // 充值
async ExchangeRecharge() { async ExchangeRecharge() {
let amount, let amount, bindMedium, summary;
bindMedium,
summary;
if (this.isOtherMoney) { if (this.isOtherMoney) {
if (this.inputOtherM == '') { if (this.inputOtherM == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请输入要充值的金额!" content: "请输入要充值的金额!",
}) });
return return;
} }
amount = this.inputOtherM * 1 amount = this.inputOtherM * 1;
} else { } else {
if (this.Money == '') { if (this.Money == "") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "请选择要充值的金额!" content: "请选择要充值的金额!",
}) });
return return;
} }
amount = this.Money * 1 amount = this.Money * 1;
} }
let this_ = this; let this_ = this;
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: "处理中......" title: "处理中......",
}) });
try{ try {
let status = await this.accountCloseacceptStatusQuery(); let status = await this.accountCloseacceptStatusQuery();
if(status !== 0) { uni.hideLoading(); return false }; if (status !== 0) {
}catch(e){
uni.hideLoading(); uni.hideLoading();
return false return false;
}
} catch (e) {
uni.hideLoading();
return false;
} }
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/icbc/account/exchange/recharge', url: gHost + "/bank-wechat/icbc/account/exchange/recharge",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -459,26 +539,25 @@ ...@@ -459,26 +539,25 @@
summary: "充值", summary: "充值",
}, },
headers: { headers: {
'sessionid': sessionID, sessionid: sessionID,
}, },
success: function(res5) { success: function (res5) {
uni.hideLoading() uni.hideLoading();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.close(); this_.close();
setTimeout(() => { setTimeout(() => {
this_.queryBankInfo(); this_.queryBankInfo();
},3000); }, 3000);
wx.showModal({ wx.showModal({
title:'充值申请已提交', title: "充值申请已提交",
content:'银行处理需要1-5分钟时间，充值结果以余额查询为准。', content: "银行处理需要1-5分钟时间，充值结果以余额查询为准。",
showCancel:false showCancel: false,
}) });
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
uni.hideLoading(); uni.hideLoading();
}, },
}); });
...@@ -487,13 +566,13 @@ ...@@ -487,13 +566,13 @@
async ExchangeRechargeQuery(flowId, oriCorpSerno) { async ExchangeRechargeQuery(flowId, oriCorpSerno) {
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: '加载中...', message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: 'spinner', loadingType: "spinner",
duration: 0 duration: 0,
}); });
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/icbc/account/exchange/rechargeQuery', url: gHost + "/bank-wechat/icbc/account/exchange/rechargeQuery",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -505,82 +584,82 @@ ...@@ -505,82 +584,82 @@
oriCorpSerno: oriCorpSerno, oriCorpSerno: oriCorpSerno,
}, },
headers: { headers: {
'sessionid': sessionID, sessionid: sessionID,
}, },
success: function(res5) { success: function (res5) {
loading.clear(); loading.clear();
if (res5.code == "10000") { if (res5.code == "10000") {
let appStatus = res5.results.appStatus; let appStatus = res5.results.appStatus;
if (appStatus == '4') { if (appStatus == "4") {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: "充值成功!" content: "充值成功!",
}) });
this_.queryBankInfo(); this_.queryBankInfo();
} else { } else {
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: appStatus == '1' ? '申请已受理' : res5.message content: appStatus == "1" ? "申请已受理" : res5.message,
}) });
} }
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
uni.showModal({ uni.showModal({
title: "系统提示", title: "系统提示",
content: res5.message content: res5.message,
}) });
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
// 复制我卡号 // 复制我卡号
async CopyCardNumber() { async CopyCardNumber() {
let value = this.bankInfo_.accountNo let value = this.bankInfo_.accountNo;
Dialog({ Dialog({
title: '系统提示', title: "系统提示",
message: '复制成功！' message: "复制成功！",
});
this.$nextTick(function () {
let clipboard = new ClipboardJS("#cardNumright", {
text: function () {
return value;
},
});
}); });
this.$nextTick(function() {
let clipboard = new ClipboardJS('#cardNumright', {
text: function() {
return value
}
})
})
}, },
//选择输入其他金额 //选择输入其他金额
OtherMoney() { OtherMoney() {
this.depotMoneyother = true this.depotMoneyother = true;
}, },
// 快捷选择金额 // 快捷选择金额
async depotMoney(value, MoneyIndex) { async depotMoney(value, MoneyIndex) {
console.log(value) console.log(value);
if (!value) { if (!value) {
this.isOtherMoney = true this.isOtherMoney = true;
this.Money = '' this.Money = "";
this.MoneyIndex = MoneyIndex this.MoneyIndex = MoneyIndex;
return return;
} }
this.isOtherMoney = false this.isOtherMoney = false;
this.Money = parseInt(value) this.Money = parseInt(value);
this.MoneyIndex = MoneyIndex this.MoneyIndex = MoneyIndex;
}, },
//按钮操作 //按钮操作
HideHTML(dom, type) { HideHTML(dom, type) {
this.$nextTick(function() { this.$nextTick(function () {
if (type == 0) { if (type == 0) {
$('.' + dom).css('display', 'none'); $("." + dom).css("display", "none");
} else { } else {
$('.' + dom).css('display', 'block'); $("." + dom).css("display", "block");
} }
}) });
}, },
//返回小程序 跳转指定页面 //返回小程序 跳转指定页面
BackToMini(page) { BackToMini(page) {
if (page == 'UserMain' || page == 'personalCenter') { if (page == "UserMain" || page == "personalCenter") {
jWeixin.miniProgram.switchTab({ jWeixin.miniProgram.switchTab({
url: `/pages/${page}/main`, url: `/pages/${page}/main`,
}); });
...@@ -594,11 +673,11 @@ ...@@ -594,11 +673,11 @@
ChangeCardPay(item) { ChangeCardPay(item) {
let this_ = this; let this_ = this;
if (bankInfo.bindCardNo == item.bindCardNo) { if (bankInfo.bindCardNo == item.bindCardNo) {
return return;
} }
var loading = weui.loading('请稍后'); var loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/icbc/account/bindcard/changeDefaultBinding', url: gHost + "/bank-wechat/icbc/account/bindcard/changeDefaultBinding",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -607,19 +686,19 @@ ...@@ -607,19 +686,19 @@
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
bindMedium: item.bindCardNo, bindMedium: item.bindCardNo,
bindMediumName: item.bindCardName bindMediumName: item.bindCardName,
}, },
success: function(res5) { success: function (res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.queryUserBankInfo(); this_.queryUserBankInfo();
this_.close(); this_.close();
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
} }
this_.popshow = false; this_.popshow = false;
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -627,9 +706,9 @@ ...@@ -627,9 +706,9 @@
//查询一类卡绑定列表 //查询一类卡绑定列表
queryBindCardList() { queryBindCardList() {
let this_ = this; let this_ = this;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/icbc/account/bindcard/bindingList', url: gHost + "/bank-wechat/icbc/account/bindcard/bindingList",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -637,18 +716,18 @@ ...@@ -637,18 +716,18 @@
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res4) { success: function (res4) {
loading.hide(); loading.hide();
if (res4.code == "10000") { if (res4.code == "10000") {
this_.bindcardList = res4.results; this_.bindcardList = res4.results;
this_.popshow = true this_.popshow = true;
} else { } else {
weui.topTips(res4.message) weui.topTips(res4.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -658,65 +737,70 @@ ...@@ -658,65 +737,70 @@
let this_ = this; let this_ = this;
// let loading = weui.loading('请稍后'); // let loading = weui.loading('请稍后');
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/icbc/account/balance/balanceQuery', url: gHost + "/bank-wechat/icbc/account/balance/balanceQuery",
type: "POST", type: "POST",
timeout: 8000, timeout: 8000,
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
mediumId: bankInfo.accountNo || '', mediumId: bankInfo.accountNo || "",
schoolId: bankInfo.schoolId || '', schoolId: bankInfo.schoolId || "",
userId: bankInfo.userId || '', userId: bankInfo.userId || "",
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
}, },
success: function(res3) { success: function (res3) {
// loading.hide(); // loading.hide();
if (res3.code == "10000") { if (res3.code == "10000") {
if (res3.results.accountBalance == null) { if (res3.results.accountBalance == null) {
weui.topTips("账户信息为空，余额查询失败"); weui.topTips("账户信息为空，余额查询失败");
} else { } else {
this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(2); this_.cardBalanceTx = (res3.results.accountBalance * 1).toFixed(
$('.TxClsTx').attr('placeholder', 2
);
$(".TxClsTx").attr(
"placeholder",
`可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元` `可提现金额${(res3.results.accountBalance * 1).toFixed(2)}元`
) );
this_.RechargeMax = ((2000 - ((res3.results.accountBalance * 1).toFixed(2) * this_.RechargeMax = (
1)).toFixed(2)); 2000 -
(res3.results.accountBalance * 1).toFixed(2) * 1
).toFixed(2);
} }
} else { } else {
weui.topTips(res3.message) weui.topTips(res3.message);
} }
}, },
error: function(err) { error: function (err) {
// loading.hide(); // loading.hide();
}, },
complete: function(XMLHttpRequest, status) { complete: function (XMLHttpRequest, status) {
// loading.hide(); // loading.hide();
if (status == 'timeout') { if (status == "timeout") {
weui.topTips("请求超时，余额查询失败"); weui.topTips("请求超时，余额查询失败");
} }
} },
}) });
}, },
//获取用户已填写银行信息 //获取用户已填写银行信息
queryUserBankInfo() { queryUserBankInfo() {
let this_ = this; let this_ = this;
// let loading = weui.loading('请稍后'); // let loading = weui.loading('请稍后');
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/user/bank/get', url: gHost + "/bank-wechat/user/bank/get",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res2) { success: function (res2) {
if (res2.code == "10000") { if (res2.code == "10000") {
if (!res2.results) { if (!res2.results) {
weui.topTips("获取用户银行信息失败!") weui.topTips("获取用户银行信息失败!");
// loading.hide(); // loading.hide();
return return;
} }
bankInfo = res2.results; bankInfo = res2.results;
bankInfo.sessionid = sessionID; bankInfo.sessionid = sessionID;
...@@ -724,10 +808,10 @@ ...@@ -724,10 +808,10 @@
this_.bankInfo_ = bankInfo; this_.bankInfo_ = bankInfo;
// this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id); // this_.getBindingList(bankInfo.accountNo,bankInfo.schoolId,bankInfo.id);
} else { } else {
weui.topTips(res2.message) weui.topTips(res2.message);
} }
}, },
error: function(err) { error: function (err) {
// loading.hide(); // loading.hide();
}, },
}); });
...@@ -736,59 +820,59 @@ ...@@ -736,59 +820,59 @@
QueryUserInfo() { QueryUserInfo() {
let this_ = this; let this_ = this;
let loading = Toast.loading({ let loading = Toast.loading({
message: '加载中...', message: "加载中...",
forbidClick: true, forbidClick: true,
loadingType: 'spinner', loadingType: "spinner",
duration: 0 duration: 0,
}); });
$.ajax({ $.ajax({
url: gHost + '/wechat/svweapp/QueryPersonalInfo', url: gHost + "/wechat/svweapp/QueryPersonalInfo",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
userid: userID, userid: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res1) { success: function (res1) {
loading.clear(); loading.clear();
if (res1.code == "10000") { if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid; bankInfo.schoolId = res1.results.schoolid;
bankInfo.userId = res1.results.id; bankInfo.userId = res1.results.id;
this_.PersonalInfo = res1.results this_.PersonalInfo = res1.results;
if (res1.results.usertype == 1) { if (res1.results.usertype == 1) {
$('.StudentCls').css('display', 'block'); $(".StudentCls").css("display", "block");
$('.TeacherCls').css('display', 'none'); $(".TeacherCls").css("display", "none");
} else { } else {
$('.StudentCls').css('display', 'none'); $(".StudentCls").css("display", "none");
$('.TeacherCls').css('display', 'block'); $(".TeacherCls").css("display", "block");
} }
this_.queryUserBankInfo(); this_.queryUserBankInfo();
} else { } else {
weui.topTips(res1.message); weui.topTips(res1.message);
setTimeout(() => { setTimeout(() => {
this_.BackToMini('UserMain'); this_.BackToMini("UserMain");
}, 1500) }, 1500);
} }
}, },
error: function(err) { error: function (err) {
loading.clear(); loading.clear();
}, },
}); });
}, },
} },
} };
</script> </script>
<style lang="scss"> <style lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.showBindCardList { .showBindCardList {
.choiceBox { .choiceBox {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
...@@ -806,19 +890,18 @@ ...@@ -806,19 +890,18 @@
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;
...@@ -829,19 +912,18 @@ ...@@ -829,19 +912,18 @@
.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 { .RechargeDetailed {
text-align: center; text-align: center;
// width: 118rpx; // width: 118rpx;
height: 32rpx; height: 32rpx;
...@@ -850,48 +932,46 @@ ...@@ -850,48 +932,46 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
text-decoration: underline; text-decoration: underline;
color: #36A8FF; color: #36a8ff;
margin-top: 50rpx; margin-top: 50rpx;
} }
.contentBox { .contentBox {
width: 670rpx; width: 670rpx;
height: 376rpx; height: 376rpx;
margin: 0 auto; margin: 0 auto;
} }
.contentDiv { .contentDiv {
height: 100%; height: 100%;
// margin-top: 36rpx; // margin-top: 36rpx;
border-radius: 15rpx; border-radius: 15rpx;
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 {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
padding-top: 88rpx; padding-top: 88rpx;
}
} .HidenText,
.Balance {
.HidenText,
.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 {
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
...@@ -899,10 +979,10 @@ ...@@ -899,10 +979,10 @@
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
} }
.Recharge { .Recharge {
// height: 30rpx; // height: 30rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -913,7 +993,7 @@ ...@@ -913,7 +993,7 @@
span:nth-child(1) { span:nth-child(1) {
width: 4rpx; width: 4rpx;
height: 30rpx; height: 30rpx;
background: #23D6A3; background: #23d6a3;
border-radius: 2rpx; border-radius: 2rpx;
display: inline-block; display: inline-block;
position: relative; position: relative;
...@@ -923,12 +1003,10 @@ ...@@ -923,12 +1003,10 @@
span:nth-child(2) { span:nth-child(2) {
display: inline-block; display: inline-block;
margin-left: 16rpx; margin-left: 16rpx;
}
} }
}
.headview {
.headview {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// padding-left: 40rpx; // padding-left: 40rpx;
...@@ -937,68 +1015,68 @@ ...@@ -937,68 +1015,68 @@
padding-top: 36rpx; padding-top: 36rpx;
width: 574rpx; width: 574rpx;
margin: 0 auto; margin: 0 auto;
} }
.headview .schoolname { .headview .schoolname {
width: 252rpx; width: 252rpx;
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
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 {
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
color: #888888; color: #888888;
width: 686rpx; width: 686rpx;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.choiceClass { .choiceClass {
background: rgba(39, 266, 148, 0.1) !important; background: rgba(39, 266, 148, 0.1) !important;
color: #28D79C; color: #28d79c;
} }
.MoneyBox view { .MoneyBox view {
width: 220rpx; width: 220rpx;
height: 120rpx; height: 120rpx;
background: #FFFFFF; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
border: 1rpx solid #EEEEEE; border: 1rpx solid #eeeeee;
margin-top: 16rpx; margin-top: 16rpx;
text-align: center; text-align: center;
position: relative; position: relative;
box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07); box-shadow: 0px 9rpx 23rpx 0rpx rgba(25, 26, 88, 0.07);
margin-right: 2px; margin-right: 2px;
float: left; float: left;
} }
.depotMoney .value { .depotMoney .value {
font-size: 45rpx; font-size: 45rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
line-height: 120rpx; line-height: 120rpx;
text-align: center; text-align: center;
} }
.depotMoney .tips { .depotMoney .tips {
// width: 79rpx; // width: 79rpx;
// height: 33rpx; // height: 33rpx;
// background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%); // background: linear-gradient(180deg, #FA6400 0%, #FD9D00 100%);
...@@ -1011,9 +1089,9 @@ ...@@ -1011,9 +1089,9 @@
// position: absolute; // position: absolute;
// right: 0rpx; // right: 0rpx;
// line-height: 33rpx; // line-height: 33rpx;
} }
.OtherMoney { .OtherMoney {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
// color: #999999; // color: #999999;
...@@ -1024,13 +1102,12 @@ ...@@ -1024,13 +1102,12 @@
// line-height: 40rpx; // line-height: 40rpx;
width: 686rpx; width: 686rpx;
height: 100rpx; height: 100rpx;
background: #F7F6FB; background: #f7f6fb;
border-radius: 10rpx; border-radius: 10rpx;
margin: 0 auto; margin: 0 auto;
line-height: 100rpx; line-height: 100rpx;
margin-top: 32rpx; margin-top: 32rpx;
span { span {
display: inline-block; display: inline-block;
font-size: 40rpx; font-size: 40rpx;
...@@ -1043,9 +1120,9 @@ ...@@ -1043,9 +1120,9 @@
input { input {
height: 100%; height: 100%;
} }
} }
.OtherMoney view:nth-child(2) { .OtherMoney view:nth-child(2) {
// width: 30rpx; // width: 30rpx;
// height: 30rpx; // height: 30rpx;
// background: #F0F0F0; // background: #F0F0F0;
...@@ -1054,16 +1131,16 @@ ...@@ -1054,16 +1131,16 @@
// 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: 32rpx; font-size: 32rpx;
...@@ -1071,9 +1148,9 @@ ...@@ -1071,9 +1148,9 @@
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
line-height: 98rpx; line-height: 98rpx;
} }
.payType view::nth-child(2) { .payType view::nth-child(2) {
width: 225rpx; width: 225rpx;
height: 45rpx; height: 45rpx;
font-size: 32rpx; font-size: 32rpx;
...@@ -1081,11 +1158,9 @@ ...@@ -1081,11 +1158,9 @@
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
line-height: 45rpx; line-height: 45rpx;
} }
.arrow {
.arrow {
transform: rotate(-45deg); transform: rotate(-45deg);
top: -3rpx; top: -3rpx;
border: solid #999999; border: solid #999999;
...@@ -1093,39 +1168,37 @@ ...@@ -1093,39 +1168,37 @@
display: inline-block; display: inline-block;
padding: 8rpx; padding: 8rpx;
position: relative; position: relative;
}
} @media (min-height: 650px) {
@media (min-height: 650px) {
.bottomdiv { .bottomdiv {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
bottom: 30rpx; bottom: 30rpx;
} }
} }
.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;
}
} .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;
} }
.switchbankCard { .switchbankCard {
text-align: center; text-align: center;
/* width: 205px; */ /* width: 205px; */
// height: 28rpx; // height: 28rpx;
...@@ -1133,18 +1206,18 @@ ...@@ -1133,18 +1206,18 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
text-decoration: underline; text-decoration: underline;
color: #268EF8; color: #268ef8;
margin-top: 23rpx; margin-top: 23rpx;
} }
.RechargeConfirmationBox { .RechargeConfirmationBox {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: 400rpx; top: 400rpx;
width: 618rpx; width: 618rpx;
height: 478rpx; height: 478rpx;
background: #FFFFFF; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
margin: 0 auto; margin: 0 auto;
...@@ -1192,27 +1265,25 @@ ...@@ -1192,27 +1265,25 @@
} }
view:nth-child(1) { view:nth-child(1) {
background: #EBEBEB; background: #ebebeb;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #1CC48B; color: #1cc48b;
} }
view:nth-child(2) { view:nth-child(2) {
background: #1CC48B; background: #1cc48b;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
} }
}
} }
} }
}
.closePhoneBox { .closePhoneBox {
// width: 35rpx; // width: 35rpx;
height: 35rpx; height: 35rpx;
position: relative; position: relative;
...@@ -1225,61 +1296,60 @@ ...@@ -1225,61 +1296,60 @@
height: 40rpx; height: 40rpx;
position: relative; position: relative;
} }
}
} .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;
} }
.PhoneNum, .PhoneNum,
.VerifyCode { .VerifyCode {
width: 506rpx; width: 506rpx;
height: 80rpx; height: 80rpx;
line-height: 60rpx; line-height: 60rpx;
background: #F7F6FB; background: #f7f6fb;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.VerifyCode { .VerifyCode {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.VerifyCode input { .VerifyCode input {
width: 200rpx; width: 200rpx;
} }
.CodeMsg { .CodeMsg {
color: #01BC73; color: #01bc73;
background: #F7F6FB; background: #f7f6fb;
font-size: 32rpx; font-size: 32rpx;
font-weight: 600; font-weight: 600;
line-height: 80rpx; line-height: 80rpx;
letter-spacing: 3rpx; letter-spacing: 3rpx;
} }
.placeholderInput { .placeholderInput {
color: #AAAAAA; color: #aaaaaa;
font-size: 42rpx; font-size: 42rpx;
font-weight: 500; font-weight: 500;
letter-spacing: 3rpx; letter-spacing: 3rpx;
// padding-left: 50rpx; // padding-left: 50rpx;
height: 80rpx; height: 80rpx;
} }
.OtherTitle { .OtherTitle {
height: 67rpx; height: 67rpx;
font-size: 48rpx; font-size: 48rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
...@@ -1288,55 +1358,55 @@ ...@@ -1288,55 +1358,55 @@
line-height: 67rpx; line-height: 67rpx;
padding-top: 60rpx; padding-top: 60rpx;
} }
.inputOtherM { .inputOtherM {
display: flex; display: flex;
height: 100rpx; height: 100rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.inputOtherM input { .inputOtherM input {
border: none; border: none;
outline: none; outline: none;
height: 50rpx; height: 50rpx;
padding-left: 16rpx; padding-left: 16rpx;
font-size: 72rpx; font-size: 72rpx;
font-weight: 600; font-weight: 600;
} }
.inputOtherM span:nth-child(1) { .inputOtherM span:nth-child(1) {
width: 72rpx; width: 72rpx;
font-size: 80rpx; font-size: 80rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #010101; color: #010101;
line-height: 100rpx; line-height: 100rpx;
} }
.OtherLine { .OtherLine {
width: 631rpx; width: 631rpx;
height: 1rpx; height: 1rpx;
background-color: #CCCCCC; background-color: #cccccc;
margin-top: 19rpx; margin-top: 19rpx;
} }
.depositbox { .depositbox {
margin-top: 31rpx; margin-top: 31rpx;
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
} }
.depositImg { .depositImg {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
vertical-align: middle; vertical-align: middle;
margin-right: 8rpx; margin-right: 8rpx;
position: relative; position: relative;
top: -2rpx; top: -2rpx;
} }
.Recharge_ { .Recharge_ {
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -1344,16 +1414,16 @@ ...@@ -1344,16 +1414,16 @@
color: #333333; color: #333333;
line-height: 40rpx; line-height: 40rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.Recharge_ span:nth-child(2) { .Recharge_ span:nth-child(2) {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #FA6400; color: #fa6400;
} }
.placeholderinputOtherM { .placeholderinputOtherM {
height: 50rpx; height: 50rpx;
// font-family: PingFangSC-Semibold, PingFang SC; // font-family: PingFangSC-Semibold, PingFang SC;
// font-weight: 600; // font-weight: 600;
...@@ -1364,37 +1434,37 @@ ...@@ -1364,37 +1434,37 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
} }
// 异常处理 // 异常处理
.RechargeException { .RechargeException {
padding-top: 20rpx; padding-top: 20rpx;
} }
.weui-label { .weui-label {
// width: 118rpx; // width: 118rpx;
height: 42rpx; height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
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;
...@@ -1402,57 +1472,54 @@ ...@@ -1402,57 +1472,54 @@
// 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 { .RechargeException .weui-cell {
color: #A1A4A8;
}
.RechargeException .weui-cell {
height: 4rem; height: 4rem;
padding: 0 !important; padding: 0 !important;
} }
.idCardPhoto1, .idCardPhoto1,
.idCardPhoto2 { .idCardPhoto2 {
width: 388rpx; width: 388rpx;
height: 224rpx; height: 224rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.idCardPhoto1 image, .idCardPhoto1 image,
.idCardPhoto2 image { .idCardPhoto2 image {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.weui-toptips_success { .weui-toptips_success {
background-color: #03BC73 !important background-color: #03bc73 !important;
} }
.positionCam { .positionCam {
height: 32rpx; height: 32rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500; font-weight: 500;
color: #6D7278; color: #6d7278;
line-height: 32rpx; line-height: 32rpx;
text-align: center; text-align: center;
position: relative; position: relative;
top: -29px; top: -29px;
} }
.BgCoverBox {
.BgCoverBox {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
...@@ -1461,18 +1528,18 @@ ...@@ -1461,18 +1528,18 @@
z-index: 10; z-index: 10;
background: #000000; background: #000000;
opacity: 0.5; opacity: 0.5;
} }
.hideListCover { .hideListCover {
max-height: 50vh; max-height: 50vh;
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;
} }
.bottomDiv { .bottomDiv {
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
</style> </style>
src/pages/StudentPayment/PayOrderDetails/PayOrderDetails.vue 0 → 100644
View file @ f07190b8
<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>
src/pages/StudentPayment/PayProject/PayProject.vue 0 → 100644
View file @ f07190b8
<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>
src/pages/StudentPayment/StudentPayment.vue 0 → 100644
View file @ f07190b8
<template>
<view>
</view>
</template>
<script>
export default {
name: "StudentPayment",
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
</style>
src/pages/assignDeposit/assignDeposit.vue
View file @ f07190b8
...@@ -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,200 +168,210 @@ ...@@ -168,200 +168,210 @@
</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)
.fill(1)
.map((v, index) => {
return { return {
lable: '元', lable: "元",
value: 50 * (index + 1), value: 50 * (index + 1),
tips: index == 1 ? "推荐充值" : null tips: index == 1 ? "推荐充值" : null,
} };
}), }),
numberList: [], numberList: [],
tempFiles1: '../../static/img/idCardBg1.png', //上传身份证临时选择文件 tempFiles1: "../../static/img/idCardBg1.png", //上传身份证临时选择文件
tempFiles2: '../../static/img/idCardBg0.png' tempFiles2: "../../static/img/idCardBg0.png",
} };
},
created: function() {
}, },
mounted: function() { created: function () {},
let this_ = this mounted: function () {
this.$nextTick(function() { let this_ = this;
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 + '/' +
result[2].label
$("#homeAddress").css("color", "#000"); $("#homeAddress").css("color", "#000");
}, },
title: '家庭地址' title: "家庭地址",
}); });
}); });
// 选择职业 // 选择职业
$('#showPicker').on('click', function() { $("#showPicker").on("click", function () {
// 获取职业信息 // 获取职业信息
this_.getOccupationList().then(OccupationList => { this_
let data = OccupationList.map(v => { .getOccupationList()
.then((OccupationList) => {
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'); userID = this_.getQueryParams("userID");
sessionID = this_.getQueryParams('seesionID'); sessionID = this_.getQueryParams("seesionID");
fromType = this_.getQueryParams('fromType'); fromType = this_.getQueryParams("fromType");
let windowHeight = window.innerHeight; let windowHeight = window.innerHeight;
if (this_.getQueryParams('tabbar')) { //usermain打开加返回按钮 if (this_.getQueryParams("tabbar")) {
$('#ReturnBox').css('display', 'block'); //usermain打开加返回按钮
$('.bottom2').css('margin-top', (windowHeight - 370 < 0 ? 30 : windowHeight - $("#ReturnBox").css("display", "block");
370) + 'px'); $(".bottom2").css(
$('.bottom1').css('margin-top', (windowHeight - 570 < 0 ? 30 : windowHeight - "margin-top",
570) + 'px'); (windowHeight - 370 < 0 ? 30 : windowHeight - 370) + "px"
);
$(".bottom1").css(
"margin-top",
(windowHeight - 570 < 0 ? 30 : windowHeight - 570) + "px"
);
} else { } else {
$('.bottom2').css('margin-top', (windowHeight - 320 < 0 ? 30 : windowHeight - $(".bottom2").css(
320) + 'px'); "margin-top",
$('.bottom1').css('margin-top', (windowHeight - 590 < 0 ? 30 : windowHeight - (windowHeight - 320 < 0 ? 30 : windowHeight - 320) + "px"
590) + 'px'); );
$(".bottom1").css(
"margin-top",
(windowHeight - 590 < 0 ? 30 : windowHeight - 590) + "px"
);
} }
bankInfo.sessionid = sessionID; bankInfo.sessionid = sessionID;
this_.QueryUserInfo(); this_.QueryUserInfo();
$('#AssginBox').css('display', 'block'); $("#AssginBox").css("display", "block");
if (fromType == 0) { if (fromType == 0) {
// $('.TitleHeader').html('电子账户充值'); // $('.TitleHeader').html('电子账户充值');
} else { } else {
this_.ToWalletTx(); this_.ToWalletTx();
} }
setTimeout(function() { setTimeout(function () {
this_.getWefileId() this_.getWefileId();
}, 500) }, 500);
}) });
}, },
methods: { methods: {
// 身份证上传 // 身份证上传
async idCardUpload(type) { async idCardUpload(type) {
let this_ = this let this_ = this;
uni.chooseImage({ uni.chooseImage({
count: 6, //默认9 count: 6, //默认9
sizeType: ['original', 'compressed'], sizeType: ["original", "compressed"],
sourceType: ['album', 'camera'], //从相册选择 sourceType: ["album", "camera"], //从相册选择
success: function(res) { success: function (res) {
this_['tempFiles' + type] = res.tempFilePaths[0] this_["tempFiles" + type] = res.tempFilePaths[0];
this_.uploaderInput(res.tempFiles, type) this_.uploaderInput(res.tempFiles, type);
} },
}); });
}, },
// 验证码弹出框开启 // 验证码弹出框开启
open() { open() {
this.$refs.popup.open('top') this.$refs.popup.open("top");
}, },
// 验证码弹出框关闭 // 验证码弹出框关闭
close() { close() {
this.$refs.popup.close() this.$refs.popup.close();
}, },
//键盘谈起 //键盘谈起
openKeyBoard(key) { openKeyBoard(key) {
...@@ -370,73 +380,73 @@ ...@@ -370,73 +380,73 @@
}, },
onInput(val) { onInput(val) {
this.numberList.push(val); this.numberList.push(val);
this.inputOtherM = this.inputOtherM + val this.inputOtherM = this.inputOtherM + val;
console.log(val); console.log(val);
}, },
onDelete() { onDelete() {
this.numberList.pop() this.numberList.pop();
this.inputOtherM = this.numberList.join("") this.inputOtherM = this.numberList.join("");
}, },
onConfirm() { onConfirm() {
// 充值提现输入验证码确认框 // 充值提现输入验证码确认框
this.open() this.open();
}, },
//选择输入其他金额 //选择输入其他金额
OtherMoney() { OtherMoney() {
this.depotMoneyother = true this.depotMoneyother = true;
}, },
// 快捷选择金额 // 快捷选择金额
async depotMoney(value, MoneyIndex) { async depotMoney(value, MoneyIndex) {
console.log(value) console.log(value);
this.Money = parseInt(value) this.Money = parseInt(value);
this.MoneyIndex = MoneyIndex this.MoneyIndex = MoneyIndex;
}, },
//定时器 //定时器
IntervalFun() { IntervalFun() {
if (msCount == 1) { if (msCount == 1) {
window.clearInterval(MyTimer); //停止计时器 window.clearInterval(MyTimer); //停止计时器
$('.CodeMsg').css('color', '#01BC73'); $(".CodeMsg").css("color", "#01BC73");
this.CodeMsg = "获取验证码" this.CodeMsg = "获取验证码";
msCount = 60; msCount = 60;
} else { } else {
msCount--; msCount--;
$('.CodeMsg').css('color', 'gray'); $(".CodeMsg").css("color", "gray");
this.CodeMsg = (msCount + "s后获取") this.CodeMsg = msCount + "s后获取";
} }
}, },
//按钮操作 //按钮操作
HideHTML(dom, type) { HideHTML(dom, type) {
if (type == 0) { if (type == 0) {
$('.' + dom).css('display', 'none'); $("." + dom).css("display", "none");
} else { } else {
$('.' + dom).css('display', 'block'); $("." + dom).css("display", "block");
} }
}, },
//切换到提现 //切换到提现
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;
}, },
//全部提现 //全部提现
TxAllFun() { TxAllFun() {
this.ReflectMoney = this.cardBalanceTx * 1 this.ReflectMoney = this.cardBalanceTx * 1;
// $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1); // $('.TxClsTx').val($('.cardBalanceTx')[0].textContent * 1);
}, },
//隐藏验证码弹框 //隐藏验证码弹框
hidePhoneBox() { hidePhoneBox() {
$('.PhoneConfirmBox').css('display', 'none'); $(".PhoneConfirmBox").css("display", "none");
// $('.VerifyCode').val(''); // $('.VerifyCode').val('');
this.VerifyCode = '' this.VerifyCode = "";
orderSerialNo = ''; orderSerialNo = "";
businessNo = ''; businessNo = "";
otpOrderNo = ''; otpOrderNo = "";
}, },
//返回小程序 跳转指定页面 //返回小程序 跳转指定页面
BackToMini(page) { BackToMini(page) {
if (page == 'UserMain' || page == 'personalCenter') { if (page == "UserMain" || page == "personalCenter") {
jWeixin.miniProgram.switchTab({ jWeixin.miniProgram.switchTab({
url: `/pages/${page}/main`, url: `/pages/${page}/main`,
}); });
...@@ -449,19 +459,30 @@ ...@@ -449,19 +459,30 @@
// 输入限制 // 输入限制
inputControl(obj, val) { inputControl(obj, val) {
console.log(obj, val); console.log(obj, val);
obj.value = obj.target.value obj.value = obj.target.value;
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是. obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的. obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的.
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只允许输入一个小数点 obj.value = obj.value
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数 .replace(".", "$#$")
obj.value = obj.value * 1 > 2000 ? 2000 : obj.value; .replace(/\./g, "")
this.Money = obj.value + ''; .replace("$#$", "."); //只允许输入一个小数点
this.ReflectMoney = obj.value + ''; obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
if (obj.value == '' || obj.value * 1 < 3) { obj.value =
$('.DepositID').addClass('DisaBledBtn'); obj.value * 1 > this.RechargeMax ? this.RechargeMax : obj.value;
this.Money = obj.value + "";
this.ReflectMoney = obj.value + "";
if (obj.value == "" || obj.value * 1 < 3) {
$(".DepositID").addClass("DisaBledBtn");
} else { } else {
$('.DepositID').removeClass('DisaBledBtn'); $(".DepositID").removeClass("DisaBledBtn");
}
},
clearPoint() {
// 若最后一位为小数点则去掉
let str = this.inputOtherM + "";
if (str.lastIndexOf(".") == str.length - 1) {
this.inputOtherM = str.substring(0, str.length - 1);
} }
}, },
//input键盘弹起不会弹 //input键盘弹起不会弹
...@@ -472,7 +493,7 @@ ...@@ -472,7 +493,7 @@
transferResults() { transferResults() {
let this_ = this; let this_ = this;
times++; times++;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
let params = { let params = {
accountNo: bankInfo.acctNoArray, accountNo: bankInfo.acctNoArray,
businessNo: businessNo, businessNo: businessNo,
...@@ -481,44 +502,44 @@ ...@@ -481,44 +502,44 @@
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
} };
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/transfer/query', url: gHost + "/bank-wechat/transfer/query",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function(res7) { success: function (res7) {
if (res7.code == "10000") { if (res7.code == "10000") {
if (res7.results.status == 0 || res7.results.status == if (res7.results.status == 0 || res7.results.status == 1) {
1) { //status 状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(提现)结果查询”接口查结果 //status 状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(提现)结果查询”接口查结果
loading.hide(); loading.hide();
if (res7.results.status == 0) { if (res7.results.status == 0) {
weui.topTips(res7.results.bizMsg) weui.topTips(res7.results.bizMsg);
} else { } else {
weui.toast('提现成功！', 1500); weui.toast("提现成功！", 1500);
} }
setTimeout(() => { setTimeout(() => {
location.reload(); location.reload();
}, 2000) }, 2000);
} else { } else {
if (times == 3) { if (times == 3) {
loading.hide(); loading.hide();
weui.topTips('当前提现人数过多，请至我的账户中查看余额'); weui.topTips("当前提现人数过多，请至我的账户中查看余额");
setTimeout(() => { setTimeout(() => {
this_.BackToMini('UserMain'); this_.BackToMini("UserMain");
}, 1500) }, 1500);
} else { } else {
setTimeout(res => { setTimeout((res) => {
this_.transferResults(); this_.transferResults();
}, 2000) }, 2000);
} }
} }
} else { } else {
loading.hide(); loading.hide();
weui.topTips(res7.message) weui.topTips(res7.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -527,43 +548,46 @@ ...@@ -527,43 +548,46 @@
depositResults() { depositResults() {
let this_ = this; let this_ = this;
times++; times++;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
let params = { let params = {
businessNo: businessNo, businessNo: businessNo,
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
} };
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/recharge/query', url: gHost + "/bank-wechat/recharge/query",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function(res8) { success: function (res8) {
if (res8.code == "10000") { if (res8.code == "10000") {
if (res8.results.orderStatus == 3 || res8.results.orderStatus == if (
4) { //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款 res8.results.orderStatus == 3 ||
res8.results.orderStatus == 4
) {
//orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款
loading.hide(); loading.hide();
if (res8.results.orderStatus == 3) { if (res8.results.orderStatus == 3) {
weui.topTips(res8.results.errMsg) weui.topTips(res8.results.errMsg);
} else { } else {
weui.toast('充值成功！', 1500); weui.toast("充值成功！", 1500);
} }
setTimeout(() => { setTimeout(() => {
location.reload(); location.reload();
}, 2000) }, 2000);
} else { } else {
if (times == 3) { if (times == 3) {
loading.hide(); loading.hide();
weui.topTips('当前充值人数过多，请至我的账户中查看余额'); weui.topTips("当前充值人数过多，请至我的账户中查看余额");
setTimeout(() => { setTimeout(() => {
this_.BackToMini('UserMain'); this_.BackToMini("UserMain");
}, 1500) }, 1500);
} else { } else {
setTimeout(res => { setTimeout((res) => {
this_.depositResults(); this_.depositResults();
}, 2000) }, 2000);
} }
} }
} else { } else {
...@@ -571,7 +595,7 @@ ...@@ -571,7 +595,7 @@
weui.topTips(res8.message); weui.topTips(res8.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -579,22 +603,23 @@ ...@@ -579,22 +603,23 @@
//充值/提现方法 //充值/提现方法
DoNextStep() { DoNextStep() {
let this_ = this; let this_ = this;
console.log('请填写验证码'); console.log("请填写验证码");
if (this_.VerifyCode == '') { if (this_.VerifyCode == "") {
weui.topTips('请填写验证码') weui.topTips("请填写验证码");
return return;
}; }
if (limitClick) { if (limitClick) {
return return;
} else { } else {
limitClick = true; limitClick = true;
setTimeout(() => { setTimeout(() => {
limitClick = false; limitClick = false;
}, 3000); }, 3000);
} }
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
times = 0; times = 0;
if (opeType == 0) { //充值 if (opeType == 0) {
//充值
let params = { let params = {
businessNo: businessNo, businessNo: businessNo,
otpOrderNo: otpOrderNo, otpOrderNo: otpOrderNo,
...@@ -605,136 +630,141 @@ ...@@ -605,136 +630,141 @@
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
} };
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/recharge', url: gHost + "/bank-wechat/recharge",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function(res5) { success: function (res5) {
if (res5.code == "10000") { if (res5.code == "10000") {
if (res5.errCode && res5.errCode == 'TI009') { if (res5.errCode && res5.errCode == "TI009") {
loading.hide(); loading.hide();
weui.topTips(res5.results.errMsg); weui.topTips(res5.results.errMsg);
setTimeout(function() { setTimeout(function () {
$(".RechargeException").siblings().hide() $(".RechargeException").siblings().hide();
$(".RechargeException").show() $(".RechargeException").show();
}) });
return return;
}; }
if (res5.results.orderStatus == 3 || res5.results.orderStatus == if (
4) { //orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款 res5.results.orderStatus == 3 ||
res5.results.orderStatus == 4
) {
//orderStatus 0:初始值,1:已提交,2:未知,3:失败,4:成功,5:成功未打款
if (res5.results.orderStatus == 3) { if (res5.results.orderStatus == 3) {
loading.hide(); loading.hide();
weui.topTips(res5.results.errMsg); weui.topTips(res5.results.errMsg);
} else { } else {
loading.hide(); loading.hide();
weui.toast('充值成功！', 1500); weui.toast("充值成功！", 1500);
} }
setTimeout(() => { setTimeout(() => {
location.reload(); location.reload();
}, 2000) }, 2000);
} else { } else {
setTimeout(() => { setTimeout(() => {
// loading.hide(); // loading.hide();
this_.depositResults(); this_.depositResults();
}, 2000) }, 2000);
} }
} else { } else {
loading.hide(); loading.hide();
weui.topTips(res5.message) weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
} else if (opeType == 1) { //提现 } else if (opeType == 1) {
//提现
let params = { let params = {
accountName: bankInfo.trueName, accountName: bankInfo.trueName,
amount: $('.TxClsTx')[0].value * 1, amount: $(".TxClsTx")[0].value * 1,
businessNo: businessNo, businessNo: businessNo,
fromAccountName: bankInfo.trueName, fromAccountName: bankInfo.trueName,
fromAccountNo: bankInfo.acctNoArray, fromAccountNo: bankInfo.acctNoArray,
otpOrderNo: otpOrderNo, otpOrderNo: otpOrderNo,
otpValue: $('.VerifyCode')[0].value, //验证码 otpValue: $(".VerifyCode")[0].value, //验证码
toAccountNo: payCardNumber, toAccountNo: payCardNumber,
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
} };
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/transfer/withdrawal', url: gHost + "/bank-wechat/transfer/withdrawal",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function(res6) { success: function (res6) {
if (res6.code == "10000") { if (res6.code == "10000") {
orderSerialNo = res6.results.orderSerialNo; orderSerialNo = res6.results.orderSerialNo;
if (res6.results.status == 1 || res6.results.status == if (res6.results.status == 1 || res6.results.status == 0) {
0) { //状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(转账)结果查询”接口查结果 //状态 0：失败;1：成功;2：处理中 返回处理中，需要调用“提现(转账)结果查询”接口查结果
if (res6.results.status == 0) { if (res6.results.status == 0) {
loading.hide(); loading.hide();
weui.topTips(res6.results.bizMsg) weui.topTips(res6.results.bizMsg);
} else { } else {
loading.hide(); loading.hide();
weui.toast('提现成功！', 1500); weui.toast("提现成功！", 1500);
} }
setTimeout(() => { setTimeout(() => {
location.reload(); location.reload();
}, 2000) }, 2000);
} else { } else {
setTimeout(() => { setTimeout(() => {
// loading.hide(); // loading.hide();
transferResults(); transferResults();
}, 2000) }, 2000);
} }
} else { } else {
loading.hide(); loading.hide();
weui.topTips(res6.message) weui.topTips(res6.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
} }
}, },
//充值/提现判断 //充值/提现判断
toDeposit(type) { //type 0充值 1提现 toDeposit(type) {
//type 0充值 1提现
let this_ = this; let this_ = this;
businessNo = ''; businessNo = "";
otpOrderNo = ''; otpOrderNo = "";
opeType = type; opeType = type;
if (type == 0) { if (type == 0) {
if (this.Money * 1 < 3) { if (this.Money * 1 < 3) {
weui.topTips('充值金额必须大于3元'); weui.topTips("充值金额必须大于3元");
return return;
} }
if (this.Money * 1 > this.RechargeMax * 1) { if (this.Money * 1 > this.RechargeMax * 1) {
weui.topTips(`充值金额不能大于${this.RechargeMax*1}元`); weui.topTips(`充值金额不能大于${this.RechargeMax * 1}元`);
return return;
} }
} else { } else {
if ($('.TxClsTx')[0].value * 1 < 0.01) { if ($(".TxClsTx")[0].value * 1 < 0.01) {
weui.topTips('提现金额须大于等于0.01元'); weui.topTips("提现金额须大于等于0.01元");
return return;
} }
if ($('.TxClsTx')[0].value * 1 > this.RechargeMax * 1) { if ($(".TxClsTx")[0].value * 1 > this.RechargeMax * 1) {
weui.topTips( weui.topTips(`提现金额不可大于账户余额`);
`提现金额不可大于账户余额`); return;
return
} }
} }
this.open() this.open();
}, },
//发送验证码 //发送验证码
SendMsg() { SendMsg() {
let this_ = this; let this_ = this;
if (this_.CodeMsg != '获取验证码') return false; if (this_.CodeMsg != "获取验证码") return false;
let loading = weui.loading('发送中'); let loading = weui.loading("发送中");
if (opeType == 0) { //充值 if (opeType == 0) {
//充值
let params = { let params = {
fromAccNo: payCardNumber, //付款账户, fromAccNo: payCardNumber, //付款账户,
transAmt: this.Money * 1, //交易金额 transAmt: this.Money * 1, //交易金额
...@@ -742,60 +772,61 @@ ...@@ -742,60 +772,61 @@
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
} };
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/otp/send/recharge', url: gHost + "/bank-wechat/otp/send/recharge",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function(res5) { success: function (res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
otpOrderNo = res5.results.otpOrderNo; otpOrderNo = res5.results.otpOrderNo;
businessNo = res5.results.businessNo; businessNo = res5.results.businessNo;
weui.toast('验证码已发送，请注意查收！', 1000); weui.toast("验证码已发送，请注意查收！", 1000);
this_.IntervalFun(); this_.IntervalFun();
MyTimer = window.setInterval(IntervalFun, 1000); MyTimer = window.setInterval(IntervalFun, 1000);
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
} else if (opeType == 1) { //提现 } else if (opeType == 1) {
//提现
let params = { let params = {
accountNo: bankInfo.acctNoArray, //银行卡号 accountNo: bankInfo.acctNoArray, //银行卡号
mobileNo: mobileNo, //手机号 mobileNo: mobileNo, //手机号
'transferAccountBizKeyVO.accountName': bankInfo.trueName, //收款方户名 "transferAccountBizKeyVO.accountName": bankInfo.trueName, //收款方户名
'transferAccountBizKeyVO.amount': $('.TxClsTx')[0].value * 1, //提现金额 "transferAccountBizKeyVO.amount": $(".TxClsTx")[0].value * 1, //提现金额
'transferAccountBizKeyVO.fromAccountName': bankInfo.trueName, //转出户名 "transferAccountBizKeyVO.fromAccountName": bankInfo.trueName, //转出户名
'transferAccountBizKeyVO.fromAccountNo': bankInfo.acctNoArray, //转出卡号（互联网账户卡号） "transferAccountBizKeyVO.fromAccountNo": bankInfo.acctNoArray, //转出卡号（互联网账户卡号）
'transferAccountBizKeyVO.toAccountNo': payCardNumber, //收款方卡号（绑定卡卡号） "transferAccountBizKeyVO.toAccountNo": payCardNumber, //收款方卡号（绑定卡卡号）
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1, wechattype: 1,
} };
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/otp/send/transfer/account', url: gHost + "/bank-wechat/otp/send/transfer/account",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: params, data: params,
success: function(res5) { success: function (res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
otpOrderNo = res5.results.otpOrderNo; otpOrderNo = res5.results.otpOrderNo;
businessNo = res5.results.businessNo; businessNo = res5.results.businessNo;
weui.toast('验证码已发送，请注意查收！', 1000); weui.toast("验证码已发送，请注意查收！", 1000);
this_.IntervalFun(); this_.IntervalFun();
MyTimer = window.setInterval(this_.IntervalFun, 1000); MyTimer = window.setInterval(this_.IntervalFun, 1000);
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(res5.message); loading.hide(res5.message);
}, },
}); });
...@@ -805,11 +836,11 @@ ...@@ -805,11 +836,11 @@
ChangeCardPay(bankName, bindCard) { ChangeCardPay(bankName, bindCard) {
let this_ = this; let this_ = this;
if (bindCard == payCardNumber) { if (bindCard == payCardNumber) {
return return;
} }
var loading = weui.loading('请稍后'); var loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/user/bank/change/bind', url: gHost + "/bank-wechat/user/bank/change/bind",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
...@@ -820,16 +851,16 @@ ...@@ -820,16 +851,16 @@
accountName: bankName, accountName: bankName,
accountNo: bindCard, accountNo: bindCard,
}, },
success: function(res5) { success: function (res5) {
loading.hide(); loading.hide();
if (res5.code == "10000") { if (res5.code == "10000") {
this_.HideHTML('showBindCardList', 0); this_.HideHTML("showBindCardList", 0);
this_.queryUserBankInfo(); this_.queryUserBankInfo();
} else { } else {
weui.topTips(res5.message) weui.topTips(res5.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -837,40 +868,59 @@ ...@@ -837,40 +868,59 @@
//查询一类卡绑定列表 //查询一类卡绑定列表
queryBindCardList() { queryBindCardList() {
let this_ = this; let this_ = this;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/query/account', url: gHost + "/bank-wechat/query/account",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res4) { success: function (res4) {
loading.hide(); loading.hide();
if (res4.code == "10000") { if (res4.code == "10000") {
var divList = ''; var divList = "";
var choiceIndex = 0; var choiceIndex = 0;
for (let i = 0; i < res4.results.accountList[0].bindcardList.length; i++) { for (
divList += `<div onclick=ChangeCardPay('${res4.results.accountList[0].bindcardList[i].bankName}','${res4.results.accountList[0].bindcardList[i].bindCardNo}')> let i = 0;
<p>${res4.results.accountList[0].bindcardList[i].bankName}</p> i < res4.results.accountList[0].bindcardList.length;
<p>${res4.results.accountList[0].bindcardList[i].bindCardNo.substr(0,4)+" **** **** "+res4.results.accountList[0].bindcardList[i].bindCardNo.substr(-4)}</p> 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 (
res4.results.accountList[0].bindcardList[i].bindCardNo ==
payCardNumber
) {
choiceIndex = i; choiceIndex = i;
} }
} }
$('.hideListCover').html(divList); $(".hideListCover").html(divList);
$(`.myImg${choiceIndex}`).css('display', 'block'); $(`.myImg${choiceIndex}`).css("display", "block");
$('.showBindCardList').css('display', 'block'); $(".showBindCardList").css("display", "block");
} else { } else {
weui.topTips(res4.message) weui.topTips(res4.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -878,76 +928,88 @@ ...@@ -878,76 +928,88 @@
//获取银行余额 //获取银行余额
queryBankInfo() { queryBankInfo() {
let this_ = this; let this_ = this;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/query/balance', url: gHost + "/bank-wechat/query/balance",
type: "POST", type: "POST",
timeout: 8000, timeout: 8000,
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: bankInfo, data: bankInfo,
success: function(res3) { success: function (res3) {
loading.hide(); loading.hide();
if (res3.code == "10000") { if (res3.code == "10000") {
if (res3.results.acctInfoList == null) { if (res3.results.acctInfoList == null) {
weui.topTips("账户信息为空，余额查询失败"); weui.topTips("账户信息为空，余额查询失败");
} else { } else {
this_.cardBalanceTx = ((res3.results.acctInfoList[0].hqBalanceDTOList[0] this_.cardBalanceTx = (
.balance * res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
1).toFixed(2)); ).toFixed(2);
$('.TxClsTx').attr('placeholder', $(".TxClsTx").attr(
`可提现金额${(res3.results.acctInfoList[0].hqBalanceDTOList[0].balance*1).toFixed(2)}元` "placeholder",
) `可提现金额${(
this_.RechargeMax = ((2000 - ((res3.results.acctInfoList[0] res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
.hqBalanceDTOList[0] ).toFixed(2)}元`
.balance * 1).toFixed(2) * 1)).toFixed(2)); );
this_.RechargeMax = (
2000 -
(
res3.results.acctInfoList[0].hqBalanceDTOList[0].balance * 1
).toFixed(2) *
1
).toFixed(2);
} }
} else { } else {
weui.topTips(res3.message) weui.topTips(res3.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
complete: function(XMLHttpRequest, status) { complete: function (XMLHttpRequest, status) {
loading.hide(); loading.hide();
if (status == 'timeout') { if (status == "timeout") {
weui.topTips("请求超时，余额查询失败"); weui.topTips("请求超时，余额查询失败");
} }
} },
}) });
}, },
//获取用户已填写银行信息 //获取用户已填写银行信息
queryUserBankInfo() { queryUserBankInfo() {
let this_ = this; let this_ = this;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/user/bank/get', url: gHost + "/bank-wechat/user/bank/get",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res2) { success: function (res2) {
if (res2.code == "10000") { if (res2.code == "10000") {
bankInfo.acctNoArray = res2.results.accountNo; bankInfo.acctNoArray = res2.results.accountNo;
bankInfo.idNo = res2.results.idNo; bankInfo.idNo = res2.results.idNo;
bankInfo.trueName = res2.results.trueName; bankInfo.trueName = res2.results.trueName;
payCardNumber = res2.results.bindCardNo; payCardNumber = res2.results.bindCardNo;
$('.bankNameClass').html( $(".bankNameClass").html(
`${res2.results.bindCardName}(${res2.results.bindCardNo.substr(-4)})`); `${res2.results.bindCardName}(${res2.results.bindCardNo.substr(
$('.bankNameClass1').html(res2.results.bindCardName + '(储蓄卡)'); -4
$('.payCardEndNo').html('尾号' + res2.results.bindCardNo.substr(-4)); )})`
$('.myPhoneTx').html(res2.results.mobileNo); );
$(".bankNameClass1").html(res2.results.bindCardName + "(储蓄卡)");
$(".payCardEndNo").html(
"尾号" + res2.results.bindCardNo.substr(-4)
);
$(".myPhoneTx").html(res2.results.mobileNo);
mobileNo = res2.results.mobileNo; mobileNo = res2.results.mobileNo;
this_.queryBankInfo(); this_.queryBankInfo();
} else { } else {
weui.topTips(res2.message) weui.topTips(res2.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -955,40 +1017,42 @@ ...@@ -955,40 +1017,42 @@
//查询用户信息 //查询用户信息
QueryUserInfo() { QueryUserInfo() {
let this_ = this; let this_ = this;
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
$.ajax({ $.ajax({
url: gHost + '/wechat/svweapp/QueryPersonalInfo', url: gHost + "/wechat/svweapp/QueryPersonalInfo",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: { data: {
userid: userID, userid: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res1) { success: function (res1) {
loading.hide(); loading.hide();
if (res1.code == "10000") { if (res1.code == "10000") {
bankInfo.schoolId = res1.results.schoolid; bankInfo.schoolId = res1.results.schoolid;
bankInfo.userId = res1.results.id; bankInfo.userId = res1.results.id;
$('.userNameTx').html(res1.results.name); $(".userNameTx").html(res1.results.name);
$('.schoolNameTx').html(res1.results.schoolname); $(".schoolNameTx").html(res1.results.schoolname);
$('.ClsNameTx').html(res1.results.gradename + res1.results.classname); $(".ClsNameTx").html(
res1.results.gradename + res1.results.classname
);
if (res1.results.usertype == 1) { if (res1.results.usertype == 1) {
$('.StudentCls').css('display', 'block'); $(".StudentCls").css("display", "block");
$('.TeacherCls').css('display', 'none'); $(".TeacherCls").css("display", "none");
} else { } else {
$('.StudentCls').css('display', 'none'); $(".StudentCls").css("display", "none");
$('.TeacherCls').css('display', 'block'); $(".TeacherCls").css("display", "block");
} }
this_.queryUserBankInfo(); this_.queryUserBankInfo();
} else { } else {
weui.topTips(res1.message); weui.topTips(res1.message);
setTimeout(() => { setTimeout(() => {
this_.BackToMini('UserMain'); this_.BackToMini("UserMain");
}, 1500) }, 1500);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
}, },
}); });
...@@ -999,66 +1063,63 @@ ...@@ -999,66 +1063,63 @@
acctErrorUpdateParms.businessNo = wefileId.businessNo; //业务流水号 acctErrorUpdateParms.businessNo = wefileId.businessNo; //业务流水号
acctErrorUpdateParms.schoolId = bankInfo.schoolId; acctErrorUpdateParms.schoolId = bankInfo.schoolId;
acctErrorUpdateParms.userId = userID; acctErrorUpdateParms.userId = userID;
acctErrorUpdateParms.homeAddress = acctErrorUpdateParms.homeAddress + acctErrorUpdateParms acctErrorUpdateParms.homeAddress =
.StreetInformation acctErrorUpdateParms.homeAddress +
let { acctErrorUpdateParms.StreetInformation;
backSideImgId, let { backSideImgId, frontSideImgId, homeAddress, occupation } =
frontSideImgId, acctErrorUpdateParms;
homeAddress, acctErrorUpdateParms.sessionid = sessionID;
occupation acctErrorUpdateParms.wechattype = 1;
} = acctErrorUpdateParms
acctErrorUpdateParms.sessionid = sessionID
acctErrorUpdateParms.wechattype = 1
if (!occupation) { if (!occupation) {
weui.topTips("请选择职业信息"); weui.topTips("请选择职业信息");
return return;
} }
if (!homeAddress) { if (!homeAddress) {
weui.topTips("请选择家庭住址"); weui.topTips("请选择家庭住址");
return return;
} }
if (!backSideImgId) { if (!backSideImgId) {
weui.topTips("请上传反面身份证图片"); weui.topTips("请上传反面身份证图片");
return return;
} }
if (!frontSideImgId) { if (!frontSideImgId) {
weui.topTips("请上传正面身份证图片"); weui.topTips("请上传正面身份证图片");
return return;
} }
let loading = weui.loading('信息更新中,请稍后'); let loading = weui.loading("信息更新中,请稍后");
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/recharge/acctErrorUpdateResource', url: gHost + "/bank-wechat/recharge/acctErrorUpdateResource",
type: "POST", type: "POST",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
data: acctErrorUpdateParms, data: acctErrorUpdateParms,
timeout: 8000, //超时时间设置，单位毫秒 timeout: 8000, //超时时间设置，单位毫秒
success: function(res) { success: function (res) {
loading.hide(); loading.hide();
if (res.code == '000000') { if (res.code == "000000") {
weui.topTips("信息更新成功", { weui.topTips("信息更新成功", {
duration: 3000, //3秒后消失 duration: 3000, //3秒后消失
className: 'weui-toptips_success', //自定义类名 className: "weui-toptips_success", //自定义类名
callback: function() { callback: function () {
//回调函数 //回调函数
console.log('close') console.log("close");
window.location.reload() window.location.reload();
} },
}); });
resolve(res) resolve(res);
} else { } else {
weui.topTips("信息更新失败," + res.message); weui.topTips("信息更新失败," + res.message);
loading.hide(); loading.hide();
reject(res.message) reject(res.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
reject(err) reject(err);
}, },
}) });
}) });
}, },
//点击上传文件 //点击上传文件
uploaderInput(e, CredType) { uploaderInput(e, CredType) {
...@@ -1070,32 +1131,33 @@ ...@@ -1070,32 +1131,33 @@
return; return;
} }
let formData = new FormData(); let formData = new FormData();
formData.append("project", wefileId.project) formData.append("project", wefileId.project);
formData.append("file", fileInfo) formData.append("file", fileInfo);
formData.append("fileName", fileInfo.name) formData.append("fileName", fileInfo.name);
formData.append("expiredTime", wefileId.expiredTime) formData.append("expiredTime", wefileId.expiredTime);
formData.append("uuid", wefileId.uuid) formData.append("uuid", wefileId.uuid);
formData.append("wefileToken", wefileId.wefileToken) formData.append("wefileToken", wefileId.wefileToken);
formData.append("wefileUrl", wefileId.wefileUrl) formData.append("wefileUrl", wefileId.wefileUrl);
formData.append("sessionid", sessionID) formData.append("sessionid", sessionID);
formData.append("wechattype", 1) formData.append("wechattype", 1);
this.UploadIDCardInfo(wefileId.wefileUrl, formData, CredType) this.UploadIDCardInfo(wefileId.wefileUrl, formData, CredType);
}, },
// 【获取上传影像token接口】中已经返回了请求地址 // 【获取上传影像token接口】中已经返回了请求地址
UploadIDCardInfo(url, formData, type) { UploadIDCardInfo(url, formData, type) {
let loading = weui.loading('请稍后,正在上传'); let loading = weui.loading("请稍后,正在上传");
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
url: gHost + url:
gHost +
`/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`, `/bank-wechat-server/wefile/upload?wechattype=1&sessionid=${sessionID}`,
type: "post", type: "post",
data: formData, data: formData,
processData: false, processData: false,
contentType: false, contentType: false,
success: function(res) { success: function (res) {
console.log(res); console.log(res);
if (res.code == '10000') { if (res.code == "10000") {
if (type == 1) { if (type == 1) {
acctErrorUpdateParms.frontSideImgId = res.results; acctErrorUpdateParms.frontSideImgId = res.results;
} else { } else {
...@@ -1103,95 +1165,95 @@ ...@@ -1103,95 +1165,95 @@
} }
weui.topTips("上传成功", { weui.topTips("上传成功", {
duration: 3000, //3秒后消失 duration: 3000, //3秒后消失
className: 'weui-toptips_success', //自定义类名 className: "weui-toptips_success", //自定义类名
callback: function() {} callback: function () {},
}); });
loading.hide(); loading.hide();
resolve(res) resolve(res);
} else { } else {
weui.topTips(res.message); weui.topTips(res.message);
loading.hide(); loading.hide();
reject(res.message) reject(res.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
weui.topTips("上传失败！请检查"); weui.topTips("上传失败！请检查");
reject(err) reject(err);
}, },
}) });
}) });
}) });
}, },
getWefileId(fileType = 'jpg/png/jpeg') { getWefileId(fileType = "jpg/png/jpeg") {
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/wefile/wefileId', url: gHost + "/bank-wechat/wefile/wefileId",
type: "post", type: "post",
data: { data: {
Authorization: this.getQueryParams('seesionID'), Authorization: this.getQueryParams("seesionID"),
businessNo: businessNo, businessNo: businessNo,
fileType: fileType, //jpg/png/doc/docx/txt/pdf/ppt/xls/xlsx/pptx/jpeg fileType: fileType, //jpg/png/doc/docx/txt/pdf/ppt/xls/xlsx/pptx/jpeg
schoolId: bankInfo.schoolId, schoolId: bankInfo.schoolId,
userId: userID, userId: userID,
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
success: function(res) { success: function (res) {
loading.hide(); loading.hide();
if (res.code == "10000") { if (res.code == "10000") {
wefileId = res.results wefileId = res.results;
resolve(res.results) resolve(res.results);
} else { } else {
reject(res.message) reject(res.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
reject(err) reject(err);
}, },
}) });
}) });
}, },
//街道信息 //街道信息
StreetInformation(e) { StreetInformation(e) {
let value = $(e)[0].value; let value = $(e)[0].value;
console.log(value); console.log(value);
acctErrorUpdateParms.StreetInformation = value acctErrorUpdateParms.StreetInformation = value;
}, },
//立即更新 //立即更新
UpdateRechargeException() { UpdateRechargeException() {
this.acctErrorUpdateResource() this.acctErrorUpdateResource();
}, },
// query/getOccupationList职业信息接口 // query/getOccupationList职业信息接口
getOccupationList() { getOccupationList() {
let loading = weui.loading('请稍后'); let loading = weui.loading("请稍后");
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
url: gHost + '/bank-wechat/query/getOccupationList', url: gHost + "/bank-wechat/query/getOccupationList",
type: "post", type: "post",
data: { data: {
sessionid: sessionID, sessionid: sessionID,
wechattype: 1 wechattype: 1,
}, },
headers: { headers: {
'Authorization': getQueryParams('seesionID'), Authorization: getQueryParams("seesionID"),
}, },
success: function(res) { success: function (res) {
loading.hide(); loading.hide();
if (res.code == "10000") { if (res.code == "10000") {
resolve(res.results) resolve(res.results);
} else { } else {
reject(res.message) reject(res.message);
} }
}, },
error: function(err) { error: function (err) {
loading.hide(); loading.hide();
reject(err) reject(err);
}, },
}) });
}) });
}, },
//获取参数 //获取参数
getQueryParams(params) { getQueryParams(params) {
...@@ -1203,64 +1265,64 @@ ...@@ -1203,64 +1265,64 @@
return pair[1]; return pair[1];
} }
} }
return (false); return false;
} },
} },
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
html, html,
body, body,
page { page {
width: 750rpx; width: 750rpx;
background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%); background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
} }
.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;
...@@ -1268,91 +1330,91 @@ ...@@ -1268,91 +1330,91 @@
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;
...@@ -1362,9 +1424,9 @@ ...@@ -1362,9 +1424,9 @@
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;
...@@ -1375,27 +1437,27 @@ ...@@ -1375,27 +1437,27 @@
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;
...@@ -1403,9 +1465,9 @@ ...@@ -1403,9 +1465,9 @@
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;
...@@ -1413,9 +1475,9 @@ ...@@ -1413,9 +1475,9 @@
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;
...@@ -1424,9 +1486,9 @@ ...@@ -1424,9 +1486,9 @@
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;
...@@ -1434,13 +1496,12 @@ ...@@ -1434,13 +1496,12 @@
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;
...@@ -1449,18 +1510,18 @@ ...@@ -1449,18 +1510,18 @@
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;
...@@ -1471,82 +1532,82 @@ ...@@ -1471,82 +1532,82 @@
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;
...@@ -1555,46 +1616,46 @@ ...@@ -1555,46 +1616,46 @@
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;
...@@ -1602,52 +1663,52 @@ ...@@ -1602,52 +1663,52 @@
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;
...@@ -1655,52 +1716,50 @@ ...@@ -1655,52 +1716,50 @@
// 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 { .RechargeException .weui-cell {
color: #A1A4A8;
}
.RechargeException .weui-cell {
height: 4rem; height: 4rem;
padding: 0 !important; padding: 0 !important;
} }
.idCardPhoto1, .idCardPhoto1,
.idCardPhoto2 { .idCardPhoto2 {
width: 388rpx; width: 388rpx;
height: 224rpx; height: 224rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx; margin-top: 20rpx;
} }
.idCardPhoto1 image, .idCardPhoto1 image,
.idCardPhoto2 image { .idCardPhoto2 image {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.weui-toptips_success { .weui-toptips_success {
background-color: #03BC73 !important background-color: #03bc73 !important;
} }
.positionCam { .positionCam {
height: 32rpx; height: 32rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang-SC-Medium, PingFang-SC; font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500; font-weight: 500;
color: #6D7278; color: #6d7278;
line-height: 32rpx; line-height: 32rpx;
text-align: center; text-align: center;
position: relative; position: relative;
top: -29px; 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