From d2d6e6b52d5e23c9b20790d3222d3ecb479ab61c Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 20 十月 2021 23:32:12 +0800
Subject: [PATCH] 2021-10-20
---
src/menu/components/card/cardcomponent/index.jsx | 37 +++++++++++++++++++++++++++++++++----
1 files changed, 33 insertions(+), 4 deletions(-)
diff --git a/src/menu/components/card/cardcomponent/index.jsx b/src/menu/components/card/cardcomponent/index.jsx
index 1fa8992..4b43fef 100644
--- a/src/menu/components/card/cardcomponent/index.jsx
+++ b/src/menu/components/card/cardcomponent/index.jsx
@@ -1,7 +1,7 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { is, fromJS } from 'immutable'
-import { Popover, Icon, Switch, Col } from 'antd'
+import { Popover, Icon, Switch, Col, Modal, Button } from 'antd'
import asyncComponent from '@/utils/asyncComponent'
import asyncIconComponent from '@/utils/asyncIconComponent'
@@ -32,7 +32,8 @@
formlist: null, // 璁剧疆琛ㄥ崟淇℃伅
elements: null, // 缂栬緫缁�
side: 'front',
- appType: sessionStorage.getItem('appType')
+ appType: sessionStorage.getItem('appType'),
+ visible: false
}
/**
@@ -266,10 +267,13 @@
}
doubleClickCard = () => {
- const { card } = this.state
+ const { cards } = this.props
+ const { card, appType } = this.state
if (card.setting.click === 'menu' && card.setting.menu) {
MKEmitter.emit('changeEditMenu', {MenuID: card.setting.menu})
+ } else if (card.setting.click === 'menus' && card.menus && card.menus.length > 0 && cards.subtype === 'datacard' && card.$cardType !== 'extendCard' && (appType === 'mob' || appType === 'pc')) {
+ this.setState({visible: true})
}
}
@@ -285,7 +289,7 @@
render() {
const { cards, offset } = this.props
- const { card, elements, side } = this.state
+ const { card, elements, side, visible } = this.state
let _style = {...card.style}
@@ -334,6 +338,31 @@
</Popover>
</div>
</div>
+ <Modal
+ title="鑿滃崟缁�"
+ wrapClassName="menus-detail-modal"
+ visible={visible}
+ closable={false}
+ width={900}
+ maskClosable={false}
+ footer={[<Button key="close" onClick={() => { this.setState({ visible: false })}}>鍏抽棴</Button>]}
+ destroyOnClose
+ >
+ <div className="menu-line">
+ <div className="sort">搴忓彿</div>
+ <div className="sign">鏍囪瘑</div>
+ <div className="name">鑿滃崟</div>
+ <div className="action">鎿嶄綔</div>
+ </div>
+ {card.menus && card.menus.map((item, index) => {
+ return <div className="menu-line" key={index}>
+ <div className="sort">{index + 1}</div>
+ <div className="sign">{item.sign}</div>
+ <div className="name">{item.label}</div>
+ <div className="action"><span onClick={() => MKEmitter.emit('changeEditMenu', {MenuID: item.menu})}>璇︽儏</span></div>
+ </div>
+ })}
+ </Modal>
</Col>
)
}
--
Gitblit v1.8.0