fix: modify style
This commit is contained in:
parent
bd8d848321
commit
628cf705ce
@ -1,64 +1,66 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-form-item label="文本长度" required>
|
<el-form-item label="文本长度" required>
|
||||||
<el-col :span="11" style="padding-left: 0">
|
<el-row class="w-full">
|
||||||
<el-form-item
|
<el-col :span="11">
|
||||||
:rules="[
|
<el-form-item
|
||||||
{
|
:rules="[
|
||||||
required: true,
|
{
|
||||||
message: '最小长度必填',
|
required: true,
|
||||||
trigger: 'change'
|
message: '最小长度必填',
|
||||||
}
|
trigger: 'change'
|
||||||
]"
|
}
|
||||||
prop="minlength"
|
]"
|
||||||
>
|
prop="minlength"
|
||||||
<el-input-number
|
>
|
||||||
style="width: 100%"
|
<el-input-number
|
||||||
:min="1"
|
style="width: 100%"
|
||||||
:step="1"
|
:min="1"
|
||||||
step-strictly
|
:step="1"
|
||||||
v-model="formValue.minlength"
|
step-strictly
|
||||||
controls-position="right"
|
v-model="formValue.minlength"
|
||||||
/>
|
controls-position="right"
|
||||||
</el-form-item>
|
/>
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="2" class="text-center">
|
</el-col>
|
||||||
<span class="text-gray-500">-</span>
|
<el-col :span="2" class="text-center">
|
||||||
</el-col>
|
<span>-</span>
|
||||||
<el-col :span="11">
|
</el-col>
|
||||||
<el-form-item
|
<el-col :span="11">
|
||||||
:rules="[
|
<el-form-item
|
||||||
{
|
:rules="[
|
||||||
required: true,
|
{
|
||||||
message: '最大长度必填',
|
required: true,
|
||||||
trigger: 'change'
|
message: '最大长度必填',
|
||||||
}
|
trigger: 'change'
|
||||||
]"
|
}
|
||||||
prop="maxlength"
|
]"
|
||||||
>
|
prop="maxlength"
|
||||||
<el-input-number
|
>
|
||||||
style="width: 100%"
|
<el-input-number
|
||||||
:min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
|
style="width: 100%"
|
||||||
step-strictly
|
:min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
|
||||||
:step="1"
|
step-strictly
|
||||||
v-model="formValue.maxlength"
|
:step="1"
|
||||||
controls-position="right"
|
v-model="formValue.maxlength"
|
||||||
/></el-form-item>
|
controls-position="right"
|
||||||
</el-col>
|
/></el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item
|
<el-form-item
|
||||||
|
class="defaultValueItem"
|
||||||
:required="formValue.required"
|
:required="formValue.required"
|
||||||
prop="default_value"
|
prop="default_value"
|
||||||
|
label="默认值"
|
||||||
:rules="
|
:rules="
|
||||||
formValue.required ? [{ required: true, message: '默认值 为必填属性' }, ...rules] : rules
|
formValue.required ? [{ required: true, message: '默认值 为必填属性' }, ...rules] : rules
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<template #label>
|
<div class="defaultValueCheckbox">
|
||||||
<div class="flex-between">
|
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
|
||||||
默认值
|
</div>
|
||||||
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<el-input
|
<el-input
|
||||||
v-model="formValue.default_value"
|
v-model="formValue.default_value"
|
||||||
:maxlength="formValue.maxlength"
|
:maxlength="formValue.maxlength"
|
||||||
@ -166,4 +168,13 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss"></style>
|
<style lang="scss" scoped>
|
||||||
|
.defaultValueItem {
|
||||||
|
position: relative;
|
||||||
|
.defaultValueCheckbox {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@ -98,7 +98,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template #empty>
|
<template #empty>
|
||||||
<div class="text-center">
|
<div class="text-center mt-24">
|
||||||
<el-text type="info">暂无历史记录</el-text>
|
<el-text type="info">暂无历史记录</el-text>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user