| | |
| | | <template> |
| | | <div id="mainDiv"> |
| | | <el-header :height="headerHeight"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:200px" /> |
| | | <el-button size="mini" class="hr-but-all" type="primary" @click="vagueSearch">查询</el-button> |
| | | <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form> |
| | | <el-row> |
| | | <el-col :span="10"> |
| | | <el-form-item label="关键字"> |
| | | <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:200px" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <el-form-item label="员工状态"> |
| | | <el-checkbox-group v-model="queryParams.empStatus"> |
| | | <el-checkbox :label="0">在职</el-checkbox> |
| | | <el-checkbox :label="1">离职</el-checkbox> |
| | | <el-checkbox :label="2">退休</el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-button size="mini" class="hr-but-all" type="primary" @click="vagueSearch">查询</el-button> |
| | | <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-header> |
| | | <el-main> |
| | | <el-table |
| | |
| | | multipleSelection: [], |
| | | total: 0, // 总数量 |
| | | queryParams: { |
| | | empNumb: '' |
| | | empNumb: '', |
| | | empStatus: [] |
| | | }, // 查询参数 |
| | | sort: {}, // 排序 |
| | | pagination: { // 分页参数 |