| | |
| | | render() { |
| | | const { marks, markColumns, visible, options, signs } = this.state |
| | | |
| | | let className = '' |
| | | if (this.props.type === 'line' && this.props.marks.length) { |
| | | className = 'mk-line-marks' |
| | | } |
| | | |
| | | return ( |
| | | <div style={{display: 'inline-block'}}> |
| | | <div style={{display: 'inline-block'}} className={className}> |
| | | <AntDesignOutlined className="profile" title="标记" onClick={this.resetMark} /> |
| | | <Modal |
| | | wrapClassName="model-table-column-mark-modal" |
| | | wrapClassName="mark-modal-wrap" |
| | | title="标记设置" |
| | | visible={visible} |
| | | width={'75vw'} |
| | |
| | | > |
| | | <MarkForm field={this.props.field} signs={signs} columns={options} markChange={this.markChange}/> |
| | | <Col style={{fontSize: '12px', color: '#757575', paddingLeft: '10px'}} span={24}>注:从上到下,匹配第一个符合条件的标记。</Col> |
| | | <EditTable actions={['edit', 'move', 'del']} data={marks} columns={markColumns} onChange={(marks) => this.setState({marks})}/> |
| | | <EditTable actions={['edit', 'move', 'del', 'copy']} type="marks" data={marks} columns={markColumns} onChange={(marks) => this.setState({marks})}/> |
| | | </Modal> |
| | | </div> |
| | | ) |