From 87978e66a631db67822b7f26b60c57d72d717412 Mon Sep 17 00:00:00 2001
From: song-tianyang <tianyang.song@fit2cloud.com>
Date: Tue, 26 Mar 2024 18:20:19 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95=E9=A2=84=E8=A7=88=E4=B8=AD?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E7=9A=84=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1037608 --user=宋天阳 【接口测试】定义-预览页面描述信息太长时显示异常 https://www.tapd.cn/55049933/s/1481177
---
 frontend/src/views/api-test/debug/index.vue       |  2 +-
 .../components/management/api/preview/detail.vue  | 15 ++++++++++++++-
 frontend/src/views/api-test/management/index.vue  |  2 +-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/api-test/debug/index.vue b/frontend/src/views/api-test/debug/index.vue
index fe41740c03..6596e09b44 100644
--- a/frontend/src/views/api-test/debug/index.vue
+++ b/frontend/src/views/api-test/debug/index.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- TODO:接口请求超过5S以上可展示取消请求按钮，避免用户过长等待 -->
   <MsCard :loading="loading" show-full-screen simple no-content-padding>
-    <MsSplitBox :size="0.25" :max="0.5">
+    <MsSplitBox :size="300" :max="0.5">
       <template #first>
         <moduleTree
           ref="moduleTreeRef"
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/detail.vue b/frontend/src/views/api-test/management/components/management/api/preview/detail.vue
index 907cc1119b..b2a6970763 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/detail.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/detail.vue
@@ -473,11 +473,13 @@
       title: 'apiTestManagement.paramName',
       dataIndex: 'key',
       inputType: 'text',
+      width: 220,
     },
     {
       title: 'apiTestManagement.paramVal',
       dataIndex: 'value',
       inputType: 'text',
+      width: 220,
     },
     {
       title: 'common.desc',
@@ -499,16 +501,19 @@
       title: 'apiTestManagement.paramName',
       dataIndex: 'key',
       inputType: 'text',
+      width: 220,
     },
     {
       title: 'apiTestDebug.paramType',
       dataIndex: 'paramType',
       inputType: 'text',
+      width: 96,
     },
     {
       title: 'apiTestManagement.paramVal',
       dataIndex: 'value',
       inputType: 'text',
+      width: 220,
     },
     {
       title: 'apiTestManagement.required',
@@ -518,6 +523,7 @@
       valueFormat: (record) => {
         return record.required ? t('common.yes') : t('common.no');
       },
+      width: 68,
     },
     {
       title: 'apiTestDebug.paramLengthRange',
@@ -529,6 +535,7 @@
           ? '-'
           : `${record.minLength} ${t('common.to')} ${record.maxLength}`;
       },
+      width: 110,
     },
     {
       title: 'apiTestDebug.encode',
@@ -538,6 +545,7 @@
       valueFormat: (record) => {
         return record.encode ? t('common.yes') : t('common.no');
       },
+      width: 68,
     },
     {
       title: 'common.desc',
@@ -565,17 +573,20 @@
           title: 'apiTestManagement.paramName',
           dataIndex: 'key',
           inputType: 'text',
+          width: 220,
         },
         {
           title: 'apiTestManagement.paramsType',
           dataIndex: 'paramType',
           inputType: 'text',
+          width: 96,
         },
         {
           title: 'apiTestManagement.paramVal',
           dataIndex: 'value',
           inputType: 'text',
           showTooltip: true,
+          width: 220,
         },
         {
           title: 'apiTestManagement.required',
@@ -585,6 +596,7 @@
           valueFormat: (record) => {
             return record.required ? t('common.yes') : t('common.no');
           },
+          width: 68,
         },
         {
           title: 'apiTestDebug.paramLengthRange',
@@ -596,6 +608,7 @@
               ? '-'
               : `${record.minLength} ${t('common.to')} ${record.maxLength}`;
           },
+          width: 110,
         },
         {
           title: 'apiTestDebug.encode',
@@ -605,13 +618,13 @@
           valueFormat: (record) => {
             return record.encode ? t('common.yes') : t('common.no');
           },
+          width: 68,
         },
         {
           title: 'common.desc',
           dataIndex: 'description',
           inputType: 'text',
           showTooltip: true,
-          width: 100,
         },
       ];
     }
diff --git a/frontend/src/views/api-test/management/index.vue b/frontend/src/views/api-test/management/index.vue
index 8980fe3bc1..ee975965b3 100644
--- a/frontend/src/views/api-test/management/index.vue
+++ b/frontend/src/views/api-test/management/index.vue
@@ -1,6 +1,6 @@
 <template>
   <MsCard simple no-content-padding>
-    <MsSplitBox :size="0.25" :max="0.5">
+    <MsSplitBox :size="300" :max="0.5">
       <template #first>
         <div class="flex flex-col">
           <div class="p-[16px]">