feat:优化http数据集数据样式

data-room-ui/packages/DataSetManagement/src/HttpEditForm.vue

@@ -146,6 +146,22 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row :gutter="20">
+              <el-col :span="21">
+                <el-form-item
+                  label="请求地址"
+                  prop="config.url"
+                >
+                  <el-input
+                    v-model="dataForm.config.url"
+                    autocomplete="off"
+                    class="bs-el-input"
+                    placeholder="请输入静态请求地址或动态请求地址，动态请求地址必须以${baseUrl}开头"
+                    clearable
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
             <el-row>
               <el-col :span="12">
                 <el-form-item
@@ -165,22 +181,6 @@
                   </el-radio-group>
                 </el-form-item>
               </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="请求地址"
-                  prop="config.url"
-                >
-                  <el-input
-                    v-model="dataForm.config.url"
-                    autocomplete="off"
-                    class="bs-el-input"
-                    placeholder="请输入静态请求地址或动态请求地址，动态请求地址必须以${baseUrl}开头"
-                    clearable
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
               <el-col :span="12">
                 <el-form-item
                   label="标签"
@@ -203,9 +203,8 @@
                 name="head"
               >
                 <el-form-item
-                  label="请求头"
                   prop="config.headers"
-                  label-width="70px"
+                  label-width="0px"
                 >
                   <el-button
                     type="primary"
@@ -218,6 +217,7 @@
                     :key="index"
                     :gutter="10"
                     :span="21"
+                    style="margin-top: 10px"
                   >
                     <el-col :span="5">
                       <el-form-item
@@ -268,9 +268,8 @@
                 name="param"
               >
                 <el-form-item
-                  label="请求参数"
                   prop="config.params"
-                  label-width="70px"
+                  label-width="0px"
                   :rules="dataForm.config.method==='get'?rules.params:[{ required: false}]"
                 >
                   <el-button
@@ -284,6 +283,7 @@
                     :key="index"
                     :gutter="10"
                     :span="21"
+                    style="margin-top: 10px"
                   >
                     <el-col :span="7">
                       <el-form-item
@@ -335,9 +335,8 @@
                 name="second"
               >
                 <el-form-item
-                  label="请求体"
                   prop="requestScript"
-                  label-width="70px"
+                  label-width="0px"
                 >
                   <el-input
                     v-model="dataForm.config.body"
@@ -353,9 +352,8 @@
                 name="reqScript"
               >
                 <el-form-item
-                  label="请求脚本"
                   prop="requestScript"
-                  label-width="70px"
+                  label-width="0px"
                 >
                   <codemirror
                     v-model.trim="dataForm.config.requestScript"
@@ -369,9 +367,8 @@
                 name="respScript"
               >
                 <el-form-item
-                  label="响应脚本"
                   prop="responseScript"
-                  label-width="70px"
+                  label-width="0px"
                 >
                   <codemirror
                     v-model.trim="dataForm.config.responseScript"
@@ -986,7 +983,7 @@ export default {
             dataSetType: 'http'
           }
           datasetExecuteTest(executeParams).then(res => {
-            this.dataPreviewList =  res.data && Array.isArray(res.data) ? res.data : []
+            this.dataPreviewList = res.data && Array.isArray(res.data) ? res.data : []
             // 获取数据后更新输出字段
             this.updateOoutputFieldList(this.dataPreviewList)
             this.$message.success('解析并执行成功')