From 5ff01f8e12a3e985ba3e74aa3a8979b36d6f339f Mon Sep 17 00:00:00 2001
From: chenhua <huachen_1@tujia.com>
Date: Thu, 19 Nov 2020 00:05:12 +0800
Subject: [PATCH] #search manage  keyword modify

---
 web/src/pages/SearchManage/dict/Common.js     | 621 +++++++++---------
 .../pages/SearchManage/dict/Professional.js   | 246 ++++---
 2 files changed, 417 insertions(+), 450 deletions(-)

diff --git a/web/src/pages/SearchManage/dict/Common.js b/web/src/pages/SearchManage/dict/Common.js
index 530ea6b5..e56bd3c3 100644
--- a/web/src/pages/SearchManage/dict/Common.js
+++ b/web/src/pages/SearchManage/dict/Common.js
@@ -1,15 +1,20 @@
 import React, { PureComponent, Fragment } from 'react';
 import { connect } from 'dva';
 import {
-  Row,
-  Col,
-  Card,
-  Form,
-  Input,
-  Button,
-  Modal,
-  message,
-  Divider,
+Row,
+Col,
+Card,
+Form,
+Input,
+Button,
+Modal,
+message,
+Divider,
+Icon,
+DatePicker,
+TimePicker,
+Select,
+Popover,
 } from 'antd';
 import StandardTable from '@/components/StandardTable';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
@@ -18,413 +23,401 @@ import styles from '../../List/TableList.less';
 
 const FormItem = Form.Item;
 const { TextArea } = Input;
+const fieldLabels = {
+keyword_type: '关键词分类'
+
+};
+
 
 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}
-      width={640}
-      onOk={okHandle}
-      onCancel={() => handleModalVisible()}
-    >
-       <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板名称">
-        {form.getFieldDecorator('name', {
-          rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
-        })(<Input placeholder="请输入名称" />)}
-      </FormItem>
-      <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板设置">
-        {form.getFieldDecorator('settings', {
-          rules: [{ required: true }],
-        })(<TextArea
-          style={{ minHeight: 24 }}
-          placeholder="请输入"
-          rows={9}
-      />)}
-      </FormItem>
+    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}
+    width={640}
+    onOk={okHandle}
+    onCancel={() => handleModalVisible()}>
+    <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="关键词">
+            {form.getFieldDecorator('name', {
+                rules: [{ required: true, message: '请输入至少一个字符的名称！', min: 1 }],
+            })(<Input placeholder="请输入关键词" />)}
+    </FormItem>
+    <Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }}  label='关键词分类'>
+    {form.getFieldDecorator('keyword_type', {
+        rules: [{ required: true, message: '请选择关键词类型' }],
+    })(
+    <Select labelCol={{ span: 5 }} wrapperCol={{ span: 15 }}  placeholder="请选择关键词类型">
+        <Option value="keyun">敏感词</Option>
+        <Option value="huoyun">提示词</Option>
+        <Option value="xianlu1">同义词</Option>
+        <Option value="xianlu2">过滤词</Option>
+        <Option value="xianlu3">停用词</Option>
+        <Option value="xianlu4">保留词</Option>
+        <Option value="xianlu5">纠错词</Option>
+        <Option value="xianlu6">相关搜索</Option>
+        <Option value="xianlu7">热点词管理</Option>
+     </Select>
+    )}
+    </Form.Item>
     </Modal>
