|
|
@@ -21,11 +21,19 @@ export default class ItemComp extends Component{
|
|
|
render(){
|
|
|
return(
|
|
|
<div>
|
|
|
- <img className="lineimg_sty" src={line_img} alt=""/>
|
|
|
+ {!this.props.isFirst ? <img className="lineimg_sty" src={line_img} alt=""/> : ''}
|
|
|
<div className="timeList_sty">
|
|
|
- {this.props.itemdata.inDate == null ? <img className="mg-circle out_in" src={exit_img} alt=""/> :
|
|
|
- <img className="mg-circle out_in" src={enter_img} alt=""/>
|
|
|
- }
|
|
|
+ {}
|
|
|
+ <div className='common-flex-column'
|
|
|
+ style={{height: '100%', justifyContent: 'center', alignItems: 'center'}}>
|
|
|
+ {this.props.isFirst ? <div style={{flex: 1}}></div>
|
|
|
+ : <div style={{background: '#E9E9E9', flex: '1', width: '2px'}}></div>}
|
|
|
+ {this.props.itemdata.inDate == null ? <img className="mg-circle out_in" src={exit_img} alt=""/> :
|
|
|
+ <img className="mg-circle out_in" src={enter_img} alt=""/>
|
|
|
+ }
|
|
|
+ {this.props.isLast ? <div style={{flex: 1}}></div>
|
|
|
+ : <div style={{background: '#E9E9E9', flex: '1', width: '2px'}}></div>}
|
|
|
+ </div>
|
|
|
<div style={{marginLeft:30}}>
|
|
|
<div style={{color:"#666666",fontSize:12}}>{this.state.showTime1}</div>
|
|
|
<div style={{color:"#333333",fontSize:12,marginTop:5}}>{this.props.itemdata.recordName}</div>
|