|
|
|
@ -2,11 +2,11 @@ |
|
|
|
<div class="app-container"> |
|
|
|
<div v-show="viewState == 1"> |
|
|
|
<button-bar ref="btnbar" view-title="员工管理" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|
|
|
<div class="searchcon"> |
|
|
|
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? "隐藏查询条件" : "显示藏查询条件" }}</el-button> |
|
|
|
<div v-show="isSearchShow" class="search"> |
|
|
|
<el-form :inline="true" class="tab-header"> |
|
|
|
<el-row> |
|
|
|
<div class="main-content"> |
|
|
|
<div class="searchcon"> |
|
|
|
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? "隐藏查询条件" : "显示藏查询条件" }}</el-button> |
|
|
|
<div v-show="isSearchShow" class="search"> |
|
|
|
<el-form :inline="true" label-width="100px" :model="queryParams" class="tab-header"> |
|
|
|
<el-form-item label="员工姓名"> |
|
|
|
<el-input v-model="queryParams.params.name" placeholder="请输入员工姓名" clearable class="addinputw"/> |
|
|
|
</el-form-item> |
|
|
|
@ -26,53 +26,45 @@ |
|
|
|
<el-option v-for="(item) in postSid_list" :key="item.sid" :label="item.name" :value="item.sid"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-form-item label="入职日期"> |
|
|
|
<!-- <el-date-picker v-model="queryParams.params.joinCompnyDateStart" type="date" class="addinputw" placeholder="选择日期" value-format="yyyy-MM-dd"/>--> |
|
|
|
<div class="block" style="float: left;"> |
|
|
|
<el-date-picker v-model="queryParams.params.joinCompnyDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始日期"> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
<div style="float: left;margin: 0 5px">至</div> |
|
|
|
<div class="block" style="float: left;"> |
|
|
|
<el-date-picker v-model="queryParams.params.joinCompnyDateEnd" type="date" value-format="yyyy-MM-dd" placeholder="结束日期"> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
<el-date-picker v-model="queryParams.params.joinCompnyDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始日期"> |
|
|
|
</el-date-picker> |
|
|
|
<span style="padding: 0 8px">至</span> |
|
|
|
<el-date-picker v-model="queryParams.params.joinCompnyDateEnd" type="date" value-format="yyyy-MM-dd" placeholder="结束日期"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-row> |
|
|
|
<el-divider/> |
|
|
|
<div style="text-align: center; position: relative; margin-left: -75px"> |
|
|
|
<el-button type="primary" @click="dosearch">查询</el-button> |
|
|
|
<el-button type="primary" @click="resetQuery">重置</el-button> |
|
|
|
</el-form> |
|
|
|
<div class="btn" style="text-align: center;"> |
|
|
|
<el-button type="primary" icon="el-icon-search" size="small" @click="dosearch">查询</el-button> |
|
|
|
<el-button type="primary" icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listtop"> |
|
|
|
<div class="tit">员工信息列表</div> |
|
|
|
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/> |
|
|
|
</div> |
|
|
|
<div class=""> |
|
|
|
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column width="50px" type="selection" align="center"/> |
|
|
|
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|
|
|
<el-table-column width="120px" prop="jobNumber" label="员工编号" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="tablerow-click" @click="toInfo(scope.row)">{{ scope.row.jobNumber }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column width="140px" prop="name" label="员工姓名" align="center"/> |
|
|
|
<el-table-column width="85px" prop="personType" label="员工类型" align="center"/> |
|
|
|
<el-table-column width="150px" prop="mobile" label="手机号" align="center"/> |
|
|
|
<el-table-column prop="orgName" label="所在部门" header-align="center" align="left"/> |
|
|
|
<el-table-column width="200px" prop="postName" label="岗位" align="center"/> |
|
|
|
<el-table-column width="140px" prop="joinCompnyDate" label="入职日期" align="center"/> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div class="pages"> |
|
|
|
<div class="tit"/> |
|
|
|
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listtop"> |
|
|
|
<div class="tit">员工信息列表</div> |
|
|
|
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/> |
|
|
|
</div> |
|
|
|
<div class="listcon"> |
|
|
|
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column width="50px" type="selection" align="center"/> |
|
|
|
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|
|
|
<el-table-column width="120px" prop="jobNumber" label="员工编号" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="tablerow-click" @click="toInfo(scope.row)">{{ scope.row.jobNumber }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column width="140px" prop="name" label="员工姓名" align="center"/> |
|
|
|
<el-table-column width="85px" prop="personType" label="员工类型" align="center"/> |
|
|
|
<el-table-column width="150px" prop="mobile" label="手机号" align="center"/> |
|
|
|
<el-table-column prop="orgName" label="所在部门" header-align="center" align="left"/> |
|
|
|
<el-table-column width="200px" prop="postName" label="岗位" align="center"/> |
|
|
|
<el-table-column width="140px" prop="joinCompnyDate" label="入职日期" align="center"/> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div class="pages"> |
|
|
|
<div class="tit"/> |
|
|
|
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--End 查询和其列表部分--> |
|
|
|
@ -205,7 +197,7 @@ export default { |
|
|
|
this.getBuMen() |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$refs["btnbar"].setButtonList(this.btnList) |
|
|
|
this.$refs['btnbar'].setButtonList(this.btnList) |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
@ -491,26 +483,4 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
/deep/ .el-collapse { |
|
|
|
border-top: 0px solid #e6ebf5; |
|
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-collapse-item__content { |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-collapse-item__wrap { |
|
|
|
border-bottom: 0 solid #ebeef5; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-collapse-item__header { |
|
|
|
border-bottom: 0 solid #e6ebf5; |
|
|
|
} |
|
|
|
|
|
|
|
.searchbtn { |
|
|
|
border: #2cab69 1px solid; |
|
|
|
color: #2cab69; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
God
2 years ago