-  );
+);
 });
 
 const UpdateForm = Form.create()(props => {
-  const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
+const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
 
-  const okHandle = () => {
+const okHandle = () => {
     form.validateFields((err, fieldsValue) => {
-      if (err) return;
-      form.resetFields();
-      handleUpdate(fieldsValue);
+        if (err) return;
+        form.resetFields();
+        handleUpdate(fieldsValue);
     });
-  };
-  
-  return (
-    <Modal
-      destroyOnClose
-      title="模板设置"
-      visible={updateModalVisible}
-      width={640}
-      onOk={okHandle}
-      onCancel={() => handleUpdateModalVisible()}
-    >
-       <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板名称">
-        {form.getFieldDecorator('name', {
-          initialValue: values.name,
-          rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
-        })(<Input placeholder="请输入名称" />)}
+};
+
+return (
+    <Modal destroyOnClose title="新增关键词" visible={updateModalVisible} width={640} onOk={okHandle}
+      onCancel={() => handleUpdateModalVisible()}>
+
+      <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="关键词">
+          {form.getFieldDecorator('keyword', {
+              initialValue: values.nakeywordme,
+              rules: [{ required: true, message: '请输入至少一个字符的名称！', min: 1 }],
+          })(<Input placeholder="请输入关键词" />)}
       </FormItem>
-      <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板设置">
-        {form.getFieldDecorator('settings', {
-          initialValue: values.processors,
-          rules: [{ required: true }],
-        })(<TextArea
-          style={{ minHeight: 24 }}
-          placeholder="请输入"
-          rows={9}
-      />)}
-      </FormItem>
-    </Modal>
-  );
-});
+
+        <Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label={fieldLabels.keyword_type}>
+        {form.getFieldDecorator('keyword_type', {
+            rules: [{ required: true, message: '请选择关键词类型' }],
+        })(
+        <Select placeholder="请选择关键词类型">
+            <Option value="keyun">敏感词</Option>
+            <Option value="huoyun">提示词</Option>
+            <Option value="xianlu">同义词</Option>
+            <Option value="xianlu">过滤词</Option>
+            <Option value="xianlu">停用词</Option>
+            <Option value="xianlu">保留词</Option>
+            <Option value="xianlu">纠错词</Option>
+            <Option value="xianlu">相关搜索</Option>
+            <Option value="xianlu">热点词管理</Option>
+            </Select>
+        )}
+      </Form.Item>
+      </Modal>
+      );
+      });
 
 /* eslint react/no-multi-comp:0 */
 @connect(({ pipeline, loading }) => ({
-  pipeline,
-  loading: loading.models.pipeline,
+    pipeline,
+    loading: loading.models.pipeline,
 }))
 @Form.create()
 class Common extends PureComponent {
-  state = {
-    modalVisible: false,
-    updateModalVisible: false,
-    expandForm: false,
-    selectedRows: [],
-    formValues: {},
-    updateFormValues: {},
-  };
-  //index template detail example
-  // {
-  //   ".ml-state" : {
-  //     "order" : 0,
-  //     "version" : 7090199,
-  //     "index_patterns" : [
-  //       ".ml-state*"
-  //     ],
-  //     "settings" : {
-  //       "index" : {
-  //         "hidden" : "true",
-  //         "lifecycle" : {
-  //           "name" : "ml-size-based-ilm-policy",
-  //           "rollover_alias" : ".ml-state-write"
-  //         },
-  //         "auto_expand_replicas" : "0-1"
-  //       }
-  //     },
-  //     "mappings" : {
-  //       "_meta" : {
-  //         "version" : "7090199"
-  //       },
-  //       "enabled" : false
-  //     },
-  //     "aliases" : { }
-  //   }
-  // }
-  datasource = `
-  [
-    {
-      "name" : "filebeat-7.9.1",
-      "index_patterns" : "[filebeat-7.9.1-*]",
-      "order" : "1",
-      "version" : null,
-      "composed_of" : ""
-    },
-    {
-      "name" : "apm-7.9.1-span",
-      "index_patterns" : "[apm-7.9.1-span*]",
-      "order" : "2",
-      "version" : null,
-      "composed_of" : ""
-    },
-    {
-      "name" : ".lists-default",
-      "index_patterns" : "[.lists-default-*]",
-      "order" : "0",
-      "version" : null,
-      "composed_of" : ""
-    },
-    {
-      "name" : ".monitoring-es",
-      "index_patterns" : "[.monitoring-es-7-*]",
-      "order" : "0",
-      "version" : "7000199",
-      "composed_of" : ""
-    },
-    {
-      "name" : ".monitoring-beats",
-      "index_patterns" : "[.monitoring-beats-7-*]",
-      "order" : "0",
-      "version" : "7000199",
-      "composed_of" : ""
-    }]`;
+    state = {
+        modalVisible: false,
+        updateModalVisible: false,
+        expandForm: false,
+        selectedRows: [],
+        formValues: {},
+        updateFormValues: {},
+    };
+    datasource = `
+          [
+          {
+          "keyword" : "验收标准",
+          "type" : "停用词"
+          },
+          {
+          "keyword" : "桥梁施工技术规范",
+          "type" : "停用词"
+          },{
+          "keyword" : "路规",
+          "type" : "停用词"
+          },{
+          "keyword" : "遂规",
+          "type" : "热点词"
+          },
+          {
+          "keyword" : "铁路技术管理规则",
+          "type" : "热点词"
+          },{
+          "keyword" : "行车组织规则",
+          "type" : "热点词"
+          },
+          {
+          "keyword" : "铁路交通事故调查处理规则",
+          "type" : "热点词"
+          }]`;
 
-  columns = [
-    {
-      title: '模板名称',
-      dataIndex: 'name',
-    },
-    {
-      title: '模式',
-      dataIndex: 'index_patterns',
-    },
-    {
-      title: 'order',
-      dataIndex: 'order'
-    },
-    {
-      title: '版本',
-      dataIndex: 'version'
-    },
-    {
-      title: '操作',
-      render: (text, record) => (
-        <Fragment>
-          <a onClick={() => this.handleUpdateModalVisible(true, record)}>设置</a>
-          <Divider type="vertical" />
-          <a onClick={() => {
-            this.state.selectedRows.push(record);
-            this.handleDeleteClick();
-          }}>删除</a>
-        </Fragment>
-      ),
-    },
-  ];
+    columns = [
+        {
+            title: '关键词名称',
+            dataIndex: 'keyword',
+        },
+        {
+            title: '关键词分类',
+            dataIndex: 'type',
+        },
+        {
+            title: '操作',
+            render: (text, record) => (
+                <Fragment>
+                <a onClick={() => this.handleUpdateModalVisible(true, record)}>修改</a>
+<Divider type="vertical" />
+    <a onClick={() => {
+    this.state.selectedRows.push(record);
+    this.handleDeleteClick();
+}}>删除</a>
+</Fragment>
+),
+},
+];
 
-  componentDidMount() {
+componentDidMount() {
     const { dispatch } = this.props;
     // dispatch({
     //   type: 'pipeline/fetch',
     // });
-  }
+}
 
-  handleStandardTableChange = (pagination, filtersArg, sorter) => {
+handleStandardTableChange = (pagination, filtersArg, sorter) => {
     const { dispatch } = this.props;
     const { formValues } = this.state;
 
     const filters = Object.keys(filtersArg).reduce((obj, key) => {
-      const newObj = { ...obj };
-      newObj[key] = getValue(filtersArg[key]);
-      return newObj;
+        const newObj = { ...obj };
+        newObj[key] = getValue(filtersArg[key]);
+        return newObj;
     }, {});
 
     const params = {
-      currentPage: pagination.current,
-      pageSize: pagination.pageSize,
-      ...formValues,
-      ...filters,
+        currentPage: pagination.current,
+        pageSize: pagination.pageSize,
+        ...formValues,
+        ...filters,
     };
     if (sorter.field) {
-      params.sorter = `${sorter.field}_${sorter.order}`;
+        params.sorter = `${sorter.field}_${sorter.order}`;
     }
 
     dispatch({
-      type: 'pipeline/fetch',
-      payload: params,
+        type: 'pipeline/fetch',
+        payload: params,
     });
-  };
+};
 
-  handleFormReset = () => {
+handleFormReset = () => {
     const { form, dispatch } = this.props;
     form.resetFields();
     this.setState({
-      formValues: {},
+        formValues: {},
     });
     dispatch({
-      type: 'pipeline/fetch',
-      payload: {},
+        type: 'pipeline/fetch',
+        payload: {},
     });
-  };
+};
 
-  handleDeleteClick = e => {
+handleDeleteClick = e => {
     const { dispatch } = this.props;
     const { selectedRows } = this.state;
 
     if (!selectedRows) return;
-        dispatch({
-          type: 'pipeline/delete',
-          payload: {
+    dispatch({
+        type: 'pipeline/delete',
+        payload: {
             key: selectedRows.map(row => row.name),
-          },
-          callback: () => {
+        },
+        callback: () => {
             this.setState({
-              selectedRows: [],
+                selectedRows: [],
             });
-          },
-        });
-  };
-
-  handleSelectRows = rows => {
-    this.setState({
-      selectedRows: rows,
+        },
     });
-  };
+};
 
-  handleSearch = e => {
+handleSelectRows = rows => {
+    this.setState({
+        selectedRows: rows,
+    });
+};
+
+handleSearch = e => {
     e.preventDefault();
 
     const { dispatch, form } = this.props;
 
     form.validateFields((err, fieldsValue) => {
-      if (err) return;
+        if (err) return;
 
-      const values = {
-        ...fieldsValue,
-        updatedAt: fieldsValue.updatedAt && fieldsValue.updatedAt.valueOf(),
-      };
+        const values = {
+            ...fieldsValue,
+            updatedAt: fieldsValue.updatedAt && fieldsValue.updatedAt.valueOf(),
+        };
 
-      this.setState({
-        formValues: values,
-      });
+        this.setState({
+            formValues: values,
+        });
 
-      dispatch({
-        type: 'rule/fetch',
-        payload: values,
-      });
+        dispatch({
+            type: 'rule/fetch',
+            payload: values,
+        });
     });
-  };
+};
 
-  handleModalVisible = flag => {
+handleModalVisible = flag => {
     this.setState({
-      modalVisible: !!flag,
+        modalVisible: !!flag,
     });
-  };
+};
 
-  handleUpdateModalVisible = (flag, record) => {
+handleUpdateModalVisible = (flag, record) => {
     this.setState({
-      updateModalVisible: !!flag,
-      updateFormValues: record || {},
+        updateModalVisible: !!flag,
+        updateFormValues: record || {},
     });
-  };
+};
 
-  handleAdd = fields => {
+handleAdd = fields => {
     const { dispatch } = this.props;
     dispatch({
-      type: 'pipeline/add',
-      payload: {
-        name: fields.name,
-        desc: fields.desc,
-        processors: fields.processors,
-      },
+        type: 'pipeline/add',
+        payload: {
+            name: fields.name,
+            desc: fields.desc,
+            processors: fields.processors,
+        },
     });
 
     message.success('添加成功');
     this.handleModalVisible();
-  };
+};
 
-  handleUpdate = fields => {
+handleUpdate = fields => {
     const { dispatch } = this.props;
     dispatch({
-      type: 'pipeline/update',
-      payload: {
-        name: fields.name,
-        desc: fields.desc,
-        processors: fields.processors,
-      },
+        type: 'pipeline/update',
+        payload: {
+            name: fields.name,
+            desc: fields.desc,
+            processors: fields.processors,
+        },
     });
 
     message.success('修改成功');
     this.handleUpdateModalVisible();
-  };
+};
 
-  renderSimpleForm() {
+renderSimpleForm() {
     const {
-      form: { getFieldDecorator },
+        form: { getFieldDecorator },
     } = this.props;
     return (
-      <Form onSubmit={this.handleSearch} layout="inline">
+        <Form onSubmit={this.handleSearch} layout="inline">
         <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
-          <Col md={8} sm={24}>
-            <FormItem label="模板名称">
-              {getFieldDecorator('name')(<Input placeholder="请输入" />)}
-            </FormItem>
-          </Col>
-          <Col md={8} sm={24}>
-            <span className={styles.submitButtons}>
-              <Button type="primary" htmlType="submit">
+        <Col lg={6} md={12} sm={24}>
+                <Form.Item label={fieldLabels.keyword_type}>
+            {getFieldDecorator('keyword_type', {
+                rules: [{ required: true, message: '请选择关键词类型' }],
+            })(
+            <Select placeholder="请选择关键词类型">
+                <Option value="keyun">敏感词</Option>
+                <Option value="huoyun">提示词</Option>
+                <Option value="xianlu">同义词</Option>
+                <Option value="xianlu">过滤词</Option>
+                <Option value="xianlu">停用词</Option>
+                <Option value="xianlu">保留词</Option>
+                <Option value="xianlu">纠错词</Option>
+                <Option value="xianlu">相关搜索</Option>
+                <Option value="xianlu">热点词管理</Option>
+                </Select>
+            )}
+        </Form.Item>
+            </Col>
+            <Col md={8} sm={24}>
+                <FormItem label="关键词">
+                {getFieldDecorator('name')(<Input placeholder="请输入关键词" />)}
+        </FormItem>
+            </Col>
+            <Col md={8} sm={24}>
+                <span className={styles.submitButtons}>
+        <Button type="primary" htmlType="submit">
                 查询
-              </Button>
-              <Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
-                重置
-              </Button>
-            </span>
-          </Col>
-        </Row>
-      </Form>
-    );
-  }
+                </Button>
+                <Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
+            重置
+            </Button>
+    </span>
+    </Col>
+    </Row>
+    </Form>
+);
+}
 
-  renderForm() {
+renderForm() {
     return this.renderSimpleForm();
-  }
+}
 
-  render() {
+render() {
     const data = {
-      list: JSON.parse(this.datasource),
-      pagination: {
-        pageSize: 5,
-      },
+        list: JSON.parse(this.datasource),
+        pagination: {
+            pageSize: 5,
+        },
     };
     const { selectedRows, modalVisible, updateModalVisible, updateFormValues } = this.state;
     const parentMethods = {
-      handleAdd: this.handleAdd,
-      handleModalVisible: this.handleModalVisible,
+        handleAdd: this.handleAdd,
+        handleModalVisible: this.handleModalVisible,
     };
     const updateMethods = {
-      handleUpdateModalVisible: this.handleUpdateModalVisible,
-      handleUpdate: this.handleUpdate,
+        handleUpdateModalVisible: this.handleUpdateModalVisible,
+        handleUpdate: this.handleUpdate,
     };
     return (
-      <Fragment>
+        <Fragment>
         <Card bordered={false}>
-          <div className={styles.tableList}>
-            <div className={styles.tableListForm}>{this.renderForm()}</div>
+        <div className={styles.tableList}>
+        <div className={styles.tableListForm}>{this.renderForm()}</div>
             <div className={styles.tableListOperator}>
-              <Button icon="plus" type="primary" onClick={() => this.handleModalVisible(true)}>
-                新建
-              </Button>
-              {selectedRows.length > 0 && (
-                <span>
-                  <Button onClick={() => this.handleDeleteClick()}>删除</Button>
-                </span>
-              )}
-            </div>
+        <Button icon="plus" type="primary" onClick={() => this.handleModalVisible(true)}>
+            新增关键词
+            </Button>
+            {selectedRows.length > 0 && (
+            <span>
+            <Button onClick={() => this.handleDeleteClick()}>删除</Button>
+            </span>
+            )}
+        </div>
             <StandardTable
-              selectedRows={selectedRows}
-              data={data}
-              columns={this.columns}
-              onSelectRow={this.handleSelectRows}
-              onChange={this.handleStandardTableChange}
+            selectedRows={selectedRows}
+            data={data}
+            columns={this.columns}
+            onSelectRow={this.handleSelectRows}
+            onChange={this.handleStandardTableChange}
             />
-          </div>
-        </Card>
-        <CreateForm {...parentMethods} modalVisible={modalVisible} />
-        {updateFormValues && Object.keys(updateFormValues).length ? (
-          <UpdateForm
-            {...updateMethods}
-            updateModalVisible={updateModalVisible}
-            values={updateFormValues}
-          />
-        ) : null}
-      </Fragment>
-    );
-  }
+            </div>
+            </Card>
+            <CreateForm {...parentMethods} modalVisible={modalVisible} />
+            {updateFormValues && Object.keys(updateFormValues).length ? (
+                <UpdateForm
+                {...updateMethods}
+                updateModalVisible={updateModalVisible}
+                values={updateFormValues}
+                />
+            ) : null}
+        </Fragment>
+        );
+    }
 }
