From 4fc343bb462a040e3e294c209fea02ce5099b974 Mon Sep 17 00:00:00 2001
From: chenhua <huachen_1@tujia.com>
Date: Thu, 12 Nov 2020 00:41:47 +0800
Subject: [PATCH] =?UTF-8?q?fix=E5=88=AB=E5=90=8D=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/SearchManage/AliasManage.js | 57 +++++++++++++++++------
 1 file changed, 42 insertions(+), 15 deletions(-)

diff --git a/web/src/pages/SearchManage/AliasManage.js b/web/src/pages/SearchManage/AliasManage.js
index 3367d590..609e37fc 100644
--- a/web/src/pages/SearchManage/AliasManage.js
+++ b/web/src/pages/SearchManage/AliasManage.js
@@ -37,7 +37,33 @@ const getValue = obj =>
     .join(',');
 const statusMap = ['default', 'processing', 'success', 'error'];
 const status = ['关闭', '运行中', '已上线', '异常'];
+const CreateForm = Form.create()(props => {
+    const { modalVisible, form, handleAdd, handleModalVisible } = props;
+    const okHandle = () => {
+        form.validateFields((err, fieldsValue) => {
+            if (err) return;
+            form.resetFields();
+            handleAdd(fieldsValue);
+        });
+    };
+    return (
+        <Modal
+    destroyOnClose
+    title="新建规则"
+    visible={modalVisible}
+    onOk={okHandle}
+    onCancel={() => handleModalVisible()}
+>
+<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="描述">
+        {form.getFieldDecorator('desc', {
+            rules: [{ required: true, message: '请输入至少五个字符的规则描述！', min: 5 }],
+        })(<Input placeholder="请输入" />)}
+</FormItem>
+    </Modal>
+);
+});
 
+@Form.create()
 class UpdateForm extends PureComponent {
   constructor(props) {
     super(props);
@@ -159,20 +185,20 @@ class UpdateForm extends PureComponent {
         </FormItem>,
       ];
     }
-    return [
-      <FormItem key="name" {...this.formLayout} label="索引名称">
-        {form.getFieldDecorator('name', {
-          rules: [{ required: true, message: '请输入索引名称！' }],
-          initialValue: formVals.name,
-        })(<Input placeholder="请输入" />)}
-      </FormItem>,
-      <FormItem key="desc" {...this.formLayout} label="索引描述">
-        {form.getFieldDecorator('desc', {
-          rules: [{ required: true, message: '请输入至少五个字符的索引描述！', min: 5 }],
-          initialValue: formVals.desc,
-        })(<TextArea rows={4} placeholder="请输入至少五个字符" />)}
-      </FormItem>,
-    ];
+      return [
+          <FormItem key="name" {...this.formLayout} label="别名">
+          {form.getFieldDecorator('name', {
+              rules: [{ required: true, message: '请输入别名！' }],
+              initialValue: formVals.name,
+          })(<Input placeholder="请输入" />)}
+          </FormItem>,
+              <FormItem key="desc" {...this.formLayout} label="描述">
+                  {form.getFieldDecorator('desc', {
+                      rules: [{ required: true, message: '请输入至少五个字符的描述！', min: 5 }],
+                      initialValue: formVals.desc,
+                  })(<TextArea rows={4} placeholder="请输入至少五个字符" />)}
+          </FormItem>,
+          ];
   };
 
   renderFooter = currentStep => {
@@ -222,7 +248,7 @@ class UpdateForm extends PureComponent {
         width={640}
         bodyStyle={{ padding: '32px 40px 48px' }}
         destroyOnClose
-        title="规则配置"
+        title="别名配置"
         visible={updateModalVisible}
         footer={this.renderFooter(currentStep)}
         onCancel={() => handleUpdateModalVisible()}
@@ -609,6 +635,7 @@ class AliasManage extends PureComponent {
             />
           </div>
         </Card>
+        <CreateForm {...parentMethods} modalVisible={modalVisible} />
         {stepFormValues && Object.keys(stepFormValues).length ? (
           <UpdateForm
             {...updateMethods}