a-form-item内多个字段表格校验

<!--用a-form-item包裹a-form-item,两个都可进行校验,单个a-form-item里面只能进行一次校验,样式可以用定位进行调整-->
<a-col :span="6">
<a-form-item label="上报年份/季度" class="oneBox" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
<span class="shangBao">
<a-select v-decorator="['sbYear', validatorRules.sbYear]" @change="changesbYear">
<a-select-option v-for="item in sbYearList" :key="item">
{{ item }}
</a-select-option>
</a-select>
</span>
<span></span>
<span class="twoBox">
<a-form-item style="display:inline-block;">
<span class="shangBao">
<a-select v-decorator="['sbQuarter', validatorRules.sbQuarter]" @change="changesbQuarter">
<a-select-option v-for="item in sbQuarterList" :key="item">
{{ item }}
</a-select-option>
</a-select>
</span>
<span>季度</span>
</a-form-item>
</span>
</a-form-item>
</a-col>
.oneBox {
position:relative;
height:45px;
}
.oneBox .ant-form-item-control{
height:45px;
}
.oneBox .ant-form-explain {
position: absolute;
left: 0px;
bottom: -16px;
width: 50%;
}
.oneBox .twoBox .ant-form-explain {
position: absolute;
left: 10px;
bottom: -16px;
width: 100%;
}
posted @   SultanST  阅读(589)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示