-
 export default Common;
diff --git a/web/src/pages/SearchManage/dict/Professional.js b/web/src/pages/SearchManage/dict/Professional.js
index 8be3b880..a9583997 100644
--- a/web/src/pages/SearchManage/dict/Professional.js
+++ b/web/src/pages/SearchManage/dict/Professional.js
@@ -10,6 +10,11 @@ import {
   Modal,
   message,
   Divider,
+  Icon,
+  DatePicker,
+  TimePicker,
+  Select,
+  Popover,
 } from 'antd';
 import StandardTable from '@/components/StandardTable';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
@@ -18,81 +23,82 @@ import styles from '../../List/TableList.less';
 
 const FormItem = Form.Item;
 const { TextArea } = Input;
+const fieldLabels = {
+    keyword_type: '关键词分类'
 
+};
 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}
-      width={640}
-      onOk={okHandle}
-      onCancel={() => handleModalVisible()}
-    >
-       <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板名称">
+    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}
+    width={640}
+    onOk={okHandle}
+    onCancel={() => handleModalVisible()}>
+<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="关键词">
         {form.getFieldDecorator('name', {
-          rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
-        })(<Input placeholder="请输入名称" />)}
-      </FormItem>
-      <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板设置">
-        {form.getFieldDecorator('settings', {
-          rules: [{ required: true }],
-        })(<TextArea
-          style={{ minHeight: 24 }}
-          placeholder="请输入"
-          rows={9}
-      />)}
-      </FormItem>
+            rules: [{ required: true, message: '请输入至少一个字符的名称！', min: 1 }],
+        })(<Input placeholder="请输入关键词" />)}
+</FormItem>
+    <Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }}  label='关键词分类'>
+        {form.getFieldDecorator('keyword_type', {
+            rules: [{ required: true, message: '请选择关键词类型' }],
+        })(
+        <Select placeholder="请选择关键词类型">
+        <Option value="keyun">客运</Option>
+        <Option value="huoyun">货运</Option>
+        <Option value="xianlu">线路</Option>
+        </Select>
+)}
+</Form.Item>
     </Modal>
