From 76427d51a079a5fd1f45bf7188249e7a4647ae05 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 14 九月 2020 10:37:25 +0800
Subject: [PATCH] 2020-09-14
---
src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx | 50 ++++++++++++++++++++++++++++++++++----------------
1 files changed, 34 insertions(+), 16 deletions(-)
diff --git a/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx b/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx
index 3c608b0..9969166 100644
--- a/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx
+++ b/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx
@@ -2,12 +2,12 @@
import { useDrop } from 'react-dnd'
import { is, fromJS } from 'immutable'
import update from 'immutability-helper'
-import { Icon } from 'antd'
+import { Icon, Popover } from 'antd'
import Utils from '@/utils/utils.js'
import Card from './card'
import './index.scss'
-const Container = ({list, setting, gridBtn, showfield, placeholder, handleList, handleMenu, handleGridBtn, deleteMenu }) => {
+const Container = ({list, setting, gridBtn, showfield, placeholder, handleList, handleMenu, handleGridBtn, deleteMenu, markMenu }) => {
let target = null
const [cards, setCards] = useState(list)
@@ -31,6 +31,9 @@
const editCard = id => {
const { card } = findCard(id)
+
+ delete card.focus // 鍏煎鏃╂湡鐨勫悎骞跺垪
+
handleMenu(card)
}
@@ -38,6 +41,11 @@
const delCard = id => {
const { card } = findCard(id)
deleteMenu(card)
+ }
+
+ const markCard = id => {
+ const { card } = findCard(id)
+ markMenu(card)
}
const hasDrop = (item) => {
@@ -59,6 +67,7 @@
newcard.label = 'label'
newcard.field = ''
newcard.Hide = 'false'
+ newcard.contrastType = 'static'
newcard.IsSort = 'true'
newcard.type = item.subType
newcard.Width = 120
@@ -90,17 +99,20 @@
let _colCards = []
// 杩囨护鍚堝苟鍒�
- let _hideCol = []
+ let _hideCol = []
+
+ if (!showfield) {
cards.forEach(col => {
if (col.type === 'colspan' && col.sublist) {
_hideCol.push(...col.sublist)
}
})
- cards.forEach(col => {
- if (_hideCol.includes(col.uuid)) return
+ }
+ cards.forEach(col => {
+ if (_hideCol.includes(col.uuid)) return
- _colCards.push(col)
- })
+ _colCards.push(col)
+ })
// 鏄剧ず鍒楀垎琛�
if (_colCards.length > 10) {
@@ -135,21 +147,27 @@
moveCard={moveCard}
editCard={editCard}
delCard={delCard}
+ markCard={markCard}
findCard={findCard}
hasDrop={hasDrop}
/>
))}
{i === (columns.length - 1) && gridBtn && gridBtn.display ?
- <div className="page-card" style={{flex: gridBtn.Width}}>
- <div style={{cursor: 'default'}}>
- <span className="ant-table-header-column">
- <div className="ant-table-column-sorters" title={gridBtn.label} style={{textAlign: gridBtn.Align}}>
- <span className="ant-table-column-title">{gridBtn.label}</span>
- </div>
- </span>
+ <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={
+ <div className="mk-popover-control">
+ <Icon className="edit" type="edit" onClick={handleGridBtn}/>
</div>
- <Icon className="edit" type="edit" onClick={handleGridBtn}/>
- </div> : null
+ } trigger="hover">
+ <div className="page-card" style={{flex: gridBtn.Width}}>
+ <div style={{cursor: 'default'}}>
+ <span className="ant-table-header-column">
+ <div className="ant-table-column-sorters" title={gridBtn.label} style={{textAlign: gridBtn.Align}}>
+ <span className="ant-table-column-title">{gridBtn.label}</span>
+ </div>
+ </span>
+ </div>
+ </div>
+ </Popover> : null
}
</div>
))}
--
Gitblit v1.8.0