|
@ -36,6 +36,7 @@ const Bigscreen = (props) => { |
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let groupIdLocal = JSON.parse(localStorage.getItem('project_group'))?.find(v => user?.id == v.userId)?.projectGroupId |
|
|
let groupIdLocal = JSON.parse(localStorage.getItem('project_group'))?.find(v => user?.id == v.userId)?.projectGroupId |
|
|
|
|
|
|
|
|
let search = restProps?.location?.search || ''; |
|
|
let search = restProps?.location?.search || ''; |
|
@ -154,7 +155,7 @@ const Bigscreen = (props) => { |
|
|
}) |
|
|
}) |
|
|
dispatch(actions.projectGroup.getWorkOrdersRepairRank({projectIds:query})).then(res=>{ |
|
|
dispatch(actions.projectGroup.getWorkOrdersRepairRank({projectIds:query})).then(res=>{ |
|
|
if(res.success){ |
|
|
if(res.success){ |
|
|
setGroupProject(res.payload.data?.slice(0, 10).map(v => ({name:v.formname,duration:moment(v?.endTime).add(8, 'hours').diff(v?.startTime,'hours') })) || []) |
|
|
setGroupProject(res.payload.data?.slice(0, 10).map(v => ({name:v.formname,startTime:moment(v.startTime).add(8, 'hours').format('YYYY-MM-DD HH'),duration:moment(v?.endTime).add(8, 'hours').diff(v?.startTime,'hours') })) || []) |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
@ -229,6 +230,7 @@ const Bigscreen = (props) => { |
|
|
}, [proportion]); |
|
|
}, [proportion]); |
|
|
return ( |
|
|
return ( |
|
|
<div className='project-group'> |
|
|
<div className='project-group'> |
|
|
|
|
|
|
|
|
<Header match={match} history={history} {...props} groupDetail={groupDetail} /> |
|
|
<Header match={match} history={history} {...props} groupDetail={groupDetail} /> |
|
|
<Body> |
|
|
<Body> |
|
|
<div style={{ width: "100%", height: '100%' }}> |
|
|
<div style={{ width: "100%", height: '100%' }}> |
|
@ -326,7 +328,7 @@ const Bigscreen = (props) => { |
|
|
<div style={{ textAlign: 'center', width: '25%', fontFamily: 'SourceHanSansCN-Regular', color: '#2C66F3', fontWeight: 400 }}> |
|
|
<div style={{ textAlign: 'center', width: '25%', fontFamily: 'SourceHanSansCN-Regular', color: '#2C66F3', fontWeight: 400 }}> |
|
|
NO.{index + 1}</div> |
|
|
NO.{index + 1}</div> |
|
|
<div title={c.fromname} style={{ textAlign: 'center', padding: '0 6px', width: '49%', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}> |
|
|
<div title={c.fromname} style={{ textAlign: 'center', padding: '0 6px', width: '49%', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}> |
|
|
{c.name}</div> |
|
|
{c.name}({s.startTime})</div> |
|
|
<div style={{ textAlign: 'center', width: '25%', fontFamily: 'SourceHanSansCN-Regular', fontWeight: 400 }}> |
|
|
<div style={{ textAlign: 'center', width: '25%', fontFamily: 'SourceHanSansCN-Regular', fontWeight: 400 }}> |
|
|
{c.duration}h</div> |
|
|
{c.duration}h</div> |
|
|
</div> : <></> |
|
|
</div> : <></> |
|
@ -489,7 +491,7 @@ const Bigscreen = (props) => { |
|
|
return <div style={{ display: "flex", background: index % 2 == 1 ? "#F6F9FF" : '', height: 40, alignItems: 'center' }}> |
|
|
return <div style={{ display: "flex", background: index % 2 == 1 ? "#F6F9FF" : '', height: 40, alignItems: 'center' }}> |
|
|
<div style={{ textAlign: 'center', width: '33%', fontFamily: 'SourceHanSansCN-Regular', color: '#2C66F3', fontWeight: 400 }}>{c.name}</div> |
|
|
<div style={{ textAlign: 'center', width: '33%', fontFamily: 'SourceHanSansCN-Regular', color: '#2C66F3', fontWeight: 400 }}>{c.name}</div> |
|
|
<div style={{ textAlign: 'center', width: '33%' }}>{title}</div> |
|
|
<div style={{ textAlign: 'center', width: '33%' }}>{title}</div> |
|
|
<div style={{ textAlign: 'center', width: '33%', fontFamily: 'SourceHanSansCN-Regular', color: '#F33B3B', fontWeight: 400 }}>{c.offnum + '/' + c.totnum+`(${(c.offnum/c.totnum).toFixed(4)*100}%)`}</div> |
|
|
<div style={{ textAlign: 'center', width: '33%', fontFamily: 'SourceHanSansCN-Regular', color: '#F33B3B', fontWeight: 400 }}>{c.offnum + '/' + c.totnum+`(${((c.offnum/c.totnum)*100).toFixed(2)}%)`}</div> |
|
|
</div> |
|
|
</div> |
|
|
})}</> } containerStyle={{ position: "relative", height: "85%", }} |
|
|
})}</> } containerStyle={{ position: "relative", height: "85%", }} |
|
|
divHeight={"100%"} divId={"interruptchart"}/> |
|
|
divHeight={"100%"} divId={"interruptchart"}/> |
|
@ -504,11 +506,9 @@ const Bigscreen = (props) => { |
|
|
</div > |
|
|
</div > |
|
|
) |
|
|
) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function mapStateToProps (state) { |
|
|
function mapStateToProps (state) { |
|
|
|
|
|
|
|
|
const { auth, global, groupStatisticOnline,pomsProjectBasicAll } = state; |
|
|
const { auth, global, groupStatisticOnline,pomsProjectBasicAll } = state; |
|
|
console.log('global1',global) |
|
|
|
|
|
return { |
|
|
return { |
|
|
user: auth.user, |
|
|
user: auth.user, |
|
|
actions: global.actions, |
|
|
actions: global.actions, |
|
|