8 changed files with 1450 additions and 555 deletions
File diff suppressed because it is too large
@ -0,0 +1,11 @@ |
|||||
|
alter table road_spot_check_preview |
||||
|
add abstract_finish boolean; |
||||
|
|
||||
|
comment on column road_spot_check_preview.abstract_finish is '是否全部抽取完'; |
||||
|
|
||||
|
|
||||
|
alter table road_spot_check_preview |
||||
|
add next_abstract jsonb; |
||||
|
|
||||
|
comment on column road_spot_check_preview.next_abstract is '下次必抽道路'; |
||||
|
|
||||
@ -0,0 +1,315 @@ |
|||||
|
import { connect } from 'react-redux' |
||||
|
import React, { useEffect, useState } from 'react' |
||||
|
import { Button, Modal, Form, Input, Divider, Spin, Select, DatePicker, Descriptions, Table } from 'antd' |
||||
|
import { roadSpotPrepare, getTown } from '../actions/spotCheck' |
||||
|
|
||||
|
import moment from 'moment' |
||||
|
import '../components/maintenanceTable.less' |
||||
|
|
||||
|
|
||||
|
|
||||
|
const SpotCheck = ({ dispatch, user, loading, reportDetail, editData, onCancel, road, onOk, town = [], viewDetails }) => { |
||||
|
|
||||
|
|
||||
|
const [countyRoadTime, setCountyRoadTime] = useState(true) |
||||
|
const [currentValue, setCurrentValue] = useState({}) |
||||
|
const [townDisabled, setTownDisabled] = useState({}) |
||||
|
const [dataList, setDataList] = useState([]) |
||||
|
|
||||
|
|
||||
|
|
||||
|
const [form] = Form.useForm() |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
useEffect(() => { |
||||
|
if (!viewDetails) { |
||||
|
|
||||
|
if (editData?.id) { |
||||
|
exhibition(editData) |
||||
|
setCurrentValue(editData) |
||||
|
|
||||
|
} |
||||
|
} else { |
||||
|
|
||||
|
let gather = [editData.gather['countyRoad']] |
||||
|
town.forEach(d => { |
||||
|
if (d.code != '360121205000') { |
||||
|
gather.push(editData.gather[d.code] || {}) |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
setDataList(gather) |
||||
|
} |
||||
|
|
||||
|
}, []) |
||||
|
|
||||
|
|
||||
|
const exhibition = (show) => { |
||||
|
form.setFieldsValue({ |
||||
|
'countyPercentage': show?.countyPercentage, |
||||
|
'townPercentage': show?.countyPercentage == 50 ? 25 : 50, |
||||
|
'villagePercentage': show?.countyPercentage == 50 ? 10 : 20, |
||||
|
}) |
||||
|
|
||||
|
let disabled = {} |
||||
|
|
||||
|
for (let code in show.gather) { |
||||
|
if (code == 'countyRoad') { |
||||
|
setCountyRoadTime(false) |
||||
|
form.setFieldsValue({ |
||||
|
'countyPresent': show.gather[code]?.countyPresent?.toFixed(4) || 0, |
||||
|
'countyDifferenceValue': show.gather[code]?.countyDifferenceValue?.toFixed(4) || 0, |
||||
|
'drawPeople': show.gather[code]?.drawPeople, |
||||
|
'abstractTime': moment(show.gather[code]?.abstractTime), |
||||
|
}) |
||||
|
} else { |
||||
|
form.setFieldsValue({ |
||||
|
[code + 'townshipPresent']: show.gather[code]?.townshipPresent?.toFixed(4) || 0, |
||||
|
[code + 'townshipDifferenceValue']: show.gather[code]?.townshipDifferenceValue?.toFixed(4) || 0, |
||||
|
[code + 'villagePresent']: show.gather[code]?.villagePresent?.toFixed(4) || 0, |
||||
|
[code + 'villageDifferenceValue']: show.gather[code]?.villageDifferenceValue?.toFixed(4) || 0, |
||||
|
[code + 'drawPeople']: show.gather[code]?.drawPeople, |
||||
|
[code + 'abstractTime']: moment(show.gather[code]?.abstractTime), |
||||
|
}) |
||||
|
disabled[code] = true |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
setTownDisabled(disabled) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
return ( |
||||
|
<Modal |
||||
|
visible={true} |
||||
|
title={viewDetails ? "抽查详情" : '养护抽查'} |
||||
|
width={1274} |
||||
|
footer={null} |
||||
|
onCancel={() => { |
||||
|
onCancel() |
||||
|
}} |
||||
|
onOk={() => { |
||||
|
|
||||
|
|
||||
|
}}> |
||||
|
{viewDetails ? <div style={{ width: "100%" }}> |
||||
|
<div style={{ textAlign: 'center', fontSize: 16 }}>南昌县农村公路养护管理暨用地范围内环境整治提升工程 考核汇总表</div> |
||||
|
<Table |
||||
|
// sticky
|
||||
|
scroll={{ |
||||
|
x: 2534, y: 600 |
||||
|
}} |
||||
|
pagination={false} |
||||
|
columns={[{ title: '责任单位', dataIndex: 'name', key: 'name', fixed: 'left', }, |
||||
|
{ |
||||
|
title: '县道', |
||||
|
children: [ |
||||
|
{ title: '总里程', dataIndex: 'county', key: 'county', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '纳入考核里程', dataIndex: 'countyParticipate', key: 'countyParticipate', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '本次考核里程', dataIndex: 'countyPresent', key: 'countyPresent', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '实际抽取比原计划多', dataIndex: 'countyDifferenceValue', key: 'countyDifferenceValue', render: (t, r) => t?.toFixed(4) }, |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
title: '乡道', |
||||
|
children: [ |
||||
|
{ title: '总里程', dataIndex: 'township', key: 'township', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '纳入考核里程', dataIndex: 'townshipParticipate', key: 'townshipParticipate', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '本次考核里程', dataIndex: 'townshipPresent', key: 'townshipPresent', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '实际抽取比原计划多', dataIndex: 'townshipDifferenceValue', key: 'townshipDifferenceValue', render: (t, r) => t?.toFixed(4) }, |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
title: '村道', |
||||
|
children: [ |
||||
|
{ title: '总里程', dataIndex: 'village', key: 'village', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '纳入考核里程', dataIndex: 'villageParticipate', key: 'villageParticipate', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '本次考核里程', dataIndex: 'villagePresent', key: 'villagePresent', render: (t, r) => t?.toFixed(4) }, |
||||
|
{ title: '实际抽取比原计划多', dataIndex: 'villageDifferenceValue', key: 'villageDifferenceValue', render: (t, r) => t?.toFixed(4) }, |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
title: '', |
||||
|
children: [ |
||||
|
{ title: '抽查人', dataIndex: 'drawPeople', key: 'drawPeople', }, |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
title: '', |
||||
|
children: [ |
||||
|
{ title: '抽查时间', dataIndex: 'abstractTime', key: 'abstractTime', width: 160, render: (t, r) => moment(t).format('YYYY-MM-DD HH:mm:ss') }, |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
title: '', |
||||
|
children: [ |
||||
|
{ |
||||
|
title: '操作', dataIndex: 'action', key: 'action', fixed: 'right', |
||||
|
render: (t, r) => { |
||||
|
let roadId = [] |
||||
|
if (r.name == '南昌县交通运输局') { |
||||
|
roadId = r.countyRoadId || [] |
||||
|
} else { |
||||
|
roadId = [...r.townRoadId, ...r.villageRoadId] |
||||
|
} |
||||
|
return <a href={`/_api/road/spot/export?token=${user?.token}&previewId=${editData.id}&roadId=${roadId.join()}`}> 导出</a> |
||||
|
} |
||||
|
}, |
||||
|
] |
||||
|
},]} |
||||
|
dataSource={dataList} |
||||
|
/> |
||||
|
</div> |
||||
|
: <Form |
||||
|
form={form} |
||||
|
onValuesChange={(changedValues, allValues) => { |
||||
|
|
||||
|
|
||||
|
|
||||
|
}}> |
||||
|
<div style={{ display: "flex" }} > |
||||
|
<Form.Item |
||||
|
label={'抽取县道比例(%)'} |
||||
|
name="countyPercentage" |
||||
|
rules={[ |
||||
|
{ required: true, message: '请选择抽取比例' }, |
||||
|
// {
|
||||
|
// pattern: /^(100|\d{1,2})(\.\d{1,2})?$/,
|
||||
|
// message: '请输入有效的比例',
|
||||
|
// },
|
||||
|
]} |
||||
|
> |
||||
|
<Select style={{ width: 150, marginRight: 20 }} placeholder="请选择抽取比例" options={[{ value: 50, label: '50%', }, { value: 75, label: '75%', }]} |
||||
|
onChange={v => { |
||||
|
// setShow(v)
|
||||
|
form.setFieldsValue({ |
||||
|
'townPercentage': v == 75 ? 50 : 25, |
||||
|
'villagePercentage': v == 75 ? 20 : 10, |
||||
|
}) |
||||
|
}} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item label='抽查人' name='drawPeople' rules={[{ required: true, message: '请输入抽查人' },]}> |
||||
|
<Input placeholder="抽查人" style={{ width: 100, marginRight: 20 }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item > |
||||
|
<Button disabled={!countyRoadTime} style={{ marginRight: 20 }} type='primary' onClick={() => { |
||||
|
form.validateFields(['countyPercentage', 'drawPeople']).then((values) => { |
||||
|
console.log(111, values); |
||||
|
dispatch(roadSpotPrepare({ |
||||
|
countyPercentage: values.countyPercentage, drawPeople: values.drawPeople, level: '县' |
||||
|
})).then(res => { |
||||
|
if (res.success) { |
||||
|
exhibition(res?.payload.data || {}) |
||||
|
setCurrentValue(res?.payload.data || {}) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}}>开始抽取</Button> |
||||
|
</Form.Item> |
||||
|
<Form.Item > |
||||
|
<Button disabled={countyRoadTime} style={{}} type='primary' > |
||||
|
<a href={`/_api/road/spot/export?token=${user?.token}&previewId=${currentValue.id}&roadId=${currentValue?.gather && currentValue?.gather['countyRoad']?.countyRoadId?.join()}`}> 导出</a> |
||||
|
</Button> |
||||
|
</Form.Item> |
||||
|
</div> |
||||
|
<div style={{ display: "flex" }}> |
||||
|
<Form.Item label='县道实际抽取（公里）' name='countyPresent'> |
||||
|
<Input disabled style={{ width: 100, marginRight: 20 }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item label='县道比计划多（公里）' name='countyDifferenceValue'> |
||||
|
<Input disabled style={{ width: 100, marginRight: 20 }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item name="abstractTime" label='抽取时间' > |
||||
|
<DatePicker disabled showTime format="YYYY-MM-DD HH:mm:ss" placeholder="" style={{ width: 174, }} /> |
||||
|
</Form.Item> |
||||
|
</div> |
||||
|
<div style={{ display: "flex", marginTop: 30, paddingLeft: 30 }}> |
||||
|
<Form.Item label={'抽取乡道比例(%)'} name="townPercentage" rules={[{ required: true, message: '请选择抽取比例' }]} |
||||
|
> |
||||
|
<Select disabled style={{ width: 150, marginRight: 20 }} placeholder="" options={[{ value: 25, label: '25%', }, { value: 50, label: '50%', }]} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item label={'抽取村道比例(%)'} name="villagePercentage" rules={[{ required: true, message: '请选择抽取比例' }]} |
||||
|
> |
||||
|
<Select disabled style={{ width: 150, marginRight: 20 }} placeholder="" options={[{ value: 10, label: '10%', }, { value: 20, label: '20%', }]} /> |
||||
|
</Form.Item> |
||||
|
</div> |
||||
|
<div style={{ display: "flex", marginBottom: 10 }}> |
||||
|
<div style={{ width: 66, marginLeft: 34 }}>责任单位</div> |
||||
|
<div style={{ width: 150 }}>乡道实际抽取（公里）</div> |
||||
|
<div style={{ width: 150 }}>乡道比计划多（公里）</div> |
||||
|
<div style={{ width: 150 }}>村道实际抽取（公里）</div> |
||||
|
<div style={{ width: 150 }}>村道比计划多（公里）</div> |
||||
|
<div style={{ width: 120 }}>抽查人</div> |
||||
|
<div style={{ width: 196 }}>抽查时间</div> |
||||
|
<div style={{ width: 100 }}>操作</div> |
||||
|
</div> |
||||
|
{town?.map(d => { |
||||
|
return <div style={{ display: "flex" }} > |
||||
|
<div style={{ width: 200, }}> |
||||
|
<Form.Item label={d.name} name={d.code + 'townshipPresent'} labelCol={{ span: 12, }} > |
||||
|
<Input disabled style={{ width: 130, }} /> |
||||
|
</Form.Item> |
||||
|
</div> |
||||
|
<Form.Item name={d.code + 'townshipDifferenceValue'}> |
||||
|
<Input disabled style={{ width: 130, marginRight: 20, marginLeft: 50 }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item name={d.code + 'villagePresent'}> |
||||
|
<Input disabled style={{ width: 130, marginRight: 20 }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item name={d.code + 'villageDifferenceValue'}> |
||||
|
<Input disabled style={{ width: 130, marginRight: 20 }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item name={d.code + 'drawPeople'} rules={[{ required: true, message: '请填写抽查人' }]}> |
||||
|
<Input placeholder="抽查人" style={{ width: 100, marginRight: 20 }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item name={d.code + 'abstractTime'} > |
||||
|
<DatePicker disabled showTime format="YYYY-MM-DD HH:mm:ss" placeholder="" style={{ width: 174, marginRight: 20, }} /> |
||||
|
</Form.Item> |
||||
|
<Form.Item > |
||||
|
<Button disabled={countyRoadTime ? true : townDisabled[d.code] ? true : false} style={{ marginRight: 20 }} type='primary' onClick={() => { |
||||
|
form.validateFields([d.code + 'drawPeople', 'countyPercentage']).then((values) => { |
||||
|
console.log(111, values); |
||||
|
dispatch(roadSpotPrepare({ |
||||
|
countyPercentage: values.countyPercentage, drawPeople: values[d.code + 'drawPeople'], code: d.code |
||||
|
})).then(res => { |
||||
|
if (res.success) { |
||||
|
exhibition(res?.payload.data || {}) |
||||
|
setCurrentValue(res?.payload.data || {}) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}}>开始抽取</Button> |
||||
|
</Form.Item> |
||||
|
<Form.Item > |
||||
|
<Button disabled={townDisabled[d.code] ? false : true} style={{}} type='primary'> |
||||
|
<a href={`/_api/road/spot/export?token=${user?.token}&previewId=${currentValue.id}&roadId=${currentValue?.gather |
||||
|
&& [...(currentValue?.gather[d.code]?.townRoadId || []), ...(currentValue?.gather[d.code]?.villageRoadId |
||||
|
|| [])].join()}`}> 导出</a>
|
||||
|
</Button> |
||||
|
</Form.Item> |
||||
|
</div> |
||||
|
}) |
||||
|
} |
||||
|
</Form> |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
</Modal > |
||||
|
|
||||
|
) |
||||
|
} |
||||
|
function mapStateToProps (state) { |
||||
|
const { auth, road, } = state |
||||
|
|
||||
|
return { |
||||
|
user: auth.user, |
||||
|
road: road?.data || [], |
||||
|
// town: town?.data || [],
|
||||
|
} |
||||
|
} |
||||
|
export default connect(mapStateToProps)(SpotCheck) |
||||
Loading…
Reference in new issue