fix: modify style

This commit is contained in:
wangdan-fit2cloud 2024-12-25 15:41:21 +08:00
parent bd8d848321
commit 628cf705ce
2 changed files with 63 additions and 52 deletions

View File

@ -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>

View File

@ -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>