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