From b60efa3f59718d93cbb3e7385a2318a7b22f67af Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Wed, 21 Sep 2022 19:00:01 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E7=BC=96=E8=BE=91=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96=EF=BC=8C=E7=B4=A7=E5=87=91=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=EF=BC=8C=E7=A6=81=E7=94=A8=E5=A4=9A=E4=BD=99=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/definition/ApiDefinition.vue          |  3 ++-
 .../components/EditCompleteContainer.vue      | 21 +++++++++++++++----
 .../components/complete/ApiBaseInfo.vue       |  7 +++++--
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/frontend/src/business/components/api/definition/ApiDefinition.vue b/frontend/src/business/components/api/definition/ApiDefinition.vue
index ce2f5d5a9e..12ba552365 100644
--- a/frontend/src/business/components/api/definition/ApiDefinition.vue
+++ b/frontend/src/business/components/api/definition/ApiDefinition.vue
@@ -998,7 +998,8 @@ export default {
 <style scoped>
 
 .ms-api-div {
-  overflow-y: auto;
+  overflow-y: hidden;
+  height: calc(100vh - 100px)
 }
 
 /deep/ .el-main {
diff --git a/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue b/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue
index 645488d42a..71d1766a2d 100644
--- a/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue
+++ b/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue
@@ -1,7 +1,7 @@
 <template>
-  <el-card class="card-content" v-if="isShow && !loading">
-    <ms-container v-loading="loading" style="overflow: auto">
-      <ms-aside-container>
+  <el-card v-if="isShow && !loading" class="ms-api-card">
+    <ms-container v-loading="loading">
+      <ms-aside-container :height="leftHeight">
         <api-base-info
           ref="apiBaseInfo"
           :api-template="apiTemplate"
@@ -15,7 +15,7 @@
           :module-options="moduleOptions"
         />
       </ms-aside-container>
-      <ms-main-container class="ms-scenario-main-container">
+      <ms-main-container class="ms-api-main-container">
         <el-button-group v-if="currentApi.id" style="z-index: 10; position: fixed;">
           <el-button :class="{active: showApiList}" class="item" plain size="small" @click="changeTab('api')">
             API
@@ -201,7 +201,13 @@ export default {
       default: false,
     },
   },
+  computed: {
+    leftHeight() {
+      return 'calc(100vh - 100px)';
+    }
+  },
   created() {
+    console.log(this.leftHeight)
     this.refreshButtonActiveClass(this.activeDom);
     getApiFieldTemplate(this)
       .then((template) => {
@@ -493,4 +499,11 @@ export default {
   margin-top: 5px;
 }
 
+.ms-api-main-container {
+  height: calc(100vh - 100px);
+}
+
+.ms-api-card >>> .el-card__body {
+  padding: 0px;
+}
 </style>
diff --git a/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue b/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue
index bbb0d5ea5c..302eb07e9c 100644
--- a/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue
+++ b/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="isloading">
+  <div v-loading="isloading" class="ms-base-div">
     <el-form ref="apiForm" :model="basicForm" :rules="rules" class="case-form" label-position="right"
              label-width="80px"
              size="small"
@@ -242,5 +242,8 @@ export default {
 </script>
 
 <style scoped>
-
+.ms-base-div {
+  height: calc(100vh - 100px) !important;
+  overflow: auto !important;
+}
 </style>