| | |
| | | import { QuestionCircleOutlined, ArrowDownOutlined, ArrowUpOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons' |
| | | |
| | | import Utils from '@/utils/utils.js' |
| | | import zhCN from '@/locales/zh-CN/model.js' |
| | | import enUS from '@/locales/en-US/model.js' |
| | | import { getTabForm } from '@/templates/zshare/formconfig' |
| | | |
| | | import TabForm from './tabform' |
| | |
| | | } |
| | | |
| | | state = { |
| | | dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS, |
| | | tabgroups: [], // 标签组 |
| | | card: [], // 编辑标签 |
| | | group: [], // 编辑组 |
| | |
| | | } |
| | | |
| | | render() { |
| | | const { tabgroups, visible, dict } = this.state |
| | | const { tabgroups, visible } = this.state |
| | | |
| | | return ( |
| | | <div className="model-table-tab-list"> |
| | | {tabgroups.map((group, index) => { |
| | | return ( |
| | | <div key={index} className="tab-line-list"> |
| | | {index === 0 ? <Tooltip placement="bottomLeft" overlayClassName="middle" title={dict['model.tooltip.tabs.guide']}> |
| | | {index === 0 ? <Tooltip placement="bottomLeft" overlayClassName="middle" title="在左侧工具栏《标签页》中,选择对应类型的标签页拖至此处添加。"> |
| | | <QuestionCircleOutlined style={{color: '#c49f47', position: 'absolute', left: '5px', top: '20px'}} /> |
| | | </Tooltip> : null} |
| | | {index !== (tabgroups.length - 1) ? |
| | |
| | | handleMenu={(card) => this.handleTab(card, group)} |
| | | deleteMenu={(card) => this.deleteElement(card, group)} |
| | | doubleClickCard={this.props.setSubConfig} |
| | | placeholder={dict['form.required.add'] + dict['model.form.tab']} |
| | | /> |
| | | </div>) |
| | | })} |
| | | {/* 标签编辑 */} |
| | | <Modal |
| | | title={dict['header.modal.tabs.edit']} |
| | | title="标签-编辑" |
| | | visible={visible} |
| | | width={750} |
| | | maskClosable={false} |
| | |
| | | destroyOnClose |
| | | > |
| | | <TabForm |
| | | dict={dict} |
| | | card={this.state.card} |
| | | tabs={this.props.tabs} |
| | | levels={this.state.levels} |