-  );
+);
 });
 
 const UpdateForm = Form.create()(props => {
-  const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
+    const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
 
-  const okHandle = () => {
-    form.validateFields((err, fieldsValue) => {
-      if (err) return;
-      form.resetFields();
-      handleUpdate(fieldsValue);
-    });
-  };
-  
-  return (
-    <Modal
-      destroyOnClose
-      title="模板设置"
-      visible={updateModalVisible}
-      width={640}
-      onOk={okHandle}
-      onCancel={() => handleUpdateModalVisible()}
-    >
-       <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板名称">
-        {form.getFieldDecorator('name', {
-          initialValue: values.name,
-          rules: [{ required: true, message: '请输入至少五个字符的名称！', min: 5 }],
-        })(<Input placeholder="请输入名称" />)}
-      </FormItem>
-      <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="模板设置">
-        {form.getFieldDecorator('settings', {
-          initialValue: values.processors,
-          rules: [{ required: true }],
-        })(<TextArea
-          style={{ minHeight: 24 }}
-          placeholder="请输入"
-          rows={9}
-      />)}
-      </FormItem>
+    const okHandle = () => {
+        form.validateFields((err, fieldsValue) => {
+            if (err) return;
+            form.resetFields();
+            handleUpdate(fieldsValue);
+        });
+    };
+
+    return (
+        <Modal destroyOnClose title="新增关键词" visible={updateModalVisible} width={640} onOk={okHandle}
+    onCancel={() => handleUpdateModalVisible()}>
+
+<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="关键词">
+        {form.getFieldDecorator('keyword', {
+            initialValue: values.nakeywordme,
+            rules: [{ required: true, message: '请输入至少一个字符的名称！', min: 1 }],
+        })(<Input placeholder="请输入关键词" />)}
+</FormItem>
+
+    <Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label={fieldLabels.keyword_type}>
+    {form.getFieldDecorator('keyword_type', {
+        rules: [{ required: true, message: '请选择关键词类型' }],
+    })(
+    <Select placeholder="请选择关键词类型">
+        <Option value="keyun">客运</Option>
+        <Option value="huoyun">货运</Option>
+        <Option value="xianlu">线路</Option>
+        </Select>
+    )}
+</Form.Item>
     </Modal>
-  );
+);
 });
 
 /* eslint react/no-multi-comp:0 */
