DESKTOP-2IO5MST\huting пре 1 година
родитељ
комит
1461aaf7c7

+ 37
- 27
subpackage/personal-center/setting/bank-card/bank-card-add.vue Прегледај датотеку

<view class="container"> <view class="container">
<u-form label-width='200' :model="state.form" ref="uForm"> <u-form label-width='200' :model="state.form" ref="uForm">
<u-form-item label="姓名"> <u-form-item label="姓名">
<u-input v-model="state.form.name" placeholder='请输入姓名'/>
<u-input v-model="state.form.name" placeholder='请输入姓名' />
</u-form-item> </u-form-item>
<u-form-item label="银行卡号"> <u-form-item label="银行卡号">
<u-input v-model="state.form.card" placeholder='请输入银行卡号'/>
<u-input v-model="state.form.card" placeholder='请输入银行卡号' />
</u-form-item> </u-form-item>
<u-form-item label="开户银行"> <u-form-item label="开户银行">
<u-input v-model="state.form.bank" placeholder='请输入开户银行'/>
<u-input v-model="state.form.bank" placeholder='请输入开户银行' />
</u-form-item> </u-form-item>
<!-- <u-form-item label="身份证"> <!-- <u-form-item label="身份证">
<u-input v-model="state.form.agentgender" /> <u-input v-model="state.form.agentgender" />
<!-- <u-form-item label="开户银行"> <!-- <u-form-item label="开户银行">
<u-input v-model="state.form.begindate" type="select" /> <u-input v-model="state.form.begindate" type="select" />
</u-form-item> --> </u-form-item> -->
<!-- <u-form-item label="银行预留手机号">
<!-- <u-form-item label="银行预留手机号">
<u-input v-model="state.form.phone" /> <u-input v-model="state.form.phone" />
</u-form-item> --> </u-form-item> -->
<u-form-item label="银行预留手机号"> <u-form-item label="银行预留手机号">
<u-input v-model="state.form.phone" placeholder='请输入银行预留手机号'/>
<u-button type="success" size="mini" @click="getCode" v-if="waitTime==0">获取验证码</u-button>
<u-input v-model="state.form.phone" placeholder='请输入银行预留手机号' />
<u-button type="success" size="mini" @click="getCode" v-if="waitTime==0">获取验证码</u-button>
<text class="btn" v-else>{{waitTime}}后重试</text> <text class="btn" v-else>{{waitTime}}后重试</text>
</u-form-item> </u-form-item>
<u-form-item label="验证码" placeholder='请输入验证码'> <u-form-item label="验证码" placeholder='请输入验证码'>
</template> </template>


