功能需求
根据选择的搜索条件不同,实现条件查询
基本效果如下图:
前端部分
参考elementUI官方组件库中的复合型输入框,实现基本的样式。
参考链接:input输入框
先上部分代码:
vue部分:
<el-input placeholder="请输入内容" v-model="query.doctor_name" class="handle-select handle-input mr10">
<el-select v-model="select" slot="prepend" placeholder="请选择" @change="handleSearch">
<el-option label="医生名" value="1"></el-option>
<el-option label="值班时间" value="2"></el-option>
<el-option label="科室" value="3"></el-option>
</el-select>
<el-button slot="a