From 31ec63f0419895876cbaba99637a884a32d33d0d Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 01 九月 2021 10:31:45 +0800 Subject: [PATCH] 2021-09-01 --- src/menu/components/tabs/tabsetting/settingform/index.jsx | 41 ++++++++++++++++++++++++++++++++++------- 1 files changed, 34 insertions(+), 7 deletions(-) diff --git a/src/menu/components/tabs/tabsetting/settingform/index.jsx b/src/menu/components/tabs/tabsetting/settingform/index.jsx index 818ea3f..95b3f8b 100644 --- a/src/menu/components/tabs/tabsetting/settingform/index.jsx +++ b/src/menu/components/tabs/tabsetting/settingform/index.jsx @@ -8,14 +8,28 @@ static propTpyes = { dict: PropTypes.object, // 瀛楀吀椤� setting: PropTypes.object, // 鏁版嵁婧愰厤缃� - sysRoles: PropTypes.array, // 瑙掕壊鍒楄〃 inputSubmit: PropTypes.func // 鍥炶溅浜嬩欢 } - state = {} + state = { + appType: sessionStorage.getItem('appType'), + position: this.props.setting.position, + roleList: [] + } UNSAFE_componentWillMount () { + let roleList = sessionStorage.getItem('sysRoles') + if (roleList) { + try { + roleList = JSON.parse(roleList) + } catch (e) { + roleList = [] + } + } else { + roleList = [] + } + this.setState({roleList}) } handleConfirm = () => { @@ -40,8 +54,9 @@ } render() { - const { setting, sysRoles } = this.props + const { setting } = this.props const { getFieldDecorator } = this.props.form + const { roleList, appType, position } = this.state const formItemLayout = { labelCol: { @@ -99,7 +114,7 @@ {getFieldDecorator('position', { initialValue: setting.position || 'top' })( - <Select> + <Select onChange={(val) => this.setState({position: val})}> <Select.Option key="top" value="top"> top </Select.Option> <Select.Option key="bottom" value="bottom"> bottom </Select.Option> <Select.Option key="left" value="left"> left </Select.Option> @@ -108,7 +123,7 @@ )} </Form.Item> </Col> - <Col span={12}> + {appType !== 'mob' ? <Col span={12}> <Form.Item label={ <Tooltip placement="topLeft" title="鏍囩浣嶇疆涓簍op鏃舵湁鏁堬紝榛樿鍊间负line銆�"> <Icon type="question-circle" /> @@ -124,7 +139,19 @@ </Radio.Group> )} </Form.Item> - </Col> + </Col> : null} + {appType === 'mob' && (position === 'top' || position === 'bottom') ? <Col span={12}> + <Form.Item label="鏍囩鏄剧ず"> + {getFieldDecorator('display', { + initialValue: setting.display || 'flex' + })( + <Radio.Group> + <Radio value="flex">寮规�у竷灞�</Radio> + <Radio value="inline-block">瀹氬</Radio> + </Radio.Group> + )} + </Form.Item> + </Col> : null} <Col span={12}> <Form.Item label="榛戝悕鍗�"> {getFieldDecorator('blacklist', { @@ -135,7 +162,7 @@ mode="multiple" filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0} > - {sysRoles.map(option => + {roleList.map(option => <Select.Option key={option.uuid} value={option.value}>{option.text}</Select.Option> )} </Select> -- Gitblit v1.8.0