import React from 'react'; require('./index.css') export default class TroubleItemComponent extends React.Component{ constructor(props){ super(props) this.state = { text: '' } } render(){ return ( <div className={"troubleItemComponent"}> <div className={"finishBox"}> <div className={"finishText colfff font24"}>已处理</div> </div> <div className={"itemText font32"}>故障问题1:故障ID-00001</div> <div className={"itemWrongInfo font24 col999"}> <p>2:3 左侧动作故障,取货动作出错</p> </div> <div className={"jugdeQuestion font32 rel"}> <span className={"colff7860 font32 star"}>*</span> <span>是否有此问题</span> <div className={"questionBox border_e5"}>是</div> <div className={"questionBox border_e5"}>否</div> </div> <div className={"itemTextArea rel font24"}> <div className={"itemTextEdit font24 colff7860"}> <span className={"iconfont font24 icon icon-editor-line colff7860"}></span> <span> 编辑</span> </div> <span className={"colff7860 font32 star"}>*</span> <div className={"itemTextAreaBox col999 border_e5"}> { this.state.text ? <textarea readOnly className={"itemTextAreaBoxs col999"} value={this.state.text}></textarea> : <span className={"itemPlayceHolder"}>编辑检查结果</span> } </div> </div> <div className={"itemControl rel"}> <div className={"plusImg controlBox "}> <img src={UTILPATH.localImg.plusIcon} alt=""/> </div> <div className={"refreshImg controlBox "}> <img src={UTILPATH.localImg.refreshIcon} alt=""/> </div> </div> </div> ) } }