From 41c55c1f103658b997f7a828a7067bdb228f1df0 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 04 十月 2022 23:35:10 +0800 Subject: [PATCH] 2022-10-04 --- src/mob/components/navbar/normal-navbar/menus/menuform/index.jsx | 174 +++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 111 insertions(+), 63 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..cacce83 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: { @@ -105,6 +106,95 @@ </Form.Item> </Col> <Col span={12}> + <Form.Item label="鑿滃崟灞炴��"> + {getFieldDecorator('property', { + initialValue: menu.property || 'menu' + })( + <Radio.Group onChange={this.changeProperty} className="over"> + <Radio value="menu">鑿滃崟</Radio> + <Radio value="linkmenu">鍏宠仈鑿滃崟</Radio> + <Radio value="link">閾炬帴</Radio> + </Radio.Group> + )} + </Form.Item> + </Col> + {property === 'link' ? <Col span={24}> + <Form.Item label="閾炬帴鍦板潃" className="textarea"> + {getFieldDecorator('link', { + initialValue: menu.link || '', + rules: [{ + required: true, + message: '璇疯緭鍏ラ摼鎺ュ湴鍧�!' + }] + })(<TextArea rows={2} />)} + </Form.Item> + </Col> : null} + {property === 'linkmenu' ? <Col span={12}> + <Form.Item label={ + <Tooltip placement="topLeft" title="鍏宠仈褰撳墠app涓凡鏈夌殑鑿滃崟銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 鍏宠仈鑿滃崟 + </Tooltip> + }> + {getFieldDecorator('linkMenuId', { + initialValue: menu.linkMenuId || '', + rules: [{ + required: true, + message: '璇烽�夋嫨鍏宠仈鑿滃崟!' + }] + })( + <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> + </Col> : null} + {property === 'menu' ? <Col span={12}> + <Form.Item label={ + <Tooltip placement="topLeft" title="澶嶅埗鑿滃崟浠呭湪鑿滃崟鍒涘缓鏃舵湁鏁堛��"> + <QuestionCircleOutlined className="mk-form-tip" /> + 澶嶅埗鑿滃崟 + </Tooltip> + }> + {getFieldDecorator('copyMenuId', { + initialValue: menu.copyMenuId || '' + })( + <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="鑿滃崟鍙傛暟"> {getFieldDecorator('MenuNo', { initialValue: menu.MenuNo || '', @@ -116,7 +206,7 @@ ] })(<Input placeholder={''} autoComplete="off" onPressEnter={this.handleSubmit} />)} </Form.Item> - </Col> + </Col> */} <Col span={12}> <Form.Item label="鍥炬爣"> {getFieldDecorator('icon', { @@ -143,20 +233,6 @@ </Form.Item> </Col> <Col span={12}> - <Form.Item label="鑿滃崟灞炴��"> - {getFieldDecorator('property', { - initialValue: menu.property || 'menu' - })( - <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> - )} - </Form.Item> - </Col> - <Col span={12}> <Form.Item label="闅愯棌"> {getFieldDecorator('hidden', { initialValue: menu.hidden || 'false' @@ -168,68 +244,40 @@ )} </Form.Item> </Col> - {property === 'sysmenu' ? <Col span={12}> - <Form.Item label="绯荤粺椤甸潰"> - {getFieldDecorator('sysmenu', { - initialValue: menu.sysmenu || '', - rules: [{ - required: true, - message: '璇烽�夋嫨绯荤粺椤甸潰!' - }] - })( - <Select> - <Select.Option value="AIService">鏅鸿兘瀹㈡湇</Select.Option> - </Select> - )} - </Form.Item> - </Col> : null} - {property === 'link' ? <Col span={24}> - <Form.Item label="閾炬帴鍦板潃" className="textarea"> - {getFieldDecorator('link', { - initialValue: menu.link || '', - rules: [{ - required: true, - message: '璇疯緭鍏ラ摼鎺ュ湴鍧�!' - }] - })(<TextArea rows={2} />)} - </Form.Item> - </Col> : null} - {property === 'linkmenu' ? <Col span={12}> + {property === 'menu' || property === 'linkmenu' ? <Col span={12}> <Form.Item label={ - <Tooltip placement="topLeft" title="鍏宠仈褰撳墠app涓凡鏈夌殑鑿滃崟銆�"> + <Tooltip placement="topLeft" title="鏇挎崲褰撳墠椤甸潰鎴栨墦寮�鏂伴〉闈紝鍦℉5鎴栧皬绋嬪簭涓湁鏁堛��"> <QuestionCircleOutlined className="mk-form-tip" /> - 鍏宠仈鑿滃崟 + 鎵撳紑鏂瑰紡 </Tooltip> }> - {getFieldDecorator('linkMenuId', { - initialValue: menu.linkMenuId || '', - rules: [{ - required: true, - message: '璇烽�夋嫨鍏宠仈鑿滃崟!' - }] + {getFieldDecorator('open', { + initialValue: menu.open || 'self' })( - <Select> - {appMenus.map(item => (<Select.Option key={item.MenuID} value={item.MenuID}>{item.MenuName}</Select.Option>))} - </Select> + <Radio.Group> + <Radio value="self">鏍囩椤�</Radio> + <Radio value="blank">鏂伴〉闈�</Radio> + </Radio.Group> )} </Form.Item> </Col> : null} - {property === 'menu' ? <Col span={12}> + <Col span={12}> <Form.Item label={ - <Tooltip placement="topLeft" title="澶嶅埗鑿滃崟浠呭湪鑿滃崟鍒涘缓鏃舵湁鏁堛��"> + <Tooltip placement="topLeft" title="鍦℉5鎴栧皬绋嬪簭涓湁鏁堛��"> <QuestionCircleOutlined className="mk-form-tip" /> - 澶嶅埗鑿滃崟 + 鑿滃崟鏍峰紡 </Tooltip> }> - {getFieldDecorator('copyMenuId', { - initialValue: menu.copyMenuId || '' + {getFieldDecorator('class', { + initialValue: menu.class || 'default' })( - <Select> - {appMenus.map(item => (<Select.Option key={item.MenuID} value={item.MenuID}>{item.MenuName}</Select.Option>))} - </Select> + <Radio.Group> + <Radio value="default">榛樿</Radio> + <Radio value="zoomIn">鏀惧ぇ</Radio> + </Radio.Group> )} </Form.Item> - </Col> : null} + </Col> </Row> </Form> ) -- Gitblit v1.8.0