refactor: 样式优化

frontend/src/business/components/api/definition/components/ApiModule.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-loading="result.loading">
-    <el-select style="width: 100px ;height: 30px" size="small" v-model="protocol" @change="changeProtocol">
+    <el-select class="protocol-select" size="small" v-model="protocol" @change="changeProtocol">
       <el-option
         v-for="item in options"
         :key="item.value"
@@ -9,10 +9,10 @@
         :disabled="item.disabled">
       </el-option>
     </el-select>
-    <el-input style="width: 175px; padding-left: 3px" :placeholder="$t('test_track.module.search')" v-model="filterText"
+    <el-input class="filter-input" :placeholder="$t('test_track.module.search')" v-model="filterText"
               size="small">
       <template v-slot:append>
-        <el-dropdown size="small" split-button type="primary" class="ms-api-buttion" @click="handleCommand('add-api')"
+        <el-dropdown size="small" split-button type="primary" class="ms-api-button" @click="handleCommand('add-api')"
                      @command="handleCommand">
           <el-button icon="el-icon-folder-add" @click="addApi"></el-button>
           <el-dropdown-menu slot="dropdown">
@@ -475,7 +475,26 @@
     height: 33px;
   }
 
-  .ms-api-buttion {
+  .ms-api-button {
     width: 30px;
   }
+
+  .protocol-select {
+    width: 95px;
+    height: 30px;
+  }
+
+  .filter-input {
+    width: 180px;
+    padding-left: 3px;
+  }
+
+  .ms-api-button .el-button {
+    padding: 10px;
+  }
+
+  .filter-input >>> .el-input-group__append {
+    padding-right: 10px;
+  }
+
 </style>

frontend/src/business/components/api/definition/components/basis/AddBasisApi.vue

@@ -36,6 +36,9 @@
                   :autosize="{ minRows: 2, maxRows: 10}"
                   :rows="2" size="small"/>
       </el-form-item>
+      <el-form-item class="create-tip">
+        {{$t('api_test.definition.create_tip')}}
+      </el-form-item>
     </el-form>
 
     <template v-slot:footer>
@@ -176,3 +179,11 @@
     }
   }
 </script>
+
+<style scoped>
+
+  .create-tip {
+    color: #8c939d;
+  }
+
+</style>

frontend/src/business/components/api/head/ApiHeaderMenus.vue

@@ -58,12 +58,6 @@
           </el-menu-item>
         </el-menu>
       </el-col>
-      <el-col :span="6">
-        <el-row type="flex" justify="center">
-          <ms-create-test :to="'/api/test/create'"/>
-        </el-row>
-      </el-col>
-      <el-col :span="4"/>
     </el-row>
   </div>
 

frontend/src/business/components/common/components/MsAsideContainer.vue

@@ -61,6 +61,7 @@
   }
 
   .hiddenBottom:hover {
+    background-color: #783887;
     opacity: 0.8;
     width: 12px;
   }

frontend/src/i18n/en-US.js

@@ -489,6 +489,7 @@ export default {
       api_case_number: "Number use case",
       api_case_status: "Ise case status",
       api_case_passing_rate: "Use case pass rate",
+      create_tip: "Note: Detailed interface information can be filled out on the edit page",
       request: {
         grade_info: "From high to low",
         run_env: "Operating environment",

frontend/src/i18n/zh-CN.js

@@ -487,6 +487,7 @@ export default {
       api_case_number: "用例数",
       api_case_status: "用例状态",
       api_case_passing_rate: "用例通过率",
+      create_tip: "注: 详细的接口信息可以在编辑页面填写",
       request: {
         grade_info: "按等级从高到低",
         run_env: "运行环境",

frontend/src/i18n/zh-TW.js

@@ -487,6 +487,7 @@ export default {
       api_case_number: "用例數",
       api_case_status: "用例狀態",
       api_case_passing_rate: "用例通過率",
+      create_tip: "註: 詳細的接口信息可以在編輯頁面填寫",
       request: {
         grade_info: "按等級從高到低",
         run_env: "運行環境",