2024-08-25

king

2024-08-25 ae170a9d58b4f91a225eada1dc83ed4a116b8d50

 src/templates/sharecomponent/tabscomponent/index.jsx

@@ -5,9 +5,7 @@
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 { getTabForm } from './formconfig'

import TabForm from './tabform'
import TabDragElement from './tabdragelement'
@@ -24,7 +22,6 @@
  }

  state = {
    dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
    tabgroups: [],     // 标签组
    card: [],          // 编辑标签
    group: [],         // 编辑组
@@ -222,7 +219,7 @@
   */
  deleteElement = (card, group) => {
    const { config } = this.props
    let _this = this
    let that = this
    let tabgroups = fromJS(this.state.tabgroups).toJS()

    confirm({
@@ -246,10 +243,10 @@
          return _group
        })

        _this.setState({
        that.setState({
          tabgroups: tabgroups
        }, () => {
          _this.props.updatetabs({...config, tabgroups: tabgroups})
          that.props.updatetabs({...config, tabgroups: tabgroups})
        })
      },
      onCancel() {}
@@ -261,7 +258,7 @@
   */
  addTabGroup = () => {
    const { config } = this.props
    let _this = this
    let that = this
    let _tabgroups = fromJS(this.state.tabgroups).toJS()

    confirm({
@@ -278,10 +275,10 @@
          sublist:[]
        })

        _this.setState({
        that.setState({
          tabgroups: _tabgroups
        }, () => {
          _this.props.updatetabs({...config, tabgroups: _tabgroups})
          that.props.updatetabs({...config, tabgroups: _tabgroups})
        })
      },
      onCancel() {}
@@ -293,7 +290,7 @@
   */
  delTabGroup = (group) => {
    const { config } = this.props
    let _this = this
    let that = this
    let _tabgroups = fromJS(this.state.tabgroups).toJS()

    confirm({
@@ -301,10 +298,10 @@
      onOk() {
        _tabgroups = _tabgroups.filter(_group => _group.uuid !== group.uuid)

        _this.setState({
        that.setState({
          tabgroups: _tabgroups
        }, () => {
          _this.props.updatetabs({...config, tabgroups: _tabgroups}, group.sublist)
          that.props.updatetabs({...config, tabgroups: _tabgroups}, group.sublist)
        })
      },
      onCancel() {}
@@ -385,14 +382,14 @@
  }

  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) ?
@@ -407,13 +404,12 @@
                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}
@@ -422,7 +418,6 @@
          destroyOnClose
        >
          <TabForm
            dict={dict}
            card={this.state.card}
            tabs={this.props.tabs}
            levels={this.state.levels}