<el-form
:inline="true"
:model="formInline"
class="demo-form-inline"
size="small"
label-position="left"
label-width="120px"
>
<!-- 下拉 -->
<el-form-item label="核酸结果">
<el-select
clearable
v-model="formInline.testResult"
placeholder="请选择"
>
<el-option label="阳性" :value="0"></el-option>
<el-option label="阴性" :value="1"></el-option>
</el-select>
</el-form-item>
<!-- 输入框 -->
<el-form-item label="身份证号">
<el-input v-model="formInline.cardNo" placeholder="请输入"></el-input>
</el-form-item>
<!-- 时间段 -->
<el-form-item label="核酸检测时间">
<el-date-picker
v-model="jcStart_jcEnd"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="jcTime"
>
</el-date-picker>
</el-form-item>
<!-- 三级下拉 -->
<el-form-item label="上级菜单" prop="fcdxh">
<el-cascader
:options="tableData"
placeholder="请输入您要查找的菜单"
v-model="form.fcdxh"
:filterable="true"
:props="{
checkStrictly: true,
expandTrigger: 'hover',
children: 'children',
label: 'title',
value: 'key'
}"
clearable
></el-cascader>
</el-form-item>
<!-- 多个单选框 -->
<el-form-item label="总办" class="sitelegend">
<el-checkbox-group v-model="form.b">
<div class="sitelegenditem fl">
<el-checkbox label="0"> 哈哈</el-checkbox>
</div>
</el-checkbox-group>
</el-form-item>
</el-form>
快捷复制 - element 表单 & 表格
最新推荐文章于 2023-12-02 12:05:22 发布