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

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

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

@@ -19,6 +19,7 @@
 
       <el-container>
         <el-main>
+          <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"
@@ -41,6 +42,7 @@
                 :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';