主数据

src/view/Manage/DataMaster/Component/UpdateBasicInfo.jsx

-import { Form, Input } from "antd";
+import { Form, Input, Divider } from "antd";
 
 const UpdateBasicInfo = (props) => {
-  const [form] = Form.useForm();
+  const { form } = props;
 
   const formItemLayout = {
     labelCol: {
@@ -15,17 +15,23 @@ const UpdateBasicInfo = (props) => {
   };
 
   return (
-    <Form 
-      form={form}
-      {...formItemLayout}
-    >
-      <Form.Item label='模版名称' name='name' rules={[{ required: true, message: '请填写模版名称' }]}>
-        <Input style={{ width: '87%' }} />
-      </Form.Item>
-      <Form.Item label='模版中文名称' name='cnName' rules={[{ required: true, message: '请填写模版中文名称' }]}>
-        <Input style={{ width: '87%' }} />
-      </Form.Item>
-    </Form>    
+    <div>
+      <Divider>基本信息</Divider>
+      <Form 
+        form={form}
+        {...formItemLayout}
+      >
+        <Form.Item label='模版名称' name='name' rules={[{ required: true, message: '请填写模版名称' }]}>
+          <Input />
+        </Form.Item>
+        <Form.Item label='模版中文名称' name='cnName' rules={[{ required: true, message: '请填写模版中文名称' }]}>
+          <Input />
+        </Form.Item>
+        <Form.Item label='模版描述' name='desc'>
+          <Input />
+        </Form.Item>
+      </Form>
+    </div>    
   );
 }
 

src/view/Manage/DataMaster/Component/UpdateTemplateModal.jsx

@@ -50,7 +50,7 @@ const UpdateTemplateModal = (props) => {
       onCancel={onCancel}
       onOk={onFormFinish}
     >
-      <UpdateBasicInfo />
+      <UpdateBasicInfo form={form} />
     </Modal>
   );
 }