单位账户修改

subpackage/personal-center/setting/bank-card/bank-card-add.vue

@@ -2,13 +2,13 @@
 	<view class="container">
 		<u-form label-width='200' :model="state.form" ref="uForm">
 			<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 label="银行卡号">
-				<u-input v-model="state.form.card" placeholder='请输入银行卡号'/>
+				<u-input v-model="state.form.card" placeholder='请输入银行卡号' />
 			</u-form-item>
 			<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 label="身份证">
 				<u-input v-model="state.form.agentgender" />
@@ -16,12 +16,12 @@
 			<!-- <u-form-item label="开户银行">
 				<u-input v-model="state.form.begindate" type="select" />
 			</u-form-item> -->
-		<!-- 	<u-form-item label="银行预留手机号">
+			<!-- 	<u-form-item label="银行预留手机号">
 				<u-input v-model="state.form.phone" />
 			</u-form-item> -->
 			<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>
 			</u-form-item>
 			<u-form-item label="验证码" placeholder='请输入验证码'>
@@ -41,26 +41,26 @@
 </template>
 
 <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";
 	let waitTime = ref(0);
 	const state = reactive({
 		form: {
-			name:'',
-			card:'',
-			bank:'',
-			phone:'',
-			code:'',
-		},		
+			name: '',
+			card: '',
+			bank: '',
+			phone: '',
+			code: '',
+		},
 		// isDefault:0, //是否默认
 	})
-	
+
 	const submit = () => {
-		for(var i in state.form){
-			if(!state.form[i]){
+		for (var i in state.form) {
+			if (!state.form[i]) {
 				msg('请将信息填写完整！');
 				return;
 			}
@@ -78,7 +78,14 @@
 		};
 		request(addBankCard, options).then((res) => {
 			const data = stringToJson(res.bizContent)
-			console.log("添加银行卡",data)
+			msg('银行卡新增成功')
+			setTimeout(() => {
+				uni.navigateBack({
+					delta: 1
+				})
+			}, 1500)
+
+			console.log("添加银行卡", data)
 		})
 	}
 	const getCode = () => {
@@ -104,11 +111,11 @@
 			method: "POST", //提交方式(默认POST)
 			showLoading: true, //是否显示加载中(默认显示)
 		};
-	
+
 		//调用方式
 		request(sendCode, options)
 			.then((res) => {
-				
+
 			})
 			.catch((err) => {
 				console.log(err);
@@ -139,17 +146,20 @@
 	.container {
 		padding: 30rpx;
 	}
-	.uni-list-cell{
+
+	.uni-list-cell {
 		display: flex;
 		margin: 10rpx auto;
 		justify-content: space-between;
 		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;
 	}
-	.btn{
+
+	.btn {
 		background: #19BE6B;
 		padding: 0rpx 32rpx;
 		border-radius: 10rpx;
@@ -159,4 +169,4 @@
 		line-height: 46rpx;
 		text-align: center;
 	}
-</style>
+</style>

subpackage/personal-center/setting/bank-card/bank-card.vue

@@ -17,24 +17,6 @@
 			<!-- <view class='default'>默认</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')">
 		<submit-button title="+ 添加银行卡"></submit-button>
 	</view>
@@ -46,7 +28,8 @@
 	import { queryBankCard, delBankCard } from "@/utils/network/api.js";
 	import { stringToJson } from "@/utils/network/encryption.js";
 	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({
 		name: '',
 		params: {}, //传过来的参数
@@ -65,6 +48,9 @@
 		console.log("option", state.params)
 		getBankList();
 	})
+	onShow(() => {
+		getBankList();
+	})
 	const getBankList = () => {
 		const options = {
 			type: 2,
@@ -93,7 +79,10 @@
 		request(delBankCard, options).then((res) => {
 			const data = stringToJson(res.bizContent)
 			console.log("删除银行卡", data);
-			getBankList();
+			msg("成功")
+			setTimeout(() => {
+				getBankList();
+			}, 1500)
 		})
 	}
 	const choice = (cardNumber) => {