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

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

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

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

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

Loading…
Cancel
Save