update 系统功能列表全部加上列宽

web-react/src/pages/system/app/form.jsx

@@ -2,13 +2,13 @@ import React, { Component } from 'react'
 import { Form, Input, InputNumber, Spin } from 'antd'
 import { AntIcon, IconSelector } from 'components'
 import { cloneDeep } from 'lodash'
+import { api } from 'common/api'
 
 const initialValues = {
-    sort: 100
+    sort: 100,
 }
 
 export default class form extends Component {
-
     state = {
         // 加载状态
         loading: true,
@@ -33,17 +33,18 @@ export default class form extends Component {
      * 填充数据
      * 可以在设置this.record之后对其作出数据结构调整
      * [异步,必要]
-     * @param {*} params 
+     * @param {*} params
      */
     async fillData(params) {
-
-        this.record = cloneDeep(params.record)
         //#region 从后端转换成前段所需格式
+        if (params.id) {
+            this.record = (await api.sysAppDetail({ id: params.id })).data
+        }
         //#endregion
         this.form.current.setFieldsValue(this.record)
 
         this.setState({
-            loading: false
+            loading: false,
         })
     }
 
@@ -51,7 +52,7 @@ export default class form extends Component {
      * 获取数据
      * 可以对postData进行数据结构调整
      * [异步,必要]
-     * @returns 
+     * @returns
      */
     async getData() {
         const form = this.form.current
@@ -73,17 +74,21 @@ export default class form extends Component {
 
     render() {
         return (
-            <Form
-                initialValues={initialValues}
-                ref={this.form}
-                className="yo-form"
-            >
+            <Form initialValues={initialValues} ref={this.form} className="yo-form">
                 <Spin spinning={this.state.loading} indicator={<AntIcon type="loading" />}>
                     <div className="yo-form-group">
-                        <Form.Item label="应用名称" name="name" rules={[{ required: true, message: '请输入应用名称' }]}>
+                        <Form.Item
+                            label="应用名称"
+                            name="name"
+                            rules={[{ required: true, message: '请输入应用名称' }]}
+                        >
                             <Input autoComplete="off" placeholder="请输入应用名称" />
                         </Form.Item>
-                        <Form.Item label="唯一编码" name="code" rules={[{ required: true, message: '请输入唯一编码' }]}>
+                        <Form.Item
+                            label="唯一编码"
+                            name="code"
+                            rules={[{ required: true, message: '请输入唯一编码' }]}
+                        >
                             <Input autoComplete="off" placeholder="请输入唯一编码" />
                         </Form.Item>
                         <Form.Item label="图标" name="icon">
@@ -94,10 +99,9 @@ export default class form extends Component {
                                     <AntIcon
                                         type="setting"
                                         onClick={() =>
-                                            this
-                                                .iconSelector
-                                                .current
-                                                .open(this.form.current.getFieldValue('icon'))
+                                            this.iconSelector.current.open(
+                                                this.form.current.getFieldValue('icon')
+                                            )
                                         }
                                     />
                                 }
@@ -113,9 +117,14 @@ export default class form extends Component {
                         </Form.Item>
                     </div>
                 </Spin>
-                <IconSelector ref={this.iconSelector} onSelect={(icon) => this.form.current.setFieldsValue({
-                    icon
-                })} />
+                <IconSelector
+                    ref={this.iconSelector}
+                    onSelect={icon =>
+                        this.form.current.setFieldsValue({
+                            icon,
+                        })
+                    }
+                />
             </Form>
         )
     }