| | |
| | | <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: { // 分页参数 |
| | |
| | | this.fetch({ |
| | | empNumb: this.queryParams.empNumb, |
| | | empName: this.queryParams.empNumb, |
| | | deptName: this.queryParams.empNumb |
| | | deptName: this.queryParams.empNumb, |
| | | certificateNumb: this.queryParams.empNumb, |
| | | nativePlaceName: this.queryParams.empNumb, |
| | | censusAddress: this.queryParams.empNumb, |
| | | empStatus: this.queryParams.empStatus |
| | | }) |
| | | }, |
| | | resetSearch() { |
| | | this.queryParams = { |
| | | empNumb: '', |
| | | empName: '', |
| | | deptName: '' |
| | | deptName: '', |
| | | certificateNumb: '', |
| | | nativePlaceName: '', |
| | | censusAddress: '', |
| | | empStatus: [] |
| | | } |
| | | this.search() |
| | | }, |