257 lines
8.3 KiB
Vue
257 lines
8.3 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" labelWidth="120">
|
|||
|
|
|
|||
|
|
<u-form-item label="车牌号码" prop="form.vehicleNo" borderBottom ref="item1" required>
|
|||
|
|
|
|||
|
|
<car-number-input class="car-number-input" @numberInputResult="numberInputResult"
|
|||
|
|
:defaultStr="form.vehicleNo"></car-number-input>
|
|||
|
|
|
|||
|
|
<u--input v-model="form.vehicleNo" border="none" maxlength="8" placeholder="请输入车牌号码"></u--input>
|
|||
|
|
</u-form-item>
|
|||
|
|
<!-- <u-form-item label="车辆类型" prop="form.vehicleType" borderBottom ref="item1">
|
|||
|
|
<picker @change="bindPickerChange" :value="index" :range="array">
|
|||
|
|
<view class="uni-input">{{index ? array[index] : '请选择车辆类型'}}</view>
|
|||
|
|
</picker>
|
|||
|
|
</u-form-item> -->
|
|||
|
|
<!-- <u-form-item label="驾驶证" prop="form.car_jsz" borderBottom ref="item1" required>
|
|||
|
|
<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
|
|||
|
|
:maxCount="1"></u-upload>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item label="牵引车车牌号" prop="form.phone" borderBottom ref="item1">
|
|||
|
|
<u--input v-model="form.phone" border="none" maxlength="11" placeholder="请输入牵引车车牌号"></u--input>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item label="牵引车道运证" prop="form.phone" borderBottom ref="item1">
|
|||
|
|
<u-upload :fileList="fileList2" @afterRead="afterRead2" @delete="deletePic2" name="1" multiple
|
|||
|
|
:maxCount="1"></u-upload> </u-form-item>
|
|||
|
|
<u-form-item label="牵引车行驶证" prop="form.phone" borderBottom ref="item1">
|
|||
|
|
<u-upload :fileList="fileList3" @afterRead="afterRead3" @delete="deletePic3" name="1" multiple
|
|||
|
|
:maxCount="1"></u-upload> </u-form-item> -->
|
|||
|
|
|
|||
|
|
<!-- <u-form-item label="车辆品牌/型号" prop="form.phone" borderBottom ref="item1" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<u--input v-model="form.phone" border="none" maxlength="11" placeholder=""></u--input>
|
|||
|
|
</u-form-item> -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- <u-form-item label="车辆识别代号（VIN）" prop="form.name" borderBottom ref="item1" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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" >
|
|||
|
|
<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>
|
|||
|
|
import {
|
|||
|
|
get,
|
|||
|
|
post
|
|||
|
|
} from '@/common/request.js'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
form: {
|
|||
|
|
id: "",
|
|||
|
|
vehicleNo: "",
|
|||
|
|
vehicleType: "",
|
|||
|
|
car_jsz: "",
|
|||
|
|
qy_carNo: "",
|
|||
|
|
qy_dyz: "",
|
|||
|
|
qy_xsz: ""
|
|||
|
|
},
|
|||
|
|
rules: {},
|
|||
|
|
array: ['货车', '卡车', '厢式货车'],
|
|||
|
|
index: null,
|
|||
|
|
fileList1: [],
|
|||
|
|
fileList2: [],
|
|||
|
|
fileList3: [],
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.form.vehicleNo = option.vehicleNo
|
|||
|
|
this.form.id = option.id
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
async add() {
|
|||
|
|
|
|||
|
|
if (this.form.vehicleNo == '' || this.form.vehicleNo.trim().length != 7 && this.form.vehicleNo.trim()
|
|||
|
|
.length != 8) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请填写正确的车牌号',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (this.form.id) {
|
|||
|
|
await post('/myapi/api/yq_driver/updateBindVehicle', {
|
|||
|
|
...this.form
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code == 1) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '修改成功',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
setTimeout(() => {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/car/car'
|
|||
|
|
})
|
|||
|
|
}, 500)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
|
|||
|
|
|
|||
|
|
await post('/myapi/api/yq_driver/bindVehicle', {
|
|||
|
|
...this.form
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code == 1) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '绑定成功',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
setTimeout(() => {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/car/car'
|
|||
|
|
})
|
|||
|
|
}, 500)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
numberInputResult(e) {
|
|||
|
|
this.form.vehicleNo = e
|
|||
|
|
},
|
|||
|
|
bindPickerChange: function(e) {
|
|||
|
|
this.index = e.detail.value
|
|||
|
|
},
|
|||
|
|
// 删除图片
|
|||
|
|
deletePic(event) {
|
|||
|
|
this[`fileList${event.name}`].splice(event.index, 1);
|
|||
|
|
},
|
|||
|
|
// 新增图片
|
|||
|
|
async afterRead(event) {
|
|||
|
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
|||
|
|
let lists = [].concat(event.file);
|
|||
|
|
let fileListLen = this[`fileList${event.name}`].length;
|
|||
|
|
lists.map((item) => {
|
|||
|
|
this[`fileList${event.name}`].push({
|
|||
|
|
...item,
|
|||
|
|
status: "uploading",
|
|||
|
|
message: "上传中",
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
for (let i = 0; i < lists.length; i++) {
|
|||
|
|
const result = await this.uploadFilePromise(lists[i].url);
|
|||
|
|
let item = this[`fileList${event.name}`][fileListLen];
|
|||
|
|
this[`fileList${event.name}`].splice(
|
|||
|
|
fileListLen,
|
|||
|
|
1,
|
|||
|
|
Object.assign(item, {
|
|||
|
|
status: "success",
|
|||
|
|
message: "",
|
|||
|
|
url: result,
|
|||
|
|
})
|
|||
|
|
);
|
|||
|
|
fileListLen++;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
uploadFilePromise(url) {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
let a = uni.uploadFile({
|
|||
|
|
url: "http://192.168.2.21:7001/upload", // 仅为示例，非真实的接口地址
|
|||
|
|
filePath: url,
|
|||
|
|
name: "file",
|
|||
|
|
formData: {
|
|||
|
|
user: "test",
|
|||
|
|
},
|
|||
|
|
success: (res) => {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
resolve(res.data.data);
|
|||
|
|
}, 1000);
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="less">
|
|||
|
|
.container {
|
|||
|
|
padding: 20px;
|
|||
|
|
|
|||
|
|
.car-number-input {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag_title {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 30px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|