|
@@ -79,16 +79,6 @@ class SlideSelect extends Component {
|
|
show:!tmpShow
|
|
show:!tmpShow
|
|
})
|
|
})
|
|
}
|
|
}
|
|
- setEdit(){
|
|
|
|
- this.setState({
|
|
|
|
- canEdit:false
|
|
|
|
- },()=>{
|
|
|
|
- $(".canEdit").focus()
|
|
|
|
- $(".canEdit").blur(()=>{
|
|
|
|
- this.setState({canEdit:true})
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
handleDel(time){
|
|
handleDel(time){
|
|
const {handleDelClick,item} = this.props;
|
|
const {handleDelClick,item} = this.props;
|
|
this.setState({
|
|
this.setState({
|
|
@@ -127,17 +117,19 @@ class SlideSelect extends Component {
|
|
refreshScroller()&&refreshScroller().scrollYTo(290);
|
|
refreshScroller()&&refreshScroller().scrollYTo(290);
|
|
})*/
|
|
})*/
|
|
}
|
|
}
|
|
- handleInput(e,item){
|
|
|
|
|
|
+ handleInput(e,item,sign){
|
|
const {setTipValue} = this.props
|
|
const {setTipValue} = this.props
|
|
- setTipValue(item,e.target.value)
|
|
|
|
- let type = getArrow(item.minValue,item.maxValue,e.target.value||null)
|
|
|
|
- this.setState({
|
|
|
|
- value:e.target.value,
|
|
|
|
- style:type
|
|
|
|
- })
|
|
|
|
|
|
+ setTipValue(item,e.target.value,sign)
|
|
|
|
+ if(sign == 2){
|
|
|
|
+ let type = getArrow(item.minValue,item.maxValue,e.target.value||null)
|
|
|
|
+ this.setState({
|
|
|
|
+ style:type
|
|
|
|
+ })
|
|
|
|
+ }
|
|
}
|
|
}
|
|
handleBlur(){
|
|
handleBlur(){
|
|
const {handlePush} = this.props;
|
|
const {handlePush} = this.props;
|
|
|
|
+ $('.canEdit').attr('disabled','disabled')
|
|
handlePush && handlePush({mode:8}); //右侧推送
|
|
handlePush && handlePush({mode:8}); //右侧推送
|
|
}
|
|
}
|
|
checkOnOff(item){
|
|
checkOnOff(item){
|
|
@@ -145,6 +137,10 @@ class SlideSelect extends Component {
|
|
checkOnOff(item)
|
|
checkOnOff(item)
|
|
handlePush && handlePush({mode:8}); //右侧推送
|
|
handlePush && handlePush({mode:8}); //右侧推送
|
|
}
|
|
}
|
|
|
|
+ setEdit(e){
|
|
|
|
+ $('.canEdit').blur().attr('disabled','disabled')
|
|
|
|
+ $(e.target).removeAttr('disabled').focus()
|
|
|
|
+ }
|
|
render() {
|
|
render() {
|
|
const {item,idx,time} = this.props;
|
|
const {item,idx,time} = this.props;
|
|
const {canEdit,activeInd,activeName,value,style} = this.state;
|
|
const {canEdit,activeInd,activeName,value,style} = this.state;
|
|
@@ -157,7 +153,18 @@ class SlideSelect extends Component {
|
|
<span className={styles.smallname}></span>
|
|
<span className={styles.smallname}></span>
|
|
<span className={styles.edit}></span>
|
|
<span className={styles.edit}></span>
|
|
<span className={styles.maxmin}></span>
|
|
<span className={styles.maxmin}></span>
|
|
- <span className={styles.pass}>检验时间:{item.time}</span>
|
|
|
|
|
|
+ <span className={styles.pass}>检验时间:
|
|
|
|
+ <input disabled="disabled" type="text"
|
|
|
|
+ class="canEdit"
|
|
|
|
+ onDoubleClick={(e)=>this.setEdit(e)}
|
|
|
|
+ style={{color:style==2||style==4?'red':style==1?'#D949FF':'#333'}}
|
|
|
|
+ placeholder='(填写)'
|
|
|
|
+ autoComplete="off"
|
|
|
|
+ value={item.time}
|
|
|
|
+ onInput={(e)=>{this.handleInput(e,item,1)}}
|
|
|
|
+ onBlur={()=>{this.handleBlur()}}
|
|
|
|
+ />
|
|
|
|
+ </span>
|
|
<span id="addClose" className={styles.partDel} onClick={()=>{this.handleDel(item.time)}}></span>
|
|
<span id="addClose" className={styles.partDel} onClick={()=>{this.handleDel(item.time)}}></span>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
@@ -172,19 +179,30 @@ class SlideSelect extends Component {
|
|
<span className={styles.bigname}>{item.name}</span>
|
|
<span className={styles.bigname}>{item.name}</span>
|
|
<span className={styles.smallname}>{item.uniqueName}</span>
|
|
<span className={styles.smallname}>{item.uniqueName}</span>
|
|
<span className={styles.edit}>
|
|
<span className={styles.edit}>
|
|
- <input disabled={canEdit} type="text"
|
|
|
|
- class="canEdit"
|
|
|
|
- onDoubleClick={this.setEdit}
|
|
|
|
|
|
+ <input disabled="disabled" type="text"
|
|
|
|
+ class="canEdit"
|
|
|
|
+ onDoubleClick={(e)=>this.setEdit(e)}
|
|
style={{color:style==2||style==4?'red':style==1?'#D949FF':'#333'}}
|
|
style={{color:style==2||style==4?'red':style==1?'#D949FF':'#333'}}
|
|
placeholder='(填写)'
|
|
placeholder='(填写)'
|
|
autoComplete="off"
|
|
autoComplete="off"
|
|
- value={value}
|
|
|
|
- onInput={(e)=>{this.handleInput(e,item)}}
|
|
|
|
|
|
+ value={item.value||item.otherValue}
|
|
|
|
+ onInput={(e)=>{this.handleInput(e,item,2)}}
|
|
onBlur={()=>{this.handleBlur()}}
|
|
onBlur={()=>{this.handleBlur()}}
|
|
/><img style={{display:style==1||style==2?'inline-block':'none'}} src={style==1?down:style==2?up:''} />{item.units}
|
|
/><img style={{display:style==1||style==2?'inline-block':'none'}} src={style==1?down:style==2?up:''} />{item.units}
|
|
</span>
|
|
</span>
|
|
<span className={styles.maxmin}>{normalVal(item.minValue,item.maxValue)}</span>
|
|
<span className={styles.maxmin}>{normalVal(item.minValue,item.maxValue)}</span>
|
|
- <span className={styles.pass}>检验时间:{item.time}</span>
|
|
|
|
|
|
+ <span className={styles.pass}>检验时间:
|
|
|
|
+ <input disabled="disabled" type="text"
|
|
|
|
+ class="canEdit"
|
|
|
|
+ onDoubleClick={(e)=>this.setEdit(e)}
|
|
|
|
+ style={{color:style==2||style==4?'red':style==1?'#D949FF':'#333'}}
|
|
|
|
+ placeholder='(填写)'
|
|
|
|
+ autoComplete="off"
|
|
|
|
+ value={item.time}
|
|
|
|
+ onInput={(e)=>{this.handleInput(e,item,1)}}
|
|
|
|
+ onBlur={()=>{this.handleBlur()}}
|
|
|
|
+ />
|
|
|
|
+ </span>
|
|
<span id="addClose" className={styles.partDel} onClick={()=>{this.handleDel(item.time)}}></span>
|
|
<span id="addClose" className={styles.partDel} onClick={()=>{this.handleDel(item.time)}}></span>
|
|
<DelToast show={time==item.time&&activeInd?true:false}
|
|
<DelToast show={time==item.time&&activeInd?true:false}
|
|
name={activeName}
|
|
name={activeName}
|