From 0472ec32cadb4f9bca6dbab82ac33a42e76f37ed Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 28 六月 2022 16:24:15 +0800
Subject: [PATCH] 菜单栏&时间轴
---
src/mob/components/navbar/normal-navbar/menus/menuform/index.jsx | 82 ++++++++++++++++++++++++++++++++--------
1 files changed, 65 insertions(+), 17 deletions(-)
diff --git a/src/mob/components/navbar/normal-navbar/menus/menuform/index.jsx b/src/mob/components/navbar/normal-navbar/menus/menuform/index.jsx
index 30d3282..2ffce2b 100644
--- a/src/mob/components/navbar/normal-navbar/menus/menuform/index.jsx
+++ b/src/mob/components/navbar/normal-navbar/menus/menuform/index.jsx
@@ -18,6 +18,7 @@
state = {
property: this.props.menu.property || 'menu',
+ copyMenu: this.props.menu.copyMenuId || '',
appMenus: [],
}
@@ -75,7 +76,7 @@
render() {
const { menu, cols } = this.props
const { getFieldDecorator } = this.props.form
- const { property, appMenus } = this.state
+ const { property, appMenus, copyMenu } = this.state
const formItemLayout = {
labelCol: {
@@ -150,7 +151,6 @@
<Radio.Group onChange={this.changeProperty} className="over">
<Radio value="menu">鑿滃崟</Radio>
<Radio value="linkmenu">鍏宠仈鑿滃崟</Radio>
- <Radio value="sysmenu">绯荤粺椤�</Radio>
<Radio value="link">閾炬帴</Radio>
</Radio.Group>
)}
@@ -168,18 +168,20 @@
)}
</Form.Item>
</Col>
- {property === 'sysmenu' ? <Col span={12}>
- <Form.Item label="绯荤粺椤甸潰">
- {getFieldDecorator('sysmenu', {
- initialValue: menu.sysmenu || '',
- rules: [{
- required: true,
- message: '璇烽�夋嫨绯荤粺椤甸潰!'
- }]
+ {property === 'menu' || property === 'linkmenu' ? <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鏇挎崲褰撳墠椤甸潰鎴栨墦寮�鏂伴〉闈紝鍦℉5鎴栧皬绋嬪簭涓湁鏁堛��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鎵撳紑鏂瑰紡
+ </Tooltip>
+ }>
+ {getFieldDecorator('open', {
+ initialValue: menu.open || 'self'
})(
- <Select>
- <Select.Option value="AIService">鏅鸿兘瀹㈡湇</Select.Option>
- </Select>
+ <Radio.Group>
+ <Radio value="self">鏍囩椤�</Radio>
+ <Radio value="blank">鏂伴〉闈�</Radio>
+ </Radio.Group>
)}
</Form.Item>
</Col> : null}
@@ -208,8 +210,14 @@
message: '璇烽�夋嫨鍏宠仈鑿滃崟!'
}]
})(
- <Select>
- {appMenus.map(item => (<Select.Option key={item.MenuID} value={item.MenuID}>{item.MenuName}</Select.Option>))}
+ <Select
+ showSearch
+ filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||
+ option.props.extend.toLowerCase().indexOf(input.toLowerCase()) >= 0}
+ >
+ {appMenus.map(item => (<Select.Option key={item.MenuID} extend={item.MenuNo || ''} value={item.MenuID}>{item.MenuName}</Select.Option>))}
+ {/* <Select.Option key="IM" value="IM">鍗虫椂閫氫俊锛堢郴缁熼〉锛�</Select.Option> */}
+ <Select.Option key="AIService" extend={''} value="AIService">鏅鸿兘瀹㈡湇锛堢郴缁熼〉锛�</Select.Option>
</Select>
)}
</Form.Item>
@@ -224,12 +232,52 @@
{getFieldDecorator('copyMenuId', {
initialValue: menu.copyMenuId || ''
})(
- <Select>
- {appMenus.map(item => (<Select.Option key={item.MenuID} value={item.MenuID}>{item.MenuName}</Select.Option>))}
+ <Select
+ allowClear
+ showSearch
+ filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||
+ option.props.extend.toLowerCase().indexOf(input.toLowerCase()) >= 0}
+ onChange={(val) => this.setState({copyMenu: val})}
+ >
+ {appMenus.map(item => (<Select.Option key={item.MenuID} extend={item.MenuNo || ''} value={item.MenuID}>{item.MenuName}</Select.Option>))}
</Select>
)}
</Form.Item>
</Col> : null}
+ {property === 'menu' && copyMenu ? <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="澶嶅埗鑿滃崟鏃讹紝鏄惁娓呯┖鍘熼〉闈腑鐨勫叧鑱旇彍鍗曘��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 娓呯┖鍏宠仈鑿滃崟
+ </Tooltip>
+ }>
+ {getFieldDecorator('clearMenu', {
+ initialValue: menu.clearMenu || 'true'
+ })(
+ <Radio.Group>
+ <Radio value="true">鏄�</Radio>
+ <Radio value="false">鍚�</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col> : null}
+ <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鍦℉5鎴栧皬绋嬪簭涓湁鏁堛��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鑿滃崟鏍峰紡
+ </Tooltip>
+ }>
+ {getFieldDecorator('class', {
+ initialValue: menu.class || 'default'
+ })(
+ <Radio.Group>
+ <Radio value="default">榛樿</Radio>
+ <Radio value="zoomIn">鏀惧ぇ</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
</Row>
</Form>
)
--
Gitblit v1.8.0