feat: Supports user input field type password
--story=1017895 --user=刘瑞斌 【用户输入】- 组件类型为文本框类型的支持密文显示#2134 https://www.tapd.cn/57709429/s/1655257
This commit is contained in:
parent
c44fd8a40b
commit
a16968d6e5
@ -1,4 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<el-form-item
|
||||||
|
class="defaultValueItem"
|
||||||
|
prop="show_password"
|
||||||
|
:label="$t('dynamicsForm.TextInput.showPassword')"
|
||||||
|
>
|
||||||
|
<el-switch v-model="formValue.show_password" />
|
||||||
|
</el-form-item>
|
||||||
<el-form-item :label="$t('dynamicsForm.TextInput.length.label')" required>
|
<el-form-item :label="$t('dynamicsForm.TextInput.length.label')" required>
|
||||||
<el-row class="w-full">
|
<el-row class="w-full">
|
||||||
<el-col :span="11">
|
<el-col :span="11">
|
||||||
@ -70,7 +77,8 @@
|
|||||||
:minlength="formValue.minlength"
|
:minlength="formValue.minlength"
|
||||||
:placeholder="$t('dynamicsForm.default.placeholder')"
|
:placeholder="$t('dynamicsForm.default.placeholder')"
|
||||||
show-word-limit
|
show-word-limit
|
||||||
type="text"
|
:type="formValue.show_password ? 'password' : 'text'"
|
||||||
|
:show-password="formValue.show_password"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
@ -103,7 +111,9 @@ const getData = () => {
|
|||||||
attrs: {
|
attrs: {
|
||||||
maxlength: formValue.value.maxlength,
|
maxlength: formValue.value.maxlength,
|
||||||
minlength: formValue.value.minlength,
|
minlength: formValue.value.minlength,
|
||||||
'show-word-limit': true
|
'show-word-limit': true,
|
||||||
|
type: formValue.value.show_password ? 'password' : 'text',
|
||||||
|
'show-password': formValue.value.show_password
|
||||||
},
|
},
|
||||||
default_value: formValue.value.default_value,
|
default_value: formValue.value.default_value,
|
||||||
show_default_value: formValue.value.show_default_value,
|
show_default_value: formValue.value.show_default_value,
|
||||||
@ -135,6 +145,7 @@ const rander = (form_data: any) => {
|
|||||||
formValue.value.maxlength = attrs.maxlength
|
formValue.value.maxlength = attrs.maxlength
|
||||||
formValue.value.default_value = form_data.default_value
|
formValue.value.default_value = form_data.default_value
|
||||||
formValue.value.show_default_value = form_data.show_default_value
|
formValue.value.show_default_value = form_data.show_default_value
|
||||||
|
formValue.value.show_password = attrs['show-password']
|
||||||
}
|
}
|
||||||
const rangeRules = [
|
const rangeRules = [
|
||||||
{
|
{
|
||||||
@ -165,7 +176,8 @@ onMounted(() => {
|
|||||||
formValue.value.minlength = 0
|
formValue.value.minlength = 0
|
||||||
formValue.value.maxlength = 20
|
formValue.value.maxlength = 20
|
||||||
formValue.value.default_value = ''
|
formValue.value.default_value = ''
|
||||||
console.log(formValue.value.show_default_value)
|
formValue.value.show_password = false
|
||||||
|
|
||||||
if (formValue.value.show_default_value === undefined) {
|
if (formValue.value.show_default_value === undefined) {
|
||||||
formValue.value.show_default_value = true
|
formValue.value.show_default_value = true
|
||||||
}
|
}
|
||||||
|
|||||||
@ -96,6 +96,7 @@ export default {
|
|||||||
requiredMessage2: 'and',
|
requiredMessage2: 'and',
|
||||||
requiredMessage3: 'characters',
|
requiredMessage3: 'characters',
|
||||||
requiredMessage4: 'Text length is a required parameter'
|
requiredMessage4: 'Text length is a required parameter'
|
||||||
}
|
},
|
||||||
|
showPassword: 'Show Password'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -96,6 +96,7 @@ export default {
|
|||||||
requiredMessage2: '到',
|
requiredMessage2: '到',
|
||||||
requiredMessage3: '个字符',
|
requiredMessage3: '个字符',
|
||||||
requiredMessage4: '文本长度为必填参数'
|
requiredMessage4: '文本长度为必填参数'
|
||||||
}
|
},
|
||||||
|
showPassword: '密文显示'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -96,6 +96,7 @@ export default {
|
|||||||
requiredMessage2: '到',
|
requiredMessage2: '到',
|
||||||
requiredMessage3: '個字元',
|
requiredMessage3: '個字元',
|
||||||
requiredMessage4: '文字長度為必填參數'
|
requiredMessage4: '文字長度為必填參數'
|
||||||
}
|
},
|
||||||
|
showPassword: '密文顯示'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user