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) => { const rander = (form_data: any) => {
formValue.value.option_list = form_data.option_list formValue.value.option_list = form_data.option_list
formValue.value.default_value = form_data.default_value
} }
defineExpose({ getData, rander }) defineExpose({ getData, rander })

View File

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

View File

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