From 9e0a0749233c15711fd3259afa1f19867d214df7 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 22 六月 2020 16:07:35 +0800
Subject: [PATCH] 2020-06-22
---
src/mob/mobshell/card.jsx | 33 ++++++++++++++++-----------------
1 files changed, 16 insertions(+), 17 deletions(-)
diff --git a/src/mob/mobshell/card.jsx b/src/mob/mobshell/card.jsx
index 34e36fc..87065c1 100644
--- a/src/mob/mobshell/card.jsx
+++ b/src/mob/mobshell/card.jsx
@@ -1,6 +1,6 @@
import React from 'react'
import { useDrag, useDrop } from 'react-dnd'
-// import { Icon } from 'antd'
+import { Icon } from 'antd'
import asyncComponent from '@/utils/asyncComponent'
@@ -34,27 +34,26 @@
},
})
- console.log(card)
- const style = isDragging ? { opacity: 0.3} : { opacity: 1}
+ let style = { opacity: 1}
+ if (isDragging && card.type !== 'login') {
+ style = { opacity: 0.3}
+ }
if (card.type === 'login') {
style.height = '100%'
}
+ const getCardComponent = () => {
+ if (card.type === 'login') {
+ if (card.subtype === 'mob-login-1') {
+ return (<Login card={card} triggerEdit={editCard} onDoubleClick={doubleClickCard} />)
+ }
+ }
+ }
+
return (
- <div ref={node => drag(drop(node))} style={style}>
- <Login />
- {/* <div className="page-card">
- <Button
- className={'mk-btn mk-' + card.class}
- icon={card.icon}
- key={card.uuid}
- onDoubleClick={() => doubleClickCard(id)}
- >
- {card.label}{card.position === 'grid' && <Icon type="table" />}
- </Button>
- </div> */}
- {/* <Icon className="edit" title="edit" type="edit" onClick={() => editCard(id)} />
- <Icon className="edit close" title="close" type="close" onClick={() => delCard(id)} /> */}
+ <div className="mk-component-card" ref={node => drag(drop(node))} style={style}>
+ {getCardComponent()}
+ <Icon className="remove-component" title="delete" type="delete" onClick={() => delCard(id)} />
</div>
)
}
--
Gitblit v1.8.0