1

src/components/ServiceConfiguration.vue

@@ -7,13 +7,18 @@
             <a-col :span="8" v-for="group in params" :key="group.name" class="p-1">
               <fieldset class="border">
                 <legend>{{ group.name }}</legend>
-                <div class="p-1" v-for="item in group.items" :key="item.key">
-                  <service-configuration-param-value-edit 
-                    :param="item" 
-                    v-model:value="item.value"
-                    @save-request="actionServiceParamSave"  
-                  ></service-configuration-param-value-edit>
-                </div>
+                <table class="w-full">
+                  <tr v-for="item in group.items" :key="item.key">
+                    <td class="p-1">{{ item.name }} : </td>
+                    <td class="p-1">
+                      <service-configuration-param-value-edit 
+                        :param="item" 
+                        v-model:value="item.value"
+                        @save-request="actionServiceParamSave"  
+                      ></service-configuration-param-value-edit>
+                    </td>
+                  </tr>
+                </table>
               </fieldset>
             </a-col>
           </a-row>

src/components/ServiceConfigurationParamValueEdit.vue

@@ -4,14 +4,12 @@
     <a-input-number v-if="'java.lang.Integer' === props.param.type" 
       class="!w-full"
       v-model:value="value" 
-      :prefix="`${props.param.name} : `" 
       @change="actionValueUpdate"
     ></a-input-number>
     
     <!-- object -->
     <template v-else>
       <div class="border bg-white px-2 py-1 rounded-md">
-        {{ props.param.name }} : 
         <service-configuration-param-value-object-edit 
           v-model:value="value"
           :struct-class-name="props.param.type"

src/components/ServiceConfigurationParamValueObjectEdit.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-button size="small" type="text" @click="actionEditEable">编辑</a-button>
+  <a-button size="small" type="text" class="w-full" @click="actionEditEable">编辑</a-button>
 
   <a-modal v-model:open="isModalOpen" title="参数编辑" @ok="actionOk">
     <a-table bordered size="small"