sunsail-platform-ui.git

			@@ -1,448 +1,2259 @@
			<template>
			<div>
			<el-container>
			<el-header :height="headerHeight">
			<el-row>
			<el-col :span="16">
			<h3 class="bu-tian-jia-title">员工智搜</h3>
			</el-col>
			<el-col :span="8">
			<el-input v-model="input" placeholder="请输入内容" style="width:200px" />
			<el-button type="primary">查询</el-button>
			<el-button type="danger" @click.native="advancedQueryShowMethods">高级查询</el-button>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="7">
			<h3 class="bu-tian-jia-title">已为您搜索出 6 条符合条件的记录</h3>
			</el-col>
			<el-col :span="8">
			<el-button type="danger">导出EXCEL</el-button>
			</el-col>
			</el-row>
			<div v-show="advancedQueryShow">
			<form>
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
			</el-col>
			<el-col :span="3">姓名：
			<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
			</el-col>
			<el-col :span="3">身份证号：
			<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
			</el-col>
			<el-col :span="3">所属部门：
			<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
			</el-col>
			<el-col :span="3">岗位：
			<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
			</el-col>
			<el-col :span="3">保安证号：
			<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
			</el-col>
			<el-col :span="6">
			<el-button type="primary">查询</el-button>
			<el-button type="danger">重置</el-button>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="24">
			<table id="searchTable">
			<tr>
			<td>搜索项：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">基本信息</el-radio>
			<el-radio :label="6">工作信息</el-radio>
			<el-radio :label="9">工作经历</el-radio>
			<el-radio :label="9">体检信息</el-radio>
			<el-radio :label="9">合同信息</el-radio>
			<el-radio :label="9">考勤情况</el-radio>
			<el-radio :label="9">员工请假</el-radio>
			<el-radio :label="9">员工调岗</el-radio>
			<el-radio :label="9">备注信息</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>性别：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			<el-radio :label="6">男性</el-radio>
			<el-radio :label="9">女性</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>最高学历：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			<el-radio :label="6">初中</el-radio>
			<el-radio :label="9">高中</el-radio>
			<el-radio :label="9">大专</el-radio>
			<el-radio :label="9">本科</el-radio>
			<el-radio :label="9">硕士</el-radio>
			<el-radio :label="9">博士</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>政治面貌：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			<el-radio :label="6">党员</el-radio>
			<el-radio :label="9">团员</el-radio>
			<el-radio :label="9">群众</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>入职日期：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>身高：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			<el-radio :label="6">150-159</el-radio>
			<el-radio :label="9">160-169</el-radio>
			<el-radio :label="9">170-179</el-radio>
			<el-radio :label="9">180-189</el-radio>
			<el-radio :label="9">190-199</el-radio>
			<el-radio :label="9">200及以上</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>年龄：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			<el-radio :label="6">18-29</el-radio>
			<el-radio :label="9">30-39</el-radio>
			<el-radio :label="9">40-49</el-radio>
			<el-radio :label="9">50-59</el-radio>
			<el-radio :label="9">60-69</el-radio>
			<el-radio :label="9">69及以上</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>档案情况：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			<el-radio :label="6">已移交</el-radio>
			<el-radio :label="9">未移交</el-radio>
			</el-radio-group>
			</td>
			</tr>
			<tr>
			<td>员工状态：</td>
			<td>
			<el-radio-group v-model="radio">
			<el-radio :label="3">全部</el-radio>
			<el-radio :label="6">在职</el-radio>
			<el-radio :label="6">正常离职</el-radio>
			<el-radio :label="6">自动离职</el-radio>
			<el-radio :label="6">公司辞退</el-radio>
			</el-radio-group>
			</td>
			</tr>
			</table>
			</el-col>
			</el-row>
			</form>
			</div>
			</el-header>
			<el-container>
			<el-aside width="400px">
			<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
			</el-aside>
			<el-main>
			<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="prop0" label="序号" width="180" />
			<el-table-column prop="prop1" label="员工编号" width="180" />
			<el-table-column prop="prop2" label="姓名" width="180" />
			<el-table-column prop="prop3" label="性别" width="180" />
			<el-table-column prop="prop4" label="身份证号码" width="180" />
			<el-table-column prop="prop5" label="有效期" width="180" />
			<el-table-column prop="prop6" label="民族" width="180" />
			<el-table-column prop="prop7" label="身高" width="180" />
			<el-table-column prop="prop8" label="年龄" width="180" />
			<el-table-column prop="prop9" label="政治面貌" width="180" />
			<el-table-column prop="prop10" label="最高学历" width="180" />
			<el-table-column prop="prop11" label="籍贯" width="180" />
			<el-table-column prop="prop12" label="保安员证号" width="180" />
			<el-table-column prop="prop13" label="保安员回执" width="180" />
			<el-table-column prop="prop14" label="档案情况" width="180" />
			<el-table-column prop="prop15" label="员工状态" width="180" />
			<el-table-column prop="prop16" label="电话号码" width="180" />
			</el-table>
			</el-main>
			</el-container>
			</el-container>
			</div>
			</template>
			<script>
			export default {
			data() {
			return {
			headerHeight: '70px',
			advancedQueryShow: false,
			dialogTableVisible: false,
			tableData: [{
			"prop0": "1",
			"prop1": "2100452312",
			"prop2": "赵建国",
			"prop3": "男",
			"prop4": "510304197402225813",
			"prop5": "10",
			"prop6": "汉族",
			"prop7": "170",
			"prop8": "46",
			"prop9": "党员",
			"prop10": "大专",
			"prop11": "广东省番禺市",
			"prop12": "",
			"prop13": "",
			"prop14": "已移交",
			"prop15": "在职",
			"prop16": "133023187889"
			}, {
			"prop0": "2",
			"prop1": "2101620946",
			"prop2": "罗启艳",
			"prop3": "女",
			"prop4": "41272619740120543X",
			"prop5": "10",
			"prop6": "汉族",
			"prop7": "175",
			"prop8": "46",
			"prop9": "团员",
			"prop10": "高中",
			"prop11": "广东省番禺市",
			"prop12": "",
			"prop13": "",
			"prop14": "已移交",
			"prop15": "在职",
			"prop16": "189135789889"
			}, {
			"prop0": "3",
			"prop1": "2100629950",
			"prop2": "毛玉平",
			"prop3": "男",
			"prop4": "522528198202071629",
			"prop5": "10",
			"prop6": "汉族",
			"prop7": "170",
			"prop8": "39",
			"prop9": "非党员",
			"prop10": "高中",
			"prop11": "广东省番禺市",
			"prop12": "",
			"prop13": "",
			"prop14": "已移交",
			"prop15": "在职",
			"prop16": "135098784561"
			}, {
			"prop0": "4",
			"prop1": "2100882835",
			"prop2": "梅均均",
			"prop3": "女",
			"prop4": "510504198704260927",
			"prop5": "10",
			"prop6": "汉族",
			"prop7": "175",
			"prop8": "34",
			"prop9": "党员",
			"prop10": "高中",
			"prop11": "广东省番禺市",
			"prop12": "",
			"prop13": "",
			"prop14": "未移交",
			"prop15": "在职",
			"prop16": "133023187889"
			}, {
			"prop0": "5",
			"prop1": "2101356718",
			"prop2": "王香妮",
			"prop3": "女",
			"prop4": "433122199508091511",
			"prop5": "10",
			"prop6": "汉族",
			"prop7": "175",
			"prop8": "26",
			"prop9": "团员",
			"prop10": "高中",
			"prop11": "广东省番禺市",
			"prop12": "",
			"prop13": "",
			"prop14": "未移交",
			"prop15": "在职",
			"prop16": "189135789889"
			}, {
			"prop0": "6",
			"prop1": "2100900981",
			"prop2": "易金洪",
			"prop3": "男",
			"prop4": "610424198306152860",
			"prop5": "10",
			"prop6": "苗族",
			"prop7": "169",
			"prop8": "38",
			"prop9": "非党员",
			"prop10": "",
			"prop11": "广东省番禺市",
			"prop12": "",
			"prop13": "",
			"prop14": "已移交",
			"prop15": "正常离职",
			"prop16": "135098784561"
			}],
			data: [{
			label: '一级 1',
			children: [{
			label: '二级 1-1',
			children: [{
			label: '三级 1-1-1'
			}]
			}]
			},
			{
			label: '一级 2',
			children: [{
			label: '二级 2-1',
			children: [{
			label: '三级 2-1-1'
			}]
			},
			{
			label: '二级 2-2',
			children: [{
			label: '三级 2-2-1'
			}]
			}
			]
			},
			{
			label: '一级 3',
			children: [{
			label: '二级 3-1',
			children: [{
			label: '三级 3-1-1'
			}]
			},
			{
			label: '二级 3-2',
			children: [{
			label: '三级 3-2-1'
			}]
			}
			]
			}
			],
			defaultProps: {
			children: 'children',
			label: 'label'
			}
			}
			},
			methods: {
			handleNodeClick(data) {
			console.log(data)
			},
			advancedQueryShowMethods() {
			if (this.advancedQueryShow) {
			this.headerHeight = '70px'
			this.advancedQueryShow = false
			} else {
			this.headerHeight = '410px'
			this.advancedQueryShow = true
			}
			},
			showEmpInfo() {
			this.dialogTableVisible = true
			}
			}
			}
			</script>
			<style lang="scss">
			.el-aside {
			padding: 20px;
			background: #f3f5f8;
			height: 600px;

			.el-tree {
			height: 100%;
			}
			}

			.el-main {
			height: 600px;
			}

			#searchTable {
			margin-top: 10px;
			border-collapse: collapse;
			width: 100%;
			}

			#searchTable td,
			#searchTable th {
			border: 1px solid #cad9ea;
			color: #666;
			height: 30px;
			}

			#ygxq table {
			border-collapse: collapse;
			margin: 0 auto;
			text-align: center;
			width: 100%;
			margin-top: 20px;
			}

			#ygxq table td,
			#ygxq table th {
			border: 1px solid #DDDCDC;
			color: #666;
			height: 30px;
			}

			#ygxq table thead th {
			background-color: #CCE8EB;
			width: 100px;
			}

			#ygxq table tr:nth-child(odd) {
			background: #fff;
			}

			#ygxq table tr:nth-child(even) {
			background: #F5FAFA;
			}

			.tdTitle {
			font-size: 14px;
			font-weight: 700;
			text-align: left;
			}

			.link_button {
			color: #169BD5;
			}

			.del_button {
			color: #D9001B;
			}
			<template>
			<div>
			<el-container>
			<el-aside width="200px">
			<el-timeline>
			<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.vague" placeholder="请输入内容" style="width:200px" />
			<el-button type="primary" @click="vagueSearch">查询</el-button>
			<el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>
			</el-col>
			</el-row>
			<div v-show="advancedQueryShow">
			<el-row style="margin-bottom: 10px;">
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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="9">离职日期：
			<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: 400px;"
			/>
			</el-col>
			<el-col :span="8">
			<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>
			<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 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.education" class="fj-checkbox">
			<el-checkbox label="" @change="selectAllEducation">全部</el-checkbox>
			<el-checkbox label="91">无学历</el-checkbox>
			<el-checkbox label="81">小学</el-checkbox>
			<el-checkbox label="71">初中</el-checkbox>
			<el-checkbox label="61">高中</el-checkbox>
			<el-checkbox label="42">中技</el-checkbox>
			<el-checkbox label="41">中专</el-checkbox>
			<el-checkbox label="31">大学专科</el-checkbox>
			<el-checkbox label="21">大学本科</el-checkbox>
			<el-checkbox label="11">硕士</el-checkbox>
			<el-checkbox label="10">博士</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 label="01">党员</el-checkbox>
			<el-checkbox label="02">预备</el-checkbox>
			<el-checkbox label="03">共青</el-checkbox>
			<el-checkbox label="04">民革</el-checkbox>
			<el-checkbox label="05">民盟</el-checkbox>
			<el-checkbox label="06">民建</el-checkbox>
			<el-checkbox label="07">民进</el-checkbox>
			<el-checkbox label="08">农工</el-checkbox>
			<el-checkbox label="09">致公</el-checkbox>
			<el-checkbox label="10">九三</el-checkbox>
			<el-checkbox label="11">台盟</el-checkbox>
			<el-checkbox label="12">民主</el-checkbox>
			<el-checkbox label="13">群众</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 label="18-29">18-29</el-checkbox>
			<el-checkbox label="30-39">30-39</el-checkbox>
			<el-checkbox label="40-49">40-49</el-checkbox>
			<el-checkbox label="50-59">50-59</el-checkbox>
			<el-checkbox label="60-69">60-69</el-checkbox>
			<el-checkbox label="69-999">69及以上</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 label="0">已移交</el-checkbox>
			<el-checkbox label="1">未移交</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 label="1">深户（五险一档）</el-checkbox>
			<el-checkbox label="2">非深户(五险一档)</el-checkbox>
			<el-checkbox label="3">非深户(五险二档)</el-checkbox>
			<el-checkbox label="4">非深户(五险三档)</el-checkbox>
			<el-checkbox label="5">非深户(四险三档)</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>
			</table>
			</div>
			<el-row style="margin-bottom: 10px;">
			<el-col :span="21">
			已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
			</el-col>
			<el-col :span="3">
			<el-button size="mini" class="hr-but" type="success" @click.native="exportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="empBaseInfoTable" :data="basicInformationData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="empNumb" label="员工编号" />
			<el-table-column prop="deptName" label="护卫点" />
			<el-table-column prop="jobName" label="岗位" />
			<el-table-column prop="empName" label="姓名" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="sexName" label="性别" width="50" />
			<el-table-column prop="age" label="年龄" width="50" />
			<el-table-column prop="educationName" label="学历" />
			<el-table-column prop="nativePlaceName" label="籍贯" />
			<el-table-column prop="telePhone" label="电话" />
			<el-table-column prop="empStatus" label="员工状态">
			<template slot-scope="{row}">
			{{ transEmpStatus(row.empStatus) }}
			</template>
			</el-table-column>
			<el-table-column prop="entryDate" label="入职日期" />
			<el-table-column prop="dimissionDate" label="离职日期" />
			</el-table>
			</div>

			<div v-show="showArr[1].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="5">主要工作内容：
			<el-input v-model="queryParams.jobContent" size="small" maxlength="18" style="width:140px" />
			</el-col>
			<el-col :span="3">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="gzjlexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="workExperienceTable" :data="workExperienceData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="empNumb" label="员工编号" width="100" />
			<el-table-column prop="empName" label="员工姓名" width="100" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="170" />
			<el-table-column prop="sex" label="性别" width="50" />
			<el-table-column prop="workUnit" label="工作单位" width="220" />
			<el-table-column prop="beginDate" label="开始日期" width="100" />
			<el-table-column prop="endDate" label="结束日期" width="100" />
			<el-table-column prop="jobContent" label="主要工作内容" />
			</el-table>
			</div>

			<div v-show="showArr[2].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-col :span="4">体检类型：
			<el-select v-model="queryParams.physicalExamType" style="width:100px">
			<el-option value="1" label="入职体检" />
			<el-option value="2" label="员工体检" />
			</el-select>
			</el-col>
			<el-col :span="4">心电图：
			<el-select v-model="queryParams.ecg" style="width:100px">
			<el-option label="正常" value="1" />
			<el-option label="异常" value="0" />
			</el-select>
			</el-col>
			<el-col :span="3">体检结论：
			<el-input v-model="queryParams.conclusion" size="small" maxlength="20" style="width:100px" />
			</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>
			<el-col :span="21" style="line-height: 50px;">
			已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
			</el-col>
			<el-col :span="3">
			<el-button class="filter-item" type="success" @click.native="tjexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="physicalExamTable" :data="physicalExamData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="deptName" label="护卫点" />
			<el-table-column prop="empNumb" label="员工编号" />
			<el-table-column prop="empName" label="员工姓名" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="sex" label="性别" width="50" />
			<el-table-column prop="hospital" label="体检医院" />
			<el-table-column prop="physicalExamDate" label="体检日期" />
			<el-table-column prop="physicalExamType" label="体检类型">
			<template slot-scope="{row}">
			{{ transPhysicalExamType(row.physicalExamType) }}
			</template>
			</el-table-column>
			<el-table-column prop="bloodPressure" label="血压" />
			<el-table-column prop="transaminase" label="转氨酶" />
			<el-table-column prop="ecg" label="心电图">
			<template slot-scope="{row}">
			{{ transEcg(row.ecg) }}
			</template>
			</el-table-column>
			<el-table-column prop="conclusion" label="体检结论" />
			<el-table-column prop="reviewRecord" label="复查记录" />
			<el-table-column prop="remark" label="备注" />
			</el-table>
			</div>

			<div v-show="showArr[3].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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>
			<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: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-select>
			</el-col>
			<el-col :span="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="htexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="contractInfoTable" :data="contractInfoData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="deptName" 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 prop="signingDate" label="合同签订日期" width="180" />
			<el-table-column prop="endDate" label="合同结束日期" width="180" />
			<el-table-column prop="contractPeriod" label="合同期限(年)" width="180" />
			<el-table-column prop="contractStatus" label="合同状态" width="180">
			<template slot-scope="{row}">
			{{ transContractStatus(row.contractStatus,row.endDate) }}
			</template>
			</el-table-column>
			<el-table-column prop="transactor" label="合同办理人" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[4].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
			</el-col>
			<el-col :span="2.5">考勤年月
			<el-select v-model="queryParams.attendYear" style="width:100px">
			<el-option label="2021" value="2021" />
			<el-option label="2020" value="2020" />
			<el-option label="2019" value="2019" />
			<el-option label="2018" value="2018" />
			</el-select>
			<el-select v-model="queryParams.attendMonth" style="width:100px">
			<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-col :span="5">有无代扣款项：
			<el-input v-model="queryParams.deductStr" size="small" maxlength="10" style="width:110px" />
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="kqexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="dimissionAttendTable" :data="dimissionAttendData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="deptName" 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 prop="attendMonth" label="离职考勤月份" width="180" />
			<el-table-column prop="attendDays" label="出勤天数" width="180" />
			<el-table-column prop="overtimeDay" label="加班（天）" width="180" />
			<el-table-column prop="overtimeHour" label="加班（小时）" width="180" />
			<el-table-column prop="deduct" label="有无代扣款项" width="180" />
			<el-table-column prop="leaveDay" label="请假（天）" width="180" />
			<el-table-column prop="absenteeism" label="旷工（天）" width="180" />
			<el-table-column prop="remark" label="备注" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[5].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
			</el-col>
			<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="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="qjexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="jobName" label="岗位名称" width="180" />
			<el-table-column prop="empName" label="员工姓名" width="180" />
			<el-table-column prop="beginTime" label="开始时间" width="180" />
			<el-table-column prop="endTime" label="结束时间" width="180" />
			<el-table-column prop="leaveDay" label="请假天数" width="180" />
			<el-table-column prop="leaveType" label="请假类型" width="180">
			<template slot-scope="{row}">
			{{ transLeaveType(row.leaveType) }}
			</template>
			</el-table-column>
			<el-table-column prop="returnDate" label="到岗时间" width="180" />
			<el-table-column prop="reporter" label="报备人" width="180" />
			<el-table-column prop="remark" label="备注" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[6].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-col :span="4">辞职事由：
			<el-input v-model="queryParams.reason" size="small" maxlength="18" style="width:140px" />
			</el-col>
			<el-col :span="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="czexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="resignTable" :data="resignData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="jobName" label="岗位名" width="180" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="empName" label="员工姓名" width="180" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="applayDate" label="辞职申请日期" width="180" />
			<el-table-column prop="reason" label="辞职事由" width="180" />
			<el-table-column prop="reporter" label="汇报人" width="180" />
			<el-table-column prop="remark" label="备注" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[7].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-col :span="4">申报事由：
			<el-input v-model="queryParams.applayReason" size="small" maxlength="20" style="width:100px" />
			</el-col>
			<el-col :span="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="syjexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="unemploymentTable" :data="unemploymentData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="jobName" label="岗位名称" width="180" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="applayDate" label="失业金申请日期" width="180" />
			<el-table-column prop="applayReason" label="申报事由" width="180" />
			<el-table-column prop="reporter" label="汇报人" width="180" />
			<el-table-column prop="auditor" label="审核人" width="180" />
			<el-table-column prop="remark" label="备注" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[8].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-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="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="sbexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="insuranceTable" :data="insuranceData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="applayDate" label="社保申请日期" width="180" />
			<el-table-column prop="proposer" label="申请人" width="180" />
			<el-table-column prop="insuranceGaers" label="社保档位" width="180">
			<template slot-scope="{row}">
			{{ transInsuranceGaers(row.insuranceGaers) }}
			</template>
			</el-table-column>
			<el-table-column prop="reportStatus" label="是否已报告" width="180">
			<template slot-scope="{row}">
			{{ transReportStatus(row.reportStatus) }}
			</template>
			</el-table-column>
			<el-table-column prop="applayStatus" label="状态" width="180">
			<template slot-scope="{row}">
			{{ transApplayStatus(row.applayStatus) }}
			</template>
			</el-table-column>
			<el-table-column prop="auditor" label="审核人" width="180" />
			<el-table-column prop="remark" label="备注" width="280" />
			</el-table>
			</div>

			<div v-show="showArr[9].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-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:100px">
			<el-option value="" label="全部" />
			<el-option label="未住院" value="0" />
			<el-option label="已住院" value="1" />
			</el-select>
			</el-col>
			<el-col :span="4">案结状态：
			<el-select v-model="queryParams.settleStatus" style="width:100px">
			<el-option value="" label="全部" />
			<el-option value="1" label="已结案" />
			<el-option value="0" label="未结案" />
			</el-select>
			</el-col>
			<el-col :span="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="ywxexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="accidentCasesTable" :data="accidentCasesData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="deptName" 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 prop="injuredTime" label="受伤日期" width="180" />
			<el-table-column prop="injuredAddress" label="受伤地点" width="180" />
			<el-table-column prop="injuredPart" label="受伤部位" width="180" />
			<el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
			<el-table-column prop="injuredDiacrisis" label="意外险诊断" width="180" />
			<el-table-column prop="hospitalName" label="就诊医院" width="180" />
			<el-table-column prop="treatmentName" label="就诊科室" width="180" />
			<el-table-column prop="hospitalizatioFlag" label="是否住院" width="180">
			<template slot-scope="{row}">
			{{ transHospitalizatioFlag(row.hospitalizatioFlag) }}
			</template>
			</el-table-column>
			<el-table-column prop="bedNumb" label="床号" width="180" />
			<el-table-column prop="reprotTime" label="报案时间" width="180" />
			<el-table-column prop="submitTime" label="递交资料时间" width="180" />
			<el-table-column prop="sbumitBy" label="递交人" width="180" />
			<el-table-column prop="expensesFee" label="医疗总费用" width="180" />
			<el-table-column prop="settleStatus" label="案结状态" width="180">
			<template slot-scope="{row}">
			{{ transArbitrationStatus(row.settleStatus) }}
			</template>
			</el-table-column>
			<el-table-column prop="innsureFee" label="保险赔付费用" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[10].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-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:100px">
			<el-option value="" label="全部" />
			<el-option label="未住院" value="0" />
			<el-option label="已住院" value="1" />
			</el-select>
			</el-col>
			<el-col :span="4">案结状态：
			<el-select v-model="queryParams.settleStatus" style="width:100px">
			<el-option value="" label="全部" />
			<el-option value="1" label="已结案" />
			<el-option value="0" label="未结案" />
			</el-select>
			</el-col>
			<el-col :span="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="gsexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="occupationalTable" :data="occupationalData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="jobName" label="岗位" width="180" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="injuredTime" label="受伤日期" width="180" />
			<el-table-column prop="injuredAddress" label="受伤地点" width="180" />
			<el-table-column prop="injuredPart" label="受伤部位" width="180" />
			<el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
			<el-table-column prop="injuredDiacrisis" label="工伤诊断" width="180" />
			<el-table-column prop="hospitalName" label="就诊医院" width="180" />
			<el-table-column prop="treatmentName" label="就诊科室" width="180" />
			<el-table-column prop="hospitalizatioFlag" label="是否住院" width="180">
			<template slot-scope="{row}">
			{{ transHospitalizatioFlag(row.hospitalizatioFlag) }}
			</template>
			</el-table-column>
			<el-table-column prop="bedNumb" label="床号" width="180" />
			<el-table-column prop="reportTime" label="报案时间" width="180" />
			<el-table-column prop="submitTime" label="递交资料时间" width="180" />
			<el-table-column prop="sbumitBy" label="递交人" width="180" />
			<el-table-column prop="expensesFee" label="医疗总费用" width="180" />
			<el-table-column prop="compensated" label="已赔付医药费用" width="180" />
			<el-table-column prop="settleStatus" label="状态" width="180">
			<template slot-scope="{row}">
			{{ transArbitrationStatus(row.settleStatus) }}
			</template>
			</el-table-column>
			</el-table>
			</div>

			<div v-show="showArr[11].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-col :span="4">仲裁类型：
			<el-select v-model="queryParams.arbitrationType" style="width:100px">
			<el-option value="" label="全部" />
			<el-option label="劳资纠纷" value="01" />
			<el-option label="民事纠纷" value="02" />
			<el-option label="合同纠纷" value="03" />
			</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:100px">
			<el-option value="" label="全部" />
			<el-option value="1" label="已结案" />
			<el-option value="0" label="未结案" />
			</el-select>
			</el-col>
			<el-col :span="4">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="lzexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="laborTroubleTable" :data="laborTroubleData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
			<el-table-column prop="arbitrationType" label="仲裁类型" width="180">
			<template slot-scope="{row}">
			{{ transArbitrationType(row.arbitrationType) }}
			</template>
			</el-table-column>
			<el-table-column prop="arbitrationReason" label="仲裁事由" width="180" />
			<el-table-column prop="reporter" label="汇报人" width="180" />
			<el-table-column prop="remark" label="备注" width="180" />
			<el-table-column prop="arbitrationPay" label="仲裁赔付（元）" width="180" />
			<el-table-column prop="arbitrationStatus" label="状态" width="180">
			<template slot-scope="{row}">
			{{ transArbitrationStatus(row.arbitrationStatus) }}
			</template>
			</el-table-column>
			<el-table-column prop="settleDate" label="案结日期" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[12].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-col :span="5">不良记录描述：
			<el-input v-model="queryParams.badContent" size="small" maxlength="18" style="width:140px" />
			</el-col>
			<el-col :span="3.5">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="blexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="badRecordTable" :data="badRecordData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="badDate" label="不良记录日期" width="180" />
			<el-table-column prop="badContent" label="不良记录描述" width="180" />
			<el-table-column prop="reporter" label="汇报人" width="180" />
			<el-table-column prop="remark" label="备注" width="180" />
			</el-table>
			</div>

			<div v-show="showArr[13].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-col :span="4">备注信息：
			<el-input v-model="queryParams.remarkContent" size="small" maxlength="18" style="width:140px" />
			</el-col>
			<el-col :span="3.5">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="bzexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="remarkInfoTable" :data="remarkInfoData" style="width: 100%;height: 70%;">
			<el-table-column type="index" label="序号" width="50" align="center" />
			<el-table-column prop="deptName" label="护卫点" width="180" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="remarkDate" label="备注日期" width="180" />
			<el-table-column prop="remarkContent" label="备注信息" width="400" />
			</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>
			<el-col :span="12">调岗日期：
			<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: 500px;"
			/>
			</el-col>
			<el-col :span="6">调岗类型：
			<el-select v-model="queryParams.changeType" size="small" style="width:200px">
			<el-option label="升职" value="2" />
			<el-option label="调动" value="3" />
			</el-select>
			</el-col>
			<el-col :span="6">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="tgexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="jobChangeTable" :data="jobChangeData" style="width: 100%;height: 70%;">
			<el-table-column type="selection" width="55" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
			<el-table-column prop="newDeptName" label="现部门" />
			<el-table-column prop="newJobName" label="现岗位" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="oldDeptName" label="原部门" />
			<el-table-column prop="oldJobName" label="原岗位" />
			<el-table-column prop="changeDate" label="调岗日期" />
			<el-table-column prop="changeType" label="调岗类型">
			<template slot-scope="{row}">
			{{ transChangeType(row.changeType) }}
			</template>
			</el-table-column>
			</el-table>
			</div>
			<div v-show="showArr[15].show">
			<el-row>
			<el-col :span="3">员工编号：
			<el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
			</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="3">护卫点：
			<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-col :span="9">离职日期：
			<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: 400px;"
			/>
			</el-col>
			<el-col :span="3">离职类型：
			<el-select v-model="queryParams.dimissionType" style="width:100px">
			<el-option label="全部" value="" />
			<el-option label="正常离职" value="1" />
			<el-option label="自动离职" value="2" />
			<el-option label="公司劝退" value="3" />
			<el-option label="公司辞退" value="4" />
			<el-option label="试用期内" value="5" />
			</el-select>
			</el-col>
			<el-col :span="3.5">
			<el-button size="mini" class="danger" 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="filter-item" type="success" @click.native="rlzexportExcel">
			{{ $t('table.export') }}
			</el-button>
			</el-col>
			</el-row>
			<el-table ref="dimissionLogTable" :data="dimissionLogData" style="width: 100%;height: 70%;">
			<el-table-column type="selection" width="55" />
			<el-table-column prop="empNumb" label="员工编号" width="180" />
			<el-table-column prop="newDeptName" label="现部门" />
			<el-table-column prop="newJobName" label="现岗位" />
			<el-table-column prop="empName" label="姓名" width="180" />
			<el-table-column prop="entryDate" label="入职日期" />
			<el-table-column prop="dimissionDate" label="离职日期" />
			<el-table-column prop="selfLeaveDay" label="自离天数" />
			<el-table-column prop="reporter" label="报备人" />
			<el-table-column prop="remark" label="备注" />
			</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 {
			total: 0, // 总数量
			queryParams: {
			vague: '',
			sex: [],
			education: [],
			politics: [],
			ageStr: [],
			archivesStatus: [],
			insuranceType: [],
			empStatus: []
			}, // 查询参数
			sort: {}, // 排序
			pagination: { // 分页参数
			size: 10,
			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])
			}
			}
			]
			}
			}
			},
			mounted() {
			this.thisShowIndex = 1
			this.isShow(false, 0)
			},
			methods: {
			resetSearch() {
			this.queryParams = {
			delFlag: 0,
			vague: '',
			sex: [],
			education: [],
			politics: [],
			ageStr: [],
			archivesStatus: [],
			insuranceType: [],
			empStatus: []
			}
			this.search()
			},
			search() {
			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({
			empNumb: this.queryParams.vague,
			empName: this.queryParams.vague,
			deptName: this.queryParams.vague,
			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 = []
			}
			},
			selectAllEmpStatus(val) {
			if (val) {
			this.queryParams.empStatus = ['0', '1', '2', '3']
			} else {
			this.queryParams.empStatus = []
			}
			},
			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 '正常离职'
			case '2':
			return '自动离职'
			case '3':
			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 '调动'
			}
			}
			}
			}
			</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>
			.el-container {
			height: 100%;
			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%;
			margin-bottom: 15px;
			.td {
			background-color: #dddcdc !important;
			width: 160px;
			text-align: center;
			}
			.td-group {
			padding-left: 20px;
			}
			}

			.searchTable td,
			.searchTable th {
			border: 1px solid #b0b0b0;
			color: #000;
			height: 40px;
			background-color: #fff;
			}

			.searchTable tr td:first-child {
			background-color: #dddcdc !important;
			width: 160px;
			text-align: center;
			}

			.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%;
			}
			</style>