|
|
|
|
<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="danger" icon="el-icon-delete" plain @click="handleImport"
|
|
|
|
|
>导 入
|
|
|
|
|
</el-button>
|
|
|
|
|
<!-- v-if="permission.basicMaterial_delete"-->
|
|
|
|
|
<el-button type="warning" plain icon="el-icon-download" @click="handleExport">导 出
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <el-button type="warning"-->
|
|
|
|
|
<!-- plain-->
|
|
|
|
|
<!-- icon="el-icon-download"-->
|
|
|
|
|
<!-- @click="handleExport">导 出-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="司机导入" append-to-body v-model="excelBox" width="555px">
|
|
|
|
|
<avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
|
|
|
|
|
<template #excelTemplate>
|
|
|
|
|
<el-button type="primary" @click="handleTemplate">
|
|
|
|
|
点击下载<i class="el-icon-download el-icon--right"></i>
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</avue-form>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
</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 { getMyWarehouseList } from '@/api/work/work.js';
|
|
|
|
|
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 {
|
|
|
|
|
excelBox:false,
|
|
|
|
|
excelForm: {},
|
|
|
|
|
excelOption: {
|
|
|
|
|
submitBtn: false,
|
|
|
|
|
emptyBtn: false,
|
|
|
|
|
column: [
|
|
|
|
|
{
|
|
|
|
|
label: '文件上传',
|
|
|
|
|
prop: 'excelFile',
|
|
|
|
|
type: 'upload',
|
|
|
|
|
drag: true,
|
|
|
|
|
loadText: '文件上传，请稍等',
|
|
|
|
|
span: 24,
|
|
|
|
|
propsHttp: {
|
|
|
|
|
res: 'data',
|
|
|
|
|
},
|
|
|
|
|
tip: '请上传 .xls,.xlsx 标准格式文件',
|
|
|
|
|
action: '/api/logpm-basicdata/driverArtery/import-stockArticle',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '模板下载',
|
|
|
|
|
prop: 'excelTemplate',
|
|
|
|
|
formslot: true,
|
|
|
|
|
span: 24,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
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,
|
|
|
|
|
rules: [{ required: true, message: '请输入姓名!', trigger: 'blur' }],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '手机号码',
|
|
|
|
|
prop: 'phone',
|
|
|
|
|
type: 'input',
|
|
|
|
|
search: true,
|
|
|
|
|
labelWidth: '150',
|
|
|
|
|
width: '130px',
|
|
|
|
|
align: 'center',
|
|
|
|
|
span: 11,
|
|
|
|
|
blur(payload) {
|
|
|
|
|
console.log('payload :>> ', payload);
|
|
|
|
|
payload.value = payload.value + 1;
|
|
|
|
|
console.log('111 :>> ', 111);
|
|
|
|
|
},
|
|
|
|
|
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',
|
|
|
|
|
remote: true,
|
|
|
|
|
labelWidth: '150',
|
|
|
|
|
width: '200px',
|
|
|
|
|
align: 'center',
|
|
|
|
|
span: 11,
|
|
|
|
|
// dicData: [],
|
|
|
|
|
dicUrl: '/api/logpm-basicdata/vehicle/dictionary?vehicleNub={{key}}',
|
|
|
|
|
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: 'warehouseId',
|
|
|
|
|
type: 'select',
|
|
|
|
|
labelWidth: '150',
|
|
|
|
|
width: '100px',
|
|
|
|
|
align: 'center',
|
|
|
|
|
remote: true,
|
|
|
|
|
span: 11,
|
|
|
|
|
dicUrl: '/logpm-basicdata/warehouse/listName?name={{key}}',
|
|
|
|
|
props: {
|
|
|
|
|
label: 'name',
|
|
|
|
|
value: 'id',
|
|
|
|
|
},
|
|
|
|
|
rules: [{ required: true, message: '请选择仓库!', trigger: 'blur' }],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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: {
|
|
|
|
|
//导入
|
|
|
|
|
handleImport() {
|
|
|
|
|
this.excelBox = true;
|
|
|
|
|
},
|
|
|
|
|
uploadAfter(res, done, loading, column) {
|
|
|
|
|
window.console.log(column);
|
|
|
|
|
this.excelBox = false;
|
|
|
|
|
this.refreshChange();
|
|
|
|
|
done();
|
|
|
|
|
},
|
|
|
|
|
rowSave(row, done, loading) {
|
|
|
|
|
console.log(row, 'row信息');
|
|
|
|
|
if (Array.isArray(row.bindVehicles)) {
|
|
|
|
|
row.bindVehicles = row.bindVehicles.join(',');
|
|
|
|
|
console.log(row.bindVehicles);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (Array.isArray(row.warehouseId)) {
|
|
|
|
|
row.warehouseId = row.warehouseId.join(','); //仓库处理
|
|
|
|
|
console.log(row.warehouseId);
|
|
|
|
|
}
|
|
|
|
|
row.phone = row.phone.trim();
|
|
|
|
|
add(row).then(
|
|
|
|
|
() => {
|
|
|
|
|
this.onLoad(this.page);
|
|
|
|
|
this.$message({
|
|
|
|
|
type: 'success',
|
|
|
|
|
message: '操作成功!',
|
|
|
|
|
});
|
|
|
|
|
done();
|
|
|
|
|
},
|
|
|
|
|
error => {
|
|
|
|
|
loading();
|
|
|
|
|
window.console.log(error);
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
rowUpdate(row, index, done, loading) {
|
|
|
|
|
if (Array.isArray(row.bindVehicles)) {
|
|
|
|
|
row.bindVehicles = row.bindVehicles.join(',');
|
|
|
|
|
console.log(row.bindVehicles);
|
|
|
|
|
}
|
|
|
|
|
if (Array.isArray(row.warehouseId)) {
|
|
|
|
|
row.warehouseId = row.warehouseId.join(','); //仓库处理
|
|
|
|
|
console.log(row.warehouseId);
|
|
|
|
|
}
|
|
|
|
|
row.phone = row.phone.trim();
|
|
|
|
|
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 = `/api/logpm-basicdata/driverArtery/export-basicdataDriverArtery?${
|
|
|
|
|
this.website.tokenHeader
|
|
|
|
|
}=${getToken()}`;
|
|
|
|
|
const {} = this.query;
|
|
|
|
|
let values = {};
|
|
|
|
|
this.$confirm('是否导出数据?', '提示', {
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
type: 'warning',
|
|
|
|
|
}).then(() => {
|
|
|
|
|
NProgress.start();
|
|
|
|
|
exportBlob(downloadUrl, values).then(res => {
|
|
|
|
|
downloadXls(res.data, `司机信息${dateNow()}.xlsx`);
|
|
|
|
|
NProgress.done();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
//下载模板
|
|
|
|
|
handleTemplate() {
|
|
|
|
|
console.log('下载模板！！！');
|
|
|
|
|
exportBlob(
|
|
|
|
|
`/api/logpm-basicdata/driverArtery/export-basicdataDriverArteryMb?${this.website.tokenHeader}=${getToken()}`
|
|
|
|
|
).then(res => {
|
|
|
|
|
downloadXls(res.data, '司机信息导入模板.xlsx');
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
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[20].dicData = [];
|
|
|
|
|
this.option.column[9].dicData = [];
|
|
|
|
|
//查询车辆绑定情况
|
|
|
|
|
this.getVehiclede();
|
|
|
|
|
// this.getWarehouseList();
|
|
|
|
|
//查询人员信息
|
|
|
|
|
//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.map(v => {
|
|
|
|
|
let value = {
|
|
|
|
|
label: v.vehicleNub,
|
|
|
|
|
value: v.id,
|
|
|
|
|
};
|
|
|
|
|
this.option.column[15].dicData.push(value);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// getWarehouseList() {
|
|
|
|
|
// getMyWarehouseList().then(res => {
|
|
|
|
|
// console.log('仓库信息', res.data.data);
|
|
|
|
|
// res.data.data.map(v => {
|
|
|
|
|
// let value = {
|
|
|
|
|
// label: v.name,
|
|
|
|
|
// value: v.id,
|
|
|
|
|
// };
|
|
|
|
|
// this.option.column[16].dicData.push(value);
|
|
|
|
|
// console.log(this.option.column[16].dicData,'仓库信息1123123');
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
// });
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
|
|
//查询人员绑定情况
|
|
|
|
|
// 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>
|
