<template>
|
<div>
|
<el-container>
|
<el-header :height="headerHeight">
|
<el-row class="search-title">
|
<el-col :span="18" class="title">
|
<div class="zs-title">附件管理</div>
|
</el-col>
|
<el-col :span="6" class="search">
|
<el-input v-model="empName" class="input-empName" maxlength="10" size="medium" style="width:220px">
|
<el-button slot="append" icon="el-icon-search" @click.native="findEmpAccessory()" />
|
</el-input>
|
<el-button
|
type="danger"
|
size="mini"
|
class="hr-but-all"
|
@click="advancedQueryShowMethods"
|
>高级查询</el-button>
|
</el-col>
|
</el-row>
|
<el-form v-show="advancedQueryShow" ref="queryform" :model="queryform">
|
<el-row>
|
<el-col :span="3">员工编号：
|
<el-input v-model="queryform.empNumb" size="small" maxlength="20" style="width:85px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryform.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryform.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="3">护卫点：
|
<el-input v-model="queryform.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="8">入职日期：
|
<el-date-picker
|
v-model="queryform.entryDate"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
/>
|
</el-col>
|
<el-col :span="3">
|
<el-button size="mini" class="hr-but-all" type="primary" @click="findEmpAccessoryAll()">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetQueryform()">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<table id="searchTable">
|
<tr>
|
<td class="td">性别</td>
|
<td class="td-group">
|
<el-radio-group v-model="queryform.sex" class="fj-radio">
|
<el-radio :label="-1">全部</el-radio>
|
<el-radio :label="1">男性</el-radio>
|
<el-radio :label="2">女性</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">最高学历</td>
|
<td class="td-group">
|
<el-radio-group v-model="queryform.education" class="fj-radio">
|
<el-radio :label="-1">全部</el-radio>
|
<el-radio :label="91">无学历</el-radio>
|
<el-radio :label="81">小学</el-radio>
|
<el-radio :label="71">初中</el-radio>
|
<el-radio :label="61">高中</el-radio>
|
<el-radio :label="42">中技</el-radio>
|
<el-radio :label="41">中专</el-radio>
|
<el-radio :label="31">大学专科</el-radio>
|
<el-radio :label="21">大学本科</el-radio>
|
<el-radio :label="11">硕士</el-radio>
|
<el-radio :label="10">博士</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">政治面貌</td>
|
<td class="td-group">
|
<el-radio-group v-model="queryform.politics" class="fj-radio">
|
<el-radio :label="-1">全部</el-radio>
|
<el-radio label="01">党员</el-radio>
|
<el-radio label="02">预备</el-radio>
|
<el-radio label="03">共青</el-radio>
|
<el-radio label="04">民革</el-radio>
|
<el-radio label="05">民盟</el-radio>
|
<el-radio label="06">民建</el-radio>
|
<el-radio label="07">民进</el-radio>
|
<el-radio label="08">农工</el-radio>
|
<el-radio label="09">致公</el-radio>
|
<el-radio label="10">九三</el-radio>
|
<el-radio label="11">台盟</el-radio>
|
<el-radio label="12">民主</el-radio>
|
<el-radio label="12">群众</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">年龄</td>
|
<td class="td-group">
|
<el-radio-group v-model="queryform.age" class="fj-radio">
|
<el-radio :label="-1">全部</el-radio>
|
<el-radio :label="1">18-29</el-radio>
|
<el-radio :label="2">30-39</el-radio>
|
<el-radio :label="3">40-49</el-radio>
|
<el-radio :label="4">50-59</el-radio>
|
<el-radio :label="5">60-69</el-radio>
|
<el-radio :label="6">69及以上</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">档案情况</td>
|
<td class="td-group">
|
<el-radio-group v-model="queryform.archivesStatus" class="fj-radio">
|
<el-radio :label="-1">全部</el-radio>
|
<el-radio :label="1">已移交</el-radio>
|
<el-radio :label="0">未移交</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">保险类型</td>
|
<td class="td-group">
|
<el-radio-group v-model="queryform.insuranceType" class="fj-radio">
|
<el-radio :label="-1">全部</el-radio>
|
<el-radio :label="1">（深户）五险一档</el-radio>
|
<el-radio :label="2">（非深户）五险一档</el-radio>
|
<el-radio :label="3">（非深户）五险二档</el-radio>
|
<el-radio :label="4">（非深户）五险三档）</el-radio>
|
<el-radio :label="5">（非深户）四险一档</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
</el-col>
|
</el-row>
|
</el-form>
|
<el-row style="margin: 10px;">
|
<el-col :span="24">
|
<el-button class="hr-but-all" type="danger">新建标签</el-button>
|
<el-button type="primary">删除标签</el-button>
|
<el-popconfirm title="是否删除所选择的附件？">
|
<el-button slot="reference" class="hr-but-all" type="danger" @click="delfj()">删除附件</el-button>
|
</el-popconfirm>
|
<el-button class="hr-but-all" type="danger" @click="downloadfj()">下载附件</el-button>
|
<el-button class="hr-but-all" type="danger" @click="dialogShow()">附件管理</el-button>
|
<el-dialog title="附件管理" :visible.sync="dialogShowUploadfj" :fullscreen="true">
|
<uploadfj @cancleChooseUser="cancleChooseUser()" />
|
</el-dialog>
|
</el-col>
|
</el-row>
|
</el-header>
|
<el-container>
|
<el-main>
|
<el-table :data="tableData" class="fj-table" style="width: 100%;height: 480px;color: #000;">
|
<el-table-column
|
type="selection"
|
width="55"
|
/>
|
<el-table-column label="操作" width="120">
|
<template slot-scope="scope">
|
<el-button
|
type="text"
|
size="small"
|
@click.native.prevent="deleteRow(scope.$index, tableData)"
|
>
|
上传
|
</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column prop="empName" label="姓名" width="100" />
|
<el-table-column prop="certificateNumb" label="身份证号" width="180" />
|
<el-table-column prop="deptName" label="护卫点(部门)" width="180" />
|
<el-table-column prop="jobName" label="岗位" width="100" />
|
<el-table-column prop="jljt" label="记录截图">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.jljt }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="zp" label="照片">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.zp }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="ldht" label="劳动合同">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.ldht }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="sfz" label="身份证">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.sfz }}</el-link>
|
</template>
|
</el-table-column>
|
|
<el-table-column prop="rzb" label="入职表">
|
<template slot-scope="scope">
|
<el-link type="primary">
|
{{ scope.row.rzb }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="tjb" label="体检表">
|
<template slot-scope="scope">
|
<el-link type="primary">
|
{{ scope.row.tjb }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="hz" label="回执">
|
<template slot-scope="scope">
|
<el-link type="primary">
|
{{ scope.row.hz }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="yhk" label="银行卡">
|
<template slot-scope="scope">
|
<el-link type="primary">
|
{{ scope.row.yhk }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="xgzj" label="相关证件">
|
<template slot-scope="scope">
|
<el-link type="primary">
|
{{ scope.row.xgzj }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="xght" label="相关合同">
|
<template slot-scope="scope">
|
<el-link type="primary">{{ scope.row.xght }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="qj" label="请假">
|
<template slot-scope="scope">
|
<el-link type="primary">{{ scope.row.qj }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="cf" label="处罚">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.cf }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="czsq" label="辞职申请">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.czsq }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="lzsx" label="离职手续">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.lzsx }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="zl" label="自离">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.zl }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="sb" label="社保">
|
<template slot-scope="scope">
|
<el-link type="primary">{{ scope.row.sb }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="syj" label="失业金">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.syj }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="ywx" label="意外险">
|
<template slot-scope="scope">
|
<el-link type="primary">{{ scope.row.ywx }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="gs" label="工伤">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.gs }}</el-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="lz" label="劳资">
|
<template slot-scope="scope">
|
<el-link type="primary"> {{ scope.row.lz }}</el-link>
|
</template>
|
</el-table-column></el-table>
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="pagination.num"
|
:limit.sync="pagination.size"
|
@pagination="search"
|
/>
|
</el-main>
|
</el-container>
|
</el-container>
|
</div>
|
</template>
|
<script>
|
import Pagination from '@/components/Pagination'
|
|
export default {
|
components: {
|
Pagination
|
},
|
data() {
|
return {
|
dialogShowUploadfj: false,
|
empName: '',
|
queryform: {
|
empNumb: '',
|
empName: '',
|
certificateNumb: '',
|
deptName: '',
|
entryDate: '',
|
sex: -1,
|
education: -1,
|
politics: -1,
|
age: -1,
|
archivesStatus: -1,
|
insuranceType: -1
|
},
|
total: 0, // 总数量
|
pagination: { // 分页参数
|
size: 5,
|
num: 1
|
},
|
headerHeight: '70px',
|
advancedQueryShow: false,
|
dialogTableVisible: false,
|
pickerOptions: {
|
shortcuts: [
|
{
|
text: '最近一周',
|
onClick(picker) {
|
const end = new Date()
|
const start = new Date()
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
picker.$emit('pick', [start, end])
|
}
|
},
|
{
|
text: '最近一个月',
|
onClick(picker) {
|
const end = new Date()
|
const start = new Date()
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
picker.$emit('pick', [start, end])
|
}
|
},
|
{
|
text: '最近三个月',
|
onClick(picker) {
|
const end = new Date()
|
const start = new Date()
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
picker.$emit('pick', [start, end])
|
}
|
}
|
]
|
},
|
tableData: [],
|
defaultProps: {
|
children: 'children',
|
label: 'label'
|
}
|
}
|
},
|
mounted() {
|
this.fetch()
|
},
|
methods: {
|
delfj() {
|
|
},
|
downloadfj() {
|
|
},
|
dialogShow() {
|
this.dialogShowUploadfj = true
|
},
|
cancleChooseUser() {
|
this.dialogShowUploadfj = false
|
},
|
skipuploadfj() {
|
this.resolvePath('/uploadfj')
|
},
|
resetQueryform() {
|
this.queryform = {
|
empNumb: '',
|
empName: '',
|
certificateNumb: '',
|
deptName: '',
|
entryDate: '',
|
sex: -1,
|
education: -1,
|
politics: -1,
|
age: -1,
|
archivesStatus: -1,
|
insuranceType: -1
|
}
|
},
|
findEmpAccessoryAll() {
|
this.fetch({
|
...this.queryform
|
})
|
},
|
findEmpAccessory() {
|
var params = { empName: this.empName }
|
this.fetch({
|
...params
|
})
|
},
|
// 翻页方法
|
search() {
|
this.fetch({
|
...this.queryform
|
})
|
},
|
handleNodeClick(data) {
|
console.log(data)
|
},
|
fetch(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$get('hr/empAccessory/list', {
|
...params
|
}).then((r) => {
|
const data = r.data.data
|
this.total = data.total
|
this.tableData = data.rows
|
})
|
},
|
advancedQueryShowMethods() {
|
if (this.advancedQueryShow) {
|
this.headerHeight = '70px'
|
this.advancedQueryShow = false
|
} else {
|
this.headerHeight = '380px'
|
this.advancedQueryShow = true
|
}
|
},
|
showEmpInfo() {
|
this.dialogTableVisible = true
|
},
|
deleteRow(index, rows) {
|
rows.splice(index, 1)
|
}
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.el-main {
|
margin-top: 10px;
|
height: 600px;
|
}
|
</style>
|
<style lang="scss">
|
.input-empName .el-input-group__append{
|
padding: 0 15px 0 0;
|
}
|
.fj-table thead {
|
color: #000;
|
}
|
.fj-radio{
|
.el-radio__input.is-checked .el-radio__inner {
|
border-color: #a32c30;;
|
background: #a32c30;;
|
}
|
.el-radio__label {
|
color: #000 !important;
|
}
|
}
|
.td {
|
background-color: #dddcdc !important;
|
width: 160px;
|
text-align: center;
|
}
|
.td-group {
|
padding-left: 20px;
|
}
|
.search-title {
|
height: 50px;
|
.search {
|
position: relative;
|
top: 50%;
|
transform: translateY(-50%);
|
}
|
.title {
|
position: relative;
|
top: 40%;
|
transform: translateY(-50%);
|
}
|
.zs-title {
|
border-left: 4px solid #a32c30;
|
padding-left: 10px;
|
font-size: 16px;
|
}
|
}
|
|
#searchTable {
|
margin-top: 10px;
|
border-collapse: collapse;
|
width: 100%;
|
}
|
|
#searchTable td,
|
#searchTable th {
|
border: 1px solid #b0b0b0;
|
color: #000;
|
height: 40px;
|
background-color: #fff;
|
}
|
|
#ygxq table {
|
color: #000;
|
border-collapse: collapse;
|
margin: 0 auto;
|
text-align: center;
|
width: 100%;
|
margin-top: 20px;
|
}
|
|
#ygxq table td,
|
#ygxq table th {
|
border: 1px solid #eae9e9;
|
color: #666;
|
height: 30px;
|
}
|
|
#ygxq table thead th {
|
background-color: #fff;
|
width: 100px;
|
}
|
|
#ygxq table tr:nth-child(odd) {
|
background: #fff;
|
}
|
|
#ygxq table tr:nth-child(even) {
|
background: #f5fafa;
|
}
|
|
</style>
|
