调整行为树命令位置参数，增加位置标题样式并调整布局

modeler/src/views/decision/designer/properties.vue

@@ -129,6 +129,32 @@
                 </a-tabs>
               </template>
               <template v-else>
+                <template v-for="setting in currentElement.parameters">
+                  <div v-if="['lon','lat'].includes(setting.paramKey as string)">
+                    <div v-if="setting.paramKey==='lon'" class="ks-location-title">位置</div>
+                    <a-form-item class="ks-location-item" labelAlign="left" :label="setting.description">
+                      <a-input-number v-if="setting.dataType === 'double'" v-model:value="setting.defaultValue"
+                                      :placeholder="setting.description" size="small" style="width:100%;" />
+                      <a-input v-else v-model:value="setting.defaultValue" :placeholder="setting.description" size="small" />
+                    </a-form-item>
+                  </div>
+                  <a-form-item v-else :label="setting.description">
+                    <a-input-number v-if="setting.dataType === 'double'" v-model:value="setting.defaultValue"
+                                    :placeholder="setting.description" size="small" style="width:100%;" />
+                    <a-select :placeholder="`请选择${setting.description}`"
+                              allow-clear
+                              v-else-if="setting.paramKey === 'platforms'" v-model:value="setting.defaultValue">
+                      <a-select-option v-for="pl in getAvailablePlatforms()" :value="pl.name">{{ pl.description }}</a-select-option>
+                    </a-select>
+                    <a-select :placeholder="`请选择${setting.description}`"
+                              allow-clear
+                              v-else-if="setting.paramKey === 'command'" v-model:value="setting.defaultValue">
+                      <a-select-option v-for="pl in nodeCommands" :value="pl.command">{{pl.chineseName}}</a-select-option>
+                    </a-select>
+                    <a-input v-else v-model:value="setting.defaultValue" :placeholder="setting.description" size="small" />
+                  </a-form-item>
+                </template>
+                <template>
                   <a-form-item v-for="setting in currentElement.parameters" :label="setting.description">
                     <a-input-number v-if="setting.dataType === 'double'" v-model:value="setting.defaultValue"
                                     :placeholder="setting.description" size="small" style="width:100%;" />
@@ -145,6 +171,7 @@
                     <a-input v-else v-model:value="setting.defaultValue" :placeholder="setting.description" size="small" />
                   </a-form-item>
                 </template>
+              </template>
             </a-form>
           </template>
           <a-empty v-else>
@@ -454,6 +481,33 @@ export default defineComponent({
 </script>
 
 <style scoped lang="less">
+.ks-location-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.65);
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+:deep(.ks-location-item) {
+  .ant-form-item-row {
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 6px;
+  }
+  .ant-form-item-label {
+    width: 48px;
+    flex-shrink: 0;
+    padding-bottom: 0;
+    > label {
+      height: 24px;
+    }
+  }
+  .ant-form-item-control {
+    flex: 1;
+  }
+}
+
 .ks-parameter-setting-tabs {
   :deep(.ant-tabs-tab) {
     width: 120px;