From 928f7bcf7cf0aa7ccd3c046f5b5176917fe156f3 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Fri, 11 Dec 2020 14:36:12 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=E7=99=BB=E5=BD=95=E5=90=8E=E6=9C=AA?=
 =?UTF-8?q?=E4=BF=9D=E5=AD=98=E5=BD=93=E5=89=8D=E9=A1=B9=E7=9B=AE=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/business/components/common/head/SearchList.vue | 10 ++++++----
 frontend/src/common/js/utils.js                        |  1 +
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/business/components/common/head/SearchList.vue b/frontend/src/business/components/common/head/SearchList.vue
index 9981df1e84..b6f3c3ba2c 100644
--- a/frontend/src/business/components/common/head/SearchList.vue
+++ b/frontend/src/business/components/common/head/SearchList.vue
@@ -16,7 +16,7 @@
         <template slot="title">
           <div class="title">
             {{ i.name }}
-            <i class="el-icon-check" v-if="i.id === projectId"></i>
+            <i class="el-icon-check" v-if="i.id === currentProjectId"></i>
           </div>
         </template>
       </el-menu-item>
@@ -26,7 +26,7 @@
 </template>
 
 <script>
-import {getCurrentUser, hasRoles} from "@/common/js/utils";
+import {getCurrentProjectID, getCurrentUser, hasRoles} from "@/common/js/utils";
 import {PROJECT_ID, ROLE_TEST_MANAGER, ROLE_TEST_USER, ROLE_TEST_VIEWER} from "@/common/js/constants";
 
 export default {
@@ -43,7 +43,7 @@ export default {
       items: [],
       search_text: '',
       userId: getCurrentUser().id,
-      projectId: localStorage.getItem(PROJECT_ID)
+      currentProjectId: localStorage.getItem(PROJECT_ID)
     }
   },
   watch: {
@@ -61,6 +61,9 @@ export default {
         this.result = this.$get(this.options.url, (response) => {
           this.items = response.data;
           this.items = this.items.splice(0, 3);
+          if (!getCurrentProjectID() && this.items.length > 0) {
+            this.change(this.items[0].id);
+          }
         });
       }
     },
@@ -72,7 +75,6 @@ export default {
       }
     },
     change(projectId) {
-      // todo 初始化的时候切换默认项目
       this.$post("/user/update/current", {id: this.userId, lastProjectId: projectId}, () => {
         localStorage.setItem(PROJECT_ID, projectId);
         window.location.reload();
diff --git a/frontend/src/common/js/utils.js b/frontend/src/common/js/utils.js
index 41ee406e5e..0cda8bd240 100644
--- a/frontend/src/common/js/utils.js
+++ b/frontend/src/common/js/utils.js
@@ -96,6 +96,7 @@ export function getCurrentProjectID() {
 export function saveLocalStorage(response) {
   // 登录信息保存 cookie
   localStorage.setItem(TokenKey, JSON.stringify(response.data));
+  localStorage.setItem(PROJECT_ID, response.data.lastProjectId);
   let rolesArray = response.data.roles;
   let roles = rolesArray.map(r => r.id);
   // 保存角色

From 4b217861afe5ad8f1cde7beeca4690d78e423638 Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Fri, 11 Dec 2020 14:36:49 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E5=A4=B4=E5=90=8E=20body=20=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=94=99=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../definition/components/body/ApiBody.vue    |  2 ++
 .../request/http/ApiHttpRequestForm.vue       | 23 +++++++++++----
 .../common/components/MsCodeEdit.vue          | 29 ++++++++++---------
 3 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/body/ApiBody.vue b/frontend/src/business/components/api/definition/components/body/ApiBody.vue
index 687e20c143..08c82a2d99 100644
--- a/frontend/src/business/components/api/definition/components/body/ApiBody.vue
+++ b/frontend/src/business/components/api/definition/components/body/ApiBody.vue
@@ -130,12 +130,14 @@
         })
         if (!isType) {
           this.headers.unshift(new KeyValue({name: "Content-Type", value: value}));
+          this.$emit('headersChange');
         }
       },
       removeContentType() {
         for (let index in this.headers) {
           if (this.headers[index].name === "Content-Type") {
             this.headers.splice(index, 1);
+            this.$emit('headersChange');
             return;
           }
         }
diff --git a/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue b/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue
index 8d26af88e6..d91e138733 100644
--- a/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue
+++ b/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue
@@ -3,7 +3,7 @@
     <el-col :span="21">
       <!-- HTTP 请求参数 -->
       <div style="border:1px #DCDFE6 solid; height: 100%;border-radius: 4px ;width: 100%">
-        <el-tabs v-model="activeName" style="margin: 20px;min-height: 200px">
+        <el-tabs v-model="activeName" class="request-tabs">
           <!-- 请求头-->
           <el-tab-pane :label="$t('api_test.request.headers')" name="headers">
             <el-tooltip class="item-tabs" effect="dark" :content="$t('api_test.request.headers')" placement="top-start" slot="label">
@@ -43,8 +43,8 @@
           </el-tab-pane>
 
           <!--请求体-->
-          <el-tab-pane :label="$t('api_test.request.body')" name="body">
-            <ms-api-body :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :headers="headers" :body="request.body"/>
+          <el-tab-pane v-if="isBodyShow" :label="$t('api_test.request.body')" name="body">
+            <ms-api-body @headersChange="reloadBody" :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :headers="headers" :body="request.body"/>
           </el-tab-pane>
 
           <!-- 认证配置 -->
@@ -148,6 +148,7 @@
         },
         headerSuggestions: REQUEST_HEADERS,
         isReloadData: false,
+        isBodyShow: true
       }
     },
 
