fix graphql js

src/case/shopApp/src/components/HomePage/HomePage.jsx

@@ -76,11 +76,11 @@ class HomePage extends Component{
     }
 
     changeComponent(e){
-        if(e=='1'){
+        if(e==='1'){
             return(
                 <div>detail</div>
             )
-        }else if(e=='2'){
+        }else if(e==='2'){
             return(
                 <div>order</div>
             )

src/components/common/generateJs/GenerateJs.jsx

@@ -1,26 +1,61 @@
 import React, {Component} from 'react';
-
+import axios from 'axios';
 import {Tabs} from 'antd';
 
 const TabPane = Tabs.TabPane;
+axios.defaults.withCredentials = true;
 
 class GenerateJs extends Component {
     constructor(props) {
         super(props);
         this.state = {
-
+            schemaID:props.schemaID,
+            graphqlJs:'',
+            show: false
         };
     }
 
+    componentDidMount() {
+        // let requestUrl = 'http://123.206.193.98:8999/graphql/genjs';
+        let requestUrl = 'http://localhost:8999/graphql/genjs';
+        let _this = this;
+        axios.get(`${requestUrl}?schema=${this.state.schemaID}`)
+            .then((res) => {
+            console.log('js res',res);
+                if (res.data !== '') {
+                    _this.setState({
+                        graphqlJs: res.data,
+                        show: true
+                    })
+                } else {
+                    _this.setState({
+                        show: true
+                    })
+                }
+            })
+            .catch((err) => {
+                console.log(err);
+            });
+    }
+
+    componentWillReceiveProps(next) {
+        this.setState({
+            schemaID: next.schemaID,
+        });
+    }
+
     render() {
         return (
             <div>
                 <Tabs
                     defaultActiveKey="query"
                     tabPosition="left"
-                    style={{ height: 220 }}
+                    // style={{ height: 220 }}
                 >
-                    <TabPane tab="Query" key="query">Query Graphql</TabPane>
+                    <TabPane tab="Query" key="query">
+                        Query Graphql<br/>
+                        {this.state.graphqlJs}
+                    </TabPane>
                     <TabPane tab="Mutation" key="mutation">Mutation Graphql</TabPane>
                 </Tabs>
             </div>

src/components/trialCase/TrialCase.jsx

@@ -46,7 +46,7 @@ class TrialCase extends Component {
                     <Menu.Item key="application">application</Menu.Item>
                     <Menu.Item key="deploy">deploy</Menu.Item>
                     <Menu.Item key="graphql">graphql</Menu.Item>
-                    {/*<Menu.Item key="graphiql">graphql IDE</Menu.Item>*/}
+                    <Menu.Item key="graphiql">graphql IDE</Menu.Item>
                     <Menu.Item key="metabase">metabase</Menu.Item>
                 </Menu>
 
@@ -63,9 +63,9 @@ class TrialCase extends Component {
                                     case 'deploy':
                                         return <Deploy userID={this.state.userID} schemaID={schemaID} schemaName={schemaName}/>;
                                     case 'graphql':
-                                        return <GenerateJs/>;
-                                    // case 'graphiql':
-                                    //     return <Graphql/>;
+                                        return <GenerateJs schemaID={schemaID}/>;
+                                    case 'graphiql':
+                                        return <Graphql/>;
                                     case 'metabase':
                                         return <CaseMetabase/>;
                                     default: