快捷复制 - element 表单 & 表格

最新推荐文章于 2024-08-23 14:18:03 发布

策码奔腾---嘚驾~

最新推荐文章于 2024-08-23 14:18:03 发布

阅读量262

点赞数

本文链接：https://blog.youkuaiyun.com/qq_42489210/article/details/119907740

版权

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