@@ -207,8 +208,15 @@
         if (!this.request.arguments) {
           this.request.arguments = [];
         }
+      },
+      // 解决修改请求头后 body 显示错位
+      reloadBody() {
+        this.isBodyShow = false;
+        this.$nextTick(() => {
+          this.isBodyShow = true;
+        });
       }
-    },
+    }
   }
 </script>
 
@@ -222,7 +230,7 @@
   }
 
   .ms-query {
-    background: #7F7F7F;
+    background: #783887;
     color: white;
     height: 18px;
     border-radius: 42%;
@@ -234,4 +242,9 @@
     height: 18px;
     border-radius: 42%;
   }
+
+  .request-tabs {
+    margin: 20px;
+    min-height: 200px;
+  }
 </style>
diff --git a/frontend/src/business/components/common/components/MsCodeEdit.vue b/frontend/src/business/components/common/components/MsCodeEdit.vue
index 2f443ee120..03b0e50371 100644
--- a/frontend/src/business/components/common/components/MsCodeEdit.vue
+++ b/frontend/src/business/components/common/components/MsCodeEdit.vue
@@ -54,6 +54,9 @@
         }
       },
       mounted() {
+        if (!this.data) {
+          this.formatData = "";
+        }
         this.format();
       },
       watch: {
@@ -81,20 +84,20 @@
         },
         format() {
           if (this.enableFormat) {
-            switch (this.mode) {
-              case 'json':
-                this.formatData = formatJson(this.data);
-                break;
-              case 'html':
-                this.formatData = toDiffableHtml(this.data);
-                break;
-              case 'xml':
-                this.formatData = formatXml(this.data);
-                break;
-              default:
-                if (this.data) {
+            if (this.data) {
+              switch (this.mode) {
+                case 'json':
+                  this.formatData = formatJson(this.data);
+                  break;
+                case 'html':
+                  this.formatData = toDiffableHtml(this.data);
+                  break;
+                case 'xml':
+                  this.formatData = formatXml(this.data);
+                  break;
+                default:
                   this.formatData = this.data;
-                }
+              }
             }
           } else {
             this.formatData = this.data;

From 934db9d33cd0209fd75b9e002a6db3ec1cb5e020 Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Fri, 11 Dec 2020 15:18:49 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix():=20=E6=8C=89=E9=92=AE=E8=BE=B9?=
 =?UTF-8?q?=E6=A1=86=E9=A2=9C=E8=89=B2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../request/http/ApiHttpRequestForm.vue       | 33 ++++++++++++++++---
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue b/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue
index d91e138733..9794ab2617 100644
--- a/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue
+++ b/frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue
@@ -75,13 +75,13 @@
     </el-col>
     <!--操作按钮-->
     <el-col :span="3" class="ms-left-cell">
-      <el-button class="ms-left-buttion" size="small" style="color: #B8741A;background-color: #F9F1EA" @click="addPre">+{{$t('api_test.definition.request.pre_script')}}</el-button>
+      <el-button class="ms-left-buttion" size="small" @click="addPre">+{{$t('api_test.definition.request.pre_script')}}</el-button>
       <br/>
-      <el-button class="ms-left-buttion" size="small" style="color: #783887;background-color: #F2ECF3" @click="addPost">+{{$t('api_test.definition.request.post_script')}}</el-button>
+      <el-button class="ms-left-buttion" size="small" @click="addPost">+{{$t('api_test.definition.request.post_script')}}</el-button>
       <br/>
-      <el-button class="ms-left-buttion" size="small" style="color: #A30014;background-color: #F7E6E9" @click="addAssertions">+{{$t('api_test.definition.request.assertions_rule')}}</el-button>
+      <el-button class="ms-left-buttion" size="small" @click="addAssertions">+{{$t('api_test.definition.request.assertions_rule')}}</el-button>
       <br/>
-      <el-button class="ms-left-buttion" size="small" style="color: #015478;background-color: #E6EEF2" @click="addExtract">+{{$t('api_test.definition.request.extract_param')}}</el-button>
+      <el-button class="ms-left-buttion" size="small" @click="addExtract">+{{$t('api_test.definition.request.extract_param')}}</el-button>
     </el-col>
   </el-row>
 </template>
@@ -247,4 +247,29 @@
     margin: 20px;
     min-height: 200px;
   }
+
+  .ms-left-cell .el-button:nth-of-type(1) {
+    color: #B8741A;
+    background-color: #F9F1EA;
+    border: #F9F1EA;
+  }
+
+  .ms-left-cell .el-button:nth-of-type(2) {
+    color: #783887;
+    background-color: #F2ECF3;
+    border: #F2ECF3;
+  }
+
+  .ms-left-cell .el-button:nth-of-type(3) {
+    color: #A30014;
+    background-color: #F7E6E9;
+    border: #F7E6E9;
+  }
+
+  .ms-left-cell .el-button:nth-of-type(4) {
+    color: #015478;
+    background-color: #E6EEF2;
+    border: #E6EEF2;
+  }
+
 </style>