From 2398dda3b1232686d44cf3bc89c7a5dd16343fa5 Mon Sep 17 00:00:00 2001
From: "gaoxiaolin.gao" <gaoxiaolin.gao@qunar.com>
Date: Tue, 19 Dec 2017 15:04:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E7=8E=AF=E5=A2=83=E5=8F=98=E9=87=8Fselect=E4=BE=9D=E7=84=B6?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/Postman/Postman.js          | 28 +++++++++----------
 .../Project/Setting/ProjectEnv/index.js       |  2 +-
 .../Project/Setting/ProjectEnv/index.scss     |  6 ++++
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/client/components/Postman/Postman.js b/client/components/Postman/Postman.js
index 90f2273d..93ad0ad3 100755
--- a/client/components/Postman/Postman.js
+++ b/client/components/Postman/Postman.js
@@ -123,21 +123,12 @@ export default class Run extends Component {
     if (!this.checkInterfaceData(data)) {
       return null;
     }
-    let headers = this.handleReqHeader(this.state.case_env, data.env);
     this.setState({
       ...this.state,
       ...data,
       resStatusCode: null,
-      resStatusText: null,
-      req_headers: headers
-    }, ()=>{
-      let s = !_.find(data.env, item => item.name === this.state.case_env);
-      if (!this.state.case_env || s) {
-        this.setState({
-          case_env: this.state.env[0].name
-        })
-      }
-    })
+      resStatusText: null
+    }, () => this.initEnvState(data.env))
   }
 
   initEnvState(env) {
@@ -145,6 +136,13 @@ export default class Run extends Component {
     this.setState({
       req_headers: headers,
       env: env
+    }, () => {
+      let s = !_.find(env, item => item.name === this.state.case_env);
+      if (!this.state.case_env || s) {
+        this.setState({
+          case_env: this.state.env[0].name
+        })
+      }
     })
   }
 
@@ -169,7 +167,7 @@ export default class Run extends Component {
       }
       if (nextProps.data.env !== this.props.data.env) {
         this.initEnvState(nextProps.data.env)
-        
+
       }
     }
   }
@@ -232,12 +230,12 @@ export default class Run extends Component {
     }
 
     let tempJson = result.body;
-    if(tempJson && typeof tempJson === 'object'){
+    if (tempJson && typeof tempJson === 'object') {
       result.body = JSON.stringify(tempJson, null, '  ')
       this.setState({
         res_body_type: 'json'
       })
-    }else if (isJson(result.body)) {
+    } else if (isJson(result.body)) {
       this.setState({
         res_body_type: 'json'
       })
@@ -314,7 +312,7 @@ export default class Run extends Component {
 
 
   handleEnvOk = (newEnv, index) => {
-    
+
     this.setState({
       envModalVisible: false,
       case_env: newEnv[index].name
diff --git a/client/containers/Project/Setting/ProjectEnv/index.js b/client/containers/Project/Setting/ProjectEnv/index.js
index 62175326..5049d56c 100644
--- a/client/containers/Project/Setting/ProjectEnv/index.js
+++ b/client/containers/Project/Setting/ProjectEnv/index.js
@@ -145,7 +145,7 @@ class ProjectEnv extends Component {
           onMouseEnter={() => this.enterItem(index)}
         >
           <span className="env-icon-style">
-            <span style={{ color: item.name === '新环境' && '#2395f1' }}>{item.name}</span>
+            <span className="env-name" style={{ color: item.name === '新环境' && '#2395f1' }}>{item.name}</span>
             <Popconfirm
               title="您确认删除此环境变量?"
               onConfirm={() => this.showConfirm(index, 'env')}
diff --git a/client/containers/Project/Setting/ProjectEnv/index.scss b/client/containers/Project/Setting/ProjectEnv/index.scss
index 763d0553..fe8a7c79 100644
--- a/client/containers/Project/Setting/ProjectEnv/index.scss
+++ b/client/containers/Project/Setting/ProjectEnv/index.scss
@@ -73,5 +73,11 @@
     display: none;
   }
 
+  .env-name{
+    width: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   
 }
\ No newline at end of file