@@ -110,93 +116,48 @@ class Professional extends PureComponent {
     formValues: {},
     updateFormValues: {},
   };
-  //index template detail example
-  // {
-  //   ".ml-state" : {
-  //     "order" : 0,
-  //     "version" : 7090199,
-  //     "index_patterns" : [
-  //       ".ml-state*"
-  //     ],
-  //     "settings" : {
-  //       "index" : {
-  //         "hidden" : "true",
-  //         "lifecycle" : {
-  //           "name" : "ml-size-based-ilm-policy",
-  //           "rollover_alias" : ".ml-state-write"
-  //         },
-  //         "auto_expand_replicas" : "0-1"
-  //       }
-  //     },
-  //     "mappings" : {
-  //       "_meta" : {
-  //         "version" : "7090199"
-  //       },
-  //       "enabled" : false
-  //     },
-  //     "aliases" : { }
-  //   }
-  // }
   datasource = `
   [
     {
-      "name" : "filebeat-7.9.1",
-      "index_patterns" : "[filebeat-7.9.1-*]",
-      "order" : "1",
-      "version" : null,
-      "composed_of" : ""
+      "keyword" : "验收标准",
+      "type" : "客运"
     },
     {
-      "name" : "apm-7.9.1-span",
-      "index_patterns" : "[apm-7.9.1-span*]",
-      "order" : "2",
-      "version" : null,
-      "composed_of" : ""
+      "keyword" : "桥梁施工技术规范",
+      "type" : "客运"
+    },{
+      "keyword" : "路规",
+      "type" : "客运"
+    },{
+      "keyword" : "遂规",
+      "type" : "客运"
     },
     {
-      "name" : ".lists-default",
-      "index_patterns" : "[.lists-default-*]",
-      "order" : "0",
-      "version" : null,
-      "composed_of" : ""
+      "keyword" : "铁路技术管理规则",
+      "type" : "客运"
+    },{
+      "keyword" : "行车组织规则",
+      "type" : "客运"
     },
     {
-      "name" : ".monitoring-es",
-      "index_patterns" : "[.monitoring-es-7-*]",
-      "order" : "0",
-      "version" : "7000199",
-      "composed_of" : ""
-    },
-    {
-      "name" : ".monitoring-beats",
-      "index_patterns" : "[.monitoring-beats-7-*]",
-      "order" : "0",
-      "version" : "7000199",
-      "composed_of" : ""
+      "keyword" : "铁路交通事故调查处理规则",
+      "type" : "客运"
     }]`;
 
   columns = [
     {
-      title: '模板名称',
-      dataIndex: 'name',
+      title: '关键词名称',
+      dataIndex: 'keyword',
     },
     {
-      title: '模式',
-      dataIndex: 'index_patterns',
-    },
-    {
-      title: 'order',
-      dataIndex: 'order'
-    },
-    {
-      title: '版本',
-      dataIndex: 'version'
+      title: '关键词分类',
+      dataIndex: 'type',
     },
     {
       title: '操作',
       render: (text, record) => (
         <Fragment>
-          <a onClick={() => this.handleUpdateModalVisible(true, record)}>设置</a>
+          <a onClick={() => this.handleUpdateModalVisible(true, record)}>修改</a>
           <Divider type="vertical" />
           <a onClick={() => {
             this.state.selectedRows.push(record);
@@ -350,9 +311,22 @@ class Professional extends PureComponent {
     return (
       <Form onSubmit={this.handleSearch} layout="inline">
         <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
+          <Col lg={6} md={12} sm={24}>
+                  <Form.Item label={fieldLabels.keyword_type}>
+              {getFieldDecorator('keyword_type', {
+                  rules: [{ required: true, message: '请选择关键词类型' }],
+              })(
+                 <Select placeholder="请选择关键词类型">
+                  <Option value="keyun">客运</Option>
+                  <Option value="huoyun">货运</Option>
+                  <Option value="xianlu">线路</Option>
+                  </Select>
+              )}
+          </Form.Item>
+              </Col>
           <Col md={8} sm={24}>
-            <FormItem label="模板名称">
-              {getFieldDecorator('name')(<Input placeholder="请输入" />)}
+            <FormItem label="关键词">
+              {getFieldDecorator('name')(<Input placeholder="请输入关键词" />)}
             </FormItem>
           </Col>
           <Col md={8} sm={24}>
@@ -397,7 +371,7 @@ class Professional extends PureComponent {
             <div className={styles.tableListForm}>{this.renderForm()}</div>
             <div className={styles.tableListOperator}>
               <Button icon="plus" type="primary" onClick={() => this.handleModalVisible(true)}>
-                新建
+                新增关键词
               </Button>
               {selectedRows.length > 0 && (
                 <span>