<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[3].show, 3)">
|
<span :class="thisShowIndex===3?'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>
|
<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.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: 400px;"
|
/>
|
</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>
|
<table class="searchTable">
|
<tr>
|
<td>性别：</td>
|
<td>
|
<el-radio-group v-model="queryParams.sex">
|
<el-radio label="">全部</el-radio>
|
<el-radio label="1">男性</el-radio>
|
<el-radio label="2">女性</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>最高学历：</td>
|
<td>
|
<el-radio-group v-model="queryParams.education">
|
<el-radio label="">全部</el-radio>
|
<el-radio label="91">无学历</el-radio>
|
<el-radio label="81">小学</el-radio>
|
<el-radio label="71">初中</el-radio>
|
<el-radio label="61">高中</el-radio>
|
<el-radio label="42">中技</el-radio>
|
<el-radio label="41">中专</el-radio>
|
<el-radio label="31">大学专科</el-radio>
|
<el-radio label="21">大学本科</el-radio>
|
<el-radio label="11">硕士</el-radio>
|
<el-radio label="10">博士</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>政治面貌：</td>
|
<td>
|
<el-radio-group v-model="queryParams.politics">
|
<el-radio label="">全部</el-radio>
|
<el-radio label="01">中共党员</el-radio>
|
<el-radio label="02">预备党员</el-radio>
|
<el-radio label="03">共青团员</el-radio>
|
<el-radio label="04">民革会员</el-radio>
|
<el-radio label="05">民盟盟员</el-radio>
|
<el-radio label="06">民建会员</el-radio>
|
<el-radio label="07">民进会员</el-radio>
|
<el-radio label="08">农工党员</el-radio>
|
<el-radio label="09">致公党员</el-radio>
|
<el-radio label="10">九三社员</el-radio>
|
<el-radio label="11">台盟盟员</el-radio>
|
<el-radio label="12">民主人士</el-radio>
|
<el-radio label="13">群众</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<!-- <tr>
|
<td>入职日期：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio label="">全部</el-radio>
|
</el-radio-group>
|
</td>
|
</tr> -->
|
<tr>
|
<td>年龄：</td>
|
<td>
|
<el-radio-group v-model="queryParams.ageStr">
|
<el-radio label="">全部</el-radio>
|
<el-radio label="18-29">18-29</el-radio>
|
<el-radio label="30-39">30-39</el-radio>
|
<el-radio label="40-49">40-49</el-radio>
|
<el-radio label="50-59">50-59</el-radio>
|
<el-radio label="60-69">60-69</el-radio>
|
<el-radio label="69-999">69及以上</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>档案情况：</td>
|
<td>
|
<el-radio-group v-model="queryParams.archivesStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio label="0">已移交</el-radio>
|
<el-radio label="1">未移交</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>保险类型：</td>
|
<td>
|
<el-radio-group v-model="queryParams.insuranceType">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">深户（五险一档）</el-radio>
|
<el-radio :label="2">非深户(五险一档)</el-radio>
|
<el-radio :label="3">非深户(五险二档)</el-radio>
|
<el-radio :label="4">非深户(五险三档)</el-radio>
|
<el-radio :label="5">非深户(四险三档)</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="empBaseInfoTable" :data="basicInformationData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑
|
</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column prop="" label="照片" width="60" />
|
<el-table-column prop="empNumb" label="员工编号" width="100" />
|
<el-table-column prop="empName" label="姓名" width="100" />
|
<el-table-column prop="deptName" label="护卫点" width="100" />
|
<el-table-column prop="jobName" label="岗位" width="100" />
|
<el-table-column prop="empTypeName" label="员工类别" width="100" />
|
<el-table-column prop="sexName" label="性别" width="50" />
|
<el-table-column prop="nationName" label="民族" width="100" />
|
<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
|
<el-table-column prop="marriageName" label="婚姻状况" width="80" />
|
<el-table-column prop="politicsName" label="政治面貌" width="100" />
|
<el-table-column prop="educationName" label="最高学历" width="100" />
|
<el-table-column prop="entryDate" label="入职日期" width="100" />
|
<el-table-column prop="insuranceType" label="保险类型" width="100" />
|
<el-table-column prop="socialNumb" label="社保电脑号" width="150" />
|
<el-table-column prop="guardNumb" label="保安员证号" width="100" />
|
<el-table-column prop="archivesNumb" label="档案编号" width="100" />
|
<el-table-column prop="archivesStatusName" label="档案情况" width="100" />
|
</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-select v-model="queryParams.empStatus" 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-select>
|
</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-table ref="workExperienceTable" :data="workExperienceData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editWorkExperience(scope.row)">编辑
|
</el-button>
|
</template>
|
</el-table-column>
|
<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="workUnit" label="工作单位" width="180" />
|
<el-table-column prop="beginDate" label="开始日期" width="180" />
|
<el-table-column prop="endDate" label="结束日期" width="180" />
|
<el-table-column prop="jobContent" label="主要工作内容" width="180" />
|
</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="8">体检日期：
|
<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="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>
|
<table class="searchTable">
|
<tr>
|
<td>体检类型：</td>
|
<td>
|
<el-radio-group v-model="queryParams.physicalExamType">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">入职体检</el-radio>
|
<el-radio :label="2">员工体检</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="physicalExamTable" :data="physicalExamData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editPhysicalExam(scope.row)">编辑
|
</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column prop="empNumb" label="员工编号" width="180" />
|
<el-table-column prop="deptName" label="护卫点" width="180" />
|
<el-table-column prop="empName" label="员工姓名" width="180" />
|
<el-table-column prop="certificateNumb" label="身份证号码" width="180" />
|
<el-table-column prop="jobName" label="岗位" width="180" />
|
<el-table-column prop="hospital" label="体检医院" width="180" />
|
<el-table-column prop="physicalExamDate" label="体检日期" width="180" />
|
<el-table-column prop="physicalExamType" label="体检类型" width="180" />
|
<el-table-column prop="bloodPressure" label="血压" width="180" />
|
<el-table-column prop="transaminase" label="转氨酶" width="180" />
|
<el-table-column prop="ecg" label="心电图" width="180" />
|
<el-table-column prop="conclusion" label="体检结论" width="180" />
|
<el-table-column prop="reviewRecord" label="复查记录" width="180" />
|
<el-table-column prop="remark" label="备注" width="180" />
|
</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="4">
|
<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>合同状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.contractStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">有效</el-radio>
|
<el-radio :label="2">到期</el-radio>
|
<el-radio :label="3">续签</el-radio>
|
<el-radio :label="4">存档</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="contractInfoTable" :data="contractInfoData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editContractInfo(scope.row)">编辑
|
</el-button>
|
</template>
|
</el-table-column>
|
<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" />
|
<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="4">
|
<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>有无代扣款项：</td>
|
<td>
|
<el-radio-group v-model="queryParams.deductStr">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">有代扣项</el-radio>
|
<el-radio :label="2">无代扣项</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="dimissionAttendTable" :data="dimissionAttendData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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-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>请假类型：</td>
|
<td>
|
<el-radio-group v-model="queryParams.leaveType">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">事假</el-radio>
|
<el-radio :label="2">病假</el-radio>
|
<el-radio :label="3">调休假</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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="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" />
|
<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-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-table ref="resignTable" :data="resignData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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-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-table ref="unemploymentTable" :data="unemploymentData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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="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-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>社保档位：</td>
|
<td>
|
<el-radio-group v-model="queryParams.insuranceGaers">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">深户（五险一档）</el-radio>
|
<el-radio :label="2">非深户(五险一档)</el-radio>
|
<el-radio :label="3">非深户(五险二档)</el-radio>
|
<el-radio :label="4">非深户(五险三档)</el-radio>
|
<el-radio :label="5">非深户(四险三档)</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>是否已报告：</td>
|
<td>
|
<el-radio-group v-model="queryParams.reportStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="0">已报告</el-radio>
|
<el-radio :label="1">未报告</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="insuranceTable" :data="insuranceData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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="applayDate" label="社保申请日期" width="180" />
|
<el-table-column prop="proposer" label="申请人" width="180" />
|
<el-table-column prop="insuranceGaers" label="社保档位" width="180" />
|
<el-table-column prop="reportStatus " label="是否已报告" width="180" />
|
<el-table-column prop="applayStatus" label="状态" width="180" />
|
<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-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>是否住院：</td>
|
<td>
|
<el-radio-group v-model="queryParams.hospitalizatioFlag">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">是</el-radio>
|
<el-radio :label="0">否</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>案结状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.settleStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">已结案</el-radio>
|
<el-radio :label="0">未结案</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="accidentCasesTable" :data="accidentCasesData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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" />
|
<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="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-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>是否住院：</td>
|
<td>
|
<el-radio-group v-model="queryParams.hospitalizatioFlag">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">是</el-radio>
|
<el-radio :label="0">否</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>案结状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.settleStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">已结案</el-radio>
|
<el-radio :label="0">未结案</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="occupationalTable" :data="occupationalData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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" />
|
<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>
|
</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="9">案结日期：
|
<el-date-picker
|
v-model="queryParams.settleDateStr"
|
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-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>仲裁类型：</td>
|
<td>
|
<el-radio-group v-model="queryParams.arbitrationType">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="0">劳资纠纷</el-radio>
|
<el-radio :label="1">劳资纠纷</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>仲裁状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.arbitrationStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">已结案</el-radio>
|
<el-radio :label="0">未结案</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>员工状态：</td>
|
<td>
|
<el-radio-group v-model="queryParams.empStatus">
|
<el-radio label="">全部</el-radio>
|
<el-radio :label="1">在职</el-radio>
|
<el-radio :label="2">正常离职</el-radio>
|
<el-radio :label="3">自动离职</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
<el-table ref="laborTroubleTable" :data="laborTroubleData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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="arbitrationDate" label="仲裁日期" width="180" />
|
<el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
|
<el-table-column prop="arbitrationType" label="仲裁类型" width="180" />
|
<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" />
|
<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="3.5">
|
<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-table ref="badRecordTable" :data="badRecordData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editBadRecord(scope.row)">编辑
|
</el-button>
|
</template>
|
</el-table-column>
|
<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="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="3.5">
|
<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-table ref="remarkInfoTable" :data="remarkInfoData" style="width: 100%;height: 70%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column fixed="left" label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button>
|
</template>
|
</el-table-column>
|
<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="remarkDate" label="备注日期" width="180" />
|
<el-table-column prop="remarkContent" label="备注信息" width="400" />
|
</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: {}, // 查询参数
|
sort: {}, // 排序
|
pagination: { // 分页参数
|
size: 20,
|
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
|
}
|
],
|
// 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
|
}
|
],
|
isAdd: false,
|
physicalExamData: [],
|
workExperienceData: [],
|
basicInformationData: [],
|
contractInfoData: [],
|
attendanceData: [],
|
leaveInfoData: [],
|
resignData: [],
|
unemploymentData: [],
|
insuranceData: [],
|
remarkInfoData: [],
|
laborTroubleData: [],
|
occupationalData: [],
|
badRecordData: [],
|
accidentCasesData: [],
|
dimissionAttendData: [],
|
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: 2
|
}
|
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
|
})
|
},
|
dialogIsShow() {
|
this.isAdd = true
|
this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex]
|
.show
|
},
|
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/list'
|
this.tableDataName = 'basicInformationData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 1:
|
this.tableUrl = 'hr/empWorkExperience/list'
|
this.tableDataName = 'workExperienceData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 2:
|
this.tableUrl = 'hr/empPhysicalExam/list'
|
this.tableDataName = 'physicalExamData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 3:
|
this.tableUrl = 'hr/empContractInfo/list'
|
this.tableDataName = 'contractInfoData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 4:
|
this.tableUrl = 'hr/empDimissionAttend/list'
|
this.tableDataName = 'dimissionAttendData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 5:
|
this.tableUrl = 'hr/empLeaveInfo/list'
|
this.tableDataName = 'leaveInfoData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 6:
|
this.tableUrl = 'hr/empResign/list'
|
this.tableDataName = 'resignData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 7:
|
this.tableUrl = 'hr/empUnemployment/list'
|
this.tableDataName = 'unemploymentData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 8:
|
this.tableUrl = 'hr/empInsurance/list'
|
this.tableDataName = 'insuranceData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 9:
|
this.tableUrl = 'hr/empAccidentCases/list'
|
this.tableDataName = 'accidentCasesData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 10:
|
this.tableUrl = 'hr/empOccupational/list'
|
this.tableDataName = 'occupationalData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 11:
|
this.tableUrl = 'hr/empLaborTrouble/list'
|
this.tableDataName = 'laborTroubleData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 12:
|
this.tableUrl = 'hr/empBadRecord/list'
|
this.tableDataName = 'badRecordData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
case 13:
|
this.tableUrl = 'hr/empRemarkInfo/list'
|
this.tableDataName = 'remarkInfoData'
|
this.queryParams.delFlag = 2
|
this.search()
|
break
|
}
|
}
|
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.el-container {
|
height: 770px;
|
|
.el-aside {
|
background-color: #e9eef3;
|
color: #333;
|
text-align: center;
|
height: 100%;
|
}
|
|
.el-main {
|
background-color: #e9eef3;
|
color: #333;
|
height: 100%;
|
}
|
}
|
|
.searchTable {
|
margin-top: 10px;
|
border-collapse: collapse;
|
width: 100%;
|
}
|
|
.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>
|
