fix(接口测试): 修复接口case保存时的遮罩层问题

--bug=1028060 --user=王孝刚 【接口测试】github#25729，【接口测试】接口用例页面点击保存，出现遮罩层尺寸不对。
https://www.tapd.cn/55049933/s/1398283

api-test/frontend/src/business/definition/components/list/ApiCaseSimpleList.vue

@@ -1520,4 +1520,8 @@ export default {
 .api-case-simple-list :deep(.el-table) {
   height: calc(100vh - 185px) !important;
 }
+
+.api-case-simple-list :deep(.el-loading-mask) {
+  z-index: 999;
+}
 </style>

api-test/frontend/src/business/definition/components/module/ApiModuleHeader.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-row :gutter="32">
+    <el-row :gutter="8">
       <el-col :span="8">
         <el-select class="protocol-select" size="small" v-model="condition.protocol">
           <el-option
@@ -12,7 +12,7 @@
           </el-option>
         </el-select>
       </el-col>
-      <el-col :span="15">
+      <el-col :span="16">
         <ms-search-bar :show-operator="showOperator && !isTrashData" :condition="condition" :commands="operators" />
       </el-col>
     </el-row>

framework/sdk-parent/frontend/src/components/MsDrawer.vue

@@ -216,7 +216,7 @@ export default {
     },
   },
   beforeDestroy() {
-    if (this.$el?.style) {
+    if (this.$el?.style && this.appendToBody) {
       document.body.removeChild(this.$el);
     }
   },