|
@ -4,8 +4,9 @@ import { getAssess, delAssess, editAssess } from '../actions/assess'; |
|
|
import { getRoadadministration,addRoadadministration,delRoadadministration,modifyRoadadministration } from '../actions/luzheng'; |
|
|
import { getRoadadministration,addRoadadministration,delRoadadministration,modifyRoadadministration } from '../actions/luzheng'; |
|
|
import ProTable from '@ant-design/pro-table'; |
|
|
import ProTable from '@ant-design/pro-table'; |
|
|
import AssessModal from '../components/luzhengmodel'; |
|
|
import AssessModal from '../components/luzhengmodel'; |
|
|
import { Form, Space, DatePicker, Button, Select, Popconfirm } from 'antd' |
|
|
import { Form, Space, DatePicker, Button, Select, Popconfirm ,Image} from 'antd' |
|
|
import moment from 'moment'; |
|
|
import moment from 'moment'; |
|
|
|
|
|
import { values } from 'lodash'; |
|
|
|
|
|
|
|
|
export const unitList = [ |
|
|
export const unitList = [ |
|
|
'县道', |
|
|
'县道', |
|
@ -34,9 +35,12 @@ function Assess(props) { |
|
|
const [query, setQuery] = useState({ page: 1, pageSize: 10 }) |
|
|
const [query, setQuery] = useState({ page: 1, pageSize: 10 }) |
|
|
const [loading, setLoading] = useState(false); |
|
|
const [loading, setLoading] = useState(false); |
|
|
const [isCheck, setIsCheck] = useState(false) |
|
|
const [isCheck, setIsCheck] = useState(false) |
|
|
|
|
|
const [datasource,setdatasource] = useState([]) |
|
|
|
|
|
const [dateRange, setDateRange] = useState(['1970-1-1', '2099-12-31']); |
|
|
|
|
|
const { RangePicker } = DatePicker |
|
|
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'ASSESSMANAGE')?.isshow === "true" ? true : '') |
|
|
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'ASSESSMANAGE')?.isshow === "true" ? true : '') |
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
dispatch(getRoadadministration()).then(res=>{console.log(res,'res')}) |
|
|
|
|
|
return () => { }; |
|
|
return () => { }; |
|
|
}, []); |
|
|
}, []); |
|
|
|
|
|
|
|
@ -47,7 +51,10 @@ function Assess(props) { |
|
|
const getData = () => { |
|
|
const getData = () => { |
|
|
setLoading(true) |
|
|
setLoading(true) |
|
|
dispatch(getRoadadministration(query)).then(res => { |
|
|
dispatch(getRoadadministration(query)).then(res => { |
|
|
setLoading(false) |
|
|
if(res?.success){ |
|
|
|
|
|
setdatasource(res?.payload?.data?.rows) |
|
|
|
|
|
setLoading(false) |
|
|
|
|
|
} |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -55,20 +62,14 @@ function Assess(props) { |
|
|
<div> |
|
|
<div> |
|
|
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'space-between' }}> |
|
|
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'space-between' }}> |
|
|
<Form layout="inline" onFinish={(v) => { |
|
|
<Form layout="inline" onFinish={(v) => { |
|
|
setQuery({ ...query, unit: v.unit, month: v.month ? moment(v.month).format() : undefined }) |
|
|
|
|
|
|
|
|
setQuery({ ...query, unit: v.unit,startTime : moment(v?.time[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss'), |
|
|
|
|
|
endTime :moment(v?.time[1]).add(1, 'days').endOf('day').format('YYYY-MM-DD HH:mm:ss') }) |
|
|
}}> |
|
|
}}> |
|
|
<Form.Item name="unit" label="责任单位" > |
|
|
|
|
|
<Select style={{ width: 200 }} placeholder="全部" allowClear> |
|
|
|
|
|
{ |
|
|
|
|
|
unitList.map(item => ( |
|
|
|
|
|
<Option value={item} key={item} /> |
|
|
|
|
|
)) |
|
|
|
|
|
} |
|
|
|
|
|
</Select> |
|
|
|
|
|
</Form.Item> |
|
|
|
|
|
|
|
|
|
|
|
<Form.Item name="month" label="考核月份"> |
|
|
<Form.Item name="time" label="执行日期"> |
|
|
<DatePicker picker="month" style={{ width: 200 }} /> |
|
|
<RangePicker onChange={(date, dateString) => { setDateRange(dateString) }} style={{ marginRight: '50px' }} /> |
|
|
</Form.Item> |
|
|
</Form.Item> |
|
|
|
|
|
|
|
|
<Form.Item> |
|
|
<Form.Item> |
|
@ -86,6 +87,9 @@ function Assess(props) { |
|
|
title: '执法日期', |
|
|
title: '执法日期', |
|
|
dataIndex: 'enforcementdate', |
|
|
dataIndex: 'enforcementdate', |
|
|
key: 'enforcementdate', |
|
|
key: 'enforcementdate', |
|
|
|
|
|
render:(t,r)=>{ |
|
|
|
|
|
return r?.enforcementdate?moment(r?.enforcementdate).format('YYYY-MM-DD'):'--' |
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: '执法道路', |
|
|
title: '执法道路', |
|
@ -101,6 +105,15 @@ function Assess(props) { |
|
|
title: '执法图片', |
|
|
title: '执法图片', |
|
|
dataIndex: 'picfile', |
|
|
dataIndex: 'picfile', |
|
|
key: 'picfile', |
|
|
key: 'picfile', |
|
|
|
|
|
render:(t,r)=>{ |
|
|
|
|
|
return r?.picfile?.map(i=>{ |
|
|
|
|
|
return <Image |
|
|
|
|
|
width={200} |
|
|
|
|
|
src={i?.storageUrl} |
|
|
|
|
|
/> |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: '操作', |
|
|
title: '操作', |
|
@ -121,7 +134,7 @@ function Assess(props) { |
|
|
title="确定删除此条数据吗?" |
|
|
title="确定删除此条数据吗?" |
|
|
onConfirm={() => { |
|
|
onConfirm={() => { |
|
|
setLoading(true) |
|
|
setLoading(true) |
|
|
dispatch(delAssess({ id: record.id })).then(res => { |
|
|
dispatch(delRoadadministration(record.id)).then(res => { |
|
|
setLoading(false) |
|
|
setLoading(false) |
|
|
if (res.success) { |
|
|
if (res.success) { |
|
|
getData() |
|
|
getData() |
|
@ -134,7 +147,7 @@ function Assess(props) { |
|
|
</span> |
|
|
</span> |
|
|
), |
|
|
), |
|
|
},]} |
|
|
},]} |
|
|
dataSource={assess.rows || []} |
|
|
dataSource={datasource || []} |
|
|
loading={loading} |
|
|
loading={loading} |
|
|
pagination={{ |
|
|
pagination={{ |
|
|
total: assess?.count || 0, |
|
|
total: assess?.count || 0, |
|
|