| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 车主姓名 --> |
| | | <el-form-item class="optionItem" label="车主姓名:" prop="ownerName"> |
| | | <el-input v-model="car.ownerName" placeholder="请输入车主姓名"></el-input> |
| | | <el-form-item class="optionItem" label="车主姓名:" prop="carOwner"> |
| | | <el-input v-model="car.carOwner" placeholder="请输入车主姓名"></el-input> |
| | | </el-form-item> |
| | | <!-- 车辆使用人员 --> |
| | | <el-form-item class="optionItem" label="车辆使用人员:" prop="vehicleUser"> |
| | | <el-input v-model="car.vehicleUser" placeholder="请输入车辆使用人员"></el-input> |
| | | <el-form-item class="optionItem" label="车辆使用人员:" prop="carUser"> |
| | | <el-input v-model="car.carUser" placeholder="请输入车辆使用人员"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系方式 --> |
| | | <el-form-item class="optionItem" label="联系方式:" prop="contact"> |
| | | <el-input v-model="car.contact" placeholder="请输入车主手机号码"></el-input> |
| | | <el-form-item class="optionItem" label="联系方式:" prop="phone"> |
| | | <el-input v-model="car.phone" placeholder="请输入车主手机号码"></el-input> |
| | | </el-form-item> |
| | | <!-- 施工单位 --> |
| | | <el-form-item class="optionItems" label="施工单位:" prop="constructionOrg"> |
| | |
| | | <!-- 施工地址 --> |
| | | <el-form-item class="optionItems" label="施工地址:" prop="geographicPosition"> |
| | | <el-input v-model="car.geographicPosition" placeholder="请填写施工地址"></el-input> |
| | | </el-form-item> |
| | | <!-- 轨迹 --> |
| | | <el-form-item class="optionItem" label="轨迹:" prop="trajectory"> |
| | | <el-input type="textarea" :rows="2" v-model="car.trajectory" placeholder="请输入车辆轨迹"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="optionBtn"> |
| | |
| | | return { |
| | | car: { |
| | | carNumber: "", |
| | | contact: "", |
| | | belong: "", |
| | | // id: 0, |
| | | ownerName: "", |
| | | phone: "", |
| | | carOwner: "", |
| | | trajectory: "", |
| | | vehicleUser: "", |
| | | carUser: "", |
| | | constructionOrg: '', |
| | | geographicPosition:'', |
| | | }, |
| | | createCarRules: { |
| | | carNumber: [ |
| | |
| | | required: true, trigger:'change',validator: checkCarModel |
| | | } |
| | | ], |
| | | contact: [ |
| | | phone: [ |
| | | { |
| | | required: true,trigger:'blur', validator: checkPhone |
| | | } |
| | | ], |
| | | // id: 0, |
| | | ownerName: [ |
| | | carOwner: [ |
| | | { |
| | | required: true,trigger:'blur', validator: checkName |
| | | } |
| | | ], |
| | | vehicleUser: [ |
| | | carUser: [ |
| | | { |
| | | required: true, trigger:'blur',validator: checkUser |
| | | } |
| | |
| | | methods: { |
| | | // 添加车辆 |
| | | handleCar() { |
| | | console.log(this.car); |
| | | this.$refs.user.validate((valid) => { |
| | | if (valid) { |
| | | const { car } = this; |
| | |
| | | carNumber: car.carNumber, |
| | | carModel:car.carModel, |
| | | carPhoto:'', |
| | | carUser:car.carUser, |
| | | phone:car.phone, |
| | | carOwner:car.carOwner, |
| | | constructionOrg:car.constructionOrg, |
| | | geographicPosition:car.geographicPosition, |
| | | // contact: car.contact, |
| | | // belong: car.belong, |
| | | // id: 0, |
| | | // ownerName: car.ownerName, |
| | | trajectory: car.trajectory, |
| | | // vehicleUser: car.vehicleUser, |
| | | } |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | if (res.code === 200) { |
| | | this.$message({ |
| | | type: 'success', |