2020-10-23

king

2020-10-23 407c0f1765c7d085218a91ad8842784977383d05

 src/templates/formtabconfig/dragelement/card.jsx

@@ -1,6 +1,6 @@
import React from 'react'
import { useDrag, useDrop } from 'react-dnd'
import { Icon, Button, Select, DatePicker, Input, InputNumber } from 'antd'
import { Icon, Button, Select, DatePicker, Input, InputNumber, Popover } from 'antd'
import moment from 'moment'
import ItemTypes from './itemtypes'
import './index.scss'
@@ -91,15 +91,22 @@
  }

  return (
    <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={
      <div className="mk-popover-control">
        <Icon className="edit" title="编辑" type="edit" onClick={edit} />
        {type === 'search' ? <Icon className="edit copy" title="复制" type="copy" onClick={copy} /> : null}
        {type === 'action' && card.btnType !== 'cancel' ?
          <Icon className="edit profile" title="校验规则" type="profile" onClick={profile} /> : null
        }
        {type === 'search' || (type === 'action' && card.btnType !== 'confirm' && card.btnType !== 'cancel') ? <Icon className="edit close" title="删除" type="close" onClick={del} /> : null}
      </div>
    } trigger="hover">
    <div className="page-card" style={{ opacity: opacity}}>
      <div ref={node => drag(drop(node))}>
        {type === 'search' ?
          <div className="ant-row ant-form-item">
            <div className={'ant-col ant-form-item-label ant-col-xs-24 ' + labelCol}>
              <label title={card.label}>{card.label}</label>
              <Icon className="edit" title="编辑" type="edit" onClick={edit} />
              <Icon className="edit copy" title="复制" type="copy" onClick={copy} />
              <Icon className="edit close" title="删除" type="close" onClick={del} />
            </div>
            <div className={'ant-col ant-form-item-control-wrapper ant-col-xs-24 ' + wrapCol}>
              {card.type === 'text' ?
@@ -145,12 +152,8 @@
          </Button> : null
        }
      </div>
      {type === 'action' ? <Icon className="edit" title="编辑" type="edit" onClick={edit} /> : null}
      {type === 'action' && card.btnType !== 'cancel' ?
        <Icon className="edit profile" title="校验规则" type="profile" onClick={profile} /> : null
      }
      {type === 'action' && card.btnType !== 'confirm' && card.btnType !== 'cancel' && <Icon className="edit close" title="删除" type="close" onClick={del} />}
    </div>
    </Popover>
  )
}
export default Card