mianxueyoupin/pages/user/xuepingxian.vue

<template>
<view class="xuepingxian">
	<view class="topic">
		上传学平险信息可兑换3个红包
	</view>
	<view class="form">
		<view class="formItem">
			<text>姓名</text>
			<u--input
			    placeholder="请填写"
			    border="none"
			    v-model="form.name"
			></u--input>
		</view>
		<view class="formItem" style="border-top: 2px solid #EAEAEA;">
			<text>保单号</text>
			<u--input
			    placeholder="请填写"
			    border="none"
			    v-model="form.num"
			></u--input>
		</view>
	</view>
	<view class="submit" @click="submitHandle">
		提交
	</view>
	<u-toast ref="uToast"></u-toast>
</view>
</template>

<script>
export default{
	data(){
		return{
			form:{
				name:'',
				num:''
			}
		}
	},
	methods:{
		submitHandle(){
			if(!this.form.name){
				uni.showToast({title: '请输入姓名',icon:'none'})
				return;
			}
			if(!this.form.num){
				uni.showToast({title: '请输入保单号',icon:'none'})
				return;
			}
			this.loadData()
		},
		async loadData() {
			await uni.request({
				url: '/wanlshop/Aliorc/getxuepingxian',
				method: 'POST',
				data:{
					cardno:this.form.name,
					username:this.form.num
				},
				success: res => {
					uni.showToast({title: res.msg,icon:'none'})
				}
			});
		}
	},
	onLoad() {
		
	}
}
</script>

<style lang="scss" scoped>
.xuepingxian{
	min-height: calc(100vh);
	background-color: #F2F3F4;
	padding:24rpx 20rpx;
	.topic{
		background: #FFFFFF;
		border-radius: 20rpx;
		padding:40rpx 0;
		text-align: center;
		font-family: Source Han Sans SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #EB6100;
	}
	.form{
		margin-top:30rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		overflow: hidden;
		padding:0 20rpx;
		.formItem{
			display: flex;
			padding:30rpx 0rpx;
			align-items: center;
			text{
				
				font-family: Source Han Sans SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				margin-right: 20rpx;
			}
			::v-deep input{
				text-align: right !important;
			}
		}
		
	}
	.submit{
		background: #EB6100;
		border-radius: 45px;
		padding: 30rpx 0;
		text-align: center;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 30rpx;
		color: #FFFFFF;
		position: fixed;
		width:94%;
		left:3%;
		bottom:44rpx;
	}
}
</style>