| | |
| | | <template> |
| | | <div> |
| | | <div class="info-input"> |
| | | <el-container> |
| | | <el-aside width="200px"> |
| | | <el-timeline> |
| | | <el-aside width="175px"> |
| | | <el-timeline style="padding-left: 15px"> |
| | | <el-timeline-item @click.native="isShow(showArr[0].show, 0)"> |
| | | <span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span> |
| | | </el-timeline-item> |
| | |
| | | <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> |
| | | <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-row> |
| | | <el-col :span="24"> |
| | | <el-button class="commonBtn" @click.native="dialogIsShow()">新增</el-button> |
| | | <el-button class="commonBtn" @click.native="butDelete()">删除</el-button> |
| | | <el-button class="commonBtn" style="float: right">导入员工信息</el-button> |
| | | <el-button class="commonBtn" style="background-color: #409EFF" @click.native="butDelete()">删除</el-button> |
| | | <el-button class="commonBtn" style="float: right" @click.native="showDryg(0)">导入员工信息</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table |
| | | v-show="showArr[0].show" |
| | | ref="empBaseInfoTable" |
| | | :data="basicInformationData" |
| | | stripe |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="editEmpBase(scope.row)" |
| | | >编辑 |
| | | </el-button> |
| | | <!-- <el-button--> |
| | | <!-- type="text"--> |
| | | <!-- size="small"--> |
| | | <!-- @click="editEmpBase(scope.row)"--> |
| | | <!-- >编辑--> |
| | | <!-- </el-button>--> |
| | | |
| | | <span style="color: #a00515;cursor: pointer;" @click="editEmpBase(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="50" /> |
| | | <el-table-column show-overflow-tooltip prop="empType" label="员工类别" width="80" :formatter="empTypeFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="sex" label="性别" width="50" :formatter="sexFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="nation" label="民族" width="50" :formatter="nationFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="marriage" label="婚姻状况" width="80" :formatter="marriageFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="politics" label="政治面貌" width="80" :formatter="politicsFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="education" label="最高学历" width="80" :formatter="educationFormat" /> |
| | | <el-table-column prop="entryDate" show-overflow-tooltip label="入职日期" width="80" /> |
| | | <el-table-column prop="insuranceType" show-overflow-tooltip label="保险类型" width="80" :formatter="insuranceTypeFormat" /> |
| | | <el-table-column prop="socialNumb" show-overflow-tooltip label="社保电脑号" /> |
| | | <el-table-column prop="guardNumb" show-overflow-tooltip label="保安员证号" /> |
| | | <el-table-column prop="archivesNumb" show-overflow-tooltip label="档案编号" /> |
| | | <el-table-column prop="archivesStatusName" show-overflow-tooltip label="档案情况" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[1].show" |
| | | ref="workExperienceTable" |
| | | :data="workExperienceData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column label="操作" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="editWorkExperience(scope.row)" |
| | | >编辑 |
| | | </el-button> |
| | | <!-- <el-button--> |
| | | <!-- type="text"--> |
| | | <!-- size="small"--> |
| | | <!-- @click="editWorkExperience(scope.row)"--> |
| | | <!-- >编辑--> |
| | | <!-- </el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editWorkExperience(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="empNumb" label="员工编号" width="100" /> |
| | | <el-table-column prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column prop="certificateNumb" label="证件号码" width="180" /> |
| | | <el-table-column prop="workUnit" label="工作单位" width="240" /> |
| | | <el-table-column prop="beginDate" label="开始日期" width="100" /> |
| | | <el-table-column prop="endDate" label="结束日期" width="100" /> |
| | | <el-table-column prop="jobContent" label="主要工作内容" width="300" /> |
| | | <el-table-column prop="certificateNumb" show-overflow-tooltip label="身份证号码" /> |
| | | <el-table-column prop="workUnit" show-overflow-tooltip label="工作单位" /> |
| | | <el-table-column prop="beginDate" label="开始日期" width="120" /> |
| | | <el-table-column prop="endDate" label="结束日期" width="120" /> |
| | | <el-table-column prop="jobContent" show-overflow-tooltip label="主要工作内容" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[2].show" |
| | | ref="physicalExamTable" |
| | | :data="physicalExamData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="editPhysicalExam(scope.row)" |
| | | >编辑 |
| | | </el-button> |
| | | <!-- <el-button--> |
| | | <!-- type="text"--> |
| | | <!-- size="small"--> |
| | | <!-- @click="editPhysicalExam(scope.row)"--> |
| | | <!-- >编辑--> |
| | | <!-- </el-button>--> |
| | | |
| | | <span style="color: #a00515;cursor: pointer;" @click="editPhysicalExam(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="empNumb" label="员工编号" width="100" /> |
| | | <el-table-column prop="deptName" label="护卫点" width="150" /> |
| | | <el-table-column prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column prop="certificateNumb" label="身份证号码" width="180" /> |
| | | <el-table-column prop="jobName" label="岗位" width="120" /> |
| | | <el-table-column prop="hospital" label="体检医院" width="150" /> |
| | | <el-table-column prop="physicalExamDate" label="体检日期" width="120" /> |
| | | <el-table-column prop="physicalExamTypeName" label="体检类型" width="100" /> |
| | | <el-table-column prop="bloodPressure" label="血压" width="120" /> |
| | | <el-table-column prop="transaminase" label="转氨酶" width="120" /> |
| | | <el-table-column prop="ecgName" label="心电图" width="120" /> |
| | | <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-column show-overflow-tooltip prop="empNumb" label="员工编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" /> |
| | | <el-table-column prop="hospital" show-overflow-tooltip label="体检医院" /> |
| | | <el-table-column show-overflow-tooltip prop="physicalExamDate" label="体检日期" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="physicalExamType" label="体检类型" width="80" :formatter="typeFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="bloodPressure" label="血压" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="transaminase" label="转氨酶" width="80" /> |
| | | <el-table-column prop="ecg" show-overflow-tooltip label="心电图" width="80" :formatter="ecgNameFormat" /> |
| | | <el-table-column prop="conclusion" show-overflow-tooltip label="体检结论" /> |
| | | <el-table-column prop="reviewRecord" show-overflow-tooltip label="复查记录" /> |
| | | <el-table-column prop="remark" show-overflow-tooltip label="备注" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[3].show" |
| | | ref="contractInfoTable" |
| | | :data="contractInfoData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column label="操作" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="editContractInfo(scope.row)" |
| | | >编辑 |
| | | </el-button> |
| | | <!-- <el-button--> |
| | | <!-- type="text"--> |
| | | <!-- size="small"--> |
| | | <!-- @click="editContractInfo(scope.row)"--> |
| | | <!-- >编辑--> |
| | | <!-- </el-button>--> |
| | | |
| | | <span style="color: #a00515;cursor: pointer;" @click="editContractInfo(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="empNumb" label="员工编号" width="100" /> |
| | | <el-table-column prop="deptName" label="护卫点" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="员工编号" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="150" /> |
| | | <el-table-column prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column prop="certificateNumb" label="身份证号码" width="180" /> |
| | | <el-table-column prop="jobName" label="岗位" width="120" /> |
| | | <el-table-column prop="signingDate" label="合同签订日期" width="120" /> |
| | | <el-table-column prop="endDate" label="合同结束日期" width="120" /> |
| | | <el-table-column prop="contractPeriod" label="合同期限(年)" width="120" /> |
| | | <el-table-column prop="contractStatusName" label="合同状态" width="100" /> |
| | | <el-table-column prop="transactor" label="合同办理人" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="signingDate" label="合同签订日期" /> |
| | | <el-table-column show-overflow-tooltip prop="endDate" label="合同结束日期" /> |
| | | <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" /> |
| | | <el-table-column show-overflow-tooltip prop="contractStatus" label="合同状态" :formatter="contractStatusFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[4].show" |
| | | ref="dimissionAttendTable" |
| | | :data="dimissionAttendData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>--> |
| | | |
| | | <span style="color: #a00515;cursor: pointer;" @click="editDimissionAttend(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="empNumb" label="员工编号" width="100" /> |
| | | <el-table-column prop="deptName" label="护卫点" width="150" /> |
| | | <el-table-column prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column prop="certificateNumb" label="身份证号码" width="180" /> |
| | | <el-table-column prop="jobName" label="岗位" width="120" /> |
| | | <el-table-column prop="attendMonth" label="离职考勤月份" width="120" /> |
| | | <el-table-column prop="attendDays" label="出勤天数" width="120" /> |
| | | <el-table-column prop="overtimeDay" label="加班(天)" width="120" /> |
| | | <el-table-column prop="overtimeHour" label="加班(小时)" width="120" /> |
| | | <el-table-column prop="deduct" label="有无代扣款项" width="180" /> |
| | | <el-table-column prop="leaveDay" label="请假(天)" width="120" /> |
| | | <el-table-column prop="absenteeism" label="旷工(天)" width="120" /> |
| | | <el-table-column prop="remark" label="备注" width="180" /> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="员工编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤月份" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="attendDays" label="出勤天数" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="overtimeDay" label="加班(天)" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="overtimeHour" label="加班(小时)" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deduct" label="有无代扣款项" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="leaveDay" label="请假(天)" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="absenteeism" label="旷工(天)" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | </el-table> |
| | | <el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;"> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table |
| | | v-show="showArr[5].show" |
| | | ref="leaveInfoTable" |
| | | :data="leaveInfoData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editLeaveInfo(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" width="80" :formatter="leaveTypeFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="returnDate" label="到岗时间" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | </el-table> |
| | | <el-table v-show="showArr[6].show" ref="resignTable" :data="resignData" style="width: 100%;"> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table |
| | | v-show="showArr[6].show" |
| | | ref="resignTable" |
| | | :data="resignData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editResign(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="员工编号" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="applayDate" label="辞职申请日期" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="reason" label="辞职事由" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[7].show" |
| | | ref="unemploymentTable" |
| | | :data="unemploymentData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editUnemployment(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="applayDate" label="失业金申请日期" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="applayReason" label="申报事由" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | </el-table> |
| | | <el-table v-show="showArr[8].show" ref="insuranceTable" :data="insuranceData" style="width: 100%;"> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table |
| | | v-show="showArr[8].show" |
| | | ref="insuranceTable" |
| | | :data="insuranceData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editInsurance(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" /> |
| | | <el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="insuranceGaers" label="社保档位" :formatter="insuranceGaersFormat" /> |
| | | <el-table-column prop="reportStatus " label="是否已报告" width="100" :formatter="reportStatusFormat" /> |
| | | <el-table-column prop="applayStatus" label="状态" width="100" :formatter="applayStatusFormat" /> |
| | | <el-table-column prop="auditor" label="审核人" width="100" /> |
| | | <el-table-column prop="remark" label="备注" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[9].show" |
| | | ref="accidentCasesTable" |
| | | :data="accidentCasesData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editAccidentCases(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" /> |
| | | <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" /> |
| | | <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" /> |
| | | <el-table-column show-overflow-tooltip prop="hospitalizatioFlag" label="是否住院" width="60" :formatter="hospitalizatioFlagFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="40" /> |
| | | <el-table-column show-overflow-tooltip prop="reprotTime" label="报案时间" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" /> |
| | | <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="60" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[10].show" |
| | | ref="occupationalTable" |
| | | :data="occupationalData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editOccupational(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" /> |
| | | <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" /> |
| | | <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" /> |
| | | <el-table-column show-overflow-tooltip prop="hospitalizatioFlag" label="是否住院" width="50" :formatter="hospitalizatioFlagFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="40" /> |
| | | <el-table-column show-overflow-tooltip prop="reportTime" label="报案时间" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" /> |
| | | <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="compensated" label="已赔付医药费用" width="60" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[11].show" |
| | | ref="laborTroubleTable" |
| | | :data="laborTroubleData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editLaborTrouble(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="70" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationType" label="仲裁类型" width="100" :formatter="arbitrationTypeFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付(元)" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationStatus" label="状态" width="80" :formatter="arbitrationStatusFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="120" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[12].show" |
| | | ref="badRecordTable" |
| | | :data="badRecordData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column label="操作" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="editBadRecord(scope.row)" |
| | | >编辑 |
| | | </el-button> |
| | | <!-- <el-button--> |
| | | <!-- type="text"--> |
| | | <!-- size="small"--> |
| | | <!-- @click="editBadRecord(scope.row)"--> |
| | | <!-- >编辑--> |
| | | <!-- </el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editBadRecord(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="badDate" label="不良记录日期" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="badContent" label="不良记录描述" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[13].show" |
| | | ref="remarkInfoTable" |
| | | :data="remarkInfoData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column fixed="left" label="操作" width="100"> |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button> |
| | | <!-- <el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button>--> |
| | | <span style="color: #a00515;cursor: pointer;" @click="editRemarkInfo(scope.row)"> |
| | | <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" /> |
| | | 编辑 |
| | | </span> |
| | | </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-column show-overflow-tooltip prop="empNumb" label="员工编号" width="180" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="remarkDate" label="备注日期" width="180" /> |
| | | <el-table-column show-overflow-tooltip prop="remarkContent" label="备注信息" /> |
| | | </el-table> |
| | | <pagination |
| | | v-show="total>0" |
| | |
| | | </el-col> |
| | | </el-main> |
| | | </el-container> |
| | | <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%" class="baseinfo"> |
| | | <el-container> |
| | | <el-dialog title="导入员工信息" :visible.sync="dialogShowDryg" width="50%"> |
| | | <el-form :model="baseicInformationForm" label-position="right" label-width="120px"> |
| | | <el-row> |
| | | <el-col span="24"> |
| | | <el-form-item label="员工模板下载" prop="region"> |
| | | <a href="http://120.24.23.155:8000/员工信息.xls" target="_blank" style="color: #3A8EE6;">员工信息.xlxs</a> |
| | | <span style="margin-left: 100px;">点击下载</span> |
| | | </el-form-item> |
| | | <el-form-item label="导入员工"> |
| | | <el-upload |
| | | ref="upload" |
| | | class="upload-demo" |
| | | action="http://120.24.23.155:8301/hr/empBaseInfo/importEmp" |
| | | accept=".xls, .xlsx, .excel" |
| | | :headers="headers()" |
| | | :on-success="importHandleAvatarSuccess" |
| | | :on-error="importHandleAvatarError" |
| | | :file-list="fileList" |
| | | :auto-upload="false" |
| | | > |
| | | <el-button slot="trigger" size="small" type="primary">选取文件</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="showDryg(1)">取 消</el-button> |
| | | <el-button type="primary" @click="showDryg(2)">确 定</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="基本信息" top="8vh" :visible.sync="dialogshowArr[0].show" width="60%" class="baseinfo"> |
| | | <el-container style="height: 70vh;"> |
| | | <el-aside width="200px"> |
| | | <el-upload |
| | | class="avatar-uploader" |
| | |
| | | :on-change="handlePictureCardPreview" |
| | | :auto-upload="false" |
| | | > |
| | | <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过4MB</div> |
| | | <img v-if="empBaseInfoImageUrl" :src="empBaseInfoImageUrl" class="avatar"> |
| | | <i v-else class="el-icon-plus avatar-uploader-icon" /> |
| | | </el-upload> |
| | | </el-aside> |
| | | <el-main> <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="档案号" prop="archivesNumb"> |
| | | <el-input v-model="empBaseInfoForm.archivesNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工编号" prop="empNumb"> |
| | | <el-input v-model="empBaseInfoForm.empNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号码" prop="certificateNumb"> |
| | | <el-input |
| | | v-model="empBaseInfoForm.certificateNumb" |
| | | @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="员工类别" prop="empType"> |
| | | <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型"> |
| | | <el-option label="正式工" value="1" /> |
| | | <el-option label="临时工" value="2" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="民族" prop="nation"> |
| | | <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族"> |
| | | <el-option label="汉族" value="01" /> |
| | | <el-option label="蒙古族" value="02" /> |
| | | <el-option label="回族" value="03" /> |
| | | <el-option label="藏族" value="04" /> |
| | | <el-option label="维吾尔族" value="05" /> |
| | | <el-option label="苗族" value="06" /> |
| | | <el-option label="彝族" value="07" /> |
| | | <el-option label="壮族" value="08" /> |
| | | <el-option label="布衣族" value="09" /> |
| | | <el-option label="朝鲜族" value="10" /> |
| | | <el-option label="满族" value="11" /> |
| | | <el-option label="侗族" value="12" /> |
| | | <el-option label="瑶族" value="13" /> |
| | | <el-option label="白族" value="14" /> |
| | | <el-option label="土家族" value="15" /> |
| | | <el-option label="哈尼族" value="16" /> |
| | | <el-option label="哈萨克族" value="17" /> |
| | | <el-option label="傣族" value="18" /> |
| | | <el-option label="黎族" value="19" /> |
| | | <el-option label="傈傈族" value="20" /> |
| | | <el-option label="瓦族" value="21" /> |
| | | <el-option label="畲族" value="22" /> |
| | | <el-option label="高山族" value="23" /> |
| | | <el-option label="拉祜族" value="24" /> |
| | | <el-option label="水族" value="25" /> |
| | | <el-option label="东乡族" value="26" /> |
| | | <el-option label="纳西族" value="27" /> |
| | | <el-option label="景颇族" value="28" /> |
| | | <el-option label="柯尔克孜族" value="29" /> |
| | | <el-option label="土族" value="30" /> |
| | | <el-option label="达斡尔族" value="31" /> |
| | | <el-option label="仫佬族" value="32" /> |
| | | <el-option label="羌族" value="33" /> |
| | | <el-option label="布朗族" value="34" /> |
| | | <el-option label="撒拉族" value="35" /> |
| | | <el-option label="毛难族" value="36" /> |
| | | <el-option label="仡佬族" value="37" /> |
| | | <el-option label="锡伯族" value="38" /> |
| | | <el-option label="阿昌族" value="39" /> |
| | | <el-option label="普米族" value="40" /> |
| | | <el-option label="塔吉克族" value="41" /> |
| | | <el-option label="怒族" value="42" /> |
| | | <el-option label="乌孜别克族" value="43" /> |
| | | <el-option label="俄罗斯族" value="44" /> |
| | | <el-option label="鄂温克族" value="45" /> |
| | | <el-option label="崩龙族" value="46" /> |
| | | <el-option label="保安族" value="47" /> |
| | | <el-option label="裕固族" value="48" /> |
| | | <el-option label="京族" value="49" /> |
| | | <el-option label="塔塔尔族" value="50" /> |
| | | <el-option label="独龙族" value="51" /> |
| | | <el-option label="鄂伦春" value="52" /> |
| | | <el-option label="郝哲族" value="53" /> |
| | | <el-option label="门巴族" value="54" /> |
| | | <el-option label="珞巴族" value="55" /> |
| | | <el-option label="基诺族" value="56" /> |
| | | <el-option label="其他族" value="91" /> |
| | | <el-option label="外国民族" value="98" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="婚姻状态" prop="marriage"> |
| | | <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态"> |
| | | <el-option label="未婚" value="1" /> |
| | | <el-option label="已婚" value="2" /> |
| | | <el-option label="丧偶" value="3" /> |
| | | <el-option label="离婚" value="4" /> |
| | | <el-option label="再婚" value="5" /> |
| | | <el-option label="其它" value="9" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身高(cm)" prop="stature"> |
| | | <el-input v-model="empBaseInfoForm.stature" /> |
| | | </el-form-item> |
| | | <el-form-item label="政治面貌" prop="politics"> |
| | | <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌"> |
| | | <el-option label="中共党员" value="01" /> |
| | | <el-option label="预备党员" value="02" /> |
| | | <el-option label="共青团员" value="03" /> |
| | | <el-option label="民革会员" value="04" /> |
| | | <el-option label="民盟盟员" value="05" /> |
| | | <el-option label="民建会员" value="06" /> |
| | | <el-option label="民进会员" value="07" /> |
| | | <el-option label="农工党员" value="08" /> |
| | | <el-option label="致公党员" value="09" /> |
| | | <el-option label="九三社员" value="10" /> |
| | | <el-option label="台盟盟员" value="11" /> |
| | | <el-option label="民主人士" value="12" /> |
| | | <el-option label="群众" value="13" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="最高学历" prop="education"> |
| | | <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历"> |
| | | <el-option label="博士" value="10" /> |
| | | <el-option label="硕士" value="11" /> |
| | | <el-option label="大学本科" value="21" /> |
| | | <el-option label="大学专科" value="31" /> |
| | | <el-option label="中专" value="41" /> |
| | | <el-option label="中技" value="42" /> |
| | | <el-option label="高中" value="61" /> |
| | | <el-option label="初中" value="71" /> |
| | | <el-option label="小学" value="81" /> |
| | | <el-option label="无学历" value="91" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="籍贯" prop="nativePlaceName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.nativePlaceName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearch" |
| | | placeholder="请输入籍贯" |
| | | @select="placeNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="现住址" prop="currentAddress"> |
| | | <el-input v-model="empBaseInfoForm.currentAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="电话号码" prop="telePhone"> |
| | | <el-input v-model="empBaseInfoForm.telePhone" /> |
| | | </el-form-item> |
| | | <el-form-item label="招聘介绍人" prop="introducer"> |
| | | <el-input v-model="empBaseInfoForm.introducer" /> |
| | | </el-form-item> |
| | | <el-form-item label="银行名称" prop="bankName"> |
| | | <el-input v-model="empBaseInfoForm.bankName" /> |
| | | </el-form-item> |
| | | <el-form-item label="保险类型" prop="insuranceType"> |
| | | <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型"> |
| | | <el-option label="(深户)五险一档" value="1" /> |
| | | <el-option label="(非深户)五险一档" value="2" /> |
| | | <el-option label="(非深户)五险二档" value="3" /> |
| | | <el-option label="(非深户)五险三档" value="4" /> |
| | | <el-option label="(非深户)四险一档" value="5" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="家庭成员及关系" prop="family"> |
| | | <el-input v-model="empBaseInfoForm.family" /> |
| | | </el-form-item> |
| | | <el-form-item label="紧急联系电话" prop="urgencyPhone"> |
| | | <el-input v-model="empBaseInfoForm.urgencyPhone" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="empBaseInfoForm.empName" /> |
| | | </el-form-item> |
| | | <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId"> |
| | | <treeselect |
| | | v-model="empBaseInfoForm.deptId" |
| | | :multiple="false" |
| | | :options="depts" |
| | | :clear-value-text="$t('common.clear')" |
| | | placeholder="请选择部门(护卫点)" |
| | | style="width:100%" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="岗位" prop="jobName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.jobName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearchJob" |
| | | placeholder="请输入岗位" |
| | | @select="jobNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别"> |
| | | <el-option label="男" value="1" /> |
| | | <el-option label="女" value="2" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身份证有效期" prop="certificateValidity"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.certificateValidity" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input v-model="empBaseInfoForm.age" /> |
| | | </el-form-item> |
| | | <el-form-item label="出生日期" prop="birthdate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.birthdate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入职日期" prop="entryDate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.entryDate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | @input="calculateSeniority" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入司工龄" prop="seniority"> |
| | | <el-input v-model="empBaseInfoForm.seniority" /> |
| | | </el-form-item> |
| | | <el-form-item label="户籍地址" prop="censusAddress"> |
| | | <el-input v-model="empBaseInfoForm.censusAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员证号" prop="guardNumb"> |
| | | <el-input v-model="empBaseInfoForm.guardNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员回执" prop="returnReceipt"> |
| | | <el-input v-model="empBaseInfoForm.returnReceipt" /> |
| | | </el-form-item> |
| | | <el-form-item label="档案情况" prop="archivesStatus"> |
| | | <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况"> |
| | | <el-option label="未移交" value="0" /> |
| | | <el-option label="已移交" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="银行账号" prop="bankNumb"> |
| | | <el-input v-model="empBaseInfoForm.bankNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="社保电脑号" prop="socialNumb"> |
| | | <el-input v-model="empBaseInfoForm.socialNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工手册" prop="handbookStatus"> |
| | | <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册"> |
| | | <el-option label="未发" value="0" /> |
| | | <el-option label="已发" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="工作证" prop="empCardStatus"> |
| | | <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证"> |
| | | <el-option label="未发" value="0" /> |
| | | <el-option label="已发" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="相关证件" prop="certificateList"> |
| | | <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件"> |
| | | <el-option label="高中毕业证" value="1" /> |
| | | <el-option label="专科毕业证" value="2" /> |
| | | <el-option label="本科毕业证" value="3" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form></el-main> |
| | | <el-main> |
| | | <el-form ref="empBaseInfoForm" class="info-input-form" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="11"> |
| | | <el-form-item label="档案号" prop="archivesNumb"> |
| | | <el-input v-model="empBaseInfoForm.archivesNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工编号" prop="empNumb"> |
| | | <el-input v-model="empBaseInfoForm.empNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号码" prop="certificateNumb"> |
| | | <el-input |
| | | v-model="empBaseInfoForm.certificateNumb" |
| | | @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="员工类别" prop="empType"> |
| | | <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型"> |
| | | <el-option |
| | | v-for="dict in empTypeOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="民族" prop="nation"> |
| | | <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族"> |
| | | <el-option |
| | | v-for="dict in nationOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="婚姻状态" prop="marriage"> |
| | | <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态"> |
| | | <el-option |
| | | v-for="dict in marriageOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身高(cm)" prop="stature"> |
| | | <el-input v-model="empBaseInfoForm.stature" /> |
| | | </el-form-item> |
| | | <el-form-item label="政治面貌" prop="politics"> |
| | | <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌"> |
| | | <el-option |
| | | v-for="dict in statusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="最高学历" prop="education"> |
| | | <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历"> |
| | | <el-option |
| | | v-for="dict in educationOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="籍贯" prop="nativePlaceName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.nativePlaceName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearch" |
| | | placeholder="请输入籍贯" |
| | | @select="placeNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="现住址" prop="currentAddress"> |
| | | <el-input v-model="empBaseInfoForm.currentAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="电话号码" prop="telePhone"> |
| | | <el-input v-model="empBaseInfoForm.telePhone" /> |
| | | </el-form-item> |
| | | <el-form-item label="招聘介绍人" prop="introducer"> |
| | | <el-input v-model="empBaseInfoForm.introducer" /> |
| | | </el-form-item> |
| | | <el-form-item label="银行名称" prop="bankName"> |
| | | <el-input v-model="empBaseInfoForm.bankName" /> |
| | | </el-form-item> |
| | | <el-form-item label="保险类型" prop="insuranceType"> |
| | | <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型"> |
| | | <el-option |
| | | v-for="dict in insuranceTypeOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="家庭成员及关系" prop="family"> |
| | | <el-input v-model="empBaseInfoForm.family" /> |
| | | </el-form-item> |
| | | <el-form-item label="紧急联系电话" prop="urgencyPhone"> |
| | | <el-input v-model="empBaseInfoForm.urgencyPhone" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="2"> |
| | | <p /> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="empBaseInfoForm.empName" /> |
| | | </el-form-item> |
| | | <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId"> |
| | | <treeselect |
| | | v-model="empBaseInfoForm.deptId" |
| | | :multiple="false" |
| | | :options="depts" |
| | | :clear-value-text="$t('common.clear')" |
| | | placeholder="请选择部门(护卫点)" |
| | | style="width:100%" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="岗位" prop="jobName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.jobName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearchJob" |
| | | placeholder="请输入岗位" |
| | | @select="jobNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别"> |
| | | <el-option |
| | | v-for="dict in sexOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身份证有效期" prop="certificateValidity"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.certificateValidity" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input v-model="empBaseInfoForm.age" /> |
| | | </el-form-item> |
| | | <el-form-item label="出生日期" prop="birthdate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.birthdate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入职日期" prop="entryDate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.entryDate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | @input="calculateSeniority" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入司工龄" prop="seniority"> |
| | | <el-input v-model="empBaseInfoForm.seniority" /> |
| | | </el-form-item> |
| | | <el-form-item label="户籍地址" prop="censusAddress"> |
| | | <el-input v-model="empBaseInfoForm.censusAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员证号" prop="guardNumb"> |
| | | <el-input v-model="empBaseInfoForm.guardNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员回执" prop="returnReceipt"> |
| | | <el-input v-model="empBaseInfoForm.returnReceipt" /> |
| | | </el-form-item> |
| | | <el-form-item label="档案情况" prop="archivesStatus"> |
| | | <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况"> |
| | | <el-option |
| | | v-for="dict in archivesStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="银行账号" prop="bankNumb"> |
| | | <el-input v-model="empBaseInfoForm.bankNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="社保电脑号" prop="socialNumb"> |
| | | <el-input v-model="empBaseInfoForm.socialNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工手册" prop="handbookStatus"> |
| | | <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册"> |
| | | <el-option |
| | | v-for="dict in handbookStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="工作证" prop="empCardStatus"> |
| | | <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证"> |
| | | <el-option |
| | | v-for="dict in empCardStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="相关证件" prop="certificateList"> |
| | | <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件"> |
| | | <el-option |
| | | v-for="dict in certificateListOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-main> |
| | | </el-container> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | |
| | | v-model="physicalExamForm.physicalExamType" |
| | | placeholder="请选择体检类型" |
| | | > |
| | | <el-option label="普通体检" value="1" /> |
| | | <el-option label="员工体检" value="2" /> |
| | | <el-option |
| | | v-for="dict in physicalExamTypeOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="转氨酶" prop="transaminase"> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="心电图" prop="ecg"> |
| | | <el-select v-model="physicalExamForm.ecg" placeholder="ecg"> |
| | | <el-option label="正常" value="1" /> |
| | | <el-option label="异常" value="0" /> |
| | | <el-option |
| | | v-for="dict in ecgOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | v-model="contractInfoForm.contractStatus" |
| | | placeholder="请选择合同状态" |
| | | > |
| | | <el-option label="新签" value="1" /> |
| | | <el-option label="续签" value="2" /> |
| | | <el-option |
| | | v-for="dict in contractStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="合同办理人" prop="transactor"> |
| | |
| | | |
| | | <el-form-item label="请假类型" prop="leaveType"> |
| | | <el-select v-model="leaveInfoForm.leaveType" placeholder="请选择请假类型"> |
| | | <el-option label="事假" value="1" /> |
| | | <el-option label="病假" value="2" /> |
| | | <el-option |
| | | v-for="dict in leaveTypeOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | |
| | | </el-form-item> |
| | | <el-form-item label="社保档位" prop="insuranceGaers"> |
| | | <el-select v-model="insuranceForm.insuranceGaers" placeholder="请选择社保档位"> |
| | | <el-option label="(深户)五险一档" value="1" /> |
| | | <el-option label="(非深户)五险一档" value="2" /> |
| | | <el-option label="(非深户)五险二档" value="3" /> |
| | | <el-option label="(非深户)五险三档" value="4" /> |
| | | <el-option label="(非深户)四险一档" value="5" /> |
| | | <el-option |
| | | v-for="dict in insuranceGaersOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="applayStatus"> |
| | | <el-select v-model="insuranceForm.applayStatus" placeholder="请选择状态"> |
| | | <el-option label="未申请" value="1" /> |
| | | <el-option label="已申请" value="2" /> |
| | | <el-option |
| | | v-for="dict in applayStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="是否已经报告"> |
| | | <el-select v-model="insuranceForm.reportStatus" placeholder="是否已经报告"> |
| | | <el-option label="未报告" value="1" /> |
| | | <el-option label="已报告" value="2" /> |
| | | <el-option |
| | | v-for="dict in reportStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="审批人"> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="是否住院" prop="hospitalizatioFlag"> |
| | | <el-select v-model="accidentCasesForm.hospitalizatioFlag" placeholder="是否住院"> |
| | | <el-option label="未住院" value="0" /> |
| | | <el-option label="已住院" value="1" /> |
| | | <el-option |
| | | v-for="dict in hospitalizatioFlagOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="报案时间"> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="settleStatus"> |
| | | <el-select v-model="accidentCasesForm.settleStatus" placeholder=""> |
| | | <el-option label="已结案" value="1" /> |
| | | <el-option label="未结案" value="0" /> |
| | | <el-option |
| | | v-for="dict in settleStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="是否住院" prop="hospitalizatioFlag"> |
| | | <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院"> |
| | | <el-option label="未住院" value="0" /> |
| | | <el-option label="已住院" value="1" /> |
| | | <el-option |
| | | v-for="dict in hospitalizatioFlagOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="报案时间" prop="'reportTime"> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="是否结案" prop="settleStatus"> |
| | | <el-select v-model="occupationalForm.settleStatus" placeholder=""> |
| | | <el-option label="已结案" value="1" /> |
| | | <el-option label="未结案" value="0" /> |
| | | <el-option |
| | | v-for="dict in settleStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="arbitrationStatus"> |
| | | <el-select v-model="laborTroubleForm.arbitrationStatus" placeholder=""> |
| | | <el-option label="已结案" value="1" /> |
| | | <el-option label="未结案" value="0" /> |
| | | <el-option |
| | | v-for="dict in settleStatusOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="仲裁类型" prop="arbitrationType"> |
| | | <el-select v-model="laborTroubleForm.arbitrationType" placeholder="请选择仲裁类型"> |
| | | <el-option label="劳资纠纷" value="01" /> |
| | | <el-option label="民事纠纷" value="02" /> |
| | | <el-option label="合同纠纷" value="03" /> |
| | | <el-option |
| | | v-for="dict in arbitrationTypeOptions" |
| | | :key="dict.dicItemCode" |
| | | :label="dict.dicItemName" |
| | | :value="dict.dicItemCode" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="仲裁赔付(元)" prop="'arbitrationPay"> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="选择员工" :visible.sync="dialogShowXzyg"> |
| | | <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="60%"> |
| | | <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" /> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
| | | import Pagination from '@/components/Pagination' |
| | | import { pages } from '@/settings' |
| | | import { getToken } from '@/utils/auth' |
| | | |
| | | export default { |
| | | components: { Treeselect, Pagination }, |
| | | data() { |
| | | return { |
| | | baseicInformationForm: { |
| | | }, |
| | | dialogShowDryg: false, |
| | | empBaseInfoImageUrl: '', |
| | | total: 0, // 总数量 |
| | | queryParams: {}, // 查询参数 |
| | |
| | | empId: '', |
| | | customerId: '', |
| | | archivesNumb: '', |
| | | deptId: '', |
| | | deptId: '1', |
| | | deptName: '', |
| | | empNumb: '', |
| | | empName: '', |
| | | sex: '1', |
| | | JobId: '', |
| | | jobName: '', |
| | | empType: '1', |
| | | empType: '01', |
| | | certificateType: '', |
| | | certificateNumb: '', |
| | | nation: '01', |
| | |
| | | version: '', |
| | | empStatus: 0, |
| | | remark: '' |
| | | } |
| | | }, |
| | | statusOptions: [], |
| | | empTypeOptions: [], |
| | | nationOptions: [], |
| | | marriageOptions: [], |
| | | educationOptions: [], |
| | | nativePlaceOptions: [], |
| | | archivesStatusOptions: [], |
| | | insuranceTypeOptions: [], |
| | | empCardStatusOptions: [], |
| | | handbookStatusOptions: [], |
| | | ecgOptions: [], |
| | | certificateListOptions: [], |
| | | physicalExamTypeOptions: [], |
| | | contractStatusOptions: [], |
| | | leaveTypeOptions: [], |
| | | insuranceGaersOptions: [], |
| | | applayStatusOptions: [], |
| | | reportStatusOptions: [], |
| | | hospitalizatioFlagOptions: [], |
| | | settleStatusOptions: [], |
| | | arbitrationTypeOptions: [], |
| | | changeTypeOptions: [], |
| | | dimissionTypeOptions: [], |
| | | sexOptions: [] |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.getDicts('PLITICAL').then(response => { |
| | | this.statusOptions = response.data |
| | | }) |
| | | this.getDicts('sex').then(response => { |
| | | this.sexOptions = response.data |
| | | }) |
| | | this.getDicts('empType').then(response => { |
| | | this.empTypeOptions = response.data |
| | | }) |
| | | this.getDicts('NATION').then(response => { |
| | | this.nationOptions = response.data |
| | | }) |
| | | this.getDicts('MARRIAGE').then(response => { |
| | | this.marriageOptions = response.data |
| | | }) |
| | | this.getDicts('EDUCATION').then(response => { |
| | | this.educationOptions = response.data |
| | | }) |
| | | this.getDicts('NATIVEPLACE').then(response => { |
| | | this.nativePlaceOptions = response.data |
| | | }) |
| | | this.getDicts('archivesStatus').then(response => { |
| | | this.archivesStatusOptions = response.data |
| | | }) |
| | | this.getDicts('INSURANCETYPE').then(response => { |
| | | this.insuranceTypeOptions = response.data |
| | | }) |
| | | this.getDicts('empCardStatus').then(response => { |
| | | this.empCardStatusOptions = response.data |
| | | }) |
| | | this.getDicts('handbookStatus').then(response => { |
| | | this.handbookStatusOptions = response.data |
| | | }) |
| | | this.getDicts('certificateList').then(response => { |
| | | this.certificateListOptions = response.data |
| | | }) |
| | | this.getDicts('PHYSICALEXAMTYPE').then(response => { |
| | | this.physicalExamTypeOptions = response.data |
| | | }) |
| | | this.getDicts('ECG').then(response => { |
| | | this.ecgOptions = response.data |
| | | }) |
| | | this.getDicts('CONTRACTSTATUS').then(response => { |
| | | this.contractStatusOptions = response.data |
| | | }) |
| | | this.getDicts('LEAVETYPE').then(response => { |
| | | this.leaveTypeOptions = response.data |
| | | }) |
| | | this.getDicts('insuranceGaers').then(response => { |
| | | this.insuranceGaersOptions = response.data |
| | | }) |
| | | this.getDicts('applayStatus').then(response => { |
| | | this.applayStatusOptions = response.data |
| | | }) |
| | | this.getDicts('reportStatus').then(response => { |
| | | this.reportStatusOptions = response.data |
| | | }) |
| | | this.getDicts('hospitalizatioFlag').then(response => { |
| | | this.hospitalizatioFlagOptions = response.data |
| | | }) |
| | | this.getDicts('settleStatus').then(response => { |
| | | this.settleStatusOptions = response.data |
| | | }) |
| | | this.getDicts('ZCTYPE').then(response => { |
| | | this.arbitrationTypeOptions = response.data |
| | | }) |
| | | this.getDicts('changeType').then(response => { |
| | | this.changeTypeOptions = response.data |
| | | }) |
| | | this.getDicts('LZTYPE').then(response => { |
| | | this.dimissionTypeOptions = response.data |
| | | }) |
| | | this.initDept() |
| | | this.thisShowIndex = 1 |
| | | this.isShow(false, 0) |
| | | }, |
| | | methods: { |
| | | importHandleAvatarError() { |
| | | this.$notify.error({ |
| | | title: '错误', |
| | | message: '导入失败' |
| | | }) |
| | | }, |
| | | importHandleAvatarSuccess(res, file) { |
| | | if (res.data === null) { |
| | | this.$notify({ |
| | | title: '成功', |
| | | message: '导入成功!', |
| | | type: 'success' |
| | | }) |
| | | } else { |
| | | this.$alert(JSON.stringify(res.data), '导入失败原因', { |
| | | confirmButtonText: '确定' |
| | | }) |
| | | } |
| | | }, |
| | | headers() { |
| | | const token = getToken() |
| | | if (token) { |
| | | return { |
| | | Authorization: 'bearer ' + token |
| | | } |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | showDryg(operate) { |
| | | switch (operate) { |
| | | case 0: |
| | | this.dialogShowDryg = true |
| | | break |
| | | case 1: |
| | | this.dialogShowDryg = false |
| | | break |
| | | case 2: |
| | | this.$refs.upload.submit() |
| | | break |
| | | } |
| | | }, |
| | | |
| | | // 获取图片的Blob值 |
| | | getImageBlob(url, cb) { |
| | | var xhr = new XMLHttpRequest() |
| | |
| | | // var suffixIndex=fileName.lastIndexOf(".") |
| | | // var suffix=fileName.substring(suffixIndex+1).toUpperCase() |
| | | var suffix = fileName.substring(fileName.lastIndexOf('.') + 1).toUpperCase() |
| | | if (suffix === 'JPG' || suffix === 'JPEG' || suffix === 'PNG') { |
| | | if (suffix === 'JPG' || suffix === 'PNG') { |
| | | this.preView(this.empBaseInfoImageUrl) |
| | | } else { |
| | | this.$message.error('文件类型不正确,请重新上传!') |
| | | this.$message.error('只能上传jpg/png文件,且不超过4MB,请重新上传!') |
| | | } |
| | | } else { |
| | | this.$message.error('图片大小超过4M,请重新上传') |
| | |
| | | }) |
| | | this.selectEmpBase() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 1: |
| | |
| | | type: 'success' |
| | | }) |
| | | this.selectWorkExperience() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | }) |
| | | this.selectPhysicalExam() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 3: |
| | |
| | | type: 'success' |
| | | }) |
| | | this.selectContractInfo() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | }) |
| | | this.selectLeaveInfo() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 6: |
| | |
| | | type: 'success' |
| | | }) |
| | | this.selectResign() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | }) |
| | | this.selectUnemployment() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 8: |
| | |
| | | type: 'success' |
| | | }) |
| | | this.selectInsurance() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | }) |
| | | this.selectAccidentCases() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 10: |
| | |
| | | type: 'success' |
| | | }) |
| | | this.selectOccupational() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | }) |
| | | this.selectLaborTrouble() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 12: |
| | |
| | | type: 'success' |
| | | }) |
| | | this.selectBadRecord() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | }) |
| | | this.selectBadRecord() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要删除的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | } |
| | | }, |
| | | typeFormat(row, column) { |
| | | return this.selectDictLabel(this.physicalExamTypeOptions, row.physicalExamType) |
| | | }, |
| | | empTypeFormat(row, column) { |
| | | return this.selectDictLabel(this.empTypeOptions, row.empType) |
| | | }, |
| | | sexFormat(row, column) { |
| | | return this.selectDictLabel(this.sexOptions, row.sex) |
| | | }, |
| | | nationFormat(row, column) { |
| | | return this.selectDictLabel(this.nationOptions, row.nation) |
| | | }, |
| | | marriageFormat(row, column) { |
| | | return this.selectDictLabel(this.marriageOptions, row.marriage) |
| | | }, |
| | | politicsFormat(row, column) { |
| | | return this.selectDictLabel(this.statusOptions, row.politics) |
| | | }, |
| | | educationFormat(row, column) { |
| | | return this.selectDictLabel(this.educationOptions, row.education) |
| | | }, |
| | | insuranceTypeFormat(row, column) { |
| | | return this.selectDictLabel(this.insuranceTypeOptions, row.insuranceType) |
| | | }, |
| | | ecgNameFormat(row, column) { |
| | | return this.selectDictLabel(this.ecgOptions, row.ecg) |
| | | }, |
| | | contractStatusFormat(row, column) { |
| | | return this.selectDictLabel(this.contractStatusOptions, row.contractStatus) |
| | | }, |
| | | changeTypeFormat(row, column) { |
| | | return this.selectDictLabel(this.changeTypeOptions, row.changeType) |
| | | }, |
| | | leaveTypeFormat(row, column) { |
| | | return this.selectDictLabel(this.leaveTypeOptions, row.leaveType) |
| | | }, |
| | | dimissionTypeFormat(row, column) { |
| | | return this.selectDictLabel(this.dimissionTypeOptions, row.dimissionType) |
| | | }, |
| | | insuranceGaersFormat(row, column) { |
| | | return this.selectDictLabel(this.insuranceGaersOptions, row.insuranceGaers) |
| | | }, |
| | | reportStatusFormat(row, column) { |
| | | return this.selectDictLabel(this.reportStatusOptions, row.reportStatus) |
| | | }, |
| | | applayStatusFormat(row, column) { |
| | | return this.selectDictLabel(this.applayStatusOptions, row.applayStatus) |
| | | }, |
| | | hospitalizatioFlagFormat(row, column) { |
| | | return this.selectDictLabel(this.hospitalizatioFlagOptions, row.hospitalizatioFlag) |
| | | }, |
| | | arbitrationTypeFormat(row, column) { |
| | | return this.selectDictLabel(this.arbitrationTypeOptions, row.arbitrationType) |
| | | }, |
| | | arbitrationStatusFormat(row, column) { |
| | | return this.selectDictLabel(this.settleStatusOptions, row.arbitrationStatus) |
| | | }, |
| | | startDate(rule, value, callback) { |
| | | if (!value) { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 1: |
| | |
| | | this.tableDataName = 'workExperienceData' |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 3: |
| | |
| | | this.tableDataName = 'contractInfoData' |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 5: |
| | |
| | | this.tableDataName = 'leaveInfoData' |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 7: |
| | |
| | | this.tableDataName = 'unemploymentData' |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 9: |
| | |
| | | this.tableDataName = 'accidentCasesData' |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 11: |
| | |
| | | this.tableDataName = 'laborTroubleData' |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | | case 13: |
| | |
| | | this.tableDataName = 'remarkInfoData' |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }) |
| | | } else { |
| | | this.$message({ |
| | | message: '请先选中需要提交的记录', |
| | | type: 'error' |
| | | }) |
| | | } |
| | | break |
| | |
| | | this.empBaseInfoForm.education = row.education |
| | | this.empBaseInfoForm.seniority = row.seniority |
| | | this.empBaseInfoForm.nativePlace = row.nativePlace |
| | | this.empBaseInfoForm.nativePlaceName = row.nativePlaceName |
| | | this.empBaseInfoForm.censusAddress = row.censusAddress |
| | | this.empBaseInfoForm.currentAddress = row.currentAddress |
| | | this.empBaseInfoForm.guardNumb = row.guardNumb |
| | |
| | | }, |
| | | cleanContractInfo() { |
| | | this.contractInfoForm.contractId = '' |
| | | this.contractInfoForm.empId = '' |
| | | this.contractInfoForm.empNumb = '' |
| | | this.contractInfoForm.empName = '' |
| | | this.contractInfoForm.certificateNumb = '' |
| | | this.contractInfoForm.sex = '' |
| | | this.contractInfoForm.deptId = '' |
| | | this.contractInfoForm.deptName = '' |
| | | this.contractInfoForm.JobId = '' |
| | | this.contractInfoForm.jobName = '' |
| | | this.contractInfoForm.beginDate = '' |
| | | this.contractInfoForm.endDate = '' |
| | | this.contractInfoForm.contractStatus = '' |
| | |
| | | }, |
| | | cleanDimissionAttend() { |
| | | this.dimissionAttendForm.dimissionAttendId = '' |
| | | this.dimissionAttendForm.empId = '' |
| | | this.dimissionAttendForm.empNumb = '' |
| | | this.dimissionAttendForm.empName = '' |
| | | this.dimissionAttendForm.sex = '' |
| | | this.dimissionAttendForm.certificateNumb = '' |
| | | this.dimissionAttendForm.deptId = '' |
| | | this.dimissionAttendForm.deptName = '' |
| | | this.dimissionAttendForm.JobId = '' |
| | | this.dimissionAttendForm.jobName = '' |
| | | this.dimissionAttendForm.attendMonth = '' |
| | | this.dimissionAttendForm.overtimeHour = '' |
| | | this.dimissionAttendForm.overtimeDay = '' |
| | |
| | | }, |
| | | cleanLeaveInfo() { |
| | | this.leaveInfoForm.leaveId = '' |
| | | this.leaveInfoForm.empId = '' |
| | | this.leaveInfoForm.empNumb = '' |
| | | this.leaveInfoForm.empName = '' |
| | | this.leaveInfoForm.sex = '' |
| | | this.leaveInfoForm.certificateNumb = '' |
| | | this.leaveInfoForm.deptId = '' |
| | | this.leaveInfoForm.deptName = '' |
| | | this.leaveInfoForm.JobId = '' |
| | | this.leaveInfoForm.jobName = '' |
| | | this.leaveInfoForm.beginTime = '' |
| | | this.leaveInfoForm.endTime = '' |
| | | this.leaveInfoForm.leaveType = '' |
| | |
| | | }, |
| | | cleanResign() { |
| | | this.resignForm.resignId = '' |
| | | this.resignForm.empId = '' |
| | | this.resignForm.empNumb = '' |
| | | this.resignForm.empName = '' |
| | | this.resignForm.sex = '' |
| | | this.resignForm.certificateNumb = '' |
| | | this.resignForm.deptId = '' |
| | | this.resignForm.deptName = '' |
| | | this.resignForm.JobId = '' |
| | | this.resignForm.jobName = '' |
| | | this.resignForm.applayDate = '' |
| | | this.resignForm.reporter = '' |
| | | this.resignForm.reason = '' |
| | |
| | | }, |
| | | cleanUnemployment() { |
| | | this.unemploymentForm.unemploymentId = '' |
| | | this.unemploymentForm.empId = '' |
| | | this.unemploymentForm.empNumb = '' |
| | | this.unemploymentForm.empName = '' |
| | | this.unemploymentForm.sex = '' |
| | | this.unemploymentForm.certificateNumb = '' |
| | | this.unemploymentForm.deptId = '' |
| | | this.unemploymentForm.deptName = '' |
| | | this.unemploymentForm.JobId = '' |
| | | this.unemploymentForm.jobName = '' |
| | | this.unemploymentForm.applayDate = '' |
| | | this.unemploymentForm.applayReason = '' |
| | | this.unemploymentForm.reporter = '' |
| | |
| | | }, |
| | | cleanInsurance() { |
| | | this.insuranceForm.insuranceId = '' |
| | | this.insuranceForm.empId = '' |
| | | this.insuranceForm.empNumb = '' |
| | | this.insuranceForm.empName = '' |
| | | this.insuranceForm.sex = '' |
| | | this.insuranceForm.certificateNumb = '' |
| | | this.insuranceForm.deptId = '' |
| | | this.insuranceForm.deptName = '' |
| | | this.insuranceForm.JobId = '' |
| | | this.insuranceForm.jobName = '' |
| | | this.insuranceForm.applayDate = '' |
| | | this.insuranceForm.proposer = '' |
| | | this.insuranceForm.insuranceGaers = '' |
| | |
| | | this.insuranceForm.applayDate = row.applayDate |
| | | this.insuranceForm.proposer = row.proposer |
| | | this.insuranceForm.insuranceGaers = row.insuranceGaers |
| | | this.insuranceForm.reportStatus = row.reportStatus |
| | | this.insuranceForm.applayStatus = row.applayStatus |
| | | this.insuranceForm.reportStatus = row.reportStatus + '' |
| | | this.insuranceForm.applayStatus = row.applayStatus + '' |
| | | this.insuranceForm.auditor = row.auditor |
| | | this.insuranceForm.createTime = row.createTime |
| | | this.insuranceForm.creator = row.creator |
| | |
| | | this.insuranceForm.delFlag = row.delFlag |
| | | this.insuranceForm.version = row.version |
| | | this.insuranceForm.remark = row.remark |
| | | |
| | | this.dialogshowArr[8].show = true |
| | | }, |
| | | selectAccidentCases() { |
| | |
| | | }, |
| | | cleanAccidentCases() { |
| | | this.accidentCasesForm.accidentId = '' |
| | | this.accidentCasesForm.empId = '' |
| | | this.accidentCasesForm.empNumb = '' |
| | | this.accidentCasesForm.empName = '' |
| | | this.accidentCasesForm.sex = '' |
| | | this.accidentCasesForm.certificateNumb = '' |
| | | this.accidentCasesForm.deptId = '' |
| | | this.accidentCasesForm.deptName = '' |
| | | this.accidentCasesForm.JobId = '' |
| | | this.accidentCasesForm.jobName = '' |
| | | this.accidentCasesForm.injuredTime = '' |
| | | this.accidentCasesForm.injuredAddress = '' |
| | | this.accidentCasesForm.injuredPart = '' |
| | |
| | | this.accidentCasesForm.injuredDescribe = row.injuredDescribe |
| | | this.accidentCasesForm.hospitalName = row.hospitalName |
| | | this.accidentCasesForm.treatmentName = row.treatmentName |
| | | this.accidentCasesForm.hospitalizatioFlag = row.hospitalizatioFlag |
| | | this.accidentCasesForm.hospitalizatioFlag = row.hospitalizatioFlag + '' |
| | | this.accidentCasesForm.bedNumb = row.bedNumb |
| | | this.accidentCasesForm.reprotTime = row.reprotTime |
| | | this.accidentCasesForm.submitTime = row.submitTime |
| | |
| | | }, |
| | | cleanOccupational() { |
| | | this.occupationalForm.occupationalId = '' |
| | | this.occupationalForm.empId = '' |
| | | this.occupationalForm.empNumb = '' |
| | | this.occupationalForm.empName = '' |
| | | this.occupationalForm.sex = '' |
| | | this.occupationalForm.certificateNumb = '' |
| | | this.occupationalForm.deptId = '' |
| | | this.occupationalForm.deptName = '' |
| | | this.occupationalForm.JobId = '' |
| | | this.occupationalForm.jobName = '' |
| | | this.occupationalForm.injuredTime = '' |
| | | this.occupationalForm.injuredAddress = '' |
| | | this.occupationalForm.injuredPart = '' |
| | |
| | | this.occupationalForm.injuredDescribe = row.injuredDescribe |
| | | this.occupationalForm.hospitalName = row.hospitalName |
| | | this.occupationalForm.treatmentName = row.treatmentName |
| | | this.occupationalForm.hospitalizatioFlag = row.hospitalizatioFlag |
| | | this.occupationalForm.hospitalizatioFlag = row.hospitalizatioFlag + '' |
| | | this.occupationalForm.bedNumb = row.bedNumb |
| | | this.occupationalForm.reportTime = row.reportTime |
| | | this.occupationalForm.submitTime = row.submitTime |
| | |
| | | this.occupationalForm.delFlag = row.delFlag |
| | | this.occupationalForm.version = row.version |
| | | this.occupationalForm.remark = row.remark |
| | | |
| | | this.dialogshowArr[10].show = true |
| | | }, |
| | | selectLaborTrouble() { |
| | |
| | | }, |
| | | cleanLaborTrouble() { |
| | | this.laborTroubleForm.arbitrationId = '' |
| | | this.laborTroubleForm.empId = '' |
| | | this.laborTroubleForm.empNumb = '' |
| | | this.laborTroubleForm.empName = '' |
| | | this.laborTroubleForm.sex = '' |
| | | this.laborTroubleForm.certificateNumb = '' |
| | | this.laborTroubleForm.deptId = '' |
| | | this.laborTroubleForm.deptName = '' |
| | | this.laborTroubleForm.JobId = '' |
| | | this.laborTroubleForm.jobName = '' |
| | | this.laborTroubleForm.arbitrationDate = '' |
| | | this.laborTroubleForm.arbitrationType = '' |
| | | this.laborTroubleForm.arbitrationReason = '' |
| | |
| | | }, |
| | | editLaborTrouble(row) { |
| | | this.isAdd = false |
| | | |
| | | this.laborTroubleForm.arbitrationId = row.arbitrationId |
| | | this.laborTroubleForm.empId = row.empId |
| | | this.laborTroubleForm.empNumb = row.empNumb |
| | |
| | | this.laborTroubleForm.arbitrationReason = row.arbitrationReason |
| | | this.laborTroubleForm.reporter = row.reporter |
| | | this.laborTroubleForm.arbitrationPay = row.arbitrationPay |
| | | this.laborTroubleForm.arbitrationStatus = row.arbitrationStatus |
| | | this.laborTroubleForm.arbitrationStatus = row.arbitrationStatus + '' |
| | | this.laborTroubleForm.settleDate = row.settleDate |
| | | this.laborTroubleForm.createTime = row.createTime |
| | | this.laborTroubleForm.creator = row.creator |
| | |
| | | }, |
| | | cleanBadRecord() { |
| | | this.badRecordForm.badId = '' |
| | | this.badRecordForm.empId = '' |
| | | this.badRecordForm.empName = '' |
| | | this.badRecordForm.empNumb = '' |
| | | this.badRecordForm.sex = '' |
| | | this.badRecordForm.certificateNumb = '' |
| | | this.badRecordForm.deptId = '' |
| | | this.badRecordForm.deptName = '' |
| | | this.badRecordForm.JobId = '' |
| | | this.badRecordForm.jobName = '' |
| | | this.badRecordForm.badDate = '' |
| | | this.badRecordForm.reporter = '' |
| | | this.badRecordForm.badContent = '' |
| | |
| | | }, |
| | | cleanRemarkInfo() { |
| | | this.remarkInfoForm.remarkId = '' |
| | | this.remarkInfoForm.empId = '' |
| | | this.remarkInfoForm.empNumb = '' |
| | | this.remarkInfoForm.empName = '' |
| | | this.remarkInfoForm.sex = '' |
| | | this.remarkInfoForm.certificateNumb = '' |
| | | this.remarkInfoForm.JobId = '' |
| | | this.remarkInfoForm.deptId = '' |
| | | this.remarkInfoForm.deptName = '' |
| | | this.remarkInfoForm.jobName = '' |
| | | this.remarkInfoForm.remarkContent = '' |
| | | this.remarkInfoForm.remarkDate = '' |
| | | this.remarkInfoForm.createTime = '' |
| | |
| | | }, |
| | | calculateSeniority(val) { |
| | | this.empBaseInfoForm.seniority = calculateSeniority(val) |
| | | }, |
| | | transinsuranceGaers(val) { |
| | | switch (val) { |
| | | case '1': |
| | | return '(深户)五险一档' |
| | | case '2': |
| | | return '(非深户)五险一档' |
| | | case '3': |
| | | return '(非深户)五险二档' |
| | | case '4': |
| | | return '(非深户)五险三档' |
| | | case '5': |
| | | return '(非深户)四险一档' |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | .el-main { |
| | | background-color: #fff; |
| | | } |
| | | |
| | | } |
| | | .el-container { |
| | | height: 770px; |
| | | height: 86.7vh; |
| | | background-color: #fff; |
| | | |
| | | .el-aside { |
| | | background-color: #e9eef3; |
| | | color: #333; |
| | | text-align: center; |
| | | height: 100%; |
| | | background-color: #fff; |
| | | } |
| | | |
| | | .el-main { |
| | | background-color: #e9eef3; |
| | | color: #333; |
| | | height: 100%; |
| | | .el-table{ |
| | | margin-top: 10px; |
| | | } |
| | | } |
| | | .el-timeline-item{ |
| | | padding-bottom: 5px; |
| | | } |
| | | } |
| | | |
| | |
| | | color: #333; |
| | | text-align: center; |
| | | line-height: 60px; |
| | | |
| | | } |
| | | |
| | | .el-date-editor.el-input, |
| | |
| | | width: 100%; |
| | | } |
| | | </style> |
| | | |
| | | <style lang="scss"> |
| | | .info-input { |
| | | .el-timeline-item__wrapper { |
| | | |
| | | color: #a00515; |
| | | cursor: pointer; |
| | | top: -5px; |
| | | .el-timeline-item__content { |
| | | &:hover { |
| | | color: #a00515; |
| | | } |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | </style> |