fix

package.json

@@ -24,6 +24,7 @@
     "css-loader": "1.0.0",
     "dotenv": "6.0.0",
     "dotenv-expand": "4.2.0",
+    "draft-js": "^0.10.5",
     "eslint": "5.6.0",
     "eslint-config-react-app": "^3.0.5",
     "eslint-loader": "2.1.1",
@@ -59,12 +60,15 @@
     "react-app-polyfill": "^0.1.3",
     "react-dev-utils": "^6.1.0",
     "react-dom": "^16.6.0",
+    "react-draft-wysiwyg": "^1.12.13",
     "react-intl": "^2.7.2",
     "react-router": "^4.3.1",
     "react-router-dom": "^4.3.1",
     "redux": "^4.0.1",
     "resolve": "1.8.1",
     "sass-loader": "7.1.0",
+    "slate": "^0.44.9",
+    "slate-react": "^0.21.15",
     "style-loader": "0.23.0",
     "terser-webpack-plugin": "1.1.0",
     "url-loader": "1.1.1",

src/app/common/manage/Manage.jsx

@@ -36,7 +36,7 @@ class Manage extends Component {
 
     render() {
         const contentListNoTitle = {
-            tencent: <TencentResult userID={this.props.userID} projectID={this.props.projectID} trialcase={this.props.trialcase} switchMenu={this.props.switchMenu}/>,
+            tencent: <TencentResult userID={this.props.userID} projectID={this.props.projectID} trialcase={this.props.trialcase} switchMenu={this.props.switchMenu} kind={this.props.kind}/>,
             aliyun: <AliyunResult/>,
             amazon: <AmazonResult/>,
         };

src/ticket/Ticket.js

@@ -1,21 +1,48 @@
 import React, {Component} from 'react';
 import {Layout} from 'antd';
+import { Editor } from 'slate-react'
+import { Value } from 'slate'
 
 const {Content} = Layout;
 
+const initialValue = Value.fromJSON({
+    document: {
+        nodes: [
+            {
+                object: 'block',
+                type: 'paragraph',
+                nodes: [
+                    {
+                        object: 'text',
+                        leaves: [
+                            {
+                                text: 'A line of text in a paragraph.',
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    },
+});
+
 class Ticket extends Component {
     constructor() {
         super();
         this.state = {
-            kind: '工单'
+            value: initialValue,
         }
     }
 
+    onChange = ({ value }) => {
+        this.setState({ value })
+    };
+
     render() {
         return (
             <Layout style={{padding: '24px', zIndex: '0'}}>
                 <Content style={{padding: '24px', minHeight: 280, background: '#fff'}}>
-                    <div>Ticket</div>
+                    <Editor value={this.state.value} onChange={this.onChange} />
                 </Content>
             </Layout>
         )