增加新模块

2025-03-20 08:46:07 +08:00
parent 15014e22aa
commit 2ae62b59ed
1729 changed files with 94700 additions and 4232 deletions
@@ -0,0 +1,127 @@
+<template>
+	<view class="bank_add_warp">
+		<view class="add_form">
+			<view class="add_bank_form_item" v-for="item in formList" :key="item.id">
+				<view class="add_title">{{item.title}}</view>
+				<up-input
+				    :placeholder="item.placeholder"
+				    border="surround"
+				    v-model="form[item.formName]"
+					:customStyle="inputCss"
+				  ></up-input>
+			</view>
+		</view>
+		<view class="add_but" @click="addBank">
+			添加
+		</view>
+		<up-toast ref="uToastRef"></up-toast>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				inputCss:{
+					"height":'80rpx',
+					"background": "#F5F5F5",
+					"border-radius": "30rpx",
+					"border": "0rpx",
+					"padding-left": "16px",
+				},
+				form:{
+					name:null,
+					number:null,
+					bankName:null,// 银行名称
+					bankBranch:null,// 开户支行
+					iban:null,// IBAN
+				},
+				formList:[
+					{
+						id:1,
+						title:"姓名",
+						formName:"name",
+						placeholder:"请输入姓名",
+					},{
+						id:2,
+						title:"银行卡账号/卡号",
+						formName:"number",
+						placeholder:"请输入账号",
+					},{
+						id:3,
+						title:"银行名称",
+						formName:"bankName",
+						placeholder:"请输入银行名称",
+					},{
+						id:4,
+						title:"开户支行（选填）",
+						formName:"bankBranch",
+						placeholder:"请属于您的开户支行",
+					},{
+						id:5,
+						title:"IBAN（选填）",
+						formName:"iban",
+						placeholder:"IBNA",
+					},
+				]
+			}
+		},
+		methods: {
+			addBank(){
+				
+				const param ={
+					...this.form
+				};
+				if(!param.name){
+					this.$refs.uToastRef.show({
+						type: 'error',
+						message: "请输入姓名",
+					});
+					return;
+				}
+				if(!param.number){
+					this.$refs.uToastRef.show({
+						type: 'error',
+						message: "银行卡账号/卡号",
+					});
+					return;
+				}
+				if(!param.bankName){
+					this.$refs.uToastRef.show({
+						type: 'error',
+						message: "银行名称",
+					});
+					return;
+				}
+				console.log("param",param);
+				uni.navigateTo({
+					url:'/pages/mine_bank_card/mine_bank_card',
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.bank_add_warp{
+		height: calc(100vh - 58rpx);
+		background-color: $app-bj;
+		padding: 30rpx;
+	}
+	.add_form{
+		background: #FFFFFF;
+		border-radius: 30rpx;
+		padding: 30rpx;
+	}
+	
+	.add_bank_form_item{
+		margin-bottom: 30rpx;
+		.add_title{
+			font-weight: bold;
+			font-size: 32rpx;
+			color: #111111;
+			margin-bottom: 30rpx;
+		}
+	}
+	
+</style>