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 moment from 'moment'; import { getBridge, getProject, delBridge, delProject } from "../actions/infor" import UserModal from './infor/details'; import ProjectModal from './project/project'; const BrideTable = (props) => { const { dispatch, user, depData, depMessage, depLoading } = props const [rowSelected, setRowSelected] = useState([]) // const [regionId, setRegionId] = useState()//区域id // const [placeType, setPlaceType] = useState()//场所 // const [day, setDay] = useState([moment('2022-03-01').format('YYYY-MM-DD'), moment().format('YYYY-MM-DD')])//日期 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 [whichofits, setWhichofits] = useState('qiaoliang') const [delet, setDelet] = useState() const [differentiate, setDifferentiate] = useState('bridge') const ref = useRef() useEffect(() => { ref.current.reload() }, [whichofits, delet]) const deldata = (id) => { // 桥梁 const query = { bridgeId: id } dispatch(delBridge(query)).then((res) => { setDelet(res) }) } const deldatas = (id) => { // 工程 const query = { projectId: id } dispatch(delProject(query)).then((res) => { setDelet(res) }) } const columns = { tab1: [ { title: '桥梁代码', dataIndex: 'placeName', fixed: 'left', width: 120, options: 1, search: false, backgroundColor: "#ffffff", fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, }, render: (dom, record) => { // console.log(record) return record.bridgeCode }, }, { title: '桥梁名称', dataIndex: 'containers', fixed: 'left', width: 120, render: (dom, record) => { return record.bridgeName }, fieldProps: { onChange: (value, cs) => { setSitename(value.currentTarget.value) }, placeholder: '请输入桥梁名称进行搜索', getPopupContainer: (triggerNode) => triggerNode.parentNode, }, }, { title: '中心桩号', search: false, dataIndex: 'time2', valueType: 'dateRange', // align: 'right', width: 120, render: (dom, record) => { return record.centralStation }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨越地物类型', search: false, dataIndex: 'time3', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.crossingFigureType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨越地物名称', search: false, dataIndex: 'time4', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.crossingFigureName }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '收费性质', search: false, dataIndex: 'time5', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.natureOfCharges }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '匝道编码', search: false, dataIndex: 'time6', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.rampCode }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '路段类型', search: false, dataIndex: 'time7', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.sectionType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨越地物类型1', search: false, dataIndex: 'time8', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.crossingFigureType1 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨越地物名称1', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.crossingFigureName1 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '原桥梁代码', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.originalBridgeCode }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '是否宽路窄桥', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.whetherWideRoadAndNarrowBridge }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '是否在长大桥梁目录中', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.isItInTheDirectoryOfLongAndLongBridges }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '是否跨省桥梁', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.whetherItIsACrossProvincialBridge }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '互通类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.interworkingType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '互通形式', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.interworkingForm }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '互通交叉方式', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.interworkingAndCrossoverMode }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥梁分类', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.bridgeClassification }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥梁全长', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.totalLengthOfBridge }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨径总长', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.totalSpanLength }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '主桥主跨', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.mainSpanOfMainBridge }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '主桥孔数', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.numberOfMainBridgeHoles }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨径组合', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.spanCombination }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥梁性质', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.bridgeProperties }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '设计荷载等级', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.designLoadClass }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '上部结构', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.superstructure }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '上部结构材料', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.superstructureMaterials }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥面铺装类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.bridgeDeckPavementType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥面宽', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.bridgeDeckWidth }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥面净宽', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.clearWidthOfBridgeDeck }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥下净空', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.clearanceUnderBridge }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '抗震等级', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.seismicGrade }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '通航等级', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.navigationClass }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥台类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.abutmentType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥墩类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.pierType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '墩台防撞设施类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.typesOfPierAndAbutmentAntiCollisionFacilities }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '伸缩缝类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.expansionJointType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '支座类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.supportType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '弯坡斜特征', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.characteristicsOfCurvedSlope }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '桥梁高度', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.bridgeHeight }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '人行道宽度', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.sidewalkWidth }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '建设单位', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.constructionUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '建成时间', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.completionTime }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '通车日期', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.openingDate }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '改建时间', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.reconstructionTime }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '总造价', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.totalCost }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '设计单位名称', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.nameOfDesignUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '施工单位名称', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.nameOfConstructionUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '监理单位名称', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.nameOfSupervisionUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '建设性质', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.natureOfConstruction }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '评定日期', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.evaluationDate }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '技术状况评定', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.technicalConditionEvaluation }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '评定单位', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.assessmentUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '主要病害位置', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.locationOfMajorDiseases }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '病害描述', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.diseaseDescription }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '采取管制措施', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.takeControlMeasures }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '最近定期检查日期', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.dateOfLastPeriodicInspection }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '管养单位性质', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.natureOfManagementAndMaintenanceUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '管养单位', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.managementAndMaintenanceUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '监管单位', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.supervisionUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '改造施工单位', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.reconstructionConstructionUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '是否部补助项目', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.whetherItIsASubsidyProjectOfTheMinistry }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '工程性质', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.engineeringProperties }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '改造部位', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.reconstructionPart }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '改造完工日期', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.modificationCompletionDate }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '年份1', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.year1 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨径组合1', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.spanCombination1 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '投资1', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.investment1 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '年份2', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.year2 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨径组合2', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.spanCombination2 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '投资2', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.investment2 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '年份3', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.year3 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨径组合3', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.spanCombination3 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '投资3', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.investment3 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '年份4', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.year4 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨径组合4', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.spanCombination4 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '投资4', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.investment4 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '年份5', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.year5 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '跨径组合5', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.spanCombination5 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '投资5', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.investment5 }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '计划资金类别', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.plannedFundCategory }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '计划年度', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.plannedYear }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '计划文号', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.planDocumentNo }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '计划项目唯一编码', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.planItemUniqueCode }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '计划项目类型', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.plannedProjectType }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '计划项目名称', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.planProjectName }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '完工情况', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.ccompletionStatus }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '完工年度', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.yearOfCompletion }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '变更原因', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.reasonForChange }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '变更时间', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.changeTime }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '填报单位', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.reportingUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '备注', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.remarks }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '是否跨线桥', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.whetherOverpassBridge }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '是否线外桥', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.offLineBridgeOrNot }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '是否危桥改造', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.whetherDangerousBridgeReconstruction }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '所在区县', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.districtcounty }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '所在地市', search: false, dataIndex: 'time9', valueType: 'dateRange', width: 140, render: (dom, record) => { return record.locationCity }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '操作', dataIndex: 'creatTime', valueType: 'dateTimeRange', hideInSearch: true, width: 120, fixed: 'right', render: (dom, record) => { return
{ deldata(record.id) }}>
} }, { key: "direction", hideInTable: true, dataIndex: "direction", order: 6, renderFormItem: (item, { type, defaultRender, ...rest }, form, 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.entryName }, }, { title: '工程里程（公里/延米）', search: false, dataIndex: 'containers', fixed: 'left', width: 120, render: (dom, record) => { return record.projectMileage }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '投资（万元）', search: false, dataIndex: 'time2', valueType: 'dateRange', // align: 'right', width: 120, render: (dom, record) => { return record.investment }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '建设单位', search: false, dataIndex: 'time3', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.buildUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '监理单位', search: false, dataIndex: 'time4', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.constructionControlUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '设计单位', search: false, dataIndex: 'time5', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.designUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '施工单位', search: false, dataIndex: 'time6', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.constructionUnit }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '监督负责人及监督人员', search: false, dataIndex: 'time7', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.supervisorAndSupervisor }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '项目进展情况', search: false, dataIndex: 'time8', valueType: 'dateRange', width: 120, render: (dom, record) => { return record.projectProgress }, fieldProps: { getPopupContainer: (triggerNode) => triggerNode.parentNode, } }, { title: '操作', dataIndex: 'creatTime', valueType: 'dateTimeRange', hideInSearch: true, width: 120, fixed: 'right', render: (dom, record) => { return
{ deldatas(record.id) }}>
} }, { key: "direction", hideInTable: true, dataIndex: "direction", order: 6, renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => { return (
); }, }, ] } //打开弹窗 const openModal = (type, record) => { setModalVisible(true); // setModalType(type); if (type == 'edit') { setModalRecord(record); } else { setModalRecord(null); } } const yilanModal = (type, record) => { setModalVisibleyilan(true); // setModalType(type); if (type == 'edit') { setModalRecord(record); } else { setModalRecord(null); } } return (
setActiveKey(key), items: [ { key: 'tab1', label: { setWhichofits('qiaoliang') setDifferentiate('bridge') }}>桥梁{activeKey === 'tab1'}, }, { key: 'tab2', label: { setWhichofits('gongcheng') setDifferentiate('project') }}>工程一览{activeKey === 'tab2'}, }, ], }, }} scroll={{ x: 800 }} options={false} ref={c => { finishedProductTable = c; }} style={{ width: "100% ", overflow: "auto", height: '760px' }} rowKey='id' onReset={(v) => { setSitename('') }} rowSelection={{ selectedRowKeys: rowSelected, onChange: (selectedRowKeys) => { setRowSelected(selectedRowKeys); }, }} columns={columns[activeKey]} dataSource={counts || []} request={async (params) => { if (whichofits == 'qiaoliang') { const query = { bridgeName: sitename } setRowSelected([]); const res = await dispatch(getBridge(query)); // console.log(res) setCounts(res.payload.data) return { ...res, total: res.payload.data ? res.payload.data.count : 0 } } if (whichofits == 'gongcheng') { const query = { type: 'bridge', entryName:sitename } setRowSelected([]); const res = await dispatch(getProject(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(), { props.exports(rowSelected,differentiate) }}> ], }} >
{modalVisible ? : ''} {modalVisibleyilan ? : ''} ) } const date = { "bridgeCode": "桥梁代码", "bridgeName": "桥梁名称", "centralStation": "中心桩号", "crossingFigureType": "跨越地物类型", "crossingFigureName": "跨越地物名称", "natureOfCharges": "收费性质", "rampCode": "匝道编码", "sectionType": "路段类型", "crossingFigureType1": "跨越地物类型1", "crossingFigureName1": "跨越地物名称1", "originalBridgeCode": "原桥梁代码", "whetherWideRoadAndNarrowBridge": "是否宽路窄桥", "isItInTheDirectoryOfLongAndLongBridges": "是否在长大桥梁目录中", "whetherItIsACrossProvincialBridge": "是否跨省桥梁", "interworkingType": "互通类型", "interworkingForm": "互通形式", "interworkingAndCrossoverMode": "互通交叉方式", "bridgeClassification": "桥梁分类", "totalLengthOfBridge": "桥梁全长", "totalSpanLength": "跨径总长", "mainSpanOfMainBridge": "主桥主跨", "numberOfMainBridgeHoles": "主桥孔数", "spanCombination": "跨径组合", "bridgeProperties": "桥梁性质", "designLoadClass": "设计荷载等级", "superstructure": "上部结构", "superstructureMaterials": "上部结构材料", "bridgeDeckPavementType": "桥面铺装类型", "bridgeDeckWidth": "桥面宽", "clearWidthOfBridgeDeck": "桥面净宽", "clearanceUnderBridge": "桥下净空", "seismicGrade": "抗震等级", "navigationClass": "通航等级", "abutmentType": "桥台类型", "pierType": "桥墩类型", "typesOfPierAndAbutmentAntiCollisionFacilities": "墩台防撞设施类型", "expansionJointType": "伸缩缝类型", "supportType": "支座类型", "characteristicsOfCurvedSlope": "弯坡斜特征", "bridgeHeight": "桥梁高度", "sidewalkWidth": "人行道宽度", "constructionUnit": "建设单位", "completionTime": "建成时间", "openingDate": "通车日期", "reconstructionTime": "改建时间", "totalCost": "总造价", "nameOfDesignUnit": "设计单位名称", "nameOfConstructionUnit": "施工单位名称", "nameOfSupervisionUnit": "监理单位名称", "natureOfConstruction": "建设性质", "evaluationDate": "评定日期", "technicalConditionEvaluation": "技术状况评定", "assessmentUnit": "评定单位", "locationOfMajorDiseases": "主要病害位置", "diseaseDescription": "病害描述", "takeControlMeasures": "采取管制措施", "dateOfLastPeriodicInspection": "最近定期检查日期", "natureOfManagementAndMaintenanceUnit": "管养单位性质", "managementAndMaintenanceUnit": "管养单位", "supervisionUnit": "监管单位", "reconstructionConstructionUnit": "改造施工单位", "whetherItIsASubsidyProjectOfTheMinistry": "是否部补助项目", "engineeringProperties": "工程性质", "reconstructionPart": "改造部位", "modificationCompletionDate": "改造完工日期", "year1": "年份1", "spanCombination1": "跨径组合1", "investment1": "投资1", "year2": "年份2", "spanCombination2": "跨径组合2", "investment2": "投资2", "year3": "年份3", "spanCombination3": "跨径组合3", "investment3": "投资3", "year4": "年份4", "spanCombination4": "跨径组合4", "investment4": "投资4", "year5": "年份5", "spanCombination5": "跨径组合5", "investment5": "投资5", "plannedFundCategory": "计划资金类别", "plannedYear": "计划年度", "planDocumentNo": "计划文号", "planItemUniqueCode": "计划项目唯一编码", "plannedProjectType": "计划项目类型", "planProjectName": "计划项目名称", "completionStatus": "完工情况", "yearOfCompletion": "完工年度", "reasonForChange": "变更原因", "changeTime": "变更时间", "reportingUnit": "填报单位", "remarks": "备注", "whetherOverpassBridge": "是否跨线桥", "offLineBridgeOrNot": "是否线外桥", "whetherDangerousBridgeReconstruction": "是否危桥改造", "districtcounty": "所在区县", "locationCity": "所在地市" } const dates = { "entryName": "项目名称", "projectMileage": "工程里程", "investment": "投资", "buildUnit": "建设单位", "constructionControlUnit": "监理单位", "designUnit": "设计单位", "constructionUnit": "施工单位", "supervisorAndSupervisor": "监督负责人及监督人员", "projectProgress": "项目进展情况" } 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)(BrideTable);