feat: Add description fields to interface parameters (#4189)

v3.2
shaohuzhang1 2025-10-14 18:52:02 +08:00 committed by GitHub
parent f470cd134c
commit 629c6ee3a8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 39 additions and 12 deletions

View File

@ -1,10 +1,6 @@
<template> <template>
<el-dialog <el-dialog
:title=" :title="isEdit ? $t('common.param.editParam') : $t('common.param.addParam')"
isEdit
? $t('common.param.editParam')
: $t('common.param.addParam')
"
v-model="dialogVisible" v-model="dialogVisible"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
@ -38,7 +34,7 @@
:rules="{ :rules="{
required: form.is_required, required: form.is_required,
message: $t('dynamicsForm.default.placeholder'), message: $t('dynamicsForm.default.placeholder'),
trigger: 'blur' trigger: 'blur',
}" }"
> >
<el-input <el-input
@ -47,6 +43,22 @@
@blur="form.name = form.name.trim()" @blur="form.name = form.name.trim()"
/> />
</el-form-item> </el-form-item>
<el-form-item
:label="$t('views.application.form.appDescription.label')"
prop="desc"
:rules="{
required: form.is_required,
message:
$t('common.inputPlaceholder') + $t('views.application.form.appDescription.label'),
trigger: 'blur',
}"
>
<el-input
v-model="form.desc"
:placeholder="$t('dynamicsForm.default.placeholder')"
@blur="form.name = form.name.trim()"
/>
</el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
@ -76,15 +88,22 @@ const form = ref<any>({
is_required: true, is_required: true,
assignment_method: 'api_input', assignment_method: 'api_input',
optionList: [''], optionList: [''],
default_value: '' default_value: '',
desc: '',
}) })
const rules = reactive({ const rules = reactive({
name: [{ required: true, message: t('dynamicsForm.paramForm.name.requiredMessage'), trigger: 'blur' }], name: [
{ required: true, message: t('dynamicsForm.paramForm.name.requiredMessage'), trigger: 'blur' },
],
variable: [ variable: [
{ required: true, message: t('dynamicsForm.paramForm.field.requiredMessage'), trigger: 'blur' }, { required: true, message: t('dynamicsForm.paramForm.field.requiredMessage'), trigger: 'blur' },
{ pattern: /^[a-zA-Z0-9_]+$/, message: t('dynamicsForm.paramForm.field.requiredMessage2'), trigger: 'blur' } {
] pattern: /^[a-zA-Z0-9_]+$/,
message: t('dynamicsForm.paramForm.field.requiredMessage2'),
trigger: 'blur',
},
],
}) })
const dialogVisible = ref<boolean>(false) const dialogVisible = ref<boolean>(false)
@ -98,7 +117,8 @@ watch(dialogVisible, (bool) => {
is_required: true, is_required: true,
assignment_method: 'api_input', assignment_method: 'api_input',
optionList: [''], optionList: [''],
default_value: '' default_value: '',
desc: '',
} }
isEdit.value = false isEdit.value = false
} }

View File

@ -20,6 +20,13 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="desc" :label="$t('views.application.form.appDescription.label')">
<template #default="{ row }">
<span class="ellipsis-1" :title="row.desc">
{{ row.desc }}
</span>
</template>
</el-table-column>
<el-table-column prop="default_value" :label="$t('dynamicsForm.default.label')"> <el-table-column prop="default_value" :label="$t('dynamicsForm.default.label')">
<template #default="{ row }"> <template #default="{ row }">
<span class="ellipsis-1" :title="row.default_value"> <span class="ellipsis-1" :title="row.default_value">