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.
2103 lines
66 KiB
2103 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 [differentiate, setDifferentiate] = useState()
|
|
const [genre, setGenre] = useState()
|
|
|
|
|
|
const ref = useRef()
|
|
useEffect(() => { ref.current.reload() }, [rewkeys, activeKey, delet])
|
|
//打开弹窗
|
|
const openModal = (type, record) => {
|
|
setModalVisible(true);
|
|
// setModalType(type);
|
|
if (type == 'edit') {
|
|
setModalRecord(record);
|
|
} else {
|
|
setModalRecord(null);
|
|
}
|
|
}
|
|
const deldata = (id) => { // 出租危货
|
|
const query = {
|
|
vehicleId: id
|
|
}
|
|
dispatch(delSpecificVehicle(query)).then((res) => {
|
|
setDelet(res)
|
|
})
|
|
}
|
|
|
|
const deldatas = (id) => { // 业户
|
|
const query = {
|
|
businessId: id
|
|
}
|
|
dispatch(delHouseholds(query)).then((res) => {
|
|
setDelet(res)
|
|
})
|
|
}
|
|
//打开弹窗
|
|
const hightModal = (type, record) => {
|
|
setModalVisibleyilan(true);
|
|
// setModalType(type);
|
|
if (type == 'edit') {
|
|
setModalRecord(record);
|
|
} else {
|
|
setModalRecord(null);
|
|
}
|
|
}
|
|
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: 160,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
hightModal('edit', record)
|
|
setTypecard('compile')
|
|
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: 'dateRange1',
|
|
// align: 'right',
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.licensePlateNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '燃料类型',
|
|
search: false,
|
|
dataIndex: 'time3',
|
|
valueType: 'dateRange2',
|
|
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.fuelType
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '住址',
|
|
search: false,
|
|
dataIndex: 'time4',
|
|
valueType: 'dateRange3',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.address
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经济性质',
|
|
search: false,
|
|
dataIndex: 'time5',
|
|
valueType: 'dateRange4',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.economicNature
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '核定载客位数',
|
|
search: false,
|
|
dataIndex: 'time6',
|
|
valueType: 'dateRange5',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.approvedPassengerCapacity
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '核定载质量',
|
|
search: false,
|
|
dataIndex: 'time7',
|
|
valueType: 'dateRange6',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.approvedLoadMass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车轴数',
|
|
search: false,
|
|
dataIndex: 'time8',
|
|
valueType: 'dateRange7',
|
|
|
|
|
|
width: 120,
|
|
render: (dom, record) => {
|
|
return record.numberOfVehicleAxles
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆厂牌',
|
|
search: false,
|
|
dataIndex: 'time9',
|
|
valueType: 'dateRange8',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleBrand
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营范围',
|
|
search: false,
|
|
dataIndex: 'time10',
|
|
valueType: 'dateRange9',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.natureOfBusiness
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆营运状态',
|
|
search: false,
|
|
dataIndex: 'time11',
|
|
valueType: 'dateRange10',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleOperationStatus
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '客车类型与等级',
|
|
search: false,
|
|
dataIndex: 'time12',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.busTypeAndClass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '年审结果',
|
|
search: false,
|
|
dataIndex: 'time13',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.annualReviewResults
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '本次年审日期',
|
|
search: false,
|
|
dataIndex: 'time14',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfThisAnnualReview
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '下次年审日期',
|
|
search: false,
|
|
dataIndex: 'time15',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfNextAnnualReview
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '注册登记日期',
|
|
search: false,
|
|
dataIndex: 'time16',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.dateOfRegistration
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '运力来源',
|
|
search: false,
|
|
dataIndex: 'time17',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.sourceOfTransportationCapacity
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期起',
|
|
search: false,
|
|
dataIndex: 'time18',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.fromTheExpiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '有效期止',
|
|
search: false,
|
|
dataIndex: 'time19',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.expiryDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '发动机排量',
|
|
search: false,
|
|
dataIndex: 'time20',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.engineDisplacement
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '发动机号',
|
|
search: false,
|
|
dataIndex: 'time21',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.engineNumber
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆发动机功率',
|
|
search: false,
|
|
dataIndex: 'time22',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleEnginePower
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '经营许可证号',
|
|
search: false,
|
|
dataIndex: 'time23',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.businessLicenseNo
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车牌颜色',
|
|
search: false,
|
|
dataIndex: 'time24',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.licensePlateColor
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆总质量',
|
|
search: false,
|
|
dataIndex: 'time25',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.totalVehicleMass
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆准牵引总质量',
|
|
search: false,
|
|
dataIndex: 'time26',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.totalQuasiTractionMassOfVehicle
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '道路运输证号',
|
|
search: false,
|
|
dataIndex: 'time27',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.roadTransportCertificateNo
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车高',
|
|
search: false,
|
|
dataIndex: 'time28',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleHeight
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车长',
|
|
search: false,
|
|
dataIndex: 'time29',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleConductor
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆车宽',
|
|
search: false,
|
|
dataIndex: 'time30',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleWidth
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆类型',
|
|
search: false,
|
|
dataIndex: 'time31',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleType
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '行驶证车辆类型',
|
|
search: false,
|
|
dataIndex: 'time30',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleTypeWithDrivingLicense
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '车辆轴距',
|
|
search: false,
|
|
dataIndex: 'time31',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.vehicleWheelbase
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '等级评定日期',
|
|
search: false,
|
|
dataIndex: 'time32',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.ratingDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '技术评定等级',
|
|
search: false,
|
|
dataIndex: 'time33',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.technicalEvaluationGrade
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '下次等级评定日期',
|
|
search: false,
|
|
dataIndex: 'time34',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.nextRatingDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
}, {
|
|
title: '创建日期',
|
|
search: false,
|
|
dataIndex: 'time35',
|
|
valueType: 'dateRange',
|
|
|
|
|
|
width: 140,
|
|
|
|
render: (dom, record) => {
|
|
return record.creationDate
|
|
},
|
|
fieldProps: {
|
|
getPopupContainer: (triggerNode) => triggerNode.parentNode,
|
|
}
|
|
},
|
|
{
|
|
title: '操作',
|
|
dataIndex: 'creatTime55',
|
|
valueType: 'dateTimeRange',
|
|
hideInSearch: true,
|
|
width: 160,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('compile')
|
|
setRecortd(record)
|
|
}}
|
|
>编辑</Button> <Popconfirm title='是否确认删除' onConfirm={() => { deldata(record.id) }}>
|
|
<Button type="link">删除</Button>
|
|
</Popconfirm></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: 160,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('compile')
|
|
setRecortd(record)
|
|
}}
|
|
>编辑</Button> <Popconfirm title='是否确认删除' onConfirm={() => { deldata(record.id) }}>
|
|
<Button type="link">删除</Button>
|
|
</Popconfirm></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: 160,
|
|
fixed: 'right',
|
|
render: (dom, record) => {
|
|
return <div><Button type="link"
|
|
onClick={() => {
|
|
openModal('edit', record)
|
|
setTypecard('compile')
|
|
setRecortd(record)
|
|
}}
|
|
>编辑</Button><Popconfirm title='是否确认删除' onConfirm={() => { deldatas(record.id) }}>
|
|
<Button type="link">删除</Button>
|
|
</Popconfirm></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}
|
|
form={{
|
|
submitter: rewkeys === 'keyun' ? false : true,
|
|
}}
|
|
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')
|
|
setDifferentiate('vehicle')
|
|
setGenre('出租车')
|
|
}
|
|
}}>出租车{activeKey === 'tab2'}</span>,
|
|
|
|
},
|
|
{
|
|
key: 'tab3',
|
|
label: <span onClick={() => {
|
|
{
|
|
setRewkeys('weihuo')
|
|
setDifferentiate('vehicle')
|
|
setGenre('危货')
|
|
|
|
}
|
|
}}>危险货运{activeKey === 'tab3'}</span>,
|
|
|
|
}, {
|
|
key: 'tab4',
|
|
label: <span onClick={() => {
|
|
setDifferentiate('business')
|
|
setRewkeys('yehu')
|
|
}}>业户{activeKey === 'tab4'}</span>,
|
|
|
|
},
|
|
],
|
|
},
|
|
}}
|
|
scroll={{ x: 800 }}
|
|
options={false}
|
|
ref={c => { finishedProductTable = c; }}
|
|
style={{ width: "100% ", overflow: "auto", height: '760px' }}
|
|
rowKey='id'
|
|
// alwaysShowAlert
|
|
// tableAlertRender={true}
|
|
rowSelection={ rewkeys=='keyun'?false:{
|
|
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, differentiate, genre) }}>
|
|
<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}
|
|
setDelet={setDelet}
|
|
setRecortd={setRecortd}
|
|
/> : ''}
|
|
{modalVisibleyilan ? <HightModal
|
|
visible={modalVisibleyilan}
|
|
onVisibleChange={setModalVisibleyilan}
|
|
modalRecord={modalRecord}
|
|
typecard={typecard}
|
|
rewkeys={'passenger'}
|
|
recortd={recortd}
|
|
setDelet={setDelet}
|
|
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);
|