2020-08-28

king

2020-08-28 71a0e75ecb56ae643fe1e86188d45f93f48388c9

 src/templates/sharecomponent/tabscomponent/tabdragelement/index.jsx

@@ -2,7 +2,7 @@
import { useDrop } from 'react-dnd'
import update from 'immutability-helper'
import { is, fromJS } from 'immutable'
import { Tabs, Icon } from 'antd'
import { Tabs } from 'antd'
import Utils from '@/utils/utils.js'
import Card from './card'
import './index.scss'
@@ -75,24 +75,32 @@
    doubleClickCard(card)
  }

  const editCard = id => {
    const { card } = findCard(id)
    handleMenu(card)
  }

  const delCard = id => {
    const { card } = findCard(id)
    deleteMenu(card)
  }

  return (
    <div ref={drop} className="ant-row model-tab-drag-list">
      <Tabs defaultActiveKey="0">
        {cards.map((card, index) => (
          <TabPane tab={
            <div key={card.uuid}>
              <Card
                key={card.uuid}
                id={`${card.uuid}`}
                card={card}
                moveCard={moveCard}
                findCard={findCard}
                hasDrop={hasDrop}
                doubleClickCard={doubleClickBab}
              />
              <Icon className="edit" type="edit" onClick={() => handleMenu(card)} />
              <Icon className="edit close" type="close" onClick={() => deleteMenu(card)} />
            </div>
            <Card
              key={card.uuid}
              id={`${card.uuid}`}
              card={card}
              moveCard={moveCard}
              findCard={findCard}
              editCard={editCard}
              delCard={delCard}
              hasDrop={hasDrop}
              doubleClickCard={doubleClickBab}
            />
          } key={`${index}`}>
            《{card.label}》标签
          </TabPane>