<template>
	<view class="container">
		<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" labelWidth="120">
			<view class="tag_title">
				<u-tag text="托运方" size="mini"></u-tag>
			</view>
			<u-form-item label="名称" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="信用代码" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="联系电话" prop="form.phone" borderBottom ref="item1" required>
				<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入手机号码"></u--input>
			</u-form-item>
			
			
			<view class="tag_title">
				<u-tag text="收货方" size="mini"></u-tag>
			</view>
			<u-form-item label="名称" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="信用代码" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="联系电话" prop="form.phone" borderBottom ref="item1" required>
				<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入手机号码"></u--input>
			</u-form-item>
			
			
			<view class="tag_title">
				<u-tag text="装货方" size="mini"></u-tag>
			</view>
			<u-form-item label="名称" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="信用代码" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="联系电话" prop="form.phone" borderBottom ref="item1" required>
				<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入手机号码"></u--input>
			</u-form-item>



			<view class="tag_title">
				<u-tag text="运输信息" size="mini"></u-tag>
			</view>
			<u-form-item label="起运地" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="行政区" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="目的地" prop="form.phone" borderBottom ref="item1" required>
				<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入手机号码"></u--input>
			</u-form-item>
			<u-form-item label="行政区" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="起运日期" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="预计完成日期" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="车辆路线" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="途径省" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="城市配送" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>


			<view class="tag_title">
				<u-tag text="货物信息" size="mini"></u-tag>
			</view>
			<u-form-item label="名称" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="国际编号" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="类别" prop="form.phone" borderBottom ref="item1" required>
				<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入手机号码"></u--input>
			</u-form-item>
			<u-form-item label="包装类别" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="包装规格" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="货物单位" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="货物重量" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="应急措施" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>





			<view class="tag_title">
				<u-tag text="车辆信息" size="mini"></u-tag>
			</view>
			<u-form-item label="车牌号" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="车牌颜色" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="道路运输证书" prop="form.phone" borderBottom ref="item1" required>
				<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入手机号码"></u--input>
			</u-form-item>
			<u-form-item label="挂车车牌号" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="道路运输证书" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="罐体编号" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="罐体容积" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>


			<view class="tag_title">
				<u-tag text="人员信息" size="mini"></u-tag>
			</view>
			<u-form-item label="驾驶员" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="资格证书" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="联系方式" prop="form.phone" borderBottom ref="item1" required>
				<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入手机号码"></u--input>
			</u-form-item>
			<u-form-item label="押运员" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="资格证书" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="联系方式" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="双驾双押" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>
			<u-form-item label="调度人" prop="form.name" borderBottom ref="item1" required>
				<u--input v-model="form.name" border="none" maxlength="5" placeholder="请输入真实姓名"></u--input>
			</u-form-item>

		</u--form>

		<u-button type="primary" class="btn" text="提交信息" shape="circle" @click="add"></u-button>

	</view>

</template>

<script>
	export default {
		data() {
			return {
				form: {
					
				},
				rules:{}
			}
		},
		methods:{
			add(){
				console.log(1)
			}
		}
	}
</script>

<style scoped lang="less">
	.container{
		padding: 20px;
		.tag_title {
			width: 80px;
			height: 30px;
			display: flex;
			align-items: center;
		}
		.btn{
			margin-top: 20px;
		}
	}
	
</style>