Skip to content

梁建民 / h5

Go to a project
Commit 4a0f01d4 by 梁建民
Options

js

parent 8ad6582b
Expand all
Inline Side-by-side
Showing with 139 additions and 108 deletions
src/App.vue
<template> <template>
<div id="app"> <div id="app">
<keep-alive exclude="newsDetail,wallet,walletRetrieve,walletDetail,walletRecord,walletStatus,walletWithdraw"> <keep-alive exclude="newsDetail,wallet,walletRetrieve,walletDetail,walletRecord,walletStatus,walletWithdraw,walletRecharge">
<router-view class="router-view"></router-view> <router-view class="router-view"></router-view>
</keep-alive> </keep-alive>
</div> </div>
......
src/assets/css/wallet/wallet.css
...@@ -1317,6 +1317,13 @@ ...@@ -1317,6 +1317,13 @@
border-top: 0.133rem solid rgba(0, 0, 0, 0.4); border-top: 0.133rem solid rgba(0, 0, 0, 0.4);
} }
.verify-content .form-error{
font-size: 12px;
line-height: 20px;
color: #e00106;
padding: 0.1rem 0.3rem;
}
@-webkit-keyframes fadeInUp { @-webkit-keyframes fadeInUp {
0% { 0% {
......
src/store/modules/wallet/wallet.js
...@@ -380,6 +380,10 @@ const actions = { ...@@ -380,6 +380,10 @@ const actions = {
Services.verifySafeMobile(qs.stringify(params)).then((res) => { Services.verifySafeMobile(qs.stringify(params)).then((res) => {
let data = res.data; let data = res.data;
Toast.loading({
message: '处理中...'
});
if (data.err_code == 0) { if (data.err_code == 0) {
Toast({ Toast({
message: data.err_msg, message: data.err_msg,
...@@ -389,7 +393,7 @@ const actions = { ...@@ -389,7 +393,7 @@ const actions = {
type: 'verifySafeMobile', type: 'verifySafeMobile',
data: data.data data: data.data
}); });
setTimeout(function () { setTimeout(() => {
window.location.href = "/h5/view/#/wallet/bind"; window.location.href = "/h5/view/#/wallet/bind";
}, 2000) }, 2000)
} else if (data.err_code == 11030) { } else if (data.err_code == 11030) {
...@@ -403,11 +407,11 @@ const actions = { ...@@ -403,11 +407,11 @@ const actions = {
} else { } else {
Toast({ Toast({
message: data.err_msg, message: data.err_msg,
duration: 200 duration: 2000
}); });
} }
}).catch(function (err) { }).catch(function (err) {
Toast.clear();
}); });
}, },
getBindBankmsg({commit}, payload) { getBindBankmsg({commit}, payload) {
......
src/views/wallet/Recharge.vue
...@@ -39,12 +39,11 @@ ...@@ -39,12 +39,11 @@
import {RadioGroup, Radio, Cell, CellGroup} from 'vant'; import {RadioGroup, Radio, Cell, CellGroup} from 'vant';
import {productionUrlApi} from '../../api/index' import {productionUrlApi} from '../../api/index'
console.log(productionUrlApi)
Vue.use(RadioGroup).use(Radio).use(Cell).use(CellGroup); Vue.use(RadioGroup).use(Radio).use(Cell).use(CellGroup);
export default { export default {
name: 'WalletRecharge', name: 'walletRecharge',
data() { data() {
return { return {
title: "钱包充值", title: "钱包充值",
......
src/views/wallet/Verify.vue
...@@ -33,117 +33,138 @@ ...@@ -33,117 +33,138 @@
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import {mapState} from 'vuex' import {mapState} from 'vuex'
import Header from '@/views/common/Header.vue'; import Header from '@/views/common/Header.vue';
import { Icon } from 'vant'; import {Icon, Toast} from 'vant';
import {productionUrlPc} from '../../api/index'; import {productionUrlPc} from '../../api/index';
Vue.use(Icon); Vue.use(Icon);
export default { export default {
name: 'WalletVerify', name: 'WalletVerify',
data() { data() {
return { return {
title: "验证身份", title: "验证身份",
meaushow: true, meaushow: true,
showPassword: true, //是否显示密码 showPassword: true, //是否显示密码
yzmSend: true, //验证码发送 yzmSend: true, //验证码发送
countDown: 60, countDown: 60,
countDownText: '发送验证码', countDownText: '发送验证码',
form: { form: {
verifyCode: '', verifyCode: '',
imgCode: '', imgCode: '',
password: '', password: '',
},
formError: false,
formMsg: '',
imgCodeVal: productionUrlPc+"public/verify",
}
}, },
computed: { formError: false,
...mapState({ formMsg: '',
walletInfoData: state => state.wallet.walletInfoData, imgCodeVal: productionUrlPc + "public/verify",
verifyShowImgCode: state => state.wallet.verifyShowImgCode, }
verifyCountDownFlag: state => state.wallet.verifyCountDownFlag, },
}) computed: {
}, ...mapState({
watch: { walletInfoData: state => state.wallet.walletInfoData,
verifyCountDownFlag(value) { verifyShowImgCode: state => state.wallet.verifyShowImgCode,
if(value){ verifyCountDownFlag: state => state.wallet.verifyCountDownFlag,
this.yzmSend = false; })
this.timeNum(); },
}else{ watch: {
this.yzmSend = true; verifyCountDownFlag(value) {
} if (value) {
} this.yzmSend = false;
}, this.timeNum();
created() { } else {
this.$store.dispatch({ this.yzmSend = true;
type: 'getWalletInfo' }
}) }
}, },
methods: { created() {
changeShow() { this.$store.dispatch({
this.showPassword = !this.showPassword; type: 'getWalletInfo'
}, })
timeNum() { },
var me = this; methods: {
var clock = setInterval(doLoop, 1000); changeShow() {
this.showPassword = !this.showPassword;
},
timeNum() {
var me = this;
var clock = setInterval(doLoop, 1000);
function doLoop() { function doLoop() {
me.countDown--; me.countDown--;
if (me.countDown <= 0) { if (me.countDown <= 0) {
clearInterval(clock); clearInterval(clock);
me.countDown = 60; me.countDown = 60;
me.countDownText = "再次发送"; me.countDownText = "再次发送";
me.yzmSend = true; me.yzmSend = true;
} }
} }
}, },
//获取图片验证码 //获取图片验证码
changeImgCode() { changeImgCode() {
this.imgCodeVal = productionUrlPc + "public/verify?" + new Date().getTime() this.imgCodeVal = productionUrlPc + "public/verify?" + new Date().getTime()
}, },
getCode() { getCode() {
this.$store.dispatch({ //actions分发 //下一步
type: 'sendSafesms', var password_reg = new RegExp(/^[a-zA-Z0-9]{6,20}$/); //^表示开始 $表示结束 8～20位字母和数字组合
imgCode: this.form.imgCode if (!this.form.password) {
}) Toast({
}, message: '亲,请输入原支付密码',
next() { //下一步 duration: 2000
var password_reg = new RegExp(/^[a-zA-Z0-9]{6,20}$/); //^表示开始 $表示结束 8～20位字母和数字组合 });
if (!this.form.password) { return;
this.formError = true; }
this.formMsg = '亲,请输入原支付密码';
return;
}
if (!password_reg.test(this.form.password)) { if (!password_reg.test(this.form.password)) {
this.formError = true; Toast({
this.formMsg = '亲,密码由8～20位字母、数字组合'; message: '亲,密码由6～20位字母、数字组合',
return; duration: 2000
} });
return;
}
if (!this.form.verifyCode) {
this.formError = true;
this.formMsg = '亲,请输入验证码';
return;
}
this.formError = false; this.$store.dispatch({
//actions分发
type: 'sendSafesms',
imgCode: this.form.imgCode
})
},
next() {
//下一步
var password_reg = new RegExp(/^[a-zA-Z0-9]{6,20}$/); //^表示开始 $表示结束 8～20位字母和数字组合
if (!this.form.password) {
this.formError = true;
this.formMsg = '亲,请输入原支付密码';
return;
}
this.$store.dispatch({ if (!password_reg.test(this.form.password)) {
type: 'verifySafeMobile', this.formError = true;
verify_code: this.form.verifyCode, this.formMsg = '亲,密码由6～20位字母、数字组合';
pay_password: this.form.password return;
}) }
}
}, if (!this.form.verifyCode) {
components: { this.formError = true;
Header this.formMsg = '亲,请输入验证码';
return;
} }
this.formError = false;
this.$store.dispatch({
type: 'verifySafeMobile',
verify_code: this.form.verifyCode,
pay_password: this.form.password
})
}
},
components: {
Header
} }
}
</script> </script>
<style scoped> <style scoped>
......
view/13.js
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var E_h5_node_modules_babel_runtime_corejs2_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime-corejs2/helpers/esm/objectSpread */ \"./node_modules/_@babel_runtime-corejs2@7.3.1@@babel/runtime-corejs2/helpers/esm/objectSpread.js\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ \"./node_modules/_vue@2.5.22@vue/dist/vue.runtime.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ \"./node_modules/_vuex@3.1.0@vuex/dist/vuex.esm.js\");\n/* harmony import */ var _views_common_Header_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/views/common/Header.vue */ \"./src/views/common/Header.vue\");\n/* harmony import */ var vant__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vant */ \"./node_modules/_vant@1.5.7@vant/es/index.js\");\n/* harmony import */ var _api_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/index */ \"./src/api/index.js\");\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\nconsole.log(_api_index__WEBPACK_IMPORTED_MODULE_5__[\"productionUrlApi\"]);\nvue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].use(vant__WEBPACK_IMPORTED_MODULE_4__[\"RadioGroup\"]).use(vant__WEBPACK_IMPORTED_MODULE_4__[\"Radio\"]).use(vant__WEBPACK_IMPORTED_MODULE_4__[\"Cell\"]).use(vant__WEBPACK_IMPORTED_MODULE_4__[\"CellGroup\"]);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'WalletRecharge',\n data: function data() {\n return {\n title: \"钱包充值\",\n meaushow: true,\n inputNum: this.$route.query.amount || '',\n radio: '1'\n };\n },\n computed: Object(E_h5_node_modules_babel_runtime_corejs2_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapState\"])({\n walletInfoData: function walletInfoData(state) {\n return state.wallet.walletInfoData;\n },\n amountRechargeID: function amountRechargeID(state) {\n return state.wallet.amountRechargeID;\n }\n })),\n watch: {\n amountRechargeID: function amountRechargeID(value) {\n if (value) {\n if (this.radio == 1) {\n //微信支付\n this.$store.dispatch({\n type: 'payTodo',\n pay_code: 'wxpay',\n // rescue: 1,\n types: 1,\n site_type: 2,\n order_id: value\n });\n } // else if (this.radio == 2) { //支付宝支付\n // window.location.href = productionUrlApi + \"pay/todo?pay_code=alipay&rescue=1&types=1&pay_mode=2&site_type=2&order_id=\" + value;\n // } else if (this.radio == 3) { //中国银联\n // window.location.href = productionUrlApi + \"pay/todo?pay_code=unionpay&rescue=1&types=1&site_type=2&order_id=\" + value;\n // }\n\n }\n }\n },\n created: function created() {\n this.$store.dispatch({\n type: 'getWalletInfo'\n });\n },\n methods: {\n recharge: function recharge() {\n //充值\n if (this.inputNum !== '') {\n console.log(this.radio); //充值申请\n\n this.$store.dispatch({\n type: 'walletRecharge',\n amount: this.inputNum\n });\n }\n }\n },\n components: {\n Header: _views_common_Header_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n }\n});\n\n//# sourceURL=webpack:///./src/views/wallet/Recharge.vue?./node_modules/_cache-loader@1.2.5@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.0.5@babel-loader/lib!./node_modules/_cache-loader@1.2.5@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.6.2@vue-loader/lib??vue-loader-options"); eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var E_h5_node_modules_babel_runtime_corejs2_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime-corejs2/helpers/esm/objectSpread */ \"./node_modules/_@babel_runtime-corejs2@7.3.1@@babel/runtime-corejs2/helpers/esm/objectSpread.js\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ \"./node_modules/_vue@2.5.22@vue/dist/vue.runtime.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ \"./node_modules/_vuex@3.1.0@vuex/dist/vuex.esm.js\");\n/* harmony import */ var _views_common_Header_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/views/common/Header.vue */ \"./src/views/common/Header.vue\");\n/* harmony import */ var vant__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vant */ \"./node_modules/_vant@1.5.7@vant/es/index.js\");\n/* harmony import */ var _api_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../api/index */ \"./src/api/index.js\");\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].use(vant__WEBPACK_IMPORTED_MODULE_4__[\"RadioGroup\"]).use(vant__WEBPACK_IMPORTED_MODULE_4__[\"Radio\"]).use(vant__WEBPACK_IMPORTED_MODULE_4__[\"Cell\"]).use(vant__WEBPACK_IMPORTED_MODULE_4__[\"CellGroup\"]);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'walletRecharge',\n data: function data() {\n return {\n title: \"钱包充值\",\n meaushow: true,\n inputNum: this.$route.query.amount || '',\n radio: '1'\n };\n },\n computed: Object(E_h5_node_modules_babel_runtime_corejs2_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapState\"])({\n walletInfoData: function walletInfoData(state) {\n return state.wallet.walletInfoData;\n },\n amountRechargeID: function amountRechargeID(state) {\n return state.wallet.amountRechargeID;\n }\n })),\n watch: {\n amountRechargeID: function amountRechargeID(value) {\n if (value) {\n if (this.radio == 1) {\n //微信支付\n this.$store.dispatch({\n type: 'payTodo',\n pay_code: 'wxpay',\n // rescue: 1,\n types: 1,\n site_type: 2,\n order_id: value\n });\n } // else if (this.radio == 2) { //支付宝支付\n // window.location.href = productionUrlApi + \"pay/todo?pay_code=alipay&rescue=1&types=1&pay_mode=2&site_type=2&order_id=\" + value;\n // } else if (this.radio == 3) { //中国银联\n // window.location.href = productionUrlApi + \"pay/todo?pay_code=unionpay&rescue=1&types=1&site_type=2&order_id=\" + value;\n // }\n\n }\n }\n },\n created: function created() {\n this.$store.dispatch({\n type: 'getWalletInfo'\n });\n },\n methods: {\n recharge: function recharge() {\n //充值\n if (this.inputNum !== '') {\n console.log(this.radio); //充值申请\n\n this.$store.dispatch({\n type: 'walletRecharge',\n amount: this.inputNum\n });\n }\n }\n },\n components: {\n Header: _views_common_Header_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n }\n});\n\n//# sourceURL=webpack:///./src/views/wallet/Recharge.vue?./node_modules/_cache-loader@1.2.5@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.0.5@babel-loader/lib!./node_modules/_cache-loader@1.2.5@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.6.2@vue-loader/lib??vue-loader-options");
/***/ }), /***/ }),
......
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 sign in to comment