style(接口测试): 接口测试预览中参数的样式修改

--bug=1037608 --user=宋天阳 【接口测试】定义-预览页面描述信息太长时显示异常 https://www.tapd.cn/55049933/s/1481177

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"

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,
         },
       ];
     }

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]">