| | |
| | | import React, {Component} from 'react' |
| | | import PropTypes from 'prop-types' |
| | | import { is, fromJS } from 'immutable' |
| | | import { Icon, Tooltip, Modal, notification } from 'antd' |
| | | import { Tooltip, Modal, notification } from 'antd' |
| | | import { QuestionCircleOutlined, ArrowDownOutlined, ArrowUpOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons' |
| | | |
| | | import Utils from '@/utils/utils.js' |
| | | import zhCN from '@/locales/zh-CN/model.js' |
| | |
| | | return ( |
| | | <div key={index} className="tab-line-list"> |
| | | {index === 0 ? <Tooltip placement="bottomLeft" overlayClassName="middle" title={dict['model.tooltip.tabs.guide']}> |
| | | <Icon type="question-circle" /> |
| | | <QuestionCircleOutlined style={{color: '#c49f47', position: 'absolute', left: '5px', top: '20px'}} /> |
| | | </Tooltip> : null} |
| | | {index !== (tabgroups.length - 1) ? |
| | | <Icon type="arrow-down" onClick={() => {this.handleGroup(index, 'down')}} /> : null |
| | | <ArrowDownOutlined onClick={() => {this.handleGroup(index, 'down')}} /> : null |
| | | } |
| | | {index !== 0 ? <Icon type="arrow-up" onClick={() => {this.handleGroup(index, 'up')}} /> : null} |
| | | {index === 0 ? <Icon type="plus" onClick={this.addTabGroup} /> : null} |
| | | {index !== 0 ? <Icon type="delete" onClick={() => {this.delTabGroup(group)}} /> : null} |
| | | {index !== 0 ? <ArrowUpOutlined onClick={() => {this.handleGroup(index, 'up')}} /> : null} |
| | | {index === 0 ? <PlusOutlined onClick={this.addTabGroup} /> : null} |
| | | {index !== 0 ? <DeleteOutlined onClick={() => {this.delTabGroup(group)}} /> : null} |
| | | <TabDragElement |
| | | list={group.sublist} |
| | | handleList={(list, newcard) => this.handleList(list, newcard, group.uuid)} |