<script setup lang="ts"> <script setup lang="ts">
import { reactive,ref } from "vue";
import {request} from "@/utils/network/request.js";
import {addBankCard,sendCode} from "@/utils/network/api.js";
import {stringToJson} from "@/utils/network/encryption.js";
import { reactive, ref } from "vue";
import { request } from "@/utils/network/request.js";
import { addBankCard, sendCode } from "@/utils/network/api.js";
import { stringToJson } from "@/utils/network/encryption.js";
import { msg } from "@/utils/utils"; import { msg } from "@/utils/utils";
let waitTime = ref(0); let waitTime = ref(0);
const state = reactive({ const state = reactive({
form: { form: {
name:'',
card:'',
bank:'',
phone:'',
code:'',
},
name: '',
card: '',
bank: '',
phone: '',
code: '',
},
// isDefault:0, //是否默认 // isDefault:0, //是否默认
}) })
const submit = () => { const submit = () => {
for(var i in state.form){
if(!state.form[i]){
for (var i in state.form) {
if (!state.form[i]) {
msg('请将信息填写完整!'); msg('请将信息填写完整!');
return; return;
} }
}; };
request(addBankCard, options).then((res) => { request(addBankCard, options).then((res) => {
const data = stringToJson(res.bizContent) const data = stringToJson(res.bizContent)
console.log("添加银行卡",data)
msg('银行卡新增成功')
setTimeout(() => {
uni.navigateBack({
delta: 1
})
}, 1500)

console.log("添加银行卡", data)
}) })
} }
const getCode = () => { const getCode = () => {
method: "POST", //提交方式(默认POST) method: "POST", //提交方式(默认POST)
showLoading: true, //是否显示加载中(默认显示) showLoading: true, //是否显示加载中(默认显示)
}; };
//调用方式 //调用方式
request(sendCode, options) request(sendCode, options)
.then((res) => { .then((res) => {
}) })
.catch((err) => { .catch((err) => {
console.log(err); console.log(err);
.container { .container {
padding: 30rpx; padding: 30rpx;
} }
.uni-list-cell{

.uni-list-cell {
display: flex; display: flex;
margin: 10rpx auto; margin: 10rpx auto;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
::v-deep .u-form-item--right__content__slot{
display:flex !important;

::v-deep .u-form-item--right__content__slot {
display: flex !important;
align-items: center; align-items: center;
} }
.btn{

.btn {
background: #19BE6B; background: #19BE6B;
padding: 0rpx 32rpx; padding: 0rpx 32rpx;
border-radius: 10rpx; border-radius: 10rpx;
line-height: 46rpx; line-height: 46rpx;
text-align: center; text-align: center;
} }
</style>
</style>

+ 9
- 20
subpackage/personal-center/setting/bank-card/bank-card.vue Прегледај датотеку

<!-- <view class='default'>默认</view> --> <!-- <view class='default'>默认</view> -->
</view> </view>
</view> </view>
<!-- <view class="container" @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')">
<view class="">
<image class="bg" style="width:100%;height: 260rpx;" :src="`${$imgUrl}bank-bg.png`"></image>
<view class="content">
<view class="flex">
<image style="width:68rpx;height:68rpx;" :src="`${$imgUrl}gongshang.png`">
</image>
<view style="margin-left: 15rpx;" class="">
<view class="bank">工商银行</view>
<view class="card">储蓄卡</view>
</view>
</view>
<view class="button" @click.stop='delCard()'>解除绑定</view>
</view>
<view class="value">6216 **** **** 8721</view>
<view class='default'>默认</view>
</view>
</view> -->
<view style='margin: 40rpx 30rpx;' @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')"> <view style='margin: 40rpx 30rpx;' @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')">
<submit-button title="+ 添加银行卡"></submit-button> <submit-button title="+ 添加银行卡"></submit-button>
</view> </view>
import { queryBankCard, delBankCard } from "@/utils/network/api.js"; import { queryBankCard, delBankCard } from "@/utils/network/api.js";
import { stringToJson } from "@/utils/network/encryption.js"; import { stringToJson } from "@/utils/network/encryption.js";
import { navTo } from '@/utils/utils'; import { navTo } from '@/utils/utils';
import { onLoad } from "@dcloudio/uni-app";
import { onLoad, onShow } from "@dcloudio/uni-app";
import { msg } from "@/utils/utils";
const state = reactive({ const state = reactive({
name: '', name: '',
params: {}, //传过来的参数 params: {}, //传过来的参数
console.log("option", state.params) console.log("option", state.params)
getBankList(); getBankList();
}) })
onShow(() => {
getBankList();
})
const getBankList = () => { const getBankList = () => {
const options = { const options = {
type: 2, type: 2,
request(delBankCard, options).then((res) => { request(delBankCard, options).then((res) => {
const data = stringToJson(res.bizContent) const data = stringToJson(res.bizContent)
console.log("删除银行卡", data); console.log("删除银行卡", data);
getBankList();
msg("成功")
setTimeout(() => {
getBankList();
}, 1500)
}) })
} }
const choice = (cardNumber) => { const choice = (cardNumber) => {

Loading…
Откажи
Сачувај