调整行为树命令位置参数,增加位置标题样式并调整布局
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user