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.
2096 lines
66 KiB
2096 lines
66 KiB
import React, { useEffect, useState,useRef } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { Spin, Button, Popconfirm, Badge } from 'antd';
|
|
import ProTable from '@ant-design/pro-table';
|
|
import './protable.less'
|
|
import { getOperaTional, getSpecificVehicle, getHouseholds,delSpecificVehicle,delHouseholds } from "../actions/infor"
|
|
import UserModal from './infor/details';
|
|
import HightModal from './highways/highwaysdata';
|
|
|
|
|
|
const OperaTionalTable = (props) => {
|
|
const { dispatch, user, depData, depMessage, depLoading } = props
|
|
const [rowSelected, setRowSelected] = useState([])
|
|
const [sitename, setSitename] = useState()//场所名称
|
|
const [counts, setCounts] = useState()//shuju
|
|
const [modalVisible, setModalVisible] = useState(false);
|
|
const [modalVisibleyilan, setModalVisibleyilan] = useState(false);
|
|
const [modalRecord, setModalRecord] = useState();
|
|
const [typecard, setTypecard] = useState();
|
|
const [activeKey, setActiveKey] = useState('tab1');
|
|
const [recortd, setRecortd] = useState()
|
|
const [rewkeys, setRewkeys] = useState('keyun')
|
|
const [delet, setDelet] = useState()
|
|
|
|
const ref = useRef()
|
|
useEffect(() => { ref.current.reload() }, [modalVisible, modalVisibleyilan,rewkeys,activeKey,delet])
|
|
//打开弹窗
|
|
const openModal = (type, record) => {
|
|
setModalVisible(true);
|
|
// setModalType(type);
|
|
if (type == 'edit') {
|
|
setModalRecord(record);
|
|
} else {
|
|
setModalRecord(null);
|
|
}
|
|
}
|
|
//打开弹窗
|
|
const hightModal = (type, record) => {
|
|
setModalVisibleyilan(true);
|
|
// setModalType(type);
|
|
if (type == 'edit') {
|
|
setModalRecord(record);
|
|
} else {
|
|
setModalRecord(null);
|
|
}
|
|
}
|
|
//批量导出
|
|
const exports = (ids, counts) => {
|
|
// console.log(user);
|
|
let reportIds = [];
|
|
if (ids.length)
|
|
reportIds = ids
|
|
else
|
|
reportIds = (counts || {}).ids || [];
|
|
superagent.post('/_report/http')
|
|
.send({ id: reportIds.map(i => Number(i)) }).end((err, res) => {
|
|
const resTextIs = res.text.split('/').pop()
|
|
window.open(
|
|
'/_api/' +
|
|
`attachments?src=files/${resTextIs}&filename=${encodeURIComponent(resTextIs)}&token=${user.token}`)
|
|
})
|
|
}
|
|
const columns = {
|
|
tab1: [
|
|
{
|
|
title: '类型',
|
|
dataIndex: 'placeName',
|
|
fixed: 'left',
|
|
width: 120,
|
|
options: 1,
|
|
backgroundColor: "#ffffff",
|
|
search: false,
|
|
|
|
fieldProps: {
|
|
|
|
placeholder: '请输入道路名称进行搜索',
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
},
|
|
render: (dom, record) => {
|
|
return record.name
|
|
},
|
|
},
|
|
{
|
|
title: '数量',
|
|
search: false,
|
|
dataIndex: 'containers',
|
|
|
|
fixed: 'left',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.count
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '操作',
|
|
dataIndex: 'creatTime',
|
|
valueType: 'dateTimeRange',
|
|
hideInSearch: true,
|
|
width: 120,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
hightModal('edit', record)
|
|
setTypecard('111')
|
|
setRecortd(record)
|
|
}}
|
|
>编辑</Button></div>
|
|
|
|
}
|
|
},
|
|
|
|
], tab2: [
|
|
{
|
|
title: '业户名称',
|
|
dataIndex: 'placeName',
|
|
fixed: 'left',
|
|
width: 120,
|
|
options: 1,
|
|
backgroundColor: "#ffffff",
|
|
fieldProps: {
|
|
onChange: (value, cs) => {
|
|
setSitename(value.currentTarget.value)
|
|
},
|
|
placeholder: '请输入业户称进行搜索',
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
},
|
|
render: (dom, record) => {
|
|
return record.nameOfBusinessOwner
|
|
},
|
|
},
|
|
{
|
|
title: '车籍地',
|
|
search: false,
|
|
dataIndex: 'containers',
|
|
|
|
fixed: 'left',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.vehicleRegistry
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '车牌号',
|
|
search: false,
|
|
dataIndex: 'time2',
|
|
valueType: 'dateRange',
|
|
// align: 'right',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.licensePlateNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '燃料类型',
|
|
search: false,
|
|
dataIndex: 'time3',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.fuelType
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '住址',
|
|
search: false,
|
|
dataIndex: 'time4',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.address
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经济性质',
|
|
search: false,
|
|
dataIndex: 'time5',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.economicNature
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '核定载客位数',
|
|
search: false,
|
|
dataIndex: 'time6',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.approvedPassengerCapacity
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '核定载质量',
|
|
search: false,
|
|
dataIndex: 'time7',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.approvedLoadMass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车轴数',
|
|
search: false,
|
|
dataIndex: 'time8',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.numberOfVehicleAxles
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆厂牌',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleBrand
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营范围',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.natureOfBusiness
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆营运状态',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleOperationStatus
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '客车类型与等级',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.busTypeAndClass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '年审结果',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.annualReviewResults
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '本次年审日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfThisAnnualReview
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '下次年审日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfNextAnnualReview
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '注册登记日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfRegistration
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '运力来源',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.sourceOfTransportationCapacity
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期起',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.fromTheExpiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期止',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.expiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '发动机排量',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.engineDisplacement
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '发动机号',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.engineNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆发动机功率',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleEnginePower
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营许可证号',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.businessLicenseNo
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车牌颜色',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.licensePlateColor
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆总质量',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.totalVehicleMass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆准牵引总质量',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.totalQuasiTractionMassOfVehicle
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '道路运输证号',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.roadTransportCertificateNo
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车高',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleHeight
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车长',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleConductor
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车宽',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleWidth
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆类型',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleType
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '行驶证车辆类型',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleTypeWithDrivingLicense
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆轴距',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleWheelbase
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '等级评定日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.ratingDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '技术评定等级',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.technicalEvaluationGrade
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '下次等级评定日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.nextRatingDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '创建日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.creationDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '操作',
|
|
dataIndex: 'creatTime',
|
|
valueType: 'dateTimeRange',
|
|
hideInSearch: true,
|
|
width: 120,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('111')
|
|
}}
|
|
>编辑</Button><Button type="link"
|
|
onClick={() => {
|
|
const query = {
|
|
vehicleId: record.id
|
|
}
|
|
dispatch(delSpecificVehicle(query)).then((res) => {
|
|
setDelet(res)
|
|
})
|
|
}}
|
|
>删除</Button></div>
|
|
|
|
}
|
|
},
|
|
{
|
|
key: "direction",
|
|
hideInTable: true,
|
|
dataIndex: "direction",
|
|
order: 6,
|
|
renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => {
|
|
return (
|
|
<div> <Button
|
|
type="primary"
|
|
style={{ width: "100px" }}
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('')
|
|
}}
|
|
>
|
|
新增
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
style={{ width: "100px", marginLeft: 20 }}
|
|
onClick={() => {
|
|
// dispatch(push(`article/update/post`));
|
|
}}
|
|
>
|
|
导入
|
|
</Button>
|
|
</div>
|
|
|
|
|
|
);
|
|
},
|
|
},
|
|
], tab3: [
|
|
{
|
|
title: '业户名称',
|
|
dataIndex: 'placeName',
|
|
fixed: 'left',
|
|
width: 120,
|
|
options: 1,
|
|
backgroundColor: "#ffffff",
|
|
fieldProps: {
|
|
onChange: (value, cs) => {
|
|
setSitename(value.currentTarget.value)
|
|
},
|
|
placeholder: '请输入业户称进行搜索',
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
},
|
|
render: (dom, record) => {
|
|
return record.nameOfBusinessOwner
|
|
},
|
|
}, {
|
|
title: '品名',
|
|
search: false,
|
|
dataIndex: 'containers',
|
|
|
|
fixed: 'left',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.productName
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '车籍地',
|
|
search: false,
|
|
dataIndex: 'containers',
|
|
|
|
fixed: 'left',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.vehicleRegistry
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '车牌号',
|
|
search: false,
|
|
dataIndex: 'time2',
|
|
valueType: 'dateRange',
|
|
// align: 'right',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.licensePlateNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '燃料类型',
|
|
search: false,
|
|
dataIndex: 'time3',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.fuelType
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '住址',
|
|
search: false,
|
|
dataIndex: 'time4',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.address
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经济性质',
|
|
search: false,
|
|
dataIndex: 'time5',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.economicNature
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '核定载客位数',
|
|
search: false,
|
|
dataIndex: 'time6',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.approvedPassengerCapacity
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '核定载质量',
|
|
search: false,
|
|
dataIndex: 'time7',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.approvedLoadMass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车轴数',
|
|
search: false,
|
|
dataIndex: 'time8',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.numberOfVehicleAxles
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆厂牌',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleBrand
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营范围',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.natureOfBusiness
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆营运状态',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleOperationStatus
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '客车类型与等级',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.busTypeAndClass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '年审结果',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.annualReviewResults
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '本次年审日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfThisAnnualReview
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '下次年审日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfNextAnnualReview
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '注册登记日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfRegistration
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '运力来源',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.sourceOfTransportationCapacity
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期起',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.fromTheExpiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期止',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.expiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '发动机排量',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.engineDisplacement
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '发动机号',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.engineNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆发动机功率',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleEnginePower
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营许可证号',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.businessLicenseNo
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车牌颜色',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.licensePlateColor
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆总质量',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.totalVehicleMass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆准牵引总质量',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.totalQuasiTractionMassOfVehicle
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '道路运输证号',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.roadTransportCertificateNo
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车高',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleHeight
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车长',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleConductor
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车宽',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleWidth
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆类型',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleType
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '行驶证车辆类型',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleTypeWithDrivingLicense
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆轴距',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleWheelbase
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '等级评定日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.ratingDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '技术评定等级',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.technicalEvaluationGrade
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '下次等级评定日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.nextRatingDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '创建日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.creationDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '操作',
|
|
dataIndex: 'creatTime',
|
|
valueType: 'dateTimeRange',
|
|
hideInSearch: true,
|
|
width: 120,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('111')
|
|
}}
|
|
>编辑</Button><Button type="link"
|
|
onClick={() => {
|
|
const query = {
|
|
vehicleId: record.id
|
|
}
|
|
dispatch(delSpecificVehicle(query)).then((res) => {
|
|
setDelet(res)
|
|
})
|
|
}}
|
|
>删除</Button></div>
|
|
|
|
}
|
|
},
|
|
{
|
|
key: "direction",
|
|
hideInTable: true,
|
|
dataIndex: "direction",
|
|
order: 6,
|
|
renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => {
|
|
return (
|
|
<div> <Button
|
|
type="primary"
|
|
style={{ width: "100px" }}
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('')
|
|
}}
|
|
>
|
|
新增
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
style={{ width: "100px", marginLeft: 20 }}
|
|
onClick={() => {
|
|
// dispatch(push(`article/update/post`));
|
|
}}
|
|
>
|
|
导入
|
|
</Button>
|
|
</div>
|
|
|
|
|
|
);
|
|
},
|
|
},
|
|
], tab4: [
|
|
{
|
|
title: '业户名称',
|
|
dataIndex: 'placeName',
|
|
fixed: 'left',
|
|
width: 120,
|
|
options: 1,
|
|
backgroundColor: "#ffffff",
|
|
fieldProps: {
|
|
onChange: (value, cs) => {
|
|
setSitename(value.currentTarget.value)
|
|
},
|
|
placeholder: '请输入业户称进行搜索',
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
},
|
|
render: (dom, record) => {
|
|
return record.nameOfBusinessOwner
|
|
},
|
|
},
|
|
{
|
|
title: '品名',
|
|
search: false,
|
|
dataIndex: 'containers',
|
|
|
|
fixed: 'left',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.productName
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '信用社会代码',
|
|
search: false,
|
|
dataIndex: 'time2',
|
|
valueType: 'dateRange',
|
|
// align: 'right',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.creditSocialCode
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '行政区划',
|
|
search: false,
|
|
dataIndex: 'time3',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.administrativeDivision
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经济性质',
|
|
search: false,
|
|
dataIndex: 'time4',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.economicNature
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '地址',
|
|
search: false,
|
|
dataIndex: 'time5',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.address
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '联系电话',
|
|
search: false,
|
|
dataIndex: 'time6',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.contactNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '电子邮箱',
|
|
search: false,
|
|
dataIndex: 'time7',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.email
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '法定代表人',
|
|
search: false,
|
|
dataIndex: 'time8',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.legalRepresentative
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '法人证件类型',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.typeOfLegalPersonCertificate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '运输性质',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.natureOfTransportation
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '法人证件号码',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.legalPersonCertificateNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '法定代表人电话',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.telephoneNumberOfLegalRepresentative
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营业户负责人姓名',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.nameOfThePersonInChargeOfTheBusiness
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营业户负责人电话号码',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.telephoneNumberOfThePersonInChargeOfTheBusiness
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经办人',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.handledBy
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经办人电话',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.phoneNumberOfHandler
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营范围',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 440,
|
|
|
|
render: (dom, record) => {
|
|
return record.natureOfBusiness
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营状态',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.businessStatus
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营许可证号',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.businessLicenseNo
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期起',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.fromTheExpiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期止',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.expiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '发证机构',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.issuingAuthority
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '核发日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfIssuance
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '证照类别',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.licenseCategory
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '证照发放类型',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.licenseIssuanceType
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '共有车辆数',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.numberOfSharedVehicles
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '创建日期',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.creationDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '操作',
|
|
dataIndex: 'creatTime',
|
|
valueType: 'dateTimeRange',
|
|
hideInSearch: true,
|
|
width: 120,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('111')
|
|
setRecortd(record)
|
|
}}
|
|
>编辑</Button><Button type="link"
|
|
onClick={() => {
|
|
const query = {
|
|
businessId: record.id
|
|
}
|
|
dispatch(delHouseholds(query)).then((res) => {
|
|
setDelet(res)
|
|
})
|
|
}}
|
|
>删除</Button></div>
|
|
|
|
}
|
|
},
|
|
{
|
|
key: "direction",
|
|
hideInTable: true,
|
|
dataIndex: "direction",
|
|
order: 6,
|
|
renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => {
|
|
return (
|
|
<div> <Button
|
|
type="primary"
|
|
style={{ width: "100px" }}
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('')
|
|
}}
|
|
>
|
|
新增
|
|
</Button>
|
|
<Button
|
|
type="primary"
|
|
style={{ width: "100px", marginLeft: 20 }}
|
|
onClick={() => {
|
|
// dispatch(push(`article/update/post`));
|
|
}}
|
|
>
|
|
导入
|
|
</Button>
|
|
</div>
|
|
|
|
|
|
);
|
|
},
|
|
},
|
|
]
|
|
}
|
|
return (
|
|
<Spin spinning={false}>
|
|
<div className='protable-transpor'>
|
|
<ProTable
|
|
actionRef={ref}
|
|
toolbar={{
|
|
multipleLine: true,
|
|
|
|
menu: {
|
|
type: 'tab',
|
|
activeKey,
|
|
onChange: (key) => setActiveKey(key),
|
|
items: [
|
|
{
|
|
key: 'tab1',
|
|
label: <span onClick={() => {
|
|
setRewkeys('keyun')
|
|
}}>客运{activeKey === 'tab1'}</span>,
|
|
},
|
|
{
|
|
key: 'tab2',
|
|
label: <span onClick={() => { {
|
|
setRewkeys('chuzu')
|
|
} }}>出租车{activeKey === 'tab2'}</span>,
|
|
|
|
},
|
|
{
|
|
key: 'tab3',
|
|
label: <span onClick={() => { {
|
|
setRewkeys('weihuo')
|
|
} }}>危险货运{activeKey === 'tab3'}</span>,
|
|
|
|
}, {
|
|
key: 'tab4',
|
|
label: <span onClick={() => {
|
|
setRewkeys('yehu')
|
|
}}>业户{activeKey === 'tab4'}</span>,
|
|
|
|
},
|
|
],
|
|
},
|
|
}}
|
|
scroll={{ x: 800 }}
|
|
options={false}
|
|
ref={c => { finishedProductTable = c; }}
|
|
style={{ width: "100% ", overflow: "auto", height: '760px' }}
|
|
rowKey='key'
|
|
rowSelection={{
|
|
selectedRowKeys: rowSelected,
|
|
onChange: (selectedRowKeys) => {
|
|
setRowSelected(selectedRowKeys);
|
|
},
|
|
}}
|
|
onReset={(v) => {
|
|
setSitename('')
|
|
}}
|
|
columns={columns[activeKey]}
|
|
|
|
dataSource={counts || []}
|
|
request={async (params, sort, filter) => {
|
|
if(rewkeys=='keyun'){
|
|
const query = {}
|
|
setRowSelected([]);
|
|
const res = await dispatch(getOperaTional(query));
|
|
setCounts(res.payload.data)
|
|
return {
|
|
...res,
|
|
total: res.payload.data ? res.payload.data.count : 0
|
|
}}
|
|
if(rewkeys=='chuzu'){
|
|
const query = {
|
|
type:'出租车',
|
|
nameOfBusinessOwner:sitename
|
|
}
|
|
setRowSelected([]);
|
|
const res = await dispatch(getSpecificVehicle(query));
|
|
setCounts(res.payload.data)
|
|
return {
|
|
...res,
|
|
total: res.payload.data ? res.payload.data.count : 0
|
|
}}
|
|
if(rewkeys=='weihuo'){
|
|
const query = {
|
|
type:'危货',
|
|
nameOfBusinessOwner:sitename
|
|
}
|
|
setRowSelected([]);
|
|
const res = await dispatch(getSpecificVehicle(query));
|
|
setCounts(res.payload.data)
|
|
return {
|
|
...res,
|
|
total: res.payload.data ? res.payload.data.count : 0
|
|
}}
|
|
if(rewkeys=='yehu'){
|
|
const query = {
|
|
nameOfBusinessOwner:sitename
|
|
}
|
|
setRowSelected([]);
|
|
const res = await dispatch(getHouseholds(query));
|
|
setCounts(res.payload.data)
|
|
return {
|
|
...res,
|
|
total: res.payload.data ? res.payload.data.count : 0
|
|
}}
|
|
}}
|
|
search={{
|
|
defaultCollapsed: false,
|
|
optionRender: (searchConfig, formProps, dom) => [
|
|
...dom.reverse(),
|
|
['tab2','tab3','tab4'].includes(activeKey) ? <Popconfirm title="确认导出?" onConfirm={() => { props.exports(rowSelected, counts) }}>
|
|
<Button
|
|
>
|
|
导出
|
|
</Button>
|
|
</Popconfirm> : null
|
|
|
|
],
|
|
}}
|
|
|
|
>
|
|
</ProTable></div>
|
|
{modalVisible ? <UserModal
|
|
visible={modalVisible}
|
|
onVisibleChange={setModalVisible}
|
|
modalRecord={modalRecord}
|
|
typecard={typecard}
|
|
rewkeys={rewkeys}
|
|
data={rewkeys==='yehu'?data:date}
|
|
recortd={recortd}
|
|
// sitename={sitename}
|
|
setRecortd={setRecortd}
|
|
/> : ''}
|
|
{modalVisibleyilan ? <HightModal
|
|
visible={modalVisibleyilan}
|
|
onVisibleChange={setModalVisibleyilan}
|
|
modalRecord={modalRecord}
|
|
typecard={typecard}
|
|
rewkeys={'passenger'}
|
|
recortd={recortd}
|
|
setRecortd={setRecortd}
|
|
/> : ''}
|
|
</Spin >
|
|
)
|
|
}
|
|
const date={
|
|
"nameOfBusinessOwner": "业户名称",
|
|
"productName": "品名",
|
|
"vehicleRegistry": "车籍地",
|
|
"licensePlateNumber": "车牌号",
|
|
"fuelType": "燃料类型",
|
|
"address": "住址",
|
|
"economicNature": "经济性质",
|
|
"approvedPassengerCapacity": "核定载客位数",
|
|
"approvedLoadMass": "核定载质量",
|
|
"numberOfVehicleAxles": "车辆车轴数",
|
|
"vehicleBrand": "车辆厂牌",
|
|
"natureOfBusiness": "经营范围",
|
|
"vehicleOperationStatus": "车辆营运状态",
|
|
"busTypeAndClass": "客车类型与等级",
|
|
"annualReviewResults": "年审结果",
|
|
"dateOfThisAnnualReview": "本次年审日期",
|
|
"dateOfNextAnnualReview": "下次年审日期",
|
|
"dateOfRegistration": "注册登记日期",
|
|
"sourceOfTransportationCapacity": "运力来源",
|
|
"fromTheExpiryDate": "有效期起",
|
|
"expiryDate": "有效期止",
|
|
"engineDisplacement": "发动机排量",
|
|
"engineNumber": "发动机号",
|
|
"vehicleEnginePower": "车辆发动机功率",
|
|
"businessLicenseNo": "经营许可证号",
|
|
"licensePlateColor": "车牌颜色",
|
|
"totalVehicleMass": "车辆总质量",
|
|
"totalQuasiTractionMassOfVehicle": "车辆准牵引总质量",
|
|
"roadTransportCertificateNo": "道路运输证号",
|
|
"vehicleHeight": "车辆车高",
|
|
"vehicleConductor": "车辆车长",
|
|
"vehicleWidth": "车辆车宽",
|
|
"vehicleType": "车辆类型",
|
|
"vehicleTypeWithDrivingLicense": "行驶证车辆类型",
|
|
"vehicleWheelbase": "车辆轴距",
|
|
"ratingDate": "等级评定日期",
|
|
"technicalEvaluationGrade": "技术评定等级",
|
|
"nextRatingDate": "下次等级评定日期",
|
|
"creationDate": "创建日期"
|
|
}
|
|
const data={
|
|
"nameOfBusinessOwner": "业户名称",
|
|
"productName": "品名",
|
|
"creditSocialCode": "信用社会代码",
|
|
"administrativeDivision": "行政区划",
|
|
"economicNature": "经济性质",
|
|
"address": "地址",
|
|
"contactNumber": "联系电话",
|
|
"email": "电子邮箱",
|
|
"legalRepresentative": "法定代表人",
|
|
"typeOfLegalPersonCertificate": "法人证件类型",
|
|
"natureOfTransportation": "运输性质",
|
|
"legalPersonCertificateNumber": "法人证件号码",
|
|
"telephoneNumberOfLegalRepresentative": "法定代表人电话",
|
|
"nameOfThePersonInChargeOfTheBusiness": "经营业户负责人姓名",
|
|
"telephoneNumberOfThePersonInChargeOfTheBusiness": "经营业户负责人电话号码",
|
|
"handledBy": "经办人",
|
|
"phoneNumberOfHandler": "经办人电话",
|
|
"natureOfBusiness": "经营范围",
|
|
"businessStatus": "经营状态",
|
|
"businessLicenseNo": "经营许可证号",
|
|
"fromTheExpiryDate": "有效期起",
|
|
"expiryDate": "有效期止",
|
|
"issuingAuthority": "发证机构",
|
|
"dateOfIssuance": "核发日期",
|
|
"licenseCategory": "证照类别",
|
|
"licenseIssuanceType": "证照发放类型",
|
|
"numberOfSharedVehicles": "共有车辆数",
|
|
"creationDate": "创建日期",
|
|
'type':'类型'
|
|
}
|
|
function mapStateToProps(state) {
|
|
const { auth, depMessage } = state;
|
|
const pakData = (dep) => {
|
|
return dep.map((d) => {
|
|
return {
|
|
title: d.name,
|
|
value: d.id,
|
|
// children: d.type >= 2 ? [] : pakData(d.subordinate)
|
|
children: pakData(d.subordinate)
|
|
}
|
|
})
|
|
}
|
|
let depData = pakData(depMessage.data || [])
|
|
return {
|
|
user: auth.user,
|
|
depMessage: depMessage.data || [],
|
|
depLoading: depMessage.isRequesting,
|
|
depData,
|
|
};
|
|
}
|
|
export default connect(mapStateToProps)(OperaTionalTable);
|