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
} }, ], 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
} }, { key: "direction", hideInTable: true, dataIndex: "direction", order: 6, renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => { return (
); }, }, ], 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
} }, { key: "direction", hideInTable: true, dataIndex: "direction", order: 6, renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => { return (
); }, }, ], 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
} }, { key: "direction", hideInTable: true, dataIndex: "direction", order: 6, renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => { return (
); }, }, ] } return (
setActiveKey(key), items: [ { key: 'tab1', label: { setRewkeys('keyun') }}>客运{activeKey === 'tab1'}, }, { key: 'tab2', label: { { setRewkeys('chuzu') } }}>出租车{activeKey === 'tab2'}, }, { key: 'tab3', label: { { setRewkeys('weihuo') } }}>危险货运{activeKey === 'tab3'}, }, { key: 'tab4', label: { setRewkeys('yehu') }}>业户{activeKey === 'tab4'}, }, ], }, }} 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) ? { props.exports(rowSelected, counts) }}> : null ], }} >
{modalVisible ? : ''} {modalVisibleyilan ? : ''} ) } 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);