<template>
|
<div>
|
<el-container>
|
<el-aside width="175px">
|
<el-timeline style="padding-left: 15px">
|
<el-timeline-item @click.native="isShow(showArr[0].show, 0)">
|
<span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[1].show, 1)">
|
<span :class="thisShowIndex===1?'selectedTimeline':''">工作经历</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[2].show, 2)">
|
<span :class="thisShowIndex===2?'selectedTimeline':''">体检信息</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[14].show, 14)">
|
<span :class="thisShowIndex===14?'selectedTimeline':''">调岗记录</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[3].show, 3)">
|
<span :class="thisShowIndex===3?'selectedTimeline':''">合同信息</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[15].show, 15)">
|
<span :class="thisShowIndex===15?'selectedTimeline':''">入离职记录</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[4].show, 4)">
|
<span :class="thisShowIndex===4?'selectedTimeline':''">离职当月考勤</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[5].show, 5)">
|
<span :class="thisShowIndex===5?'selectedTimeline':''">请假记录</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[6].show, 6)">
|
<span :class="thisShowIndex===6?'selectedTimeline':''">辞职申请</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[7].show, 7)">
|
<span :class="thisShowIndex===7?'selectedTimeline':''">失业金领取</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[8].show, 8)">
|
<span :class="thisShowIndex===8?'selectedTimeline':''">社保申请</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[9].show, 9)">
|
<span :class="thisShowIndex===9?'selectedTimeline':''">意外险案件</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[10].show, 10)">
|
<span :class="thisShowIndex===10?'selectedTimeline':''">工伤案件</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[11].show, 11)">
|
<span :class="thisShowIndex===11?'selectedTimeline':''">劳资案件</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[12].show, 12)">
|
<span :class="thisShowIndex===12?'selectedTimeline':''">不良记录</span>
|
</el-timeline-item>
|
<el-timeline-item @click.native="isShow(showArr[13].show, 13)">
|
<span :class="thisShowIndex===13?'selectedTimeline':''">备注信息</span>
|
</el-timeline-item>
|
</el-timeline></el-aside>
|
<el-main>
|
<div v-show="showArr[0].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="17">
|
<br>
|
</el-col>
|
<el-col :span="7">
|
<el-input v-model="queryParams.baseKey" placeholder="请输入内容" style="width:200px" />
|
<span class="search-btn" @click="vagueSearch">查询</span>
|
<span class="sup-search-btn" @click="advancedQueryShowMethods">高级查询</span>
|
</el-col>
|
</el-row>
|
<div v-show="advancedQueryShow">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="4">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="4">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="8">入职日期：
|
<el-date-picker
|
v-model="queryParams.entryDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 350px;"
|
/>
|
</el-col>
|
<el-col :span="8">离职日期：
|
<el-date-picker
|
v-model="queryParams.dimissionDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 350px;"
|
/>
|
</el-col>
|
<el-col :span="8">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<table class="searchTable">
|
<tr>
|
<td class="td">性别：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.sex" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllSex">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in sexOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">最高学历：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.education" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllEducation">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in educationOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">政治面貌：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.politics" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllPolitics">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in statusOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">年龄：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.ageStr" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllAgeStr">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in ageStrOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">档案情况：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.archivesStatus" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllArchivesStatus">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in archivesStatusOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">保险类型：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.insuranceType" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllInsuranceType">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in insuranceTypeOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">员工状态：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.empStatus" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllEmpStatus">全部</el-checkbox>
|
<el-checkbox label="0">在职</el-checkbox>
|
<el-checkbox label="1">离职</el-checkbox>
|
<el-checkbox label="2">退休</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">员工类型：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.empType" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllEmpType">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in empTypeOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
<tr>
|
<td class="td">入离职类型：</td>
|
<td class="td-group">
|
<el-checkbox-group v-model="queryParams.inOutType" class="fj-checkbox">
|
<el-checkbox label="" @change="selectAllDimissionType">全部</el-checkbox>
|
<el-checkbox
|
v-for="data in dimissionTypeOptions"
|
:key="data.dicItemName"
|
:label="data.dicItemCode"
|
>
|
{{ data.dicItemName }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<el-row>
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:#ff0000">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3" style="text-align: right;padding-right: 10px">
|
<el-button class="hr-but-all" type="success" @click.native="showDcyg(0)">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="empBaseInfoTable"
|
:data="basicInformationData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 100%;"
|
@sort-change="changeSort"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
<el-table-column show-overflow-tooltip prop="allDeptName" label="(部门)护卫点" width="300" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" />
|
<el-table-column show-overflow-tooltip prop="sex" label="性别" width="60" :formatter="sexFormat" />
|
<el-table-column show-overflow-tooltip prop="age" label="年龄" width="60" />
|
<el-table-column show-overflow-tooltip prop="education" label="学历" width="80" :formatter="educationFormat" />
|
<el-table-column show-overflow-tooltip prop="nativePlace" label="籍贯" width="80" :formatter="nativePlaceFormat" />
|
<el-table-column show-overflow-tooltip prop="empType" label="员工类型" width="100" :formatter="empTypeFormat" />
|
<el-table-column show-overflow-tooltip prop="telePhone" label="电话" width="120" />
|
<el-table-column show-overflow-tooltip prop="empStatus" label="员工状态" width="100">
|
<template slot-scope="{row}">
|
{{ transEmpStatus(row.empStatus) }}
|
</template>
|
</el-table-column>
|
<el-table-column show-overflow-tooltip prop="dimissionTypeName" label="离职类型" width="100" />
|
<el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" width="120" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
<el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" width="120" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
</el-table>
|
<el-dialog title="导出员工" :visible.sync="dialogShowDcyg" width="40%" style="font-weight: 700;">
|
<div style="font-size: 16px;font-weight: 400;height: 35px;margin-top: -30px;color: #409EFF;">请勾选需要导出的字段</div>
|
<table id="dcygTable" width="100%">
|
<tr>
|
<td colspan="6" style="text-align: left;">
|
<el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange" />
|
全部字段
|
</td>
|
</tr>
|
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
|
<tr>
|
<td>档案号</td>
|
<td>
|
<el-checkbox label="archivesNumb"><span /></el-checkbox>
|
</td>
|
<td>姓名</td>
|
<td>
|
<el-checkbox label="empName"><span /></el-checkbox>
|
</td>
|
<td>性别</td>
|
<td>
|
<el-checkbox label="sexName"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>部门(护卫点)</td>
|
<td>
|
<el-checkbox label="allDeptName"><span /></el-checkbox>
|
</td>
|
<td>所属岗位</td>
|
<td>
|
<el-checkbox label="jobName"><span /></el-checkbox>
|
</td>
|
<td>员工类别</td>
|
<td>
|
<el-checkbox label="empTypeName"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>民族</td>
|
<td>
|
<el-checkbox label="nationName"><span /></el-checkbox>
|
</td>
|
<td>身份证号码</td>
|
<td>
|
<el-checkbox label="certificateNumb"><span /></el-checkbox>
|
</td>
|
<td>年龄</td>
|
<td>
|
<el-checkbox label="age"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>婚姻状况</td>
|
<td>
|
<el-checkbox label="marriageName"><span /></el-checkbox>
|
</td>
|
<td>身份证有效期</td>
|
<td>
|
<el-checkbox label="certificateValidity"><span /></el-checkbox>
|
</td>
|
<td>身高</td>
|
<td>
|
<el-checkbox label="stature"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>政治面貌</td>
|
<td>
|
<el-checkbox label="politicsName"><span /></el-checkbox>
|
</td>
|
<td>出生日期</td>
|
<td>
|
<el-checkbox label="birthdate"><span /></el-checkbox>
|
</td>
|
<td>最高学历</td>
|
<td>
|
<el-checkbox label="educationName"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>籍贯</td>
|
<td>
|
<el-checkbox label="nativePlaceName"><span /></el-checkbox>
|
</td>
|
<td>户籍地址</td>
|
<td>
|
<el-checkbox label="censusAddress"><span /></el-checkbox>
|
</td>
|
<td>现住址</td>
|
<td>
|
<el-checkbox label="currentAddress"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>保安员证号</td>
|
<td>
|
<el-checkbox label="guardNumb"><span /></el-checkbox>
|
</td>
|
<td>保安员回执</td>
|
<td>
|
<el-checkbox label="returnReceipt"><span /></el-checkbox>
|
</td>
|
<td>档案情况</td>
|
<td>
|
<el-checkbox label="archivesStatusName"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>银行名称</td>
|
<td>
|
<el-checkbox label="bankName"><span /></el-checkbox>
|
</td>
|
<td>银行账号</td>
|
<td>
|
<el-checkbox label="bankNumb"><span /></el-checkbox>
|
</td>
|
<td>电话号码</td>
|
<td>
|
<el-checkbox label="telePhone"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>家庭成员及关系</td>
|
<td>
|
<el-checkbox label="family"><span /></el-checkbox>
|
</td>
|
<td>员工状态</td>
|
<td>
|
<el-checkbox label="empStatusName"><span /></el-checkbox>
|
</td>
|
<td>离职日期</td>
|
<td>
|
<el-checkbox label="dimissionDate"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>入职日期</td>
|
<td>
|
<el-checkbox label="entryDate"><span /></el-checkbox>
|
</td>
|
<td>保险类型</td>
|
<td>
|
<el-checkbox label="InsuranceTypeName"><span /></el-checkbox>
|
</td>
|
<td>社保电脑号</td>
|
<td>
|
<el-checkbox label="socialNumb"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>招聘介绍人</td>
|
<td>
|
<el-checkbox label="introducer"><span /></el-checkbox>
|
</td>
|
<td>入司工龄</td>
|
<td>
|
<el-checkbox label="seniority"><span /></el-checkbox>
|
</td>
|
<td>工作证</td>
|
<td>
|
<el-checkbox label="empCardStatusName"><span /></el-checkbox>
|
</td>
|
</tr>
|
<tr>
|
<td>相关证件</td>
|
<td>
|
<el-checkbox label="certificateList"><span /></el-checkbox>
|
</td>
|
<td>紧急联系电话</td>
|
<td>
|
<el-checkbox label="urgencyPhone"><span /></el-checkbox>
|
</td>
|
<td>员工手册</td>
|
<td>
|
<el-checkbox label="handbookStatusName"><span /></el-checkbox>
|
</td>
|
</tr>
|
</el-checkbox-group>
|
</table>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="showDcyg(1)">取 消</el-button>
|
<el-button type="primary" @click="showDcyg(2)">确 定</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
|
<div v-show="showArr[1].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="5">主要工作内容：
|
<el-input v-model="queryParams.jobContent" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="3">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="gzjlexportExcel">
|
导出Excel
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="workExperienceTable"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
:data="workExperienceData"
|
style="width: 100%;height: 70%;"
|
@sort-change="changeSort"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="160" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="220" />
|
<el-table-column show-overflow-tooltip prop="sex" label="性别" width="80" :formatter="sexFormat" />
|
<el-table-column show-overflow-tooltip prop="workUnit" label="工作单位" width="220" />
|
<el-table-column show-overflow-tooltip prop="beginDate" label="开始日期" width="150" sortable="custom" :sort-orders="['ascending', 'descending']" />
|
<el-table-column show-overflow-tooltip prop="endDate" label="结束日期" width="150" />
|
<el-table-column show-overflow-tooltip prop="jobContent" label="主要工作内容" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[2].show">
|
<el-row style="margin-bottom: 10px">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">体检日期：
|
<el-date-picker
|
v-model="queryParams.physicalExamDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="4">体检类型：
|
<el-select v-model="queryParams.physicalExamType" style="width:140px">
|
<el-option
|
v-for="dict in physicalExamTypeOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="4">心电图：
|
<el-select v-model="queryParams.ecg" style="width:140px">
|
<el-option
|
v-for="dict in ecgOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="4">体检结论：
|
<el-input v-model="queryParams.conclusion" size="small" maxlength="20" style="width:120px" />
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="3">
|
<el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="tjexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="physicalExamTable"
|
:data="physicalExamData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="120" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
|
<el-table-column show-overflow-tooltip prop="sex" label="性别" width="50" :formatter="sexFormat" />
|
<el-table-column show-overflow-tooltip prop="hospital" label="体检医院" width="100" />
|
<el-table-column show-overflow-tooltip prop="physicalExamDate" label="体检日期" width="100" />
|
<el-table-column show-overflow-tooltip prop="physicalExamType" label="体检类型" width="100" :formatter="typeFormat" />
|
<el-table-column show-overflow-tooltip prop="bloodPressure" label="血压" width="80" />
|
<el-table-column show-overflow-tooltip prop="transaminase" label="转氨酶" width="80" />
|
<el-table-column show-overflow-tooltip prop="ecg" label="心电图" width="80" :formatter="ecgNameFormat" />
|
<el-table-column show-overflow-tooltip prop="conclusion" label="体检结论" />
|
<el-table-column show-overflow-tooltip prop="reviewRecord" label="复查记录" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[3].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">合同签订日期：
|
<el-date-picker
|
v-model="queryParams.signingDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="9">合同结束日期：
|
<el-date-picker
|
v-model="queryParams.endDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
<el-col :span="9">合同状态：
|
<el-select v-model="queryParams.contractStatus" style="width:200px">
|
<el-option value="" label="全部" />
|
<el-option :value="1" label="有效" />
|
<el-option :value="2" label="到期" />
|
<el-option :value="3" label="续签" />
|
<el-option :value="4" label="存档" />
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="htexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="contractInfoTable"
|
:data="contractInfoData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="160" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="140" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
|
<!-- <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="180" /> -->
|
<el-table-column show-overflow-tooltip prop="signingDate" label="合同签订日期" width="180" />
|
<el-table-column show-overflow-tooltip prop="endDate" label="合同结束日期" width="180" />
|
<el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" width="120" />
|
<el-table-column show-overflow-tooltip prop="contractStatus" label="合同状态" width="120" :formatter="contractStatusFormat" />
|
<el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" width="180" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[4].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="8">考勤年月
|
<el-select v-model="queryParams.attendYear" style="width:120px;margin-right: 10px">
|
<el-option
|
v-for="dict in attendYearOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
<el-select v-model="queryParams.attendMonth" style="width:120px">
|
<el-option label="12" value="12" />
|
<el-option label="11" value="11" />
|
<el-option label="10" value="10" />
|
<el-option label="9" value="9" />
|
<el-option label="8" value="8" />
|
<el-option label="7" value="7" />
|
<el-option label="6" value="6" />
|
<el-option label="5" value="5" />
|
<el-option label="4" value="4" />
|
<el-option label="3" value="3" />
|
<el-option label="2" value="2" />
|
<el-option label="1" value="1" />
|
</el-select>
|
</el-col>
|
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="5">有无代扣款项：
|
<el-input v-model="queryParams.deductStr" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="kqexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="dimissionAttendTable"
|
:data="dimissionAttendData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="120" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
|
<el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤年月" width="120" />
|
<el-table-column show-overflow-tooltip prop="attendDays" label="出勤天数" width="100" />
|
<el-table-column show-overflow-tooltip prop="overtimeDay" label="加班（天）" width="100" />
|
<el-table-column show-overflow-tooltip prop="overtimeHour" label="加班（小时）" width="120" />
|
<el-table-column show-overflow-tooltip prop="deduct" label="有无代扣款项" width="120" />
|
<el-table-column show-overflow-tooltip prop="leaveDay" label="请假（天）" width="100" />
|
<el-table-column show-overflow-tooltip prop="absenteeism" label="旷工（天）" width="100" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
|
<!-- <el-table-column prop="allDeptName" label="护卫点" width="180" />
|
<el-table-column prop="jobName" label="岗位" width="180" />
|
<el-table-column prop="empName" label="姓名" width="180" />
|
<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
|
<el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤月份" width="180" /> -->
|
</el-table>
|
</div>
|
|
<div v-show="showArr[5].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">请假日期：
|
<el-date-picker
|
v-model="queryParams.leaveDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
<el-col :span="4">请假类型：
|
<el-select v-model="queryParams.leaveType" style="width:100px">
|
<el-option value="" label="全部" />
|
<el-option value="05" label="事假" />
|
<el-option value="06" label="病假" />
|
<el-option value="07" label="公假" />
|
<el-option value="08" label="婚假" />
|
<el-option value="09" label="孕假" />
|
<el-option value="10" label="产假" />
|
<el-option value="11" label="陪产假" />
|
<el-option value="12" label="探亲假" />
|
<el-option value="13" label="探配偶假" />
|
<el-option value="14" label="丧假" />
|
<el-option value="15" label="工伤假" />
|
<el-option value="16" label="节育假" />
|
<el-option value="17" label="年休假" />
|
<el-option value="18" label="其它假" />
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="qjexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
v-show="showArr[5].show"
|
ref="leaveInfoTable"
|
:data="leaveInfoData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="120" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
|
<el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="150" />
|
<el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="150" />
|
<el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="100" />
|
<el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" width="100" :formatter="leaveTypeFormat" />
|
<el-table-column show-overflow-tooltip prop="returnDate" label="到岗时间" width="150" />
|
<el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="100" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[6].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">辞职申请日期：
|
<el-date-picker
|
v-model="queryParams.applayDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
|
<el-col :span="6">辞职事由：
|
<el-input v-model="queryParams.reason" size="small" maxlength="18" style="width:262px" />
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="czexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="resignTable"
|
:data="resignData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="140" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
|
<el-table-column show-overflow-tooltip prop="applayDate" label="辞职申请日期" width="160" />
|
<el-table-column show-overflow-tooltip prop="reason" label="辞职事由" />
|
<el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[7].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="4">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:140px" />
|
</el-col>
|
<el-col :span="4">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:140px" />
|
</el-col>
|
<el-col :span="5">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:160px" />
|
</el-col>
|
<el-col :span="5">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:160px" />
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="9">失业金领取日期：
|
<el-date-picker
|
v-model="queryParams.applayDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
<el-col :span="4">申报事由：
|
<el-input v-model="queryParams.applayReason" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="syjexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="unemploymentTable"
|
:data="unemploymentData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="120" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="120" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
|
<el-table-column show-overflow-tooltip prop="applayDate" label="失业金申请日期" width="180" />
|
<el-table-column show-overflow-tooltip prop="applayReason" label="申报事由" width="180" />
|
<el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" />
|
<el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="100" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[8].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">社保申请日期：
|
<el-date-picker
|
v-model="queryParams.applayDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4">社保档位：
|
<el-select v-model="queryParams.insuranceGaers" style="width:100px">
|
<el-option value="" label="全部" />
|
<el-option value="1" label="深户（五险一档）" />
|
<el-option value="2" label="非深户(五险一档)" />
|
<el-option value="3" label="非深户(五险二档)" />
|
<el-option value="4" label="非深户(五险三档)" />
|
<el-option value="5" label="非深户(四险三档)" />
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="sbexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="insuranceTable"
|
:data="insuranceData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="150" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
|
<el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" width="150" />
|
<el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="100" />
|
<el-table-column show-overflow-tooltip prop="insuranceGaers" label="社保档位" width="100" :formatter="insuranceGaersFormat" />
|
<el-table-column show-overflow-tooltip prop="reportStatus" label="是否已报告" width="100" :formatter="reportStatusFormat" />
|
<el-table-column show-overflow-tooltip prop="applayStatus" label="状态" width="100" :formatter="applayStatusFormat" />
|
<el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="100" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[9].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">受伤日期：
|
<el-date-picker
|
v-model="queryParams.injuredTimeStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="9">人事处理时间：
|
<el-date-picker
|
v-model="queryParams.hrDoDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
<el-col :span="4">是否住院：
|
<el-select v-model="queryParams.hospitalizatioFlag" style="width:120px">
|
<el-option
|
v-for="dict in hospitalizatioFlagOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="4">案结状态：
|
<el-select v-model="queryParams.settleStatus" style="width:120px">
|
<el-option value="" label="全部" />
|
<el-option value="1" label="已结案" />
|
<el-option value="0" label="未结案" />
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="ywxexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="accidentCasesTable"
|
:data="accidentCasesData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="120" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
|
<el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="100" />
|
<el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="100" />
|
<el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
|
<el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" />
|
<el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" width="100" />
|
<el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="80" />
|
<el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" />
|
<el-table-column show-overflow-tooltip prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
|
<el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />
|
<el-table-column show-overflow-tooltip prop="reprotTime" label="报案时间" width="100" />
|
<el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
|
<el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />
|
<el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
|
<el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="120" />
|
<el-table-column show-overflow-tooltip prop="expenseReport" label="保单" width="80" />
|
<el-table-column show-overflow-tooltip prop="hrDoDate" label="人事处理时间" width="120" />
|
<el-table-column show-overflow-tooltip prop="settleStatus" label="状态" width="80" :formatter="settleStatusFormat" />
|
<el-table-column show-overflow-tooltip prop="settleDate" label="结案时间" width="100" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[10].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">受伤日期：
|
<el-date-picker
|
v-model="queryParams.injuredTimeStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="9">人事处理时间：
|
<el-date-picker
|
v-model="queryParams.hrDoDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
<el-col :span="4">是否住院：
|
<el-select v-model="queryParams.hospitalizatioFlag" style="width:120px">
|
<el-option
|
v-for="dict in hospitalizatioFlagOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="4">案结状态：
|
<el-select v-model="queryParams.settleStatus" style="width:120px">
|
<el-option
|
v-for="dict in settleStatusOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="gsexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="occupationalTable"
|
:data="occupationalData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="120" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
|
<el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="100" />
|
<el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="80" />
|
<el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
|
<el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" />
|
<el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" width="80" />
|
<el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="100" />
|
<el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" />
|
<el-table-column show-overflow-tooltip prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
|
<el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />
|
<el-table-column show-overflow-tooltip prop="reportTime" label="报案时间" width="100" />
|
<el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
|
<el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />
|
<el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
|
<el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="120" />
|
<el-table-column show-overflow-tooltip prop="hrDoDate" label="人事处理时间" width="120" />
|
<el-table-column show-overflow-tooltip prop="settleStatus" label="状态" width="80" :formatter="settleStatusFormat" />
|
<el-table-column show-overflow-tooltip prop="settleDate" label="结案时间" width="100" />
|
</el-table>
|
</div>
|
|
<div v-show="showArr[11].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">仲裁日期：
|
<el-date-picker
|
v-model="queryParams.arbitrationDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4">仲裁类型：
|
<el-select v-model="queryParams.arbitrationType" style="width:120px">
|
<el-option
|
v-for="dict in arbitrationTypeOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="4">仲裁事由：
|
<el-input v-model="queryParams.arbitrationReason" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">案结状态：
|
<el-select v-model="queryParams.arbitrationStatus" style="width:120px">
|
<el-option
|
v-for="dict in settleStatusOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="4">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="lzexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="laborTroubleTable"
|
:data="laborTroubleData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="120" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" />
|
<el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="150" />
|
<el-table-column show-overflow-tooltip prop="arbitrationType" label="仲裁类型" width="100" :formatter="arbitrationTypeFormat" />
|
<el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" />
|
<el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
<el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付（元）" width="120" />
|
<el-table-column show-overflow-tooltip prop="arbitrationStatus" label="状态" width="100" :formatter="arbitrationStatusFormat" />
|
<el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="150" />
|
</el-table></div>
|
|
<div v-show="showArr[12].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">不良记录日期：
|
<el-date-picker
|
v-model="queryParams.badDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="5">不良记录描述：
|
<el-input v-model="queryParams.badContent" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="3.5">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="blexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="badRecordTable"
|
:data="badRecordData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="140" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="140" />
|
<el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" />
|
<el-table-column show-overflow-tooltip prop="badDate" label="不良记录日期" width="140" />
|
<el-table-column show-overflow-tooltip prop="badContent" label="不良记录描述" />
|
<el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" />
|
|
</el-table></div>
|
|
<div v-show="showArr[13].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">备注日期：
|
<el-date-picker
|
v-model="queryParams.remarkDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4">备注信息：
|
<el-input v-model="queryParams.remarkContent" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="3.5">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="bzexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="remarkInfoTable"
|
:data="remarkInfoData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" />
|
<el-table-column show-overflow-tooltip prop="deptName" label="(部门)护卫点" width="220" />
|
<el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="140" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="140" />
|
<el-table-column show-overflow-tooltip prop="remarkDate" label="备注日期" width="180" />
|
<el-table-column show-overflow-tooltip prop="remarkContent" label="备注信息" />
|
</el-table>
|
</div>
|
<div v-show="showArr[14].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="6">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:200px" />
|
</el-col>
|
<el-col :span="6">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:200px" />
|
</el-col>
|
<el-col :span="6">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:200px" />
|
</el-col>
|
<el-col :span="6">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:200px" />
|
</el-col>
|
</el-row>
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="9">调岗日期：
|
<el-date-picker
|
v-model="queryParams.changeDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 350px;"
|
/>
|
</el-col>
|
<el-col :span="6">调岗类型：
|
<el-select v-model="queryParams.changeType" size="small" style="width:200px">
|
<el-option
|
v-for="dict in changeTypeOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="3">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="tgexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="jobChangeTable"
|
:data="jobChangeData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="selection" width="55" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
|
<!-- <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" /> -->
|
<el-table-column show-overflow-tooltip prop="newDeptName" label="现部门" />
|
<el-table-column show-overflow-tooltip prop="newJobName" label="现岗位" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" />
|
<el-table-column show-overflow-tooltip prop="oldDeptName" label="原部门" />
|
<el-table-column show-overflow-tooltip prop="oldJobName" label="原岗位" />
|
<el-table-column show-overflow-tooltip prop="changeDate" label="调岗日期" />
|
<el-table-column show-overflow-tooltip prop="changeType" label="调岗类型" :formatter="changeTypeFormat" />
|
<el-table-column show-overflow-tooltip prop="changeReason" label="调岗理由描述" width="380" />
|
</el-table>
|
</div>
|
<div v-show="showArr[15].show">
|
<el-row style="margin-bottom: 10px;">
|
<el-col :span="3">编号：
|
<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:110px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
|
</el-col>
|
<el-col :span="4">(部门)护卫点：
|
<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
|
</el-col>
|
<el-col :span="9">入职日期：
|
<el-date-picker
|
v-model="queryParams.entryDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 400px;"
|
/>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">离职日期：
|
<el-date-picker
|
v-model="queryParams.dimissionDateStr"
|
size="small"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
value-format="yyyy-MM-dd"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:picker-options="pickerOptions"
|
style="width: 350px;"
|
/>
|
</el-col>
|
<el-col :span="4">离职类型：
|
<el-select v-model="queryParams.dimissionType" style="width:150px">
|
<el-option
|
v-for="dict in dimissionTypeOptions"
|
:key="dict.dicItemCode"
|
:label="dict.dicItemName"
|
:value="dict.dicItemCode"
|
/>
|
</el-select>
|
</el-col>
|
<el-col :span="6">
|
<el-col :span="6" style="line-height: 30px;">
|
员工状态:
|
</el-col>
|
<el-col :span="16" style="line-height: 30px;">
|
<el-checkbox-group v-model="queryParams.empStatus">
|
<el-checkbox :label="0">在职</el-checkbox>
|
<el-checkbox :label="1">离职</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-col>
|
<el-col :span="3.5">
|
<el-button size="mini" class="hr-but-all" type="danger" @click="search">查询</el-button>
|
<el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="21" style="line-height: 50px;">
|
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
|
</el-col>
|
<el-col :span="3">
|
<el-button class="hr-but-all" type="success" @click.native="rlzexportExcel">
|
导出EXCEL
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
ref="dimissionLogTable"
|
:data="dimissionLogData"
|
stripe
|
border
|
:cell-style="{padding:'7px 0','text-align':'center'}"
|
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
|
style="width: 100%;height: 70%;"
|
>
|
<el-table-column type="selection" width="55" />
|
<el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" />
|
<el-table-column show-overflow-tooltip prop="newDeptName" label="(部门)护卫点" width="200" />
|
<el-table-column show-overflow-tooltip prop="newJobName" label="岗位" />
|
<el-table-column show-overflow-tooltip prop="empName" label="姓名" width="180" />
|
<el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" />
|
<el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" />
|
<el-table-column show-overflow-tooltip prop="selfLeaveDay" label="自离天数" />
|
<el-table-column show-overflow-tooltip prop="reporter" label="报告人" />
|
<el-table-column show-overflow-tooltip prop="remark" label="备注" width="280" />
|
</el-table>
|
</div>
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="pagination.num"
|
:limit.sync="pagination.size"
|
@pagination="search"
|
/>
|
</el-main>
|
</el-container>
|
|
</div>
|
</template>
|
<script>
|
import Pagination from '@/components/Pagination'
|
export default {
|
components: {
|
Pagination
|
},
|
data() {
|
return {
|
cityOptions: ['archivesNumb', 'allDeptName', 'jobName', 'empName', 'certificateNumb', 'certificateValidity', 'sexName', 'nationName', 'age', 'marriageName', 'stature', 'birthdate', 'politicsName', 'empTypeName', 'educationName', 'nativePlaceName', 'censusAddress', 'currentAddress', 'guardNumb', 'returnReceipt', 'archivesStatusName', 'bankName', 'bankNumb', 'telePhone', 'entryDate', 'InsuranceTypeName', 'socialNumb', 'introducer', 'seniority', 'empCardStatusName', 'certificateList', 'urgencyPhone', 'handbookStatusName', 'family', 'empStatusName', 'dimissionDate'],
|
dialogShowDcyg: false,
|
isIndeterminate: false,
|
checkedCities: [],
|
checkAll: false,
|
total: 0, // 总数量
|
queryParams: {
|
vague: '',
|
sex: [],
|
education: [],
|
politics: [],
|
ageStr: [],
|
archivesStatus: [],
|
insuranceType: [],
|
empStatus: [],
|
empType: [],
|
baseKey: '',
|
empNumb: '',
|
empName: '',
|
certificateNumb: '',
|
jobContent: '',
|
inOutType: []
|
}, // 查询参数
|
sort: {}, // 排序
|
pagination: { // 分页参数
|
size: 15,
|
num: 1
|
},
|
tableUrl: '',
|
tableDataName: '',
|
inputForName: '',
|
restaurJob: [{
|
value: '总经理',
|
code: '2942725270000031'
|
},
|
{
|
value: '总秘',
|
code: '2942725270000032'
|
},
|
{
|
value: '总助',
|
code: '2942725270000033'
|
},
|
{
|
value: '经理',
|
code: '2942725270000022'
|
},
|
{
|
value: '副经理',
|
code: '2942725270000015'
|
},
|
{
|
value: '助理',
|
code: '2942725270000030'
|
},
|
{
|
value: '项目经理',
|
code: '2942725270000027'
|
},
|
{
|
value: '大队长',
|
code: '2942725270000006'
|
},
|
{
|
value: '大队长兼内勤',
|
code: '2942725270000007'
|
},
|
{
|
value: '中队长',
|
code: '2942725270000029'
|
},
|
{
|
value: '队长',
|
code: '2942725270000011'
|
},
|
{
|
value: '分队长',
|
code: '2942725270000013'
|
},
|
{
|
value: '副队长',
|
code: '2942725270000014'
|
},
|
{
|
value: '班长',
|
code: '2942725270000002'
|
},
|
{
|
value: '保安员',
|
code: '2942725270000003'
|
},
|
{
|
value: '内勤',
|
code: '2942725270000024'
|
},
|
{
|
value: '保洁',
|
code: '2942725270000004'
|
},
|
{
|
value: '电工',
|
code: '2942725270000010'
|
},
|
{
|
value: '绿化工',
|
code: '2942725270000023'
|
},
|
{
|
value: '出纳',
|
code: '2942725270000005'
|
},
|
{
|
value: '人事专员',
|
code: '2942725270000025'
|
},
|
{
|
value: '司机',
|
code: '2942725270000026'
|
},
|
{
|
value: '购买保险',
|
code: '2942725270000016'
|
},
|
{
|
value: '广州燃气中队长',
|
code: '2942725270000018'
|
},
|
{
|
value: '管理员',
|
code: '2942725270000017'
|
},
|
{
|
value: '监控员',
|
code: '2942725270000021'
|
},
|
{
|
value: '员工',
|
code: '2942725270000028'
|
}
|
],
|
formLabelWidth: '120px',
|
thisShowIndex: 0,
|
dialogShowXzyg: false,
|
dialogshowArr: [{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
}
|
],
|
// eslint-disable-next-line no-undef
|
showArr: [{
|
show: true
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
},
|
{
|
show: false
|
}
|
],
|
isAdd: false,
|
advancedQueryShow: false,
|
physicalExamData: [],
|
workExperienceData: [],
|
basicInformationData: [],
|
contractInfoData: [],
|
attendanceData: [],
|
leaveInfoData: [],
|
resignData: [],
|
unemploymentData: [],
|
insuranceData: [],
|
remarkInfoData: [],
|
laborTroubleData: [],
|
occupationalData: [],
|
badRecordData: [],
|
accidentCasesData: [],
|
dimissionAttendData: [],
|
jobChangeData: [],
|
dimissionLogData: [],
|
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])
|
}
|
}
|
]
|
},
|
statusOptions: [],
|
empTypeOptions: [],
|
nationOptions: [],
|
marriageOptions: [],
|
educationOptions: [],
|
nativePlaceOptions: [],
|
archivesStatusOptions: [],
|
insuranceTypeOptions: [],
|
empCardStatusOptions: [],
|
handbookStatusOptions: [],
|
ecgOptions: [],
|
certificateListOptions: [],
|
physicalExamTypeOptions: [],
|
contractStatusOptions: [],
|
leaveTypeOptions: [],
|
insuranceGaersOptions: [],
|
applayStatusOptions: [],
|
reportStatusOptions: [],
|
hospitalizatioFlagOptions: [],
|
settleStatusOptions: [],
|
arbitrationTypeOptions: [],
|
changeTypeOptions: [],
|
dimissionTypeOptions: [],
|
ageStrOptions: [],
|
attendYearOptions: [],
|
sexOptions: []
|
}
|
},
|
mounted() {
|
this.thisShowIndex = 1
|
this.isShow(false, 0)
|
this.getDicts('ageStr').then(response => {
|
this.ageStrOptions = response.data
|
})
|
this.getDicts('PLITICAL').then(response => {
|
this.statusOptions = response.data
|
})
|
this.getDicts('attendYear').then(response => {
|
this.attendYearOptions = response.data
|
})
|
this.getDicts('sex').then(response => {
|
this.sexOptions = response.data
|
})
|
this.getDicts('empType').then(response => {
|
this.empTypeOptions = response.data
|
})
|
this.getDicts('NATION').then(response => {
|
this.nationOptions = response.data
|
})
|
this.getDicts('MARRIAGE').then(response => {
|
this.marriageOptions = response.data
|
})
|
this.getDicts('EDUCATION').then(response => {
|
this.educationOptions = response.data
|
})
|
this.getDicts('NATIVEPLACE').then(response => {
|
this.nativePlaceOptions = response.data
|
})
|
this.getDicts('archivesStatus').then(response => {
|
this.archivesStatusOptions = response.data
|
})
|
this.getDicts('INSURANCETYPE').then(response => {
|
this.insuranceTypeOptions = response.data
|
})
|
this.getDicts('empCardStatus').then(response => {
|
this.empCardStatusOptions = response.data
|
})
|
this.getDicts('handbookStatus').then(response => {
|
this.handbookStatusOptions = response.data
|
})
|
this.getDicts('certificateList').then(response => {
|
this.certificateListOptions = response.data
|
})
|
this.getDicts('PHYSICALEXAMTYPE').then(response => {
|
this.physicalExamTypeOptions = response.data
|
})
|
this.getDicts('ECG').then(response => {
|
this.ecgOptions = response.data
|
})
|
this.getDicts('CONTRACTSTATUS').then(response => {
|
this.contractStatusOptions = response.data
|
})
|
this.getDicts('LEAVETYPE').then(response => {
|
this.leaveTypeOptions = response.data
|
})
|
this.getDicts('insuranceGaers').then(response => {
|
this.insuranceGaersOptions = response.data
|
})
|
this.getDicts('applayStatus').then(response => {
|
this.applayStatusOptions = response.data
|
})
|
this.getDicts('reportStatus').then(response => {
|
this.reportStatusOptions = response.data
|
})
|
this.getDicts('hospitalizatioFlag').then(response => {
|
this.hospitalizatioFlagOptions = response.data
|
})
|
this.getDicts('settleStatus').then(response => {
|
this.settleStatusOptions = response.data
|
})
|
this.getDicts('ZCTYPE').then(response => {
|
this.arbitrationTypeOptions = response.data
|
})
|
this.getDicts('changeType').then(response => {
|
this.changeTypeOptions = response.data
|
})
|
this.getDicts('LZTYPE').then(response => {
|
this.dimissionTypeOptions = response.data
|
})
|
},
|
methods: {
|
typeFormat(row, column) {
|
return this.selectDictLabel(this.physicalExamTypeOptions, row.physicalExamType)
|
},
|
empTypeFormat(row, column) {
|
return this.selectDictLabel(this.empTypeOptions, row.empType)
|
},
|
sexFormat(row, column) {
|
return this.selectDictLabel(this.sexOptions, row.sex)
|
},
|
nationFormat(row, column) {
|
return this.selectDictLabel(this.nationOptions, row.nation)
|
},
|
marriageFormat(row, column) {
|
return this.selectDictLabel(this.marriageOptions, row.marriage)
|
},
|
politicsFormat(row, column) {
|
return this.selectDictLabel(this.statusOptions, row.politics)
|
},
|
nativePlaceFormat(row, column) {
|
return this.selectDictLabel(this.nativePlaceOptions, row.nativePlace)
|
},
|
educationFormat(row, column) {
|
return this.selectDictLabel(this.educationOptions, row.education)
|
},
|
insuranceTypeFormat(row, column) {
|
return this.selectDictLabel(this.insuranceTypeOptions, row.insuranceType)
|
},
|
ecgNameFormat(row, column) {
|
return this.selectDictLabel(this.ecgOptions, row.ecg)
|
},
|
contractStatusFormat(row, column) {
|
return this.selectDictLabel(this.contractStatusOptions, row.contractStatus)
|
},
|
changeTypeFormat(row, column) {
|
return this.selectDictLabel(this.changeTypeOptions, row.changeType)
|
},
|
leaveTypeFormat(row, column) {
|
return this.selectDictLabel(this.leaveTypeOptions, row.leaveType)
|
},
|
dimissionTypeFormat(row, column) {
|
return this.selectDictLabel(this.dimissionTypeOptions, row.dimissionType)
|
},
|
insuranceGaersFormat(row, column) {
|
return this.selectDictLabel(this.insuranceGaersOptions, row.insuranceGaers)
|
},
|
reportStatusFormat(row, column) {
|
return this.selectDictLabel(this.reportStatusOptions, row.reportStatus)
|
},
|
applayStatusFormat(row, column) {
|
return this.selectDictLabel(this.applayStatusOptions, row.applayStatus)
|
},
|
hospitalizatioFlagFormat(row, column) {
|
return this.selectDictLabel(this.hospitalizatioFlagOptions, row.hospitalizatioFlag)
|
},
|
settleStatusFormat(row, column) {
|
return this.selectDictLabel(this.settleStatusOptions, row.settleStatus)
|
},
|
arbitrationTypeFormat(row, column) {
|
return this.selectDictLabel(this.arbitrationTypeOptions, row.arbitrationType)
|
},
|
arbitrationStatusFormat(row, column) {
|
return this.selectDictLabel(this.settleStatusOptions, row.arbitrationStatus)
|
},
|
handleCheckedCitiesChange(value) {
|
const checkedCount = value.length
|
this.checkAll = checkedCount === this.cityOptions.length
|
this.isIndeterminate = checkedCount > 0 && checkedCount < this.cityOptions.length
|
},
|
handleCheckAllChange(val) {
|
this.checkedCities = val ? this.cityOptions : []
|
this.isIndeterminate = false
|
},
|
showDcyg(operate) {
|
switch (operate) {
|
case 0:
|
this.dialogShowDcyg = true
|
break
|
case 1:
|
this.dialogShowDcyg = false
|
break
|
case 2:
|
var params = this.queryParams
|
params.exportField = this.checkedCities.join(',')
|
this.$download('hr/empBaseInfo/exportWithField', { ...params }, '在职员工列表.xls').then(() => {
|
this.$message({
|
message: '下载成功!',
|
type: 'success'
|
})
|
})
|
break
|
}
|
},
|
resetSearch() {
|
this.queryParams = {
|
delFlag: 0,
|
vague: '',
|
sex: [],
|
education: [],
|
politics: [],
|
ageStr: [],
|
archivesStatus: [],
|
insuranceType: [],
|
empStatus: [],
|
baseKey: '',
|
empNumb: '',
|
empName: '',
|
certificateNumb: '',
|
jobContent: ''
|
}
|
this.search()
|
},
|
search() {
|
this.queryParams.baseKey = ''
|
this.fetch({
|
...this.queryParams,
|
...this.sort
|
})
|
},
|
// 公用查询
|
fetch(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$get(this.tableUrl, {
|
...params
|
}).then((r) => {
|
const data = r.data.data
|
this.total = data.total
|
this[this.tableDataName] = data.rows
|
})
|
},
|
vagueSearch() {
|
this.fetch({
|
baseKey: this.queryParams.baseKey
|
// delFlag: 0
|
})
|
},
|
dialogIsShow() {
|
this.isAdd = true
|
this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex]
|
.show
|
},
|
advancedQueryShowMethods() {
|
if (this.advancedQueryShow) {
|
this.advancedQueryShow = false
|
} else {
|
this.advancedQueryShow = true
|
}
|
},
|
isShow(tableShow, index) {
|
if (index === this.thisShowIndex) {
|
return
|
}
|
if (tableShow) {
|
this.showArr[index].show = false
|
} else {
|
this.showArr[index].show = true
|
this.showArr[this.thisShowIndex].show = false
|
}
|
this.thisShowIndex = index
|
switch (this.thisShowIndex) {
|
case 0:
|
this.tableUrl = 'hr/empBaseInfo/zslist'
|
this.tableDataName = 'basicInformationData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 1:
|
this.tableUrl = 'hr/empWorkExperience/list'
|
this.tableDataName = 'workExperienceData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 2:
|
this.tableUrl = 'hr/empPhysicalExam/list'
|
this.tableDataName = 'physicalExamData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 3:
|
this.tableUrl = 'hr/empContractInfo/list'
|
this.tableDataName = 'contractInfoData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 4:
|
this.tableUrl = 'hr/empDimissionAttend/list'
|
this.tableDataName = 'dimissionAttendData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 5:
|
this.tableUrl = 'hr/empLeaveInfo/list'
|
this.tableDataName = 'leaveInfoData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 6:
|
this.tableUrl = 'hr/empResign/list'
|
this.tableDataName = 'resignData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 7:
|
this.tableUrl = 'hr/empUnemployment/list'
|
this.tableDataName = 'unemploymentData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 8:
|
this.tableUrl = 'hr/empInsurance/list'
|
this.tableDataName = 'insuranceData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 9:
|
this.tableUrl = 'hr/empAccidentCases/list'
|
this.tableDataName = 'accidentCasesData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 10:
|
this.tableUrl = 'hr/empOccupational/list'
|
this.tableDataName = 'occupationalData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 11:
|
this.tableUrl = 'hr/empLaborTrouble/list'
|
this.tableDataName = 'laborTroubleData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 12:
|
this.tableUrl = 'hr/empBadRecord/list'
|
this.tableDataName = 'badRecordData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 13:
|
this.tableUrl = 'hr/empRemarkInfo/list'
|
this.tableDataName = 'remarkInfoData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 14:
|
this.tableUrl = 'hr/empJobChange/list'
|
this.tableDataName = 'jobChangeData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
case 15:
|
this.tableUrl = 'hr/empDimissionlog/list'
|
this.tableDataName = 'dimissionLogData'
|
this.queryParams.delFlag = 0
|
this.search()
|
break
|
}
|
},
|
selectAllSex(val) {
|
if (val) {
|
this.queryParams.sex = ['1', '2']
|
} else {
|
this.queryParams.sex = []
|
}
|
},
|
selectAllEducation(val) {
|
if (val) {
|
this.queryParams.education = ['91', '81', '71', '61', '42', '41', '31', '21', '11', '10']
|
} else {
|
this.queryParams.education = []
|
}
|
},
|
selectAllPolitics(val) {
|
if (val) {
|
this.queryParams.politics = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13']
|
} else {
|
this.queryParams.politics = []
|
}
|
},
|
selectAllAgeStr(val) {
|
if (val) {
|
this.queryParams.ageStr = ['18-29', '30-39', '40-49', '50-59', '60-69', '69-999']
|
} else {
|
this.queryParams.ageStr = []
|
}
|
},
|
selectAllArchivesStatus(val) {
|
if (val) {
|
this.queryParams.archivesStatus = ['0', '1']
|
} else {
|
this.queryParams.archivesStatus = []
|
}
|
},
|
selectAllInsuranceType(val) {
|
if (val) {
|
this.queryParams.insuranceType = ['1', '2', '3', '4', '5']
|
} else {
|
this.queryParams.insuranceType = []
|
}
|
},
|
selectAllEmpType(val) {
|
if (val) {
|
this.queryParams.insuranceType = ['1', '2']
|
} else {
|
this.queryParams.insuranceType = []
|
}
|
},
|
selectAllEmpStatus(val) {
|
if (val) {
|
this.queryParams.empStatus = ['0', '1', '2', '3']
|
} else {
|
this.queryParams.empStatus = []
|
}
|
},
|
selectAllDimissionType(val) {
|
if (val) {
|
this.queryParams.inOutType = ['1', '2', '3', '4', '5', '6']
|
} else {
|
this.queryParams.inOutType = []
|
}
|
},
|
exportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empBaseInfo/export', {
|
...params, ...this.queryParams
|
}, `基本信息_${new Date().getTime()}.xlsx`)
|
},
|
gzjlexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empWorkExperience/export', {
|
...params, ...this.queryParams
|
}, `工作经历_${new Date().getTime()}.xlsx`)
|
},
|
tjexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empPhysicalExam/export', {
|
...params, ...this.queryParams
|
}, `体检_${new Date().getTime()}.xlsx`)
|
},
|
htexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empContractInfo/export', {
|
...params, ...this.queryParams
|
}, `合同_${new Date().getTime()}.xlsx`)
|
},
|
kqexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empDimissionAttend/export', {
|
...params, ...this.queryParams
|
}, `考勤_${new Date().getTime()}.xlsx`)
|
},
|
qjexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empLeaveInfo/export', {
|
...params, ...this.queryParams
|
}, `请假_${new Date().getTime()}.xlsx`)
|
},
|
czexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empResign/export', {
|
...params, ...this.queryParams
|
}, `辞职_${new Date().getTime()}.xlsx`)
|
},
|
syjexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empUnemployment/export', {
|
...params, ...this.queryParams
|
}, `失业金_${new Date().getTime()}.xlsx`)
|
},
|
sbexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empInsurance/export', {
|
...params, ...this.queryParams
|
}, `社保_${new Date().getTime()}.xlsx`)
|
},
|
ywxexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empAccidentCases/export', {
|
...params, ...this.queryParams
|
}, `意外险_${new Date().getTime()}.xlsx`)
|
},
|
gsexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empOccupational/export', {
|
...params, ...this.queryParams
|
}, `工伤_${new Date().getTime()}.xlsx`)
|
},
|
lzexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empLaborTrouble/export', {
|
...params, ...this.queryParams
|
}, `劳资案件_${new Date().getTime()}.xlsx`)
|
},
|
blexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empBadRecord/export', {
|
...params, ...this.queryParams
|
}, `不良记录_${new Date().getTime()}.xlsx`)
|
},
|
bzexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empRemarkInfo/export', {
|
...params, ...this.queryParams
|
}, `备注_${new Date().getTime()}.xlsx`)
|
},
|
tgexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empJobChange/export', {
|
...params, ...this.queryParams
|
}, `调岗_${new Date().getTime()}.xlsx`)
|
},
|
rlzexportExcel(params = {}) {
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
this.$download('hr/empDimissionlog/export', {
|
...params, ...this.queryParams
|
}, `入离职_${new Date().getTime()}.xlsx`)
|
},
|
transEmpStatus(empStatus) {
|
switch (empStatus) {
|
case '0':
|
return '在职'
|
case '1':
|
return '离职'
|
}
|
},
|
transLeaveType(leaveType) {
|
switch (leaveType) {
|
case '1':
|
return '事假'
|
case '2':
|
return '病假'
|
case '3':
|
return '调休假'
|
}
|
},
|
transPhysicalExamType(physicalExamType) {
|
switch (physicalExamType) {
|
case '1':
|
return '入职体检'
|
case '2':
|
return '员工体检'
|
}
|
},
|
transEcg(ecg) {
|
switch (ecg) {
|
case '1':
|
return '正常'
|
case '2':
|
return '异常'
|
}
|
},
|
transContractStatus(contractStatus, time) {
|
var strtime = time.replace('/-/g', '/')// 时间转换
|
// 时间
|
var date1 = new Date(strtime)
|
// 现在时间
|
var date2 = new Date()
|
if (date1 <= date2) {
|
return '到期'
|
} else {
|
switch (contractStatus) {
|
case '1':
|
return '有效'
|
case '2':
|
return '到期'
|
case '3':
|
return '续签'
|
case '4':
|
return '存档'
|
}
|
}
|
},
|
transInsuranceGaers(insuranceGaers) {
|
switch (insuranceGaers) {
|
case '1':
|
return '深户(五险一档)'
|
case '2':
|
return '非深户(五险一档)'
|
case '3':
|
return '非深户(五险二档)'
|
case '4':
|
return '非深户(五险三档)'
|
case '5':
|
return '非深户(四险三档)'
|
}
|
},
|
transReportStatus(reportStatus) {
|
switch (reportStatus) {
|
case 1:
|
return '未报告'
|
case 2:
|
return '已报告'
|
}
|
},
|
transApplayStatus(applayStatus) {
|
switch (applayStatus) {
|
case 1:
|
return '未申请'
|
case 2:
|
return '已申请'
|
}
|
},
|
transArbitrationStatus(arbitrationStatus) {
|
switch (arbitrationStatus) {
|
case 1:
|
return '已结案'
|
case 0:
|
return '未结案'
|
}
|
},
|
transArbitrationType(arbitrationType) {
|
switch (arbitrationType) {
|
case '01':
|
return '劳资纠纷'
|
case '02':
|
return '民事纠纷'
|
case '03':
|
return '合同纠纷'
|
}
|
},
|
transHospitalizatioFlag(hospitalizatioFlag) {
|
switch (hospitalizatioFlag) {
|
case 1:
|
return '已住院'
|
case 0:
|
return '未住院'
|
}
|
},
|
transChangeType(changeType) {
|
switch (changeType) {
|
case 2:
|
return '升职'
|
case 3:
|
return '调动'
|
}
|
},
|
changeSort(val) {
|
this.sort.field = val.prop
|
this.sort.order = val.order
|
this.search()
|
}
|
}
|
}
|
</script>
|
<style lang="scss">
|
|
.fj-checkbox{
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
border-color: #a32c30;;
|
background: #a32c30;;
|
}
|
.el-checkbox__label {
|
color: #000 !important;
|
}
|
}
|
</style>
|
<style lang="scss" scoped>
|
#dcygTable {
|
border-collapse: collapse;
|
tr {
|
width: 100%;
|
border-bottom: 1px dashed #ccc;
|
>td:nth-child(even) {
|
width: 100px;
|
text-align: left;
|
}
|
}
|
|
}
|
|
#dcygTable td {
|
width: 160px;
|
text-align: center;
|
height: 35px;
|
line-height: 35px;
|
font-size: 15px;
|
font-weight: 400;
|
}
|
.el-container {
|
height: 86.7vh;
|
background-color: white;
|
|
.el-aside {
|
background-color: white;
|
color: #333;
|
text-align: center;
|
height: 100%;
|
}
|
|
.el-main {
|
background-color: white;
|
color: #333;
|
height: 100%;
|
}
|
|
.el-timeline-item{
|
padding-bottom: 5px;
|
}
|
}
|
|
.searchTable {
|
margin-top: 10px;
|
border-collapse: collapse;
|
width: 100%;
|
tr {
|
border-bottom: 1px dashed #d9dadb;
|
}
|
|
.td {
|
width: 90px;
|
text-align: right;
|
}
|
.td-group {
|
padding-left: 20px;
|
}
|
}
|
|
.searchTable td,
|
.searchTable th {
|
color: #000;
|
height: 50px;
|
background-color: #fff;
|
}
|
|
.button-from {
|
text-align: center;
|
margin-top: 2%;
|
}
|
|
.commonBtn {
|
background-color: rgb(163, 44, 48);
|
color: white;
|
}
|
|
.nomalBtn {
|
border: 1px solid rgb(163, 44, 48);
|
background-color: white;
|
color: rgb(163, 44, 48);
|
}
|
|
.selectedTimeline {
|
color: rgb(163, 44, 48);
|
}
|
|
.info-card {
|
margin-top: 20px;
|
}
|
|
.el-select {
|
width: 100%;
|
}
|
|
.el-autocomplete {
|
width: 100%;
|
}
|
|
.el-header,
|
.el-footer {
|
background-color: #e9eef3;
|
color: #333;
|
text-align: center;
|
line-height: 60px;
|
}
|
|
.el-date-editor.el-input,
|
.el-date-editor.el-input__inner {
|
width: 100%;
|
}
|
|
.search-btn {
|
display: inline-block;
|
width: 3.64vw;
|
height: 3.2vh;
|
line-height: 3.2vh;
|
text-align: center;
|
background-color: #a00515;
|
color: #fff;
|
margin-left: 1vw;
|
box-sizing: border-box;
|
cursor: pointer;
|
vertical-align: middle;
|
}
|
|
.sup-search-btn {
|
display: inline-block;
|
width: 5.2vw;
|
height: 3.2vh;
|
line-height: 3.2vh;
|
text-align: center;
|
margin-left: 1vw;
|
color: #a00515;
|
border: 1px solid #a00515;
|
box-sizing: border-box;
|
cursor: pointer;
|
vertical-align: middle;
|
}
|
</style>
|
