205 lines
9.9 KiB
Vue
205 lines
9.9 KiB
Vue
|
<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>
|