fix: 参数配置未知参数类型默认用文本输入框

This commit is contained in:
TsMask
2023-11-22 15:38:27 +08:00
parent c8a53c0c0f
commit 0f988f65e4
4 changed files with 92 additions and 145 deletions

View File

@@ -1199,16 +1199,8 @@ onMounted(() => {
"
class="editable-cell__input-wrapper"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
record['type']
)
"
v-model:value="tableState.editRecord['value']"
></a-input>
<a-input-number
v-else-if="record['type'] === 'int'"
v-if="record['type'] === 'int'"
v-model:value="tableState.editRecord['value']"
style="width: 100%"
></a-input-number>
@@ -1232,7 +1224,10 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="tableState.editRecord['value']"
></a-input>
<a-space :size="16" align="center">
<a-popconfirm
:title="t('views.configManage.configParam.editSure')"
@@ -1378,19 +1373,8 @@ onMounted(() => {
"
class="editable-cell__input-wrapper"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
text['type']
)
"
v-model:value="
tableState.editRecord[text.name]['value']
"
style="width: 100%"
></a-input>
<a-input-number
v-else-if="text['type'] === 'int'"
v-if="text['type'] === 'int'"
v-model:value="
tableState.editRecord[text.name]['value']
"
@@ -1419,6 +1403,13 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="
tableState.editRecord[text.name]['value']
"
style="width: 100%"
></a-input>
</div>
<template v-else-if="text.array">
<a-button
@@ -1565,21 +1556,8 @@ onMounted(() => {
"
class="editable-cell__input-wrapper"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
text['type']
)
"
v-model:value="
tableState.arrayChildEditRecord[text.name][
'value'
]
"
style="width: 100%"
></a-input>
<a-input-number
v-else-if="text['type'] === 'int'"
v-if="text['type'] === 'int'"
v-model:value="
tableState.arrayChildEditRecord[text.name][
'value'
@@ -1615,6 +1593,15 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="
tableState.arrayChildEditRecord[text.name][
'value'
]
"
style="width: 100%"
></a-input>
</div>
<a-button
type="link"

View File

@@ -1096,16 +1096,8 @@ onMounted(() => {
"
class="editable-cell__input-wrapper"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
record['type']
)
"
v-model:value="listState.editRecord['value']"
></a-input>
<a-input-number
v-else-if="record['type'] === 'int'"
v-if="record['type'] === 'int'"
v-model:value="listState.editRecord['value']"
style="width: 100%"
></a-input-number>
@@ -1129,6 +1121,10 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="listState.editRecord['value']"
></a-input>
<a-space
:size="16"
align="center"
@@ -1300,19 +1296,8 @@ onMounted(() => {
arrayState.editRecord[item.name] !== undefined
"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
item['type']
)
"
v-model:value="
arrayState.editRecord[item.name]['value']
"
:disabled="item.name === 'index'"
></a-input>
<a-input-number
v-else-if="item['type'] === 'int'"
v-if="item['type'] === 'int'"
v-model:value="
arrayState.editRecord[item.name]['value']
"
@@ -1343,6 +1328,13 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="
arrayState.editRecord[item.name]['value']
"
:disabled="item.name === 'index'"
></a-input>
</div>
<a-button
@@ -1513,24 +1505,8 @@ onMounted(() => {
] !== undefined
"
>
<a-input
v-if="
[
'string',
'ipv6',
'ipv4',
'regex',
].includes(item['type'])
"
v-model:value="
arrayChildState.editRecord[item.name][
'value'
]
"
:disabled="item.name === 'index'"
></a-input>
<a-input-number
v-else-if="item['type'] === 'int'"
v-if="item['type'] === 'int'"
v-model:value="
arrayChildState.editRecord[item.name][
'value'
@@ -1573,6 +1549,15 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="
arrayChildState.editRecord[item.name][
'value'
]
"
:disabled="item.name === 'index'"
></a-input>
</div>
<a-button
@@ -1653,15 +1638,8 @@ onMounted(() => {
modalState.from[item.name] !== undefined
"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(item['type'])
"
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
></a-input>
<a-input-number
v-else-if="item['type'] === 'int'"
v-if="item['type'] === 'int'"
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
style="width: 100%"
@@ -1686,6 +1664,11 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
></a-input>
</div>
<div v-else>
{{ `${item.value || '&nbsp;'}` }}

View File

@@ -1130,16 +1130,8 @@ onMounted(() => {
"
class="editable-cell__input-wrapper"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
record['type']
)
"
v-model:value="listState.editRecord['value']"
></a-input>
<a-input-number
v-else-if="record['type'] === 'int'"
v-if="record['type'] === 'int'"
v-model:value="listState.editRecord['value']"
style="width: 100%"
></a-input-number>
@@ -1163,6 +1155,10 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="listState.editRecord['value']"
></a-input>
<a-space :size="16" align="center" direction="horizontal">
<a-tooltip placement="bottomRight">
<template #title> {{ t('common.ok') }} </template>
@@ -1334,19 +1330,8 @@ onMounted(() => {
arrayState.editRecord[item.name] !== undefined
"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
item['type']
)
"
v-model:value="
arrayState.editRecord[item.name]['value']
"
:disabled="item.name === 'index'"
></a-input>
<a-input-number
v-else-if="item['type'] === 'int'"
v-if="item['type'] === 'int'"
v-model:value="
arrayState.editRecord[item.name]['value']
"
@@ -1377,6 +1362,13 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="
arrayState.editRecord[item.name]['value']
"
:disabled="item.name === 'index'"
></a-input>
</div>
<template v-else-if="item.array">
@@ -1550,24 +1542,8 @@ onMounted(() => {
undefined
"
>
<a-input
v-if="
[
'string',
'ipv6',
'ipv4',
'regex',
].includes(item['type'])
"
v-model:value="
arrayChildState.editRecord[item.name][
'value'
]
"
:disabled="item.name === 'index'"
></a-input>
<a-input-number
v-else-if="item['type'] === 'int'"
v-if="item['type'] === 'int'"
v-model:value="
arrayChildState.editRecord[item.name][
'value'
@@ -1610,6 +1586,15 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="
arrayChildState.editRecord[item.name][
'value'
]
"
:disabled="item.name === 'index'"
></a-input>
</div>
<template v-else-if="item.array">
@@ -1697,15 +1682,8 @@ onMounted(() => {
modalState.from[item.name] !== undefined
"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(item['type'])
"
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
></a-input>
<a-input-number
v-else-if="item['type'] === 'int'"
v-if="item['type'] === 'int'"
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
style="width: 100%"
@@ -1730,6 +1708,11 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
></a-input>
</div>
<div v-else>
{{ `${item.value || '&nbsp;'}` }}

View File

@@ -1190,16 +1190,8 @@ onMounted(() => {
"
class="editable-cell__input-wrapper"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(
record['type']
)
"
v-model:value="listState.editRecord['value']"
></a-input>
<a-input-number
v-else-if="record['type'] === 'int'"
v-if="record['type'] === 'int'"
v-model:value="listState.editRecord['value']"
style="width: 100%"
></a-input-number>
@@ -1223,6 +1215,10 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="listState.editRecord['value']"
></a-input>
<a-space :size="16" align="center" direction="horizontal">
<a-tooltip placement="bottomRight">
<template #title> {{ t('common.ok') }} </template>
@@ -1481,15 +1477,8 @@ onMounted(() => {
modalState.from[item.name] !== undefined
"
>
<a-input
v-if="
['string', 'ipv6', 'ipv4', 'regex'].includes(item['type'])
"
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
></a-input>
<a-input-number
v-else-if="item['type'] === 'int'"
v-if="item['type'] === 'int'"
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
style="width: 100%"
@@ -1514,6 +1503,11 @@ onMounted(() => {
{{ k }}
</a-select-option>
</a-select>
<a-input
v-else
v-model:value="modalState.from[item.name]['value']"
:disabled="item.name === 'index'"
></a-input>
</div>
<div v-else>
{{ `${item.value || '&nbsp;'}` }}