fix(接口定义): 修复加载用例时点击确定报错的缺陷 (#18146)

--bug=1017070 --user=王孝刚 【接口测试】接口定义-编辑接口-TEST-加载用例-保存报错
https://www.tapd.cn/55049933/s/1248943

Co-authored-by: wxg0103 <727495428@qq.com>

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

@@ -999,7 +999,6 @@ export default {
 
 .ms-api-div {
   overflow-y: auto;
-  height: calc(100vh - 125px)
 }
 
 /deep/ .el-main {

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

@@ -33,7 +33,7 @@
           </el-button>
 
         </el-button-group>
-        <div style="height: 40px"></div>
+        <div v-if='currentApi.id' style="height: 40px"></div>
         <template v-slot:header>
           <slot name="header"></slot>
         </template>

frontend/src/business/components/api/definition/components/case/ApiCaseList.vue

@@ -161,7 +161,9 @@ export default {
 
       //默认最大化
       this.$nextTick(() => {
-        this.$refs.testCaseDrawer.setfullScreen();
+        if (this.$refs.testCaseDrawer) {
+          this.$refs.testCaseDrawer.setfullScreen();
+        }
       });
     },
     add(api) {
@@ -225,8 +227,10 @@ export default {
           }
         }
       }
-      let item = this.apiCaseList[index];
+      if (this.apiCaseList && this.apiCaseList.length !== 0) {
-      this.$refs.apiCaseItem[index].saveTestCase(item, hideAlert);
+        let item = this.apiCaseList[index];
+        this.$refs.apiCaseItem[index].saveTestCase(item, hideAlert);
+      }
     },
     saveApiAndCase(api) {
       if (api && api.url) {
@@ -489,11 +493,14 @@ export default {
         this.condition.apiDefinitionId = this.api.id;
         this.result = this.$post("/api/testcase/list", this.condition, response => {
           let data = response.data;
-          if (data) {
+          if (data && data.length > 0) {
             data.forEach(apiCase => {
               this.formatCase(apiCase);
             });
             this.apiCaseList = data;
+          } else {
+            this.$warning(this.$t('commons.please_add_api_case'));
+            return;
           }
         });
       }

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

@@ -5,16 +5,15 @@
 </template>
 
 <script>
-  export default {
+export default {
-    name: "MsMainContainer"
+  name: "MsMainContainer"
-  }
+}
 </script>
 
 <style scoped>
 
-  .ms-main-container {
+.ms-main-container {
-    padding: 5px 10px;
+  padding: 5px 10px;
-    height: calc(100vh - 45px);
+}
-  }
 
 </style>

frontend/src/i18n/en-US.js

@@ -237,6 +237,7 @@ export default {
     no_corresponding: "No corresponding",
     code_template: "code template",
     api_case: "Api Case",
+    please_add_api_case: "Please add api case",
     scenario_case: "Scenario Case",
     task_center: "Task center",
     task_close: "Put away",

frontend/src/i18n/zh-CN.js

@@ -238,6 +238,7 @@ export default {
     no_corresponding: "无对应的",
     code_template: "代码模版",
     api_case: "接口用例",
+    please_add_api_case: "请先添加接口用例",
     scenario_case: "场景用例",
     task_center: "任务中心",
     task_close: "收起",

frontend/src/i18n/zh-TW.js

@@ -238,6 +238,7 @@ export default {
     no_corresponding: "無對應的",
     code_template: "代碼模版",
     api_case: "接口用例",
+    please_add_api_case: "请先添加接口用例",
     scenario_case: "場景用例",
     task_center: "任務中心",
     task_close: "收起",