fix: 添加参数时默认选中文本框

--bug=1047782 --user=刘瑞斌 【应用编排】-用户输入-添加参数时组件类型选择下拉选项,默认显示一个选项值 https://www.tapd.cn/57709429/s/1596098
This commit is contained in:
CaptainB 2024-10-23 10:26:20 +08:00 committed by 刘瑞斌
parent c9b1520947
commit b14971e79d
3 changed files with 19 additions and 12 deletions

View File

@ -77,6 +77,7 @@ const getData = () => {
}
const rander = (form_data: any) => {
formValue.value.option_list = form_data.option_list
formValue.value.default_value = form_data.default_value
}
defineExpose({ getData, rander })

View File

@ -3,7 +3,7 @@
<el-col :span="11" style="padding-left: 0">
<el-input-number
style="width: 100%"
v-model="formValue.min_length"
v-model="formValue.minlength"
controls-position="right"
/>
</el-col>
@ -13,7 +13,7 @@
<el-col :span="11">
<el-input-number
style="width: 100%"
v-model="formValue.max_length"
v-model="formValue.maxlength"
controls-position="right"
/>
</el-col>
@ -27,8 +27,8 @@
>
<el-input
v-model="formValue.default_value"
:maxlength="formValue.max_length"
:minlength="formValue.min_length"
:maxlength="formValue.maxlength"
:minlength="formValue.minlength"
placeholder="请输入默认值"
show-word-limit
type="text"
@ -55,8 +55,8 @@ const getData = () => {
return {
input_type: 'TextInput',
attrs: {
maxlength: formValue.value.max_length,
minlength: formValue.value.min_length,
maxlength: formValue.value.maxlength,
minlength: formValue.value.minlength,
'show-word-limit': true
},
default_value: formValue.value.default_value
@ -64,14 +64,14 @@ const getData = () => {
}
const rander = (form_data: any) => {
const attrs = form_data.attrs || {}
formValue.value.min_length = attrs.min_length
formValue.value.max_length = attrs.max_length
formValue.value.minlength = attrs.minlength
formValue.value.maxlength = attrs.maxlength
formValue.value.default_value = form_data.default_value
}
defineExpose({ getData, rander })
onMounted(() => {
formValue.value.min_length = 0
formValue.value.max_length = 20
formValue.value.minlength = 0
formValue.value.maxlength = 20
formValue.value.default_value = ''
})
</script>

View File

@ -44,10 +44,11 @@ const currentRow = computed(() => {
const row = currentItem.value
switch (row.type) {
case 'input':
if (check_field(['field', 'input_type', 'label', 'required'], currentItem.value)) {
if (check_field(['field', 'input_type', 'label', 'required', 'attrs'], currentItem.value)) {
return currentItem.value
}
return {
attrs: row.attrs || { maxlength: 20, minlength: 0 },
field: row.field || row.variable,
input_type: 'TextInput',
label: row.label || row.name,
@ -64,12 +65,13 @@ const currentRow = computed(() => {
return currentItem.value
}
return {
attrs: row.attrs || {},
field: row.field || row.variable,
input_type: 'SingleSelect',
label: row.label || row.name,
default_value: row.default_value,
required: row.required != undefined ? row.required : row.is_required,
option_list: row.optionList.map((o: any) => {
option_list: row.option_list ? row.option_list: row.optionList.map((o: any) => {
return { key: o, value: o }
})
}
@ -106,6 +108,8 @@ const currentRow = computed(() => {
default:
return currentItem.value
}
} else {
return { input_type: 'TextInput', required: true, attrs: { maxlength: 20, minlength: 0 } }
}
})
const currentIndex = ref(null)
@ -124,6 +128,8 @@ const open = (row: any, index: any) => {
isEdit.value = true
currentItem.value = cloneDeep(row)
currentIndex.value = index
} else {
currentItem.value = null
}
}