<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" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">入职日期：从
|
<el-input v-model="queryParams.entryDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2">到
|
<el-input v-model="queryParams.entryDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">离职日期：从
|
<el-input v-model="queryParams.attendMonthStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.attendMonthEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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">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 :label="6">非深户(四险三档)</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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="5">员工状态：
|
<el-select style="width:100px">
|
<el-option>全部</el-option>
|
<el-option>在职</el-option>
|
<el-option>离职</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">体检日期：从
|
<el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">合同签订日期：从
|
<el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">到
|
<el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">合同结束日期：从
|
<el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2">到
|
<el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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-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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">考勤年月
|
<el-select style="width:100px">
|
<el-option>2021</el-option>
|
<el-option>2020</el-option>
|
<el-option>2019</el-option>
|
<el-option>2018</el-option>
|
</el-select>
|
<el-select style="width:100px">
|
<el-option>12</el-option>
|
<el-option>11</el-option>
|
<el-option>10</el-option>
|
<el-option>9</el-option>
|
<el-option>8</el-option>
|
<el-option>7</el-option>
|
<el-option>6</el-option>
|
<el-option>5</el-option>
|
<el-option>4</el-option>
|
<el-option>3</el-option>
|
<el-option>2</el-option>
|
<el-option>1</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">请假日期：从
|
<el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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 :label="6">在职</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>
|
</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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">辞职申请日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3.5">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">失业金领取日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">入职日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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 :label="6">非深户(四险三档)</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-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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">受伤日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">人事处理时间：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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-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-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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">受伤日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">人事处理时间：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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-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-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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">仲裁日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">案结日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<table>
|
<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-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-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-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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3.5">失业金领取日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3.5">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</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="4">员工编号：
|
<el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">身份证号：
|
<el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="4">部门(护卫点)：
|
<el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3.5">备注日期：从
|
<el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3.5">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</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: []
|
|
}
|
},
|
mounted() {
|
this.thisShowIndex = 1
|
this.isShow(false, 0)
|
},
|
methods: {
|
// 翻页插件翻页方法
|
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%;
|
}
|
}
|
|
.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>
|
