style(接口自动化): 整体展示样式优化

frontend/src/business/components/api/automation/ApiAutomation.vue

@@ -273,5 +273,7 @@
 </script>
 
 <style scoped>
-
+  /deep/ .el-tabs__header {
+    margin: 0 0 0px;
+  }
 </style>

frontend/src/business/components/api/automation/scenario/AddBasisScenario.vue

@@ -74,7 +74,7 @@
         rule: {
           name: [
             {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
-            {max: 50, message: this.$t('test_track.length_less_than') + '50', trigger: 'blur'}
+            {max: 100, message: this.$t('test_track.length_less_than') + '100', trigger: 'blur'}
           ],
           principal: [{
             required: true,

frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue

@@ -11,6 +11,7 @@
                 @filter-change="filter"
                 @select-all="select" @select="select"
                 @header-dragend="headerDragend"
+                :height="screenHeight"
                 v-loading="loading">
 
         <el-table-column type="selection" width="50"/>
@@ -214,6 +215,7 @@
     data() {
       return {
         loading: false,
+        screenHeight: document.documentElement.clientHeight - 280,//屏幕高度,
         condition: {
           components: API_SCENARIO_CONFIGS
         },
@@ -649,4 +651,8 @@
   /deep/ .el-table__fixed {
     height: 110px !important;
   }
+
+  /deep/ .el-card__header {
+    padding: 10px;
+  }
 </style>

frontend/src/business/components/api/automation/scenario/EditApiScenario.vue

@@ -250,7 +250,7 @@
         rules: {
           name: [
             {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
-            {max: 50, message: this.$t('test_track.length_less_than') + '50', trigger: 'blur'}
+            {max: 100, message: this.$t('test_track.length_less_than') + '100', trigger: 'blur'}
           ],
           userId: [{required: true, message: this.$t('test_track.case.input_maintainer'), trigger: 'change'}],
           apiScenarioModuleId: [{required: true, message: this.$t('test_track.case.input_module'), trigger: 'change'}],

frontend/src/business/components/api/automation/scenario/variable/VariableList.vue

@@ -1,9 +1,9 @@
 <template>
   <el-dialog :title="$t('api_test.scenario.variables')" :close-on-click-modal="false"
-             :visible.sync="visible" class="environment-dialog" width="850px"
+             :visible.sync="visible" class="visible-dialog" width="60%"
              @close="close" v-loading="loading">
     <div>
-      <el-input placeholder="变量名称搜索" style="width: 50%;margin: 0px 0px 20px" v-model="selectVariable" size="small" @change="filter" @keyup.enter="filter">
+      <el-input placeholder="变量名称搜索" style="width: 50%;margin: 0px 0px 10px" v-model="selectVariable" size="small" @change="filter" @keyup.enter="filter">
         <el-select v-model="searchType" slot="prepend" placeholder="类型" style="width: 90px" @change="filter">
           <el-option value="CONSTANT" label="常量"></el-option>
           <el-option value="LIST" label="列表"></el-option>
@@ -36,15 +36,12 @@
           <ms-edit-list-value v-if="editData.type=='LIST'" ref="listValue" :editData="editData"/>
           <ms-edit-csv v-if="editData.type=='CSV'" ref="csv" :editData.sync="editData"/>
         </el-col>
-
       </el-row>
-
     </div>
 
     <template v-slot:footer>
-      <div style="margin:20px">
+      <div>
         <el-button style="margin-right:10px" @click="deleteVariable">{{$t('commons.delete')}}</el-button>
-
         <el-dropdown split-button type="primary" @command="handleClick" @click="handleClick('CONSTANT')" placement="top-end">
           {{$t('commons.add')}}
           <el-dropdown-menu slot="dropdown">
@@ -205,8 +202,12 @@
   }
 </script>
 
-<style>
+<style scoped>
   .ms-variable-hidden-row {
     display: none;
   }
+
+  /deep/ .el-dialog__body {
+    padding: 10px 10px;
+  }
 </style>

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

@@ -86,7 +86,7 @@
         rule: {
           name: [
             {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
-            {max: 50, message: this.$t('test_track.length_less_than') + '50', trigger: 'blur'}
+            {max: 100, message: this.$t('test_track.length_less_than') + '100', trigger: 'blur'}
           ],
           path: [{required: true, message: this.$t('api_test.definition.request.path_info'), trigger: 'blur'}, {validator: validateURL, trigger: 'blur'}],
           userId: [{required: true, message: this.$t('test_track.case.input_maintainer'), trigger: 'change'}],

frontend/src/business/components/api/definition/components/complete/EditCompleteHTTPApi.vue

@@ -131,7 +131,7 @@
         rule: {
           name: [
             {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
-            {max: 50, message: this.$t('test_track.length_less_than') + '50', trigger: 'blur'}
+            {max: 100, message: this.$t('test_track.length_less_than') + '100', trigger: 'blur'}
           ],
           path: [{required: true, message: this.$t('api_test.definition.request.path_info'), trigger: 'blur'}, {
             validator: validateURL,

frontend/src/business/components/api/definition/components/list/ApiList.vue

@@ -273,7 +273,7 @@ export default {
       currentPage: 1,
       pageSize: 10,
       total: 0,
-      screenHeight: document.documentElement.clientHeight - 330,//屏幕高度,
+      screenHeight: document.documentElement.clientHeight - 270,//屏幕高度,
       environmentId: undefined,
       selectAll: false,
       unSelection: [],