fix(接口测试): 修复场景的引用API/CASE参数值缺陷&响应内容吸顶覆盖请求参数tab&调整创建用例抽屉里高度

--bug=1040495 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001040495

frontend/src/components/business/ms-add-attachment/index.vue

@@ -78,6 +78,7 @@
             v-model:model-value="inputFiles"
             :input-class="props.inputClass"
             placeholder=" "
+            :disabled="props.disabled"
             :max-tag-count="1"
             :size="props.inputSize"
             readonly

frontend/src/views/api-test/components/requestComposition/index.vue

@@ -8,8 +8,8 @@
       <MsIcon type="icon-icon_plugin_outlined" size="48" />
     </template>
   </a-empty>
-  <div v-show="!pluginError || isHttpProtocol" class="flex h-full flex-col">
+  <div v-show="!pluginError || isHttpProtocol" class="request-composition flex h-full flex-col">
-    <div v-if="!props.isCase" class="px-[18px] pt-[8px]">
+    <div v-if="!props.isCase" class="mb-[8px] px-[18px] pt-[8px]">
       <div class="flex flex-wrap items-baseline justify-between gap-[12px]">
         <div class="flex flex-1 flex-wrap items-center gap-[16px]">
           <a-select
@@ -187,7 +187,7 @@
         </div>
       </div>
     </div>
-    <div :class="`${!props.isCase ? 'request-tab-and-response' : ''} mt-[8px] flex-1`">
+    <div :class="`${!props.isCase ? 'request-tab-and-response' : ''} flex-1`">
       <MsTab
         v-model:active-key="requestVModel.activeTab"
         :content-tab-list="contentTabList"
@@ -1647,8 +1647,8 @@
       .response :deep(.response-head) {
         @apply sticky bg-white;
 
-        top: 48px; // 请求参数tab高度(不算border-bottom)
+        top: 0;
-        z-index: 11;
+        z-index: 102; // 覆盖请求参数tab
       }
       .request-tab-pane {
         min-height: 400px;
@@ -1660,6 +1660,7 @@
       .request {
         flex: 1;
         overflow-x: auto;
+        border-right: 1px solid var(--color-text-n8);
         .ms-scroll-bar();
         .request-tab-pane {
           min-width: 800px;
@@ -1667,7 +1668,6 @@
       }
       .response {
         width: 500px;
-        border-left: 1px solid var(--color-text-n8);
       }
     }
   }

frontend/src/views/api-test/components/requestComposition/response/index.vue

@@ -235,7 +235,7 @@
   .response-head {
     @apply flex flex-wrap items-center justify-between border-b;
 
-    padding: 8px 16px;
+    padding: 13px 16px;
     border-color: var(--color-text-n8);
     gap: 8px;
   }

frontend/src/views/api-test/management/components/management/case/createAndEditCaseDrawer.vue

@@ -398,5 +398,8 @@
     overflow-x: hidden;
     overflow-y: auto;
     .ms-scroll-bar();
+    :deep(.request-composition) {
+      height: calc(100% - 74px); // 74: formItem第二行52+请求参数文案22
+    }
   }
 </style>

frontend/src/views/api-test/scenario/components/common/customApiDrawer.vue

@@ -1190,6 +1190,7 @@
             );
             if (index > -1) {
               (requestVModel.value.body[type] as ExecuteRequestFormBody).formValues[index].value = item.value;
+              (requestVModel.value.body[type] as ExecuteRequestFormBody).formValues[index].files = item.files;
             }
           });
         });
@@ -1326,8 +1327,8 @@
       .response :deep(.response-head) {
         @apply sticky bg-white;
 
-        top: 48px; // 请求参数tab高度(不算border-bottom)
+        top: 0;
-        z-index: 11;
+        z-index: 102; // 覆盖请求参数tab
       }
       .request-tab-pane {
         min-height: 400px;

frontend/src/views/api-test/scenario/components/common/customCaseDrawer.vue

@@ -1083,8 +1083,8 @@
       .response :deep(.response-head) {
         @apply sticky bg-white;
 
-        top: 48px; // 请求参数tab高度(不算border-bottom)
+        top: 0;
-        z-index: 11;
+        z-index: 102; // 覆盖请求参数tab
       }
       .request-tab-pane {
         min-height: 400px;