创建element 表单元素
<ez-form :model="formData" ref="searchNavform" label-width="100px">
<HeadFromWrap @handelClick="handelClick" btnColor="#0674c5">
<ez-row slot="header">
<ez-col :span="8">
<ez-form-item label="证件号码" prop="zjhm">
<ez-input
v-model="formData.idCard"
clearable
placeholder="请输入证件号"
></ez-input>
</ez-form-item>
</ez-col>
<ez-col :span="8">
<ez-form-item label="问卷名称" prop="wjmc">
<ez-select
v-model="formData.questionnaireName"
clearable
placeholder="请选择"
>
<ez-option
v-for="item in wjmcList"
:key="item.qc"
:label="item.qc"
:value="item.bm"
></ez-option>
</ez-select>
</ez-form-item>
</ez-col>
<ez-col :span="8">
<ez-form-item label="任务产生机构" prop="rwcsjg">
<ez-select
v-model="formData.generatingOrganization"
clearable
filterable
placeholder="请选择"
>
<ez-option
v-for="(item, index) in rwcsjgList"
:label="item.hospitalName"
:value="item.hospitalId"
:key="index"
></ez-option>
</ez-select>
</ez-form-item>
</ez-col>
</ez-row>
<ez-row>
<ez-col :span="8">
<ez-form-item label="计划执行时间" prop="jcsj">
<ez-date-picker
v-model="jhzxsj"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
class="date-picker"
>
<!-- @change="dateChange" -->
</ez-date-picker>
</ez-form-item>
</ez-col>
<ez-col :span="8">
<ez-form-item label="执行时间" prop="jcsj">
<ez-date-picker
v-model="zxsj"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
class="date-picker"
>
<!-- @change="dateChange" -->
</ez-date-picker>
</ez-form-item>
</ez-col>
<ez-col :span="8">
<ez-form-item label="执行结果" prop="zxjg">
<ez-select
v-model="formData.executionResult"
clearable
placeholder="请选择"
>
<ez-option
v-for="item in zxjgList"
:key="item.qc"
:label="item.qc"
:value="item.bm"
></ez-option>
</ez-select>
</ez-form-item>
</ez-col>
</ez-row>
</HeadFromWrap>
</ez-form>