后端管理系统

110 阅读1分钟

创建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>