From 3551d43a6aa26a4cce7ac647c3f27bdfe7a17a87 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 11 四月 2022 12:53:23 +0800
Subject: [PATCH] 2022-04-11
---
src/menu/components/card/cardcomponent/index.jsx | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 50 insertions(+), 3 deletions(-)
diff --git a/src/menu/components/card/cardcomponent/index.jsx b/src/menu/components/card/cardcomponent/index.jsx
index 7901c70..7e36906 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, Switch, Col } from 'antd'
+import { Popover, Switch, Col, Modal, Button } from 'antd'
import { PlusOutlined, PlusSquareOutlined, EditOutlined, ArrowLeftOutlined, ArrowRightOutlined, SwapOutlined, ToolOutlined, DeleteOutlined, FontColorsOutlined } from '@ant-design/icons'
import asyncComponent from '@/utils/asyncComponent'
@@ -33,6 +33,7 @@
elements: null, // 缂栬緫缁�
side: 'front',
appType: sessionStorage.getItem('appType'),
+ visible: false
}
/**
@@ -276,7 +277,8 @@
}
doubleClickCard = () => {
- const { card } = this.state
+ const { cards } = this.props
+ const { card, appType } = this.state
if (card.setting.click === 'menu' && card.setting.menu) {
if (['IM'].includes(card.setting.menu)) {
@@ -294,12 +296,32 @@
} else {
MKEmitter.emit('changeEditMenu', {MenuID: card.setting.menu})
}
+ } else if (card.setting.click === 'menus' && card.menus && card.menus.length > 0 && cards.subtype === 'datacard' && appType) {
+ this.setState({visible: true})
+ }
+ }
+
+ changeMenu = (MenuId) => {
+ if (MenuId === 'IM') {
+ if (!sessionStorage.getItem('instantMessage')) return
+
+ let param = {
+ MenuID: sessionStorage.getItem('instantMessage'),
+ copyMenuId: '',
+ type: 'view'
+ }
+
+ param = window.btoa(window.encodeURIComponent(JSON.stringify(param)))
+
+ MKEmitter.emit('changeEditMenu', {routerUrl: '/imdesign/' + param})
+ } else {
+ MKEmitter.emit('changeEditMenu', {MenuID: MenuId})
}
}
render() {
const { cards, offset } = this.props
- const { card, elements, side } = this.state
+ const { card, elements, side, visible } = this.state
let _style = {...card.style}
@@ -346,6 +368,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={() => this.changeMenu(item.menu)}>璇︽儏</span></div>
+ </div>
+ })}
+ </Modal>
</Col>
)
}
--
Gitblit v1.8.0