You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
855 lines
23 KiB
855 lines
23 KiB
<template> |
|
<basic-container> |
|
<avue-crud |
|
:option="option" |
|
v-model:search="search" |
|
v-model:page="page" |
|
v-model="form" |
|
:table-loading="loading" |
|
:data="data" |
|
:permission="permissionList" |
|
:before-open="beforeOpen" |
|
ref="crud" |
|
@row-update="rowUpdate" |
|
@row-save="rowSave" |
|
@row-del="rowDel" |
|
@search-change="searchChange" |
|
@search-reset="searchReset" |
|
@selection-change="selectionChange" |
|
@current-change="currentChange" |
|
@size-change="sizeChange" |
|
@refresh-change="refreshChange" |
|
@on-load="onLoad" |
|
> |
|
<template #menu-left> |
|
<el-button |
|
type="danger" |
|
icon="el-icon-delete" |
|
plain |
|
v-if="permission.basicdataDriverArtery_delete" |
|
@click="handleDelete" |
|
>删 除 |
|
</el-button> |
|
<!-- <el-button type="warning"--> |
|
<!-- plain--> |
|
<!-- icon="el-icon-download"--> |
|
<!-- @click="handleExport">导 出--> |
|
<!-- </el-button>--> |
|
</template> |
|
</avue-crud> |
|
</basic-container> |
|
</template> |
|
|
|
<script> |
|
import { |
|
getList, |
|
getDetail, |
|
add, |
|
update, |
|
remove, |
|
getPage, |
|
} from '@/api/basicdata/basicdataDriverArtery'; |
|
import { getList as getUserList, getUser } from '@/api/system/user'; |
|
import { getVehicle } from '@/api/basicdata/basicdataVehicle'; |
|
import option from '@/option/basicdata/basicdataDriverArtery'; |
|
import { mapGetters } from 'vuex'; |
|
import { exportBlob } from '@/api/common'; |
|
import { getToken } from '@/utils/auth'; |
|
import { downloadXls } from '@/utils/util'; |
|
import { dateNow } from '@/utils/date'; |
|
import NProgress from 'nprogress'; |
|
import 'nprogress/nprogress.css'; |
|
import { getDetail as getDetailDelineNode } from '@/api/basic/basicDelineNode'; |
|
export default { |
|
data() { |
|
return { |
|
form: {}, |
|
query: {}, |
|
search: {}, |
|
loading: true, |
|
page: { |
|
pageSize: 30, |
|
currentPage: 1, |
|
total: 0, |
|
}, |
|
selectionList: [], |
|
option: { |
|
height: 'auto', |
|
calcHeight: 30, |
|
tip: false, |
|
searchShow: false, |
|
searchMenuSpan: 6, |
|
border: true, |
|
index: true, |
|
viewBtn: true, |
|
selection: true, |
|
dialogClickModal: false, |
|
column: [ |
|
{ |
|
label: '主键', |
|
prop: 'id', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '租户号', |
|
prop: 'tenantId', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '创建人', |
|
prop: 'createUser', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '创建时间', |
|
prop: 'createTime', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '更新人', |
|
prop: 'updateUser', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '更新时间', |
|
prop: 'updateTime', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '状态', |
|
prop: 'status', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '是否已删除;1-未删除，2-已删除', |
|
prop: 'isDeleted', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '创建部门', |
|
prop: 'createDept', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
// { |
|
// label: '用户', |
|
// prop: 'userId', |
|
// type: 'select', |
|
// labelWidth: '150', |
|
// dicData: [], |
|
// width: '100px', |
|
// align: 'center', |
|
// span: 11, |
|
// hide: true, |
|
// filterable: true, |
|
// rules: [ |
|
// { |
|
// required: true, |
|
// message: '请选择用户', |
|
// trigger: 'blur', |
|
// }, |
|
// ], |
|
// change: val => { |
|
// if (!!val.value && val.value !== -1) { |
|
// getUser(val.value).then(res => { |
|
// this.form.name = res.data.data.name; |
|
// this.form.phone = res.data.data.phone; |
|
// }); |
|
// } |
|
// }, |
|
// }, |
|
{ |
|
label: '姓名', |
|
prop: 'name', |
|
type: 'input', |
|
search: true, |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '手机号码', |
|
prop: 'phone', |
|
type: 'input', |
|
search: true, |
|
labelWidth: '150', |
|
width: '130px', |
|
align: 'center', |
|
span: 11, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入电话号码', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '司机类型', |
|
prop: 'type', |
|
type: 'select', |
|
search: true, |
|
labelWidth: '150', |
|
dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_driver_type', |
|
props: { |
|
label: 'dictValue', |
|
value: 'dictKey', |
|
}, |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '职务类型', |
|
prop: 'jobType', |
|
type: 'select', |
|
search: true, |
|
labelWidth: '150', |
|
dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_driverjob_type', |
|
props: { |
|
label: 'dictValue', |
|
value: 'dictKey', |
|
}, |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '准驾车型', |
|
prop: 'drivingType', |
|
type: 'select', |
|
labelWidth: '150', |
|
dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_driving_type', |
|
props: { |
|
label: 'dictValue', |
|
value: 'dictKey', |
|
}, |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
|
|
{ |
|
label: '绑定车辆', |
|
prop: 'bindVehicles', |
|
type: 'select', |
|
labelWidth: '150', |
|
width: '200px', |
|
align: 'center', |
|
span: 11, |
|
multiple: true, |
|
dicData: [], |
|
// dicUrl: '/api/logpm-basicdata/vehicle/dictionary', |
|
// props: { |
|
// label: 'vehicleNub', |
|
// value: 'id', |
|
// }, |
|
// addDisplay: false, |
|
// editDisplay: false, |
|
// viewDisplay: false, |
|
// hide: true, |
|
}, |
|
{ |
|
label: '合同开始时间', |
|
prop: 'contractStartTime', |
|
type: 'date', |
|
format: 'YYYY-MM-DD', |
|
valueFormat: 'YYYY-MM-DD', |
|
labelWidth: '150', |
|
width: '150px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '合同结束时间', |
|
prop: 'contractEndTime', |
|
type: 'date', |
|
format: 'YYYY-MM-DD', |
|
valueFormat: 'YYYY-MM-DD', |
|
labelWidth: '150', |
|
width: '150px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '身份证号', |
|
prop: 'idCard', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '性别', |
|
prop: 'gender', |
|
type: 'select', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
dicUrl: '/api/blade-system/dict-biz/dictionary?code=sex', |
|
props: { |
|
label: 'dictValue', |
|
value: 'dictKey', |
|
}, |
|
}, |
|
{ |
|
label: '居住地址', |
|
prop: 'residentialAddress', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '银行类型', |
|
prop: 'bankType', |
|
type: 'select', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
dicUrl: '/api/blade-system/dict-biz/dictionary?code=basic_bank_type', |
|
props: { |
|
label: 'dictValue', |
|
value: 'dictKey', |
|
}, |
|
}, |
|
{ |
|
label: '银行卡号', |
|
prop: 'bankCardNub', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '驾驶证号', |
|
prop: 'driverLicenseNub', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '驾驶证发证机关', |
|
prop: 'driverLicenseOrgan', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '150px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '驾驶证起始日期', |
|
prop: 'driverLicenseStartTime', |
|
type: 'date', |
|
format: 'YYYY-MM-DD', |
|
valueFormat: 'YYYY-MM-DD', |
|
labelWidth: '150', |
|
width: '150px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '驾驶证到期日期', |
|
prop: 'driverLicenseEndTime', |
|
type: 'date', |
|
format: 'YYYY-MM-DD', |
|
valueFormat: 'YYYY-MM-DD', |
|
labelWidth: '150', |
|
width: '150px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '从业资格证编号', |
|
prop: 'employeeQualificationNub', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '150px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '道路经营许可证号', |
|
prop: 'roadOperationLicenseNub', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '150px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '承运商', |
|
prop: 'carrierId', |
|
type: 'select', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
search: true, |
|
span: 11, |
|
filterable: true, |
|
dicUrl: '/api/logpm-basicdata/carrier/dictionary', |
|
props: { |
|
label: 'carrierName', |
|
value: 'id', |
|
}, |
|
rules: [{ required: true, message: '请选择承运商!', trigger: 'blur' }], |
|
}, |
|
{ |
|
label: '运输协议', |
|
prop: 'transportationAgreement', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '备注', |
|
prop: 'notes', |
|
type: 'input', |
|
labelWidth: '150', |
|
width: '100px', |
|
align: 'center', |
|
span: 11, |
|
}, |
|
{ |
|
label: '人证合照照片', |
|
prop: 'licensePeoplePhoto', |
|
type: 'upload', |
|
dataType: 'string', |
|
listType: 'picture-img', |
|
hide: true, |
|
labelWidth: '150', |
|
span: 11, |
|
multiple: false, |
|
width: '200px', |
|
align: 'left', |
|
action: '/blade-resource/oss/endpoint/put-file', |
|
propsHttp: { |
|
res: 'data', |
|
url: 'link', |
|
}, |
|
}, |
|
{ |
|
label: '身份证正面照片', |
|
prop: 'idCardFrontPhoto', |
|
type: 'upload', |
|
dataType: 'string', |
|
listType: 'picture-img', |
|
hide: true, |
|
labelWidth: '150', |
|
span: 11, |
|
multiple: false, |
|
width: '200px', |
|
align: 'left', |
|
action: '/blade-resource/oss/endpoint/put-file', |
|
propsHttp: { |
|
res: 'data', |
|
url: 'link', |
|
}, |
|
}, |
|
{ |
|
label: '身份证背面照片', |
|
prop: 'idCardBackPhoto', |
|
type: 'upload', |
|
dataType: 'string', |
|
listType: 'picture-img', |
|
hide: true, |
|
labelWidth: '150', |
|
span: 11, |
|
multiple: false, |
|
width: '200px', |
|
align: 'left', |
|
action: '/blade-resource/oss/endpoint/put-file', |
|
propsHttp: { |
|
res: 'data', |
|
url: 'link', |
|
}, |
|
}, |
|
{ |
|
label: '驾驶证照片', |
|
prop: 'driverLicensePhoto', |
|
type: 'upload', |
|
dataType: 'string', |
|
listType: 'picture-img', |
|
hide: true, |
|
labelWidth: '150', |
|
span: 11, |
|
multiple: false, |
|
width: '200px', |
|
align: 'left', |
|
action: '/blade-resource/oss/endpoint/put-file', |
|
propsHttp: { |
|
res: 'data', |
|
url: 'link', |
|
}, |
|
}, |
|
{ |
|
label: '驾驶证背面照片', |
|
prop: 'driverLicensePhotoBack', |
|
type: 'upload', |
|
dataType: 'string', |
|
listType: 'picture-img', |
|
hide: true, |
|
labelWidth: '150', |
|
span: 11, |
|
multiple: false, |
|
width: '200px', |
|
align: 'left', |
|
action: '/blade-resource/oss/endpoint/put-file', |
|
propsHttp: { |
|
res: 'data', |
|
url: 'link', |
|
}, |
|
}, |
|
|
|
{ |
|
label: '预留1', |
|
prop: 'reserve1', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '预留2', |
|
prop: 'reserve2', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '预留3', |
|
prop: 'reserve3', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '预留4', |
|
prop: 'reserve4', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
{ |
|
label: '预留5', |
|
prop: 'reserve5', |
|
type: 'input', |
|
addDisplay: false, |
|
editDisplay: false, |
|
viewDisplay: false, |
|
hide: true, |
|
}, |
|
], |
|
}, |
|
data: [], |
|
}; |
|
}, |
|
computed: { |
|
...mapGetters(['permission']), |
|
permissionList() { |
|
return { |
|
addBtn: this.validData(this.permission.basicdataDriverArtery_add, false), |
|
viewBtn: this.validData(this.permission.basicdataDriverArtery_view, false), |
|
delBtn: this.validData(this.permission.basicdataDriverArtery_delete, false), |
|
editBtn: this.validData(this.permission.basicdataDriverArtery_edit, false), |
|
}; |
|
}, |
|
ids() { |
|
let ids = []; |
|
this.selectionList.forEach(ele => { |
|
ids.push(ele.id); |
|
}); |
|
return ids.join(','); |
|
}, |
|
}, |
|
methods: { |
|
rowSave(row, done, loading) { |
|
console.log(row, 'row信息'); |
|
|
|
if (Array.isArray(row.bindVehicles) && row.bindVehicles.length > 0) { |
|
row.bindVehicles = row.bindVehicles.join(","); |
|
console.log(row.bindVehicles); |
|
}else{ |
|
row.bindVehicles = ''; |
|
|
|
} |
|
|
|
add(row).then( |
|
() => { |
|
this.onLoad(this.page); |
|
this.$message({ |
|
type: 'success', |
|
message: '操作成功!', |
|
}); |
|
done(); |
|
}, |
|
error => { |
|
loading(); |
|
window.console.log(error); |
|
} |
|
); |
|
}, |
|
rowUpdate(row, index, done, loading) { |
|
console.log('swx>>>>>>>>>>>>>>'); |
|
if (Array.isArray(row.bindVehicles) && row.bindVehicles.length > 0) { |
|
row.bindVehicles = row.bindVehicles.join(","); |
|
console.log(row.bindVehicles); |
|
}else{ |
|
row.bindVehicles = ''; |
|
} |
|
update(row).then( |
|
() => { |
|
this.onLoad(this.page); |
|
this.$message({ |
|
type: 'success', |
|
message: '操作成功!', |
|
}); |
|
done(); |
|
}, |
|
error => { |
|
loading(); |
|
console.log(error); |
|
} |
|
); |
|
}, |
|
rowDel(row) { |
|
this.$confirm('确定将选择数据删除?', { |
|
confirmButtonText: '确定', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
}) |
|
.then(() => { |
|
return remove(row.id); |
|
}) |
|
.then(() => { |
|
this.onLoad(this.page); |
|
this.$message({ |
|
type: 'success', |
|
message: '操作成功!', |
|
}); |
|
}); |
|
}, |
|
handleDelete() { |
|
if (this.selectionList.length === 0) { |
|
this.$message.warning('请选择至少一条数据'); |
|
return; |
|
} |
|
this.$confirm('确定将选择数据删除?', { |
|
confirmButtonText: '确定', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
}) |
|
.then(() => { |
|
return remove(this.ids); |
|
}) |
|
.then(() => { |
|
this.onLoad(this.page); |
|
this.$message({ |
|
type: 'success', |
|
message: '操作成功!', |
|
}); |
|
this.$refs.crud.toggleSelection(); |
|
}); |
|
}, |
|
handleExport() { |
|
let downloadUrl = `/blade-basicdataDriverArtery/basicdataDriverArtery/export-basicdataDriverArtery?${ |
|
this.website.tokenHeader |
|
}=${getToken()}`; |
|
const { name, phone, type, jobType } = this.query; |
|
let values = { |
|
name_like: name, |
|
phone_like: phone, |
|
type_equal: type, |
|
jobType_equal: jobType, |
|
}; |
|
this.$confirm('是否导出数据?', '提示', { |
|
confirmButtonText: '确定', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
}).then(() => { |
|
NProgress.start(); |
|
exportBlob(downloadUrl, values).then(res => { |
|
downloadXls(res.data, `司机信息表${dateNow()}.xlsx`); |
|
NProgress.done(); |
|
}); |
|
}); |
|
}, |
|
beforeOpen(done, type) { |
|
if (['edit', 'view'].includes(type)) { |
|
getDetail(this.form.id).then(res => { |
|
this.form = res.data.data; |
|
}); |
|
} |
|
done(); |
|
}, |
|
searchReset() { |
|
this.query = {}; |
|
this.onLoad(this.page); |
|
}, |
|
searchChange(params, done) { |
|
this.query = params; |
|
this.page.currentPage = 1; |
|
this.onLoad(this.page, params); |
|
done(); |
|
}, |
|
selectionChange(list) { |
|
this.selectionList = list; |
|
}, |
|
selectionClear() { |
|
this.selectionList = []; |
|
this.$refs.crud.toggleSelection(); |
|
}, |
|
currentChange(currentPage) { |
|
this.page.currentPage = currentPage; |
|
}, |
|
sizeChange(pageSize) { |
|
this.page.pageSize = pageSize; |
|
}, |
|
refreshChange() { |
|
this.onLoad(this.page, this.query); |
|
}, |
|
onLoad(page, params = {}) { |
|
this.loading = true; |
|
const { name, phone, type, jobType, carrierId } = this.query; |
|
|
|
let values = { |
|
name: name, |
|
phone: phone, |
|
type: type, |
|
jobType: jobType, |
|
carrierId: carrierId, |
|
}; |
|
|
|
getPage(page.currentPage, page.pageSize, values).then(res => { |
|
const data = res.data.data; |
|
this.page.total = data.total; |
|
this.data = data.records; |
|
this.loading = false; |
|
// console.log("this.option.column>>>>>>>",this.option.column); |
|
this.option.column[15].dicData = []; |
|
this.option.column[9].dicData = []; |
|
//查询车辆绑定情况 |
|
this.getVehiclede(); |
|
//查询人员信息 |
|
this.getpeople(); |
|
// getVehicle().then(res => { |
|
// console.log("res.data.data>>>>>>>",res.data.data) |
|
// res.data.data.map(v=>{ |
|
// let value = |
|
// { |
|
// label: v.vehicleNub, |
|
// value: v.id, |
|
// disabled: true |
|
// } |
|
// if (v.vehicleOwner ==1){ |
|
// value.disabled =false |
|
// } |
|
// this.option.column[15].dicData.push(value) |
|
// |
|
// }) |
|
// }); |
|
// this.selectionClear(); |
|
}); |
|
}, |
|
//查询车辆绑定情况 |
|
getVehiclede() { |
|
getVehicle().then(res => { |
|
console.log('res.data.data>>>>>>>', res.data.data); |
|
res.data.data.map(v => { |
|
let value = { |
|
label: v.vehicleNub, |
|
value: v.id, |
|
}; |
|
this.option.column[15].dicData.push(value); |
|
}); |
|
}); |
|
}, |
|
//查询人员绑定情况 |
|
// getpeople() { |
|
// getUserList(1, 100000, null, '').then(res => { |
|
// const data = res.data.data; |
|
// data.records.map(v => { |
|
// let value = { |
|
// label: v.name, |
|
// value: v.id, |
|
// }; |
|
// this.option.column[9].dicData.push(value); |
|
// }); |
|
// }); |
|
// }, |
|
}, |
|
}; |
|
</script> |
|
|
|
<style scoped lang="scss"> |
|
:deep(.avue-form__row) { |
|
max-width: 250px !important; |
|
} |
|
:deep(.avue-form__group--flex) { |
|
justify-content: space-between; |
|
} |
|
.avue-form__row { |
|
margin-left: 0 !important; |
|
} |
|
:deep(.el-form-item__label) { |
|
width: auto !important; |
|
} |
|
:deep(.no-print) { |
|
margin-left: auto; |
|
.el-button { |
|
margin-right: 0; |
|
} |
|
} |
|
</style>
|
|
|