|
...
|
...
|
@@ -47,6 +47,7 @@ |
|
|
|
<el-table-column label="操作" min-width="150">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
|
|
|
|
<el-button type="small" size="small" @click="handlEdit(scope.$index, scope.row)">修改</el-button>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
...
|
...
|
@@ -154,10 +155,103 @@ |
|
|
|
<el-button type="primary" @click.native="addSubmit()">保存</el-button>
|
|
|
|
</div>
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
<el-dialog title="修改" :visible.sync="editFormVisible" :close-on-click-modal="false">
|
|
|
|
<el-form :model="editForm" label-width="100px" :rules="editFormRules" ref="editForm">
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="10">
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="海关代码" prop="mainPort">
|
|
|
|
<el-input v-model="editForm.mainPort" auto-complete="on" placeholder="海关代码"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="挂靠单位" prop="proposer">
|
|
|
|
<el-input v-model="editForm.proposer" auto-complete="on" placeholder="挂靠单位"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="运输公司名称" label-width="130px" prop="coCode">
|
|
|
|
<el-input v-model="editForm.coCode" auto-complete="on" placeholder="运输公司名称"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="国内车牌" prop="domesticLisenceNo">
|
|
|
|
<el-input v-model="editForm.domesticLisenceNo" :disabled="disabledOne" auto-complete="on" placeholder="国内车牌"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="车主姓名" prop="veOwnerName">
|
|
|
|
<el-input v-model="editForm.veOwnerName" auto-complete="on" placeholder="车主姓名"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="车主联系电话" label-width="130px" prop="ownerInsideTel">
|
|
|
|
<el-input v-model="editForm.ownerInsideTel" auto-complete="on" placeholder="车主联系电话"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="行驶证有效期" label-width="130px" prop="veFactoryDate">
|
|
|
|
<el-date-picker
|
|
|
|
v-model="editForm.veFactoryDate"
|
|
|
|
type="date"
|
|
|
|
placeholder="选择日期">
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="10">
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="自重（空车重量）" label-width="140px" prop="selfWt">
|
|
|
|
<el-input v-model="editForm.selfWt" auto-complete="on" placeholder="自重(空车重量）"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="核定载货重量" prop="veTon">
|
|
|
|
<el-input v-model="editForm.veTon" auto-complete="on" placeholder="核定载货重量"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="挂车牌号" prop="trailerLicenseNo">
|
|
|
|
<el-input v-model="editForm.trailerLicenseNo" :disabled="disabledOne" auto-complete="on" placeholder="挂车牌号"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="挂车车架号" prop="trailerFrameNo">
|
|
|
|
<el-input v-model="editForm.trailerFrameNo" auto-complete="on" placeholder="挂车车架号"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="车辆备案编号" label-width="110px" prop="apprNo">
|
|
|
|
<el-input v-model="editForm.apprNo" auto-complete="on" placeholder="车辆备案编号"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-form-item label="车辆属性" label-width="100px" prop="veClassFlag">
|
|
|
|
<el-select v-model="editForm.veClassFlag" placeholder="请选择">
|
|
|
|
<el-option
|
|
|
|
v-for="item in options"
|
|
|
|
:key="item.value"
|
|
|
|
:label="item.label"
|
|
|
|
:value="item.value">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="备注" label-width="100px" prop="memo">
|
|
|
|
<el-input v-model="editForm.memo" auto-complete="on" placeholder="备注"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-row>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-form>
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
<el-button type="primary" @click.native="editSubmit()">保存</el-button>
|
|
|
|
</div>
|
|
|
|
</el-dialog>
|
|
|
|
</section>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import { list, save, remove} from '../../api/road_verecord/verecord';
|
|
|
|
import { list, save, remove, edit} from '../../api/road_verecord/verecord';
|
|
|
|
export default {
|
|
|
|
|
|
|
|
data() {
|
|
...
|
...
|
@@ -171,6 +265,8 @@ |
|
|
|
limitSize: 10,
|
|
|
|
listLoading: false,
|
|
|
|
addFormVisible: false,
|
|
|
|
editFormVisible: false,
|
|
|
|
disabledOne: true,
|
|
|
|
addForm: {
|
|
|
|
mainPort: '4604',
|
|
|
|
proposer: '',
|
|
...
|
...
|
@@ -187,6 +283,22 @@ |
|
|
|
memo: '',
|
|
|
|
createBy: ''
|
|
|
|
},
|
|
|
|
editForm: {
|
|
|
|
mainPort: '',
|
|
|
|
proposer: '',
|
|
|
|
coCode: '',
|
|
|
|
domesticLisenceNo: '',
|
|
|
|
veOwnerName: '',
|
|
|
|
ownerInsideTel: '',
|
|
|
|
veFactoryDate: '',
|
|
|
|
selfWt: '',
|
|
|
|
veTon: '',
|
|
|
|
trailerLicenseNo: '',
|
|
|
|
apprNo: '',
|
|
|
|
veClassFlag: '',
|
|
|
|
memo: '',
|
|
|
|
createBy: ''
|
|
|
|
},
|
|
|
|
options: [{
|
|
|
|
value: '0',
|
|
|
|
label: '普通车辆'
|
|
...
|
...
|
@@ -195,30 +307,56 @@ |
|
|
|
label: '调拨车辆'
|
|
|
|
}],
|
|
|
|
addFormRules: {
|
|
|
|
mainPort: [
|
|
|
|
{ required: true, message: '请输入海关关区', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
proposer: [
|
|
|
|
{ required: true, message: '请输入挂靠单位', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
coCode: [
|
|
|
|
{ required: true, message: '请输入运输公司名称', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
domesticLisenceNo: [
|
|
|
|
{ required: true, message: '请输入国内车牌', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
veOwnerName: [
|
|
|
|
{ required: true, message: '请输入车主姓名', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
ownerInsideTel: [
|
|
|
|
{ required: true, message: '请输入车主联系方式', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
veFactoryDate: [
|
|
|
|
{ required: true, message: '请选择驾驶证有效期', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
selfWt: [
|
|
|
|
{ required: true, message: '请输入车辆自重', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
mainPort: [
|
|
|
|
{ required: true, message: '请输入海关关区', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
proposer: [
|
|
|
|
{ required: true, message: '请输入挂靠单位', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
coCode: [
|
|
|
|
{ required: true, message: '请输入运输公司名称', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
domesticLisenceNo: [
|
|
|
|
{ required: true, message: '请输入国内车牌', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
veOwnerName: [
|
|
|
|
{ required: true, message: '请输入车主姓名', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
ownerInsideTel: [
|
|
|
|
{ required: true, message: '请输入车主联系方式', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
veFactoryDate: [
|
|
|
|
{ required: true, message: '请选择驾驶证有效期', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
selfWt: [
|
|
|
|
{ required: true, message: '请输入车辆自重', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
},
|
|
|
|
editFormRules: {
|
|
|
|
mainPort: [
|
|
|
|
{ required: true, message: '请输入海关关区', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
proposer: [
|
|
|
|
{ required: true, message: '请输入挂靠单位', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
coCode: [
|
|
|
|
{ required: true, message: '请输入运输公司名称', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
domesticLisenceNo: [
|
|
|
|
{ required: true, message: '请输入国内车牌', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
veOwnerName: [
|
|
|
|
{ required: true, message: '请输入车主姓名', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
ownerInsideTel: [
|
|
|
|
{ required: true, message: '请输入车主联系方式', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
veFactoryDate: [
|
|
|
|
{ required: true, message: '请选择驾驶证有效期', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
selfWt: [
|
|
|
|
{ required: true, message: '请输入车辆自重', trigger: 'blur' }
|
|
|
|
],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
...
|
...
|
@@ -231,8 +369,12 @@ |
|
|
|
let para = {
|
|
|
|
pageSize: this.pageSize,
|
|
|
|
limitSize: this.limitSize,
|
|
|
|
trailerFrameNo: this.filters.trailerFrameNo
|
|
|
|
trailerFrameNo: this.filters.trailerFrameNo,
|
|
|
|
userId: this.userid = JSON.parse(sessionStorage.getItem('user')).id
|
|
|
|
};
|
|
|
|
if(JSON.parse(sessionStorage.getItem('user')).roles[0].roleName == "ROLE_admin"){
|
|
|
|
para.userId = '';
|
|
|
|
}
|
|
|
|
this.listLoading = true;
|
|
|
|
list(para).then((res) => {
|
|
|
|
this.total = res.data.data.total;
|
|
...
|
...
|
@@ -295,6 +437,10 @@ |
|
|
|
}
|
|
|
|
this.getReCord();
|
|
|
|
},
|
|
|
|
handlEdit:function(index, row){
|
|
|
|
this.editFormVisible = true;
|
|
|
|
this.editForm = Object.assign({}, row);
|
|
|
|
},
|
|
|
|
|
|
|
|
addSubmit:function(){
|
|
|
|
this.$refs.addForm.validate((valid) => {
|
|
...
|
...
|
@@ -308,6 +454,35 @@ |
|
|
|
message: '提交成功',
|
|
|
|
type: 'success'
|
|
|
|
});
|
|
|
|
this.addFormVisible = false
|
|
|
|
this.getReCord();
|
|
|
|
}else {
|
|
|
|
this.$message({
|
|
|
|
message: res.data.msg,
|
|
|
|
type: 'error'
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}).catch(error => alert(error));
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
console.log('error submit!!');
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
editSubmit:function(){
|
|
|
|
this.$refs.editForm.validate((valid) => {
|
|
|
|
if (valid) {
|
|
|
|
this.$confirm('确认提交吗？', '提示', {}).then(() => {
|
|
|
|
let para = Object.assign({}, this.editForm);
|
|
|
|
edit(para).then((res) => {
|
|
|
|
if (res.data.code == 200){
|
|
|
|
this.$message({
|
|
|
|
message: '修改成功',
|
|
|
|
type: 'success'
|
|
|
|
});
|
|
|
|
this.editFormVisible = false
|
|
|
|
this.getReCord();
|
|
|
|
}else {
|
|
|
|
this.$message({
|
...
|
...
|
|
