bug修复

liuwh

2020-03-14 12e9a4001d693505cc044fe2df0614257c26d535

 SunshineIns/src/page/SignIn.jsx

@@ -17,6 +17,7 @@
    { name: '六号' },
    { name: '七号' },
]
const { Meta } = Card;
export default class SignIn extends React.Component {
    constructor(props) {
        super(props);
@@ -71,10 +72,11 @@
                            </Row>
                        </div>

                        <div style={{ display: 'flex' }}>
                        <div style={{ display: 'flex', }}>
                            {
                                personList.length > 0 ? personList.map((item, index) => (
                                    <div style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'column', width: '168px', height: '168px', justifyContent: 'center', alignItems: 'center',color:'#fff',textAlign:'center',lineHeight:'150px' }} key={index}>
                                    <div style={{ border: '1px solid #eee', borderRadius: '4px', margin: '6px 0', padding: '6px 0' }} key={index}>
                                        <div style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'column', width: '168px', height: '168px', justifyContent: 'center', alignItems: 'center', color: '#fff', textAlign: 'center', lineHeight: '150px' }} >
                                        <img src={item.imgUrl} style={{ width: '150px', height: '150px' }} />
                                        {
                                            item.signStatus !== 3 ?
@@ -86,9 +88,23 @@
                                        <div style={{ width: '150px', height: '150px', color:'#000', position: 'absolute', display:'flex',justifyContent:'flex-end' }}><Icon type="check-circle" style={{fontSize:'32px'}} theme="twoTone" twoToneColor="#52c41a" /></div> : ''
                                        }
                                    </div>
                                        {
                                            item.signStatus == 3 ?
                                                <div style={{ padding: '0 12px',width:'168px' }}>
                                                    <div>签到人：{item.proposerName}</div>
                                                    <div>签到时间：{moment(item.updateTime).format(format)}</div>
                                                </div> : ''
                                        }
                                        {/* <Card hoverablestyle={{ width: 240 }} cover={<img alt='example' src={item.imgUrl} />}>
                                            <Meta title={item.proposerName} description={item.updatetime} />
                                        </Card> */}
                                    </div>

                                )) : <div style={{height:'150px'}}>暂无人员签到</div>
                            }
                        </div>


                    </Card>
                </Spin>
            </div>