style(接口测试): 调整加载用例页面样式及交换方式

--bug=1021754 --user=赵勇 【接口测试】接口定义-TEST-选择“测试”按钮下拉菜单“加载用例”页面后-再单击“确认”显示错误 https://www.tapd.cn/55049933/s/1324845

api-test/frontend/src/business/definition/components/case/EditApiCase.vue

@@ -19,28 +19,30 @@
 
       <el-container>
         <el-main>
-          <div v-for="item in apiCaseList" :key="item.id ? item.id : item.uuid">
-            <api-case-item
-              :loading="(singleLoading && singleRunId === item.id) || batchLoadingIds.indexOf(item.id) > -1"
-              @refresh="refresh"
-              @refreshCaseList="refreshCaseList"
-              @singleRun="singleRun"
-              @stop="stop"
-              @refreshModule="refreshModule"
-              @copyCase="copyCase"
-              @showExecResult="showExecResult"
-              @showHistory="showHistory"
-              @reLoadCase="reLoadCase"
-              :environment="environment"
-              @setSelectedCaseId="setSelectedCaseId"
-              :is-case-edit="isCaseEdit"
-              :api="api"
-              :currentApi="currentApi"
-              :loaded="loaded"
-              :maintainerOptions="maintainerOptions"
-              :api-case="item"
-              ref="apiCaseItem" />
-          </div>
+          <fieldset :disabled="loaded">
+            <div v-for="item in apiCaseList" :key="item.id ? item.id : item.uuid">
+              <api-case-item
+                :loading="(singleLoading && singleRunId === item.id) || batchLoadingIds.indexOf(item.id) > -1"
+                @refresh="refresh"
+                @refreshCaseList="refreshCaseList"
+                @singleRun="singleRun"
+                @stop="stop"
+                @refreshModule="refreshModule"
+                @copyCase="copyCase"
+                @showExecResult="showExecResult"
+                @showHistory="showHistory"
+                @reLoadCase="reLoadCase"
+                :environment="environment"
+                @setSelectedCaseId="setSelectedCaseId"
+                :is-case-edit="isCaseEdit"
+                :api="api"
+                :currentApi="currentApi"
+                :loaded="loaded"
+                :maintainerOptions="maintainerOptions"
+                :api-case="item"
+                ref="apiCaseItem" />
+            </div>
+          </fieldset>
         </el-main>
       </el-container>
     </ms-drawer>
@@ -233,6 +235,9 @@ export default {
       this.selectCaseId = caseId;
     },
     saveCase(hideAlert) {
+      if (this.loaded) {
+        this.close();
+      }
       let index = 0;
       if (this.selectCaseId && this.selectCaseId !== '') {
         for (let i = 0; i < this.apiCaseList.length; i++) {
@@ -684,4 +689,15 @@ export default {
 .ms-drawer-case-header :deep(.ms-drawer-header) {
   margin-left: 0px;
 }
+fieldset {
+  padding: 0px;
+  margin: 0px;
+  min-width: 100%;
+  min-inline-size: 0px;
+  border: 0px;
+}
+
+.ms-fieldset .ms-step-tree-cell::-webkit-scrollbar {
+  width: 0 !important;
+}
 </style>

api-test/frontend/src/business/definition/components/runtest/RunTestHTTPPage.vue

@@ -114,7 +114,6 @@
 
 <script>
 import { citedApiScenarioCount, getDefinitionVersions, getMockEnvironment, updateDefinition } from '@/api/definition';
-import { getLastResultDetail } from '@/api/definition-report';
 import { relationGet, updateRuleRelation, versionEnableByProjectId } from '@/api/xpack';
 import MsApiRequestForm from '../request/http/ApiHttpRequestForm';
 import { hasLicense, hasPermission } from 'metersphere-frontend/src/utils/permission';