<template>
	<view class="partner">
		<view class="banner">
			<image src="https://dev.gxwebsoft.com/ylx/uploads/10001/20220815/d494a73f94f5e0a4b8562c77e5ec9ec3.jpg" class="banner" mode="widthFix"></image>
		</view>
		<!-- 表单组件 -->
		<view class="form-wrapper">
			<u-form :model="form" ref="uForm" label-width="140rpx">
				<u-form-item label="姓名" prop="name">
					<u-input v-model="form.name" :disabled="disabled" placeholder="请输入姓名" />
				</u-form-item>
				<u-form-item label="电话" prop="mobile">
					<u-input v-model="form.mobile" maxlength="11" :disabled="disabled" placeholder="请输入联系电话" />
				</u-form-item>
				<u-form-item label="性别" prop="sex">
					<u-radio-group v-model="form.sex" @change="groupChange">
						<u-radio label="1">男</u-radio>
					    <u-radio label="2">女</u-radio>
					  </u-radio-group>
				</u-form-item>
				<u-form-item label="投资预算" prop="weixin">
					<u-input type="number" v-model="form.yusuan" :disabled="disabled" placeholder="请输入投资预算" />
				</u-form-item>
				<u-form-item label="微信号" prop="weixin">
					<u-input v-model="form.weixin" :disabled="disabled" placeholder="请输入微信号" />
				</u-form-item>
				<u-form-item label="意向地区" prop="region">
					<select-region ref="sRegion" :disabled="disabled" v-model="form.region" />
				</u-form-item>
				<u-form-item label="整体需求" prop="comments">
					<u-input v-model="form.comments" :disabled="disabled" placeholder="请输入整体需求" />
				</u-form-item>
				
			</u-form>
		</view>
		<!-- 操作按钮 -->
		<view class="footer">
			<view class="btn">
				<u-button type="primary" shape="circle">提交申请</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	// 表单字段元素
	const form = {
		// 入驻类型 （合伙人10001,配送员10002,社区门店10003,省代10004）
		grade_id: 10004,
		company: '',
		real_name: '',
		phone: '',
		mobile: '',
		region: [],
		detail: '',
	}
	
	import SelectRegion from '@/components/select-region/select-region'
	export default {
		components: {
			SelectRegion
		},
		data() {
			return {
				form,
				disabled: false,
				imageList: []
				
			}
		},
		methods: {
			groupChange(){
				
			}
		}
	}
</script>

<style lang="less">
	.partner {
		
		.banner {
			width: 100%;
		}
		.form-wrapper {
			margin: 20rpx auto 20rpx auto;
			padding: 0 40rpx;
			width: 94%;
			box-shadow: 0 1rpx 5rpx 0px rgba(0, 0, 0, 0.05);
			border-radius: 16rpx;
			background: #fff;
		}
		.footer{
			width: 500rpx;
			margin: 20rpx auto;
		}
	}
</style>
