From 80763662ffaefa7e49cf541201c689f61f5a3caa Mon Sep 17 00:00:00 2001
From: 石广澎 <shiguangpeng@163.com>
Date: 星期日, 30 十一月 2025 19:28:49 +0800
Subject: [PATCH] feat(pay): 充值页面增加积分显示
---
pages/pay/addCardSecond.vue | 151 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 151 insertions(+), 0 deletions(-)
diff --git a/pages/pay/addCardSecond.vue b/pages/pay/addCardSecond.vue
new file mode 100644
index 0000000..257877d
--- /dev/null
+++ b/pages/pay/addCardSecond.vue
@@ -0,0 +1,151 @@
+<template>
+ <view>
+ <u--form class="" labelWidth="80" :model="form" :rules="rules" ref="uForm">
+ <view class="u-p-h-30">
+ <u-form-item label="鎸佸崱浜�">
+ <u--input v-model="form.acctName" readonly border="none"></u--input>
+ </u-form-item>
+ <u-form-item label="閾惰鍗″彿">
+ <u--input v-model="form.cardNo" readonly border="none"></u--input>
+ </u-form-item>
+ <u-form-item label="鎵�灞為摱琛�">
+ <u--input v-model="form.bankName" readonly border="none"></u--input>
+ </u-form-item>
+ </view>
+
+ <view class="bg-fff u-p-h-30 u-m-t-30">
+ <block v-if="form.cardType=='CC'">
+ <u-form-item label="鏈夋晥鏈�" borderBottom prop="validdate">
+ <u--input v-model="form.validdate" border="none" placeholder="璇疯緭鍏ヤ俊鐢ㄥ崱鏈夋晥鏈�">
+ </u--input>
+ </u-form-item>
+ <u-form-item label="瀹夊叏鐮�" borderBottom prop="cvv2">
+ <u--input v-model="form.cvv2" border="none" placeholder="璇疯緭鍏ヤ俊鐢ㄥ崱瀹夊叏鐮�"></u--input>
+ </u-form-item>
+ </block>
+ <u-form-item label="韬唤璇佸彿" borderBottom prop="idNo">
+ <u--input v-model="form.idNo" border="none" placeholder="璇疯緭鍏ユ寔鍗′汉韬唤璇佸彿"></u--input>
+ </u-form-item>
+ <u-form-item label="鎵嬫満鍙�" prop="mobile">
+ <u--input v-model="form.mobile" border="none" placeholder="璇疯緭鍏ユ寔鍗′汉鎵嬫満鍙�"></u--input>
+ </u-form-item>
+ </view>
+
+ </u--form>
+ <label @click="checked=!checked" class="u-flex u-font-24 color-999 u-m-h-30 u-m-t-30">
+ <radio style="transform: scale(0.7);" color="#e93b3d" @change="radioChange" :checked="checked" />鎴戝凡闃呰骞跺悓鎰�
+ <view @click.stop="showAgreement=true" class="" style="color: #e93b3d;">銆婄敤鎴峰崗璁��</view>
+ </label>
+ <view class="u-p-40">
+ <u-button @click="doNext" :loading="loading" :disabled="loading" type="error" text="涓嬩竴姝�"></u-button>
+ </view>
+ <u-popup :show="showAgreement" mode="center" :round="30">
+ <card-agreement @confirm="checked=true;showAgreement=false;doNext()"></card-agreement>
+ </u-popup>
+
+ </view>
+</template>
+
+<script>
+ import {
+ signUpToApply,
+ } from '@/common/api/index'
+ export default {
+ data() {
+ return {
+ showAgreement: false,
+ checked: true,
+ loading: false,
+ form: {
+ acctName: '',
+ cardNo: '',
+ bankName: '',
+ cardType: 'DC',
+ validdate: '',
+ cvv2: '',
+ idNo: '',
+ mobile: ''
+ },
+ rules: {
+ validdate: [{
+ required: true,
+ message: '鏈夋晥鏈熶笉鑳戒负绌�',
+ trigger: 'blur'
+ }],
+ cvv2: [{
+ required: true,
+ message: '瀹夊叏鐮佷笉鑳戒负绌�',
+ trigger: 'blur'
+ }],
+ idNo: [{
+ required: true,
+ message: '韬唤璇佸彿涓嶈兘涓虹┖',
+ trigger: 'blur'
+ }, {
+ // 鑷畾涔夐獙璇佸嚱鏁帮紝瑙佷笂璇存槑
+ validator: (rule, value, callback) => {
+ // 涓婇潰鏈夎锛岃繑鍥瀟rue琛ㄧず鏍￠獙閫氳繃锛岃繑鍥瀎alse琛ㄧず涓嶉�氳繃
+ // uni.$u.test.mobile()灏辨槸杩斿洖true鎴栬�協alse鐨�
+ return uni.$u.test.idCard(value);
+ },
+ message: '韬唤璇佸彿涓嶆纭�',
+ trigger: 'change'
+ }],
+ mobile: [{
+ required: true,
+ message: '鎵嬫満鍙蜂笉鑳戒负绌�',
+ trigger: 'blur'
+ }, {
+ // 鑷畾涔夐獙璇佸嚱鏁帮紝瑙佷笂璇存槑
+ validator: (rule, value, callback) => {
+ // 涓婇潰鏈夎锛岃繑鍥瀟rue琛ㄧず鏍￠獙閫氳繃锛岃繑鍥瀎alse琛ㄧず涓嶉�氳繃
+ // uni.$u.test.mobile()灏辨槸杩斿洖true鎴栬�協alse鐨�
+ return uni.$u.test.mobile(value);
+ },
+ message: '鎵嬫満鍙蜂笉姝ｇ‘',
+ trigger: 'change'
+ }],
+ }
+ };
+ },
+ onLoad(opt) {
+ opt.acctName = decodeURIComponent(opt.acctName || '')
+ opt.bankName = decodeURIComponent(opt.bankName || '')
+ this.form = opt
+ },
+ onReady() {
+ //濡傛灉闇�瑕佸吋瀹瑰井淇″皬绋嬪簭锛屽苟涓旀牎楠岃鍒欎腑鍚湁鏂规硶绛夛紝鍙兘閫氳繃setRules鏂规硶璁剧疆瑙勫垯銆�
+ this.$refs.uForm.setRules(this.rules)
+ },
+ methods: {
+ doNext() {
+ this.$refs.uForm.validate().then(res => {
+ if (!this.checked) {
+ this.showAgreement = true
+ return
+ }
+ this.loading = true
+ const param = uni.$u.deepClone(this.form);
+ delete param.bankName
+ delete param.cardType
+ signUpToApply(param).then(res => {
+ const params = uni.$u.deepClone(this.form);
+ params.thpinfo = res
+ uni.$u.route({
+ url: '/pages/pay/addCardCode',
+ params: params
+ })
+ }).catch(() => {
+ this.loading = false
+ })
+ }).catch(errors => {
+
+ })
+ }
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+
+</style>
--
Gitblit v1.9.1