mirror of
https://github.com/1Panel-dev/MaxKB.git
synced 2025-12-26 10:12:51 +00:00
fix: 添加参数时默认选中文本框
--bug=1047782 --user=刘瑞斌 【应用编排】-用户输入-添加参数时组件类型选择下拉选项,默认显示一个选项值 https://www.tapd.cn/57709429/s/1596098
This commit is contained in:
parent
c9b1520947
commit
b14971e79d
|
|
@ -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 })
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue