OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/configManage/configParam/index.vue
View File

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

75
src/views/configManage/configParamForm/index.vue
View File

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

75
src/views/configManage/configParamTree/index.vue
View File

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

28
src/views/configManage/configParamTreeTable/index.vue
View File

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