Browse Source

首页优化

dev
wenlele 1 year ago
parent
commit
bb2ebe9f83
  1. BIN
      web/client/assets/video/priming.gif
  2. BIN
      web/client/assets/video/priming.jpg
  3. 35
      web/client/src/sections/auth/containers/login.jsx
  4. 2
      web/client/src/sections/service/components/recordModal.jsx
  5. 23
      web/client/src/sections/service/containers/serviceRecord.jsx

BIN
web/client/assets/video/priming.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 MiB

BIN
web/client/assets/video/priming.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

35
web/client/src/sections/auth/containers/login.jsx

@ -26,6 +26,10 @@ const Login = props => {
} }
}, [user]) }, [user])
return ( return (
<div style={{ <div style={{
width: '100%', width: '100%',
@ -36,23 +40,30 @@ const Login = props => {
// position: 'relative', // position: 'relative',
}}> }}>
<video <video
autoPlay loop muted id='myVideo'
autoPlay
loop
// controls
muted
style={{ style={{
width: 'calc(100% - 512px)', objectFit: "fill", objectPosition: 'left top', height: '100%' width: 'calc(100% - 512px)', objectFit: "fill", objectPosition: 'left top', height: '100%'
}} }}
poster='/assets/video/priming.jpg'
src="/assets/video/login_bg.mp4" src="/assets/video/login_bg.mp4"
type="video/mp4" type="video/mp4"
preload='auto'
/> />
{/* <img src='/assets/images/background/loginBackground.gif' style={{ {/* <img id="endPoster" src='/assets/video/priming.gif' style={{
width: "100%", width: "100%",
height: 'calc(100vh - 4px)', height: '100%',
objectFit: "cover", objectFit: "cover",
objectPosition: 'left top', objectPosition: 'left top',
position: 'absolute', position: 'absolute',
top: 0, top: 0,
left: 0, left: 0,
zIndex: "5" zIndex: 5,
}} /> */} // display: 'none'
}} /> */}
<div style={{ <div style={{
width: 600, width: 600,
height: 90, height: 90,
@ -64,7 +75,7 @@ const Login = props => {
zIndex: 5, zIndex: 5,
fontSize: 14, fontSize: 14,
color: ' #005ABD', color: ' #005ABD',
display:'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
justifyContent: 'space-between', justifyContent: 'space-between',
}}> }}>

2
web/client/src/sections/service/components/recordModal.jsx

@ -20,7 +20,7 @@ const RecordModal = (props) => {
useEffect(() => { useEffect(() => {
setEndTime(recordRow?.solvingTime) setEndTime(recordRow?.solvingTime)
setStartTime(recordRow?.occurrenceTime) setStartTime(recordRow?.occurrenceTime)
setUploadData(recordRow?.files[0] || {}) setUploadData(recordRow?.files ? (recordRow?.files[0] || {}) : {})
}, [recordRow]) }, [recordRow])
const cancelHandler = () => { const cancelHandler = () => {
onClose() onClose()

23
web/client/src/sections/service/containers/serviceRecord.jsx

@ -219,45 +219,44 @@ const Server = (props) => {
const column = [ const column = [
{ {
title: '序号', title: '序号',
render: (t, r, i) => { render: (t, r, i) => <div style={{ minWidth: 30 }}>{i + 1}</div>
return i + 1
}
}, },
{ {
title: '任务名称', title: '任务名称',
dataIndex: 'missionName', dataIndex: 'missionName',
render: (t) => <div style={{ minWidth: 100 }}>{t}</div>
}, },
{ {
title: '责任人', title: '责任人',
render: (record) => { render: (record) => {
return <span> return <div style={{ minWidth: 50 }}>
{record?.maintenancePlanExecuteUsers.map((item) => { {record?.maintenancePlanExecuteUsers.map((item) => {
return item.name return <div>{item.name}</div>
}).toString() })
} }
</span> </div>
} }
}, },
{ {
title: '完成情况', title: '完成情况',
dataIndex: 'state', dataIndex: 'state',
render: (t, record) => t || '--' render: (t, record) => <div style={{ minWidth: 56 }}>{t || '--'}</div>
}, },
{ {
title: '备注', title: '备注',
dataIndex: 'remark', dataIndex: 'remark',
render: (t, record) => t || '--' render: (t, record) =><div style={{ minWidth: 100 }}>{t || '--'}</div>
}, },
{ {
title: '计划完成时间', title: '计划完成时间',
render: (record) => { render: (record) => {
return <span>{moment(record.planFinishTime).format('YYYY-MM-DD')}</span> return <div style={{ minWidth: 88 }}>{moment(record.planFinishTime).format('YYYY-MM-DD')}</div>
}, },
}, },
{ {
title: '实际完成时间', title: '实际完成时间',
render: (record) => { render: (record) => {
return record.actualFinishTime ? <span>{moment(record.actualFinishTime).format('YYYY-MM-DD')}</span> : '--' return<div style={{ minWidth: 88 }}>{record.actualFinishTime ? <span>{moment(record.actualFinishTime).format('YYYY-MM-DD')}</span> : '--'}</div>
}, },
}, },
]; ];
@ -340,7 +339,7 @@ const Server = (props) => {
<Modal <Modal
visible={visible} visible={visible}
title={'查看周期计划'} title={'查看周期计划'}
width={800} width={1050}
footer={null} footer={null}
onOk={() => { onOk={() => {
setVisible(false) setVisible(false)

Loading…
Cancel
Save