From ab941662167dc16d4b4e73522b275f47f4a89ff0 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 06 九月 2020 23:22:19 +0800
Subject: [PATCH] 2020-09-06

---
 src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx |   25 +++++++++++++++----------
 1 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx b/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx
index 4a382aa..9969166 100644
--- a/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx
+++ b/src/templates/sharecomponent/columncomponent/dragcolumn/index.jsx
@@ -2,7 +2,7 @@
 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'
@@ -153,16 +153,21 @@
             />
           ))}
           {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