free-sun
/
Highways4Good
15
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity
Browse Source

（*）隐藏车辆抓拍管理

dev
tangxilong 2 years ago
parent
0ae3ae8455
commit
f5a38e3f36
4 changed files with 122 additions and 122 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      api/.vscode/launch.json
  2. 220
      web/client/src/sections/fillion/containers/carimages.js
  3. 4
      web/client/src/sections/fillion/nav-item.js
  4. 16
      web/client/src/sections/fillion/routes.js

4
api/.vscode/launch.json
View File

@ -16,8 +16,8 @@
"-p 13400",
"-f http://localhost:13400",
// "-g postgres://FashionAdmin:123456@10.8.16.184:5432/sihaogonglu",
"-g postgres://postgres:123@10.8.30.32:5432/highways4good",
// "-g postgres://postgres:123@10.8.30.32:5432/highway4test",
// "-g postgres://postgres:123@10.8.30.32:5432/highways4good",
"-g postgres://postgres:123@10.8.30.32:5432/highway4test",
// "-g postgres://FashionAdmin:123456@10.8.30.156:5432/highway4goodn0728",
"--qnak XuDgkao6cL0HidoMAPnA5OB10Mc_Ew08mpIfRJK5",
"--qnsk yewcieZLzKZuDfig0wLZ9if9jKp2P_1jd3CMJPSa",

220
web/client/src/sections/fillion/containers/carimages.js
View File

@ -1,124 +1,124 @@
import React, { useState, useEffect } from 'react'
import { connect } from 'react-redux'
import { getCarImages } from '../actions/carimages'
import ProTable from '@ant-design/pro-table'
import { Form, Space, DatePicker, Button, Select, Popconfirm, Image, Tooltip } from 'antd'
import moment from 'moment'
// import React, { useState, useEffect } from 'react'
// import { connect } from 'react-redux'
// import { getCarImages } from '../actions/carimages'
// import ProTable from '@ant-design/pro-table'
// import { Form, Space, DatePicker, Button, Select, Popconfirm, Image, Tooltip } from 'antd'
// import moment from 'moment'
function Carimages (props) {
const { dispatch, assess, user } = props
const [query, setQuery] = useState({ page: 1, pageSize: 10, })
const [loading, setLoading] = useState(false)
const [datasource, setdatasource] = useState([])
const [dateRange, setDateRange] = useState(['1970-1-1', '2099-12-31'])
const { RangePicker } = DatePicker
const [total, settotal] = useState(0)
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'ASSESSMANAGE')?.isshow === "true" ? true : '')
useEffect(() => {
// function Carimages (props) {
// const { dispatch, assess, user } = props
// const [query, setQuery] = useState({ page: 1, pageSize: 10, })
// const [loading, setLoading] = useState(false)
// const [datasource, setdatasource] = useState([])
// const [dateRange, setDateRange] = useState(['1970-1-1', '2099-12-31'])
// const { RangePicker } = DatePicker
// const [total, settotal] = useState(0)
// const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'ASSESSMANAGE')?.isshow === "true" ? true : '')
// useEffect(() => {
return () => { }
}, [])
// return () => { }
// }, [])
useEffect(() => {
getData()
}, [query])
// useEffect(() => {
// getData()
// }, [query])
const getData = () => {
console.log(query, 'query')
dispatch(getCarImages({ ...query })).then(res => {
if (res?.success) {
setdatasource(res?.payload?.data?.rows)
settotal(res?.payload?.data?.count)
}
})
}
// const getData = () => {
// console.log(query, 'query')
// dispatch(getCarImages({ ...query })).then(res => {
// if (res?.success) {
// setdatasource(res?.payload?.data?.rows)
// settotal(res?.payload?.data?.count)
// }
// })
// }
return (
<div>
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'space-between' }}>
<Form layout="inline" onFinish={(v) => {
// return (
// <div>
// <div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'space-between' }}>
// <Form layout="inline" onFinish={(v) => {
setQuery({
...query, page: 1, unit: v.unit, startTime: v?.time && moment(v?.time[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss'),
endTime: v?.time && moment(v?.time[1]).add(1, 'days').endOf('day').format('YYYY-MM-DD HH:mm:ss')
})
}}>
// setQuery({
// ...query, page: 1, unit: v.unit, startTime: v?.time && moment(v?.time[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss'),
// endTime: v?.time && moment(v?.time[1]).add(1, 'days').endOf('day').format('YYYY-MM-DD HH:mm:ss')
// })
// }}>
{/* <Form.Item>
<Button type="primary" htmlType="submit">搜索</Button>
</Form.Item> */}
</Form>
// {/* <Form.Item>
// <Button type="primary" htmlType="submit">搜索</Button>
// </Form.Item> */}
// </Form>
{/* <Button type="primary" disabled={editAble}
onClick={() => {
setAssessModalVisible(true)
}}>新增</Button> */}
</div>
<ProTable
columns={[
{
title: '序号',
dataIndex: 'id',
key: 'id',
defaultSortOrder: 'ascend',
},
{
title: '抓拍图片',
dataIndex: 'url',
key: 'url',
render: (t, r) => {
if (r?.url && r?.id) {
return <span style={{ marginRight: 10 }}>
<Image src={r?.url} width={200} />
</span>
} else {
return '--'
}
}
},
{
title: '日期',
dataIndex: 'time',
key: 'time',
render: (t, r) => {
const localTime = moment.utc(r?.time).format('YYYY-MM-DD HH:mm:ss')
return r?.time ? localTime : '--'
}
},
]}
dataSource={datasource || []}
loading={loading}
pagination={{
total: total || 0,
pageSize: 10,
defaultPageSize: 10,
showSizeChanger: false,
onChange: (page, pageSize) => {
setQuery({
...query,
page,
limit: pageSize
})
}
}}
rowKey="key"
toolBarRender={false}
search={false}
/>
// {/* <Button type="primary" disabled={editAble}
// onClick={() => {
// setAssessModalVisible(true)
// }}>新增</Button> */}
// </div>
// <ProTable
// columns={[
// {
// title: '序号',
// dataIndex: 'id',
// key: 'id',
// defaultSortOrder: 'ascend',
// },
// {
// title: '抓拍图片',
// dataIndex: 'url',
// key: 'url',
// render: (t, r) => {
// if (r?.url && r?.id) {
// return <span style={{ marginRight: 10 }}>
// <Image src={r?.url} width={200} />
// </span>
// } else {
// return '--'
// }
// }
// },
// {
// title: '日期',
// dataIndex: 'time',
// key: 'time',
// render: (t, r) => {
// const localTime = moment.utc(r?.time).format('YYYY-MM-DD HH:mm:ss')
// return r?.time ? localTime : '--'
// }
// },
// ]}
// dataSource={datasource || []}
// loading={loading}
// pagination={{
// total: total || 0,
// pageSize: 10,
// defaultPageSize: 10,
// showSizeChanger: false,
// onChange: (page, pageSize) => {
// setQuery({
// ...query,
// page,
// limit: pageSize
// })
// }
// }}
// rowKey="key"
// toolBarRender={false}
// search={false}
// />
</div>
)
}
function mapStateToProps (state) {
const { auth, assess } = state
return {
user: auth.user,
assess: assess.data || [],
}
}
export default connect(mapStateToProps)(Carimages)
// </div>
// )
// }
// function mapStateToProps (state) {
// const { auth, assess } = state
// return {
// user: auth.user,
// assess: assess.data || [],
// }
// }
// export default connect(mapStateToProps)(Carimages)

4
web/client/src/sections/fillion/nav-item.js
View File

@ -73,10 +73,10 @@ export function getNavItem (user, dispatch) {
<Link to="/fillion/infor">治超管理</Link>
</Menu.Item> : ''}
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'OVERLOADMANAGE') ?
{/* {user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'OVERLOADMANAGE') ?
<Menu.Item key="fillioncarimages">
<Link to="/fillion/carimages">车辆抓拍管理</Link>
</Menu.Item> : ''}
</Menu.Item> : ''}*/}
</SubMenu>
: ''
}

16
web/client/src/sections/fillion/routes.js
View File

@ -33,14 +33,14 @@ export default [{
breadcrumb: '治超管理',
authCode: 'OVERLOADMANAGE'
},
{
path: '/carimages',
key: 'fillioncarimages',
menuSelectKeys: ['fillioncarimages'],
component: Carimages,
breadcrumb: '车辆抓拍管理',
authCode: 'OVERLOADMANAGE'
},
// {
// path: '/carimages',
// key: 'fillioncarimages',
// menuSelectKeys: ['fillioncarimages'],
// component: Carimages,
// breadcrumb: '车辆抓拍管理',
// authCode: 'OVERLOADMANAGE'
// },
{
path: '/luzheng',
key: 'luzheng',

Write Preview
Loading…
Cancel
Save