From 3a77c6fbda3243c135f9a3b55ad205970fd9f6cb Mon Sep 17 00:00:00 2001
From: yubo <autumnal_wind@yeah.net>
Date: 星期日, 12 四月 2026 19:15:38 +0800
Subject: [PATCH] feat(user): 员工代码重构
---
src/views/user/archivesEdit.vue | 2955 +++++++++++++---------------------------------------------
1 files changed, 663 insertions(+), 2,292 deletions(-)
diff --git a/src/views/user/archivesEdit.vue b/src/views/user/archivesEdit.vue
index 74d7a2c..ba29636 100644
--- a/src/views/user/archivesEdit.vue
+++ b/src/views/user/archivesEdit.vue
@@ -14,17 +14,19 @@
<div class="menu dadetails">
<div style="height: 22vh;">
- <el-upload
- class="avatar-uploader"
- action="#"
- :show-file-list="false"
- :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>
+ <!-- 头像显示区域 -->
+ <div class="avatar-wrapper">
+ <img
+ v-if="empBaseInfoImageUrl"
+ :src="empBaseInfoImageUrl"
+ class="avatar"
+ @click="openUploadChoice"
+ >
+ <div v-else class="avatar-uploader-placeholder" @click="openUploadChoice">
+ <i class="el-icon-plus avatar-uploader-icon" />
+ <div class="upload-tip">点击上传照片</div>
+ </div>
+ </div>
<!-- <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1333074204,3035391839&fm=26&gp=0.jpg" class="jbxxImg">-->
<div class="title-da">
档案号：{{ empBaseInfoForm.archivesNumb }}
@@ -1141,10 +1143,10 @@
</el-table-column>
<el-table-column v-if="fsnumShow" show-overflow-tooltip prop="accidentId" label="" />
<el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="100" />
- <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="200" />
+ <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" />
<el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
- <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="300" />
- <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" width="150" />
+ <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="就诊医院" width="100" />-->
<!-- <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" />-->
<el-table-column
@@ -1211,9 +1213,9 @@
<el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="120" />
<el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="100" />
<el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="100" />
- <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="140" />
+ <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" />
<el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" width="80" />
- <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="120" />
+ <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" />
<el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" />
<el-table-column
show-overflow-tooltip
@@ -1601,1294 +1603,182 @@
</div>
</div>
- <el-dialog title="工作经历" append-to-body :visible.sync="dialogshowArr[1].show" width="50%">
- <el-form
- ref="workExperienceForm"
- :model="workExperienceForm"
- :rules="workExperienceRules"
- label-position="right"
- label-width="120px"
+ <work-experience-edit
+ :visible.sync="dialogshowArr[1].show"
+ :is-add="isAdd"
+ :edit-data="workExperienceEditData"
+ :sex-options="sexOptions"
+ @success="handleWorkExperienceSuccess"
+ />
+ <physical-exam-edit
+ :visible.sync="dialogshowArr[2].show"
+ :is-add="isAdd"
+ :edit-data="physicalExamEditData"
+ :sex-options="sexOptions"
+ :physical-exam-type-options="physicalExamTypeOptions"
+ :ecg-options="ecgOptions"
+ @success="handlePhysicalExamSuccess"
+ />
+ <contract-info-edit
+ :visible.sync="dialogshowArr[3].show"
+ :is-add="isAdd"
+ :edit-data="contractInfoEditData"
+ :sex-options="sexOptions"
+ :contract-status-options="contractStatusOptions"
+ @success="handleContractInfoSuccess"
+ />
+ <dimission-attend-edit
+ :visible.sync="dialogshowArr[4].show"
+ :is-add="isAdd"
+ :edit-data="dimissionAttendEditData"
+ :sex-options="sexOptions"
+ @success="handleDimissionAttendSuccess"
+ />
+ <leave-info-edit
+ :visible.sync="dialogshowArr[5].show"
+ :is-add="isAdd"
+ :edit-data="leaveInfoEditData"
+ :sex-options="sexOptions"
+ :leave-type-options="leaveTypeOptions"
+ @success="handleLeaveInfoSuccess"
+ />
+ <resign-edit
+ :visible.sync="dialogshowArr[6].show"
+ :is-add="isAdd"
+ :edit-data="resignEditData"
+ :sex-options="sexOptions"
+ @success="handleResignSuccess"
+ />
+ <unemployment-insurance-edit
+ :visible.sync="dialogshowArr[7].show"
+ :is-add="isAdd"
+ :edit-data="unemploymentEditData"
+ :sex-options="sexOptions"
+ @success="handleUnemploymentSuccess"
+ />
+ <social-security-edit
+ :visible.sync="dialogshowArr[8].show"
+ :is-add="isAdd"
+ :edit-data="socialSecurityEditData"
+ :sex-options="sexOptions"
+ :insurance-gaers-options="insuranceGaersOptions"
+ :applay-status-options="applayStatusOptions"
+ :report-status-options="reportStatusOptions"
+ @success="handleInsuranceSuccess"
+ />
+ <accident-insurance-edit
+ :visible.sync="dialogshowArr[9].show"
+ :is-add="isAdd"
+ :edit-data="accidentInsuranceEditData"
+ :sex-options="sexOptions"
+ :hospitalizatio-flag-options="hospitalizatioFlagOptions"
+ :settle-status-options="settleStatusOptions"
+ @success="handleAccidentCasesSuccess"
+ />
+ <work-injury-edit
+ :visible.sync="dialogshowArr[10].show"
+ :is-add="isAdd"
+ :edit-data="workInjuryEditData"
+ :sex-options="sexOptions"
+ :hospitalizatio-flag-options="hospitalizatioFlagOptions"
+ :settle-status-options="settleStatusOptions"
+ @success="handleOccupationalSuccess"
+ />
+ <arbitration-edit
+ :visible.sync="dialogshowArr[11].show"
+ :is-add="isAdd"
+ :edit-data="arbitrationEditData"
+ :sex-options="sexOptions"
+ :arbitration-type-options="arbitrationTypeOptions"
+ :settle-status-options="settleStatusOptions"
+ @success="handleLaborTroubleSuccess"
+ />
+ <bad-record-edit
+ :visible.sync="dialogshowArr[12].show"
+ :is-add="isAdd"
+ :edit-data="badRecordEditData"
+ :sex-options="sexOptions"
+ @success="handleBadRecordSuccess"
+ />
+ <remark-edit
+ :visible.sync="dialogshowArr[13].show"
+ :is-add="isAdd"
+ :edit-data="remarkEditData"
+ :sex-options="sexOptions"
+ @success="handleRemarkInfoSuccess"
+ />
+ </el-dialog>
+
+ <!-- 上传方式选择弹窗 -->
+ <el-dialog
+ title="选择上传方式"
+ :visible.sync="uploadChoiceDialogVisible"
+ width="400px"
+ :close-on-click-modal="false"
+ >
+ <div class="upload-choice-container">
+ <div class="upload-choice-item" @click="choiceCamera">
+ <i class="el-icon-camera" />
+ <span>拍照上传</span>
+ </div>
+ <div class="upload-choice-item" @click="choiceFile">
+ <i class="el-icon-folder-opened" />
+ <span>文件上传</span>
+ </div>
+ </div>
+ </el-dialog>
+
+ <!-- 摄像头拍照弹窗 -->
+ <el-dialog
+ title="拍照上传"
+ :visible.sync="cameraDialogVisible"
+ width="640px"
+ :close-on-click-modal="false"
+ @close="closeCamera"
+ >
+ <div class="camera-container">
+ <!-- 视频预览 -->
+ <video
+ v-show="!capturedImage"
+ ref="video"
+ class="camera-video"
+ autoplay
+ playsinline
+ />
+ <!-- 画布（用于拍照） -->
+ <canvas ref="canvas" style="display: none;" />
+
+ <!-- 拍照结果预览 -->
+ <img
+ v-if="capturedImage"
+ :src="capturedImage"
+ class="captured-image"
>
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="workExperienceForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="workExperienceForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="workExperienceForm.sex" placeholder="请选择性别">
- <el-option
- v-for="dict in sexOptions"
- :key="dict.dicItemCode"
- :label="dict.dicItemName"
- :value="dict.dicItemCode"
- />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="workExperienceForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="workExperienceForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="workExperienceForm.jobName" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="工作单位" prop="workUnit">
- <el-input v-model="workExperienceForm.workUnit" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="开始日期" prop="beginDate">
- <el-date-picker
- v-model="workExperienceForm.beginDate"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="年-月-日"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="结束日期" prop="endDate">
- <el-date-picker
- v-model="workExperienceForm.endDate"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="年-月-日"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="主要工作内容" prop="jobContent">
- <el-input v-model="workExperienceForm.jobContent" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putWorkExperience('workExperienceForm')">保 存</el-button>
+ </div>
- </div>
- </el-dialog>
- <el-dialog title="体检信息" append-to-body :visible.sync="dialogshowArr[2].show" width="50%">
- <el-form
- ref="physicalExamForm"
- :model="physicalExamForm"
- :rules="physicalExamRules"
- label-position="right"
- label-width="120px"
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="closeCamera">取消</el-button>
+ <el-button
+ v-if="!capturedImage"
+ type="primary"
+ @click="takePhoto"
>
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="physicalExamForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="physicalExamForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="physicalExamForm.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="hospital">
- <el-input v-model="physicalExamForm.hospital" />
- </el-form-item>
- <el-form-item label="体检类型" prop="physicalExamType">
- <el-select
- v-model="physicalExamForm.physicalExamType"
- placeholder="请选择体检类型"
- >
- <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-input v-model="physicalExamForm.transaminase" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="physicalExamForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="physicalExamForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="physicalExamForm.jobName" />
- </el-form-item>
- <el-form-item label="体检日期" prop="physicalExamDate">
- <el-date-picker
- v-model="physicalExamForm.physicalExamDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择体检日期"
- />
- </el-form-item>
- <el-form-item label="血压" prop="bloodPressure">
- <el-input v-model="physicalExamForm.bloodPressure" />
- </el-form-item>
- <el-form-item label="心电图" prop="ecg">
- <el-select v-model="physicalExamForm.ecg" placeholder="ecg">
- <el-option
- v-for="dict in ecgOptions"
- :key="dict.dicItemCode"
- :label="dict.dicItemName"
- :value="dict.dicItemCode"
- />
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="体检结论" prop="conclusion">
- <el-input v-model="physicalExamForm.conclusion" />
- </el-form-item>
- <el-form-item label="复查记录" prop="reviewRecord">
- <el-input v-model="physicalExamForm.reviewRecord" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注" prop="remark">
- <el-input v-model="physicalExamForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putPhysicalExam('physicalExamForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="合同信息" append-to-body :visible.sync="dialogshowArr[3].show" width="50%">
- <el-form
- ref="contractInfoForm"
- :model="contractInfoForm"
- :rules="contractInfoRules"
- label-position="right"
- label-width="120px"
+ 拍照
+ </el-button>
+ <el-button
+ v-if="capturedImage"
+ @click="retakePhoto"
>
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="contractInfoForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="contractInfoForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" this-emp-base-info-form="sex">
- <el-select v-model="contractInfoForm.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="signingDate">
- <el-date-picker
- v-model="contractInfoForm.signingDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择日期"
- />
- </el-form-item>
- <el-form-item label="合同状态" prop="contractStatus">
- <el-select
- v-model="contractInfoForm.contractStatus"
- placeholder="请选择合同状态"
- >
- <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-input v-model="contractInfoForm.transactor" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="contractInfoForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="contractInfoForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="contractInfoForm.jobName" />
- </el-form-item>
- <el-form-item label="合同结束日期" prop="endDate">
- <el-date-picker
- v-model="contractInfoForm.endDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择日期"
- />
- </el-form-item>
- <el-form-item label="合同期限（年）" prop="contractPeriod">
- <el-input v-model="contractInfoForm.contractPeriod" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注" prop="remark">
- <el-input v-model="contractInfoForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putContractInfo('contractInfoForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="离职当月考勤" append-to-body :visible.sync="dialogshowArr[4].show" width="50%">
- <el-form
- ref="dimissionAttendForm"
- :model="dimissionAttendForm"
- :rules="dimissionAttendRules"
- label-position="right"
- label-width="120px"
+ 重拍
+ </el-button>
+ <el-button
+ v-if="capturedImage"
+ type="primary"
+ @click="confirmPhoto"
>
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="dimissionAttendForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="dimissionAttendForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="dimissionAttendForm.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="attendMonth">
- <el-date-picker
- v-model="dimissionAttendForm.attendMonth"
- value-format="yyyy-MM"
- type="month"
- placeholder="选择考勤月份"
- />
- </el-form-item>
- <el-form-item label="加班（天）" prop="overtimeDay">
- <el-input v-model="dimissionAttendForm.overtimeDay" />
- </el-form-item>
- <el-form-item label="有无代扣款项" prop="deduct">
- <el-input v-model="dimissionAttendForm.deduct" />
- </el-form-item>
- <el-form-item label="旷工（天）" prop="absenteeism">
- <el-input v-model="dimissionAttendForm.absenteeism" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="dimissionAttendForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="dimissionAttendForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="dimissionAttendForm.jobName" />
- </el-form-item>
- <el-form-item label="出勤天数" prop="attendDays">
- <el-input v-model="dimissionAttendForm.attendDays" />
- </el-form-item>
-
- <el-form-item label="加班（小时）" prop="overtimeHour">
- <el-input v-model="dimissionAttendForm.overtimeHour" />
- </el-form-item>
-
- <el-form-item label="请假（天）" prop="leaveDay">
- <el-input v-model="dimissionAttendForm.leaveDay" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注" prop="remark">
- <el-input v-model="dimissionAttendForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putDimissionAttend('dimissionAttendForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="请假记录" append-to-body :visible.sync="dialogshowArr[5].show" width="50%">
- <el-form
- ref="leaveInfoForm"
- :model="leaveInfoForm"
- :rules="leaveInfoRules"
- label-position="right"
- label-width="120px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="leaveInfoForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="leaveInfoForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="leaveInfoForm.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="beginTime">
- <el-date-picker
- v-model="leaveInfoForm.beginTime"
- value-format="yyyy-MM-dd HH:mm:ss"
- format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="选择请假开始时间"
- />
- </el-form-item>
-
- <el-form-item label="请假类型" prop="leaveType">
- <el-select v-model="leaveInfoForm.leaveType" placeholder="请选择请假类型">
- <el-option
- v-for="dict in leaveTypeOptions"
- :key="dict.dicItemCode"
- :label="dict.dicItemName"
- :value="dict.dicItemCode"
- />
- </el-select>
- </el-form-item>
-
- <el-form-item label="报备人" prop="reporter">
- <el-input v-model="leaveInfoForm.reporter" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="leaveInfoForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="leaveInfoForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="leaveInfoForm.jobName" />
- </el-form-item>
- <el-form-item label="请假结束时间" prop="endTime">
- <el-date-picker
- v-model="leaveInfoForm.endTime"
- value-format="yyyy-MM-dd HH:mm:ss"
- format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="选择请假结束时间"
- />
- </el-form-item>
-
- <el-form-item label="请假天数" prop="leaveDay">
- <el-input v-model="leaveInfoForm.leaveDay" />
- </el-form-item>
-
- <el-form-item label="到岗时间" prop="returnDate">
- <el-date-picker
- v-model="leaveInfoForm.returnDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择到岗时间"
- />
- </el-form-item>
-
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注">
- <el-input v-model="leaveInfoForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putLeaveInfo('leaveInfoForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="辞职申请" append-to-body :visible.sync="dialogshowArr[6].show" width="50%">
- <el-form ref="resignForm" :model="resignForm" :rules="resignRules" label-position="right" label-width="120px">
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="resignForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="resignForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="resignForm.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="applayDate">
- <el-date-picker
- v-model="resignForm.applayDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择辞职申请日期"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="resignForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="resignForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="resignForm.jobName" />
- </el-form-item>
- <el-form-item label="报备人">
- <el-input v-model="resignForm.reporter" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="辞职事由" prop="reason">
- <el-input v-model="resignForm.reason" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注">
- <el-input v-model="resignForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putResign('resignForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="失业金领取" append-to-body :visible.sync="dialogshowArr[7].show" width="50%">
- <el-form
- ref="unemploymentForm"
- :model="unemploymentForm"
- :rules="unemploymentRules"
- label-position="right"
- label-width="120px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="unemploymentForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="unemploymentForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="unemploymentForm.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="applayDate" label-width="130px">
- <el-date-picker
- v-model="unemploymentForm.applayDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择失业金申请日期"
- />
- </el-form-item>
- <el-form-item label="申报事由" prop="applayReason">
- <el-input v-model="unemploymentForm.applayReason" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="unemploymentForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="unemploymentForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="unemploymentForm.jobName" />
- </el-form-item>
- <el-form-item label="汇报人">
- <el-input v-model="unemploymentForm.reporter" />
- </el-form-item>
- <el-form-item label="审批人">
- <el-input v-model="unemploymentForm.auditor" />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注">
- <el-input v-model="unemploymentForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putUnemployment('unemploymentForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="社保申请" append-to-body :visible.sync="dialogshowArr[8].show" width="50%">
- <el-form
- ref="insuranceForm"
- :model="insuranceForm"
- :rules="insuranceRules"
- label-position="right"
- label-width="120px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="insuranceForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="insuranceForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="insuranceForm.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="applayDate">
- <el-date-picker
- v-model="insuranceForm.applayDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择社保申请日期"
- />
- </el-form-item>
- <el-form-item label="社保档位" prop="insuranceGaers">
- <el-select v-model="insuranceForm.insuranceGaers" placeholder="请选择社保档位">
- <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
- v-for="dict in applayStatusOptions"
- :key="dict.dicItemCode"
- :label="dict.dicItemName"
- :value="dict.dicItemCode"
- />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="insuranceForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="insuranceForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="insuranceForm.jobName" />
- </el-form-item>
- <el-form-item label="申请人" prop="proposer">
- <el-input v-model="insuranceForm.proposer" />
- </el-form-item>
- <el-form-item label="是否已经报告">
- <el-select v-model="insuranceForm.reportStatus" placeholder="是否已经报告">
- <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-input v-model="insuranceForm.auditor" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注">
- <el-input v-model="insuranceForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putInsurance('insuranceForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="意外险案件" append-to-body :visible.sync="dialogshowArr[9].show" width="50%">
- <el-form
- ref="accidentCasesForm"
- :model="accidentCasesForm"
- :rules="accidentCasesRules"
- label-position="right"
- label-width="120px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="accidentCasesForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="accidentCasesForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="accidentCasesForm.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="injuredTime">
- <el-date-picker
- v-model="accidentCasesForm.injuredTime"
- value-format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="选择受伤时间"
- />
- </el-form-item>
- <el-form-item label="受伤部位" prop="injuredPart">
- <el-input v-model="accidentCasesForm.injuredPart" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="accidentCasesForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="accidentCasesForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="accidentCasesForm.jobName" />
- </el-form-item>
- <el-form-item label="受伤地点">
- <el-input v-model="accidentCasesForm.injuredAddress" />
- </el-form-item>
- <el-form-item label="意外险诊断">
- <el-input v-model="accidentCasesForm.injuredDiacrisis" />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row>
- <el-col :span="24">
- <el-form-item label="受伤经过描述" prop="injuredDescribe">
- <el-input v-model="accidentCasesForm.injuredDescribe" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="就诊医院" prop="hospitalName">
- <el-input v-model="accidentCasesForm.hospitalName" />
- </el-form-item>
- <el-form-item label="是否住院" prop="hospitalizatioFlag">
- <el-select v-model="accidentCasesForm.hospitalizatioFlag" placeholder="是否住院">
- <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-date-picker
- v-model="accidentCasesForm.reprotTime"
- value-format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="选择报案时间"
- />
- </el-form-item>
- <el-form-item label="递交人">
- <el-input v-model="accidentCasesForm.sbumitBy" />
- </el-form-item>
- <el-form-item label="保险赔付费用" prop="innsureFee">
- <el-input v-model="accidentCasesForm.innsureFee" />
- </el-form-item>
- <el-form-item label="人事处理时间">
- <el-date-picker
- v-model="accidentCasesForm.hrDoDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择人事处理时间"
- />
- </el-form-item>
-
- <el-form-item label="案结时间" prop="settleDate">
- <el-date-picker
- v-model="accidentCasesForm.settleDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择案结时间"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="就诊科室">
- <el-input v-model="accidentCasesForm.treatmentName" />
- </el-form-item>
- <el-form-item label="床号">
- <el-input v-model="accidentCasesForm.bedNumb" />
- </el-form-item>
- <el-form-item label="递交资料时间">
- <el-date-picker
- v-model="accidentCasesForm.submitTime"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择递交资料时间"
- />
- </el-form-item>
- <el-form-item label="医疗总费用" prop="expensesFee">
- <el-input v-model="accidentCasesForm.expensesFee" />
- </el-form-item>
- <el-form-item label="报单号">
- <el-input v-model="accidentCasesForm.expenseReport" />
- </el-form-item>
- <el-form-item label="状态" prop="settleStatus">
- <el-select v-model="accidentCasesForm.settleStatus" placeholder="">
- <el-option
- v-for="dict in settleStatusOptions"
- :key="dict.dicItemCode"
- :label="dict.dicItemName"
- :value="dict.dicItemCode"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="备注">
- <el-input v-model="accidentCasesForm.remark" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putAccidentCases('accidentCasesForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="工伤案件" append-to-body :visible.sync="dialogshowArr[10].show" width="50%">
- <el-form
- ref="occupationalForm"
- :model="occupationalForm"
- :rules="occupationalRules"
- label-position="right"
- label-width="140px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="occupationalForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="occupationalForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="occupationalForm.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="injuredTime">
- <el-date-picker
- v-model="occupationalForm.injuredTime"
- value-format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="选择受伤时间"
- />
- </el-form-item>
- <el-form-item label="受伤部位" prop="injuredPart">
- <el-input v-model="occupationalForm.injuredPart" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="occupationalForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="occupationalForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="occupationalForm.jobName" />
- </el-form-item>
- <el-form-item label="受伤地点" prop="injuredAddress">
- <el-input v-model="occupationalForm.injuredAddress" />
- </el-form-item>
- <el-form-item label="工伤诊断" prop="injuredDiacrisis">
- <el-input v-model="occupationalForm.injuredDiacrisis" />
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row>
- <el-col :span="24">
- <el-form-item label="受伤经过描述" prop="injuredDescribe">
- <el-input v-model="occupationalForm.injuredDescribe" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="就诊医院" prop="hospitalName">
- <el-input v-model="occupationalForm.hospitalName" />
- </el-form-item>
- <el-form-item label="是否住院" prop="hospitalizatioFlag">
- <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院">
- <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-date-picker
- v-model="occupationalForm.reportTime"
- value-format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="选择报案时间"
- />
- </el-form-item>
- <el-form-item label="递交人" prop="'sbumitBy">
- <el-input v-model="occupationalForm.sbumitBy" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="就诊科室" prop="'treatmentName">
- <el-input v-model="occupationalForm.treatmentName" />
- </el-form-item>
- <el-form-item label="床号" prop="bedNumb">
- <el-input v-model="occupationalForm.bedNumb" />
- </el-form-item>
- <el-form-item label="递交资料时间" prop="submitTime">
- <el-date-picker
- v-model="occupationalForm.submitTime"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择递交资料时间"
- />
- </el-form-item>
- <el-form-item label="人事处理时间" prop="hrDoDate">
- <el-date-picker
- v-model="occupationalForm.hrDoDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择人事处理时间"
- />
- </el-form-item>
- </el-col>
- </el-row>
- 社保赔偿费用
- <el-divider />
- <el-row>
- <el-col :span="12">
- <el-form-item label="医疗总费用" prop="expensesFee">
- <el-input v-model="occupationalForm.expensesFee" />
- </el-form-item>
- <el-form-item label="一次性伤残补助金" prop="socialDisability">
- <el-input v-model="occupationalForm.socialDisability" />
- </el-form-item>
- <el-form-item label="一次性医疗补助金" prop="socialSubsidy">
- <el-input v-model="occupationalForm.socialSubsidy" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="剔除总额">
- <el-input v-model="occupationalForm.eliminate" />
- </el-form-item>
- <el-form-item label="住院伙食补贴">
- <el-input v-model="occupationalForm.socialAllowance" />
- </el-form-item>
- <el-form-item label="社保赔偿总费用">
- <el-input v-model="occupationalForm.socialCompensation" />
- </el-form-item>
- </el-col>
- </el-row>
- 公司赔偿费用
- <el-divider />
- <el-row>
- <el-col :span="12">
- <el-form-item label="已赔付医药费用" prop="compensated">
- <el-input v-model="occupationalForm.compensated" />
- </el-form-item>
- <el-form-item label="一次性伤残补助金">
- <el-input v-model="occupationalForm.companylDisability" />
- </el-form-item>
- <el-form-item label="一次性医疗补助金">
- <el-input v-model="occupationalForm.companySubsidy" />
- </el-form-item>
- <el-form-item label="一次性就业补助金">
- <el-input v-model="occupationalForm.jobSubsidy" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="其他赔偿报销">
- <el-input v-model="occupationalForm.otherCompensated" />
- </el-form-item>
- <el-form-item label="工伤生活补贴">
- <el-input v-model="occupationalForm.companyAllowance" />
- </el-form-item>
- <el-form-item label="公司赔偿总费用" prop="companyCompensation">
- <el-input v-model="occupationalForm.companyCompensation" />
- </el-form-item>
- <el-form-item label="是否结案" prop="settleStatus">
- <el-select v-model="occupationalForm.settleStatus" placeholder="">
- <el-option
- v-for="dict in settleStatusOptions"
- :key="dict.dicItemCode"
- :label="dict.dicItemName"
- :value="dict.dicItemCode"
- />
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注">
- <el-input v-model="occupationalForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putOccupational('occupationalForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="仲裁案件" append-to-body :visible.sync="dialogshowArr[11].show" width="50%">
- <el-form
- ref="laborTroubleForm"
- :model="laborTroubleForm"
- :rules="laborTroubleRules"
- label-position="right"
- label-width="140px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="laborTroubleForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="laborTroubleForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="laborTroubleForm.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="arbitrationDate">
- <el-date-picker
- v-model="laborTroubleForm.arbitrationDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择仲裁日期"
- />
- </el-form-item>
- <el-form-item label="汇报人" prop="reporter">
- <el-input v-model="laborTroubleForm.reporter" />
- </el-form-item>
- <el-form-item label="是否结案" prop="arbitrationStatus">
- <el-select v-model="laborTroubleForm.arbitrationStatus" placeholder="">
- <el-option
- v-for="dict in settleStatusOptions"
- :key="dict.dicItemCode"
- :label="dict.dicItemName"
- :value="dict.dicItemCode"
- />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="laborTroubleForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="laborTroubleForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="laborTroubleForm.jobName" />
- </el-form-item>
- <el-form-item label="仲裁类型" prop="arbitrationType">
- <el-select v-model="laborTroubleForm.arbitrationType" placeholder="请选择仲裁类型">
- <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">
- <el-input
- v-model="laborTroubleForm.arbitrationPay"
- oninput="value=value.replace(/^\.+|[^\d.]/g,'')"
- @blur="arbitrationPayChange"
- />
- </el-form-item>
- <el-form-item label="案结日期" prop="settleDate">
- <el-date-picker
- v-model="laborTroubleForm.settleDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择案结日期"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="仲裁事由" prop="arbitrationReason">
- <el-input v-model="laborTroubleForm.arbitrationReason" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注" prop="remark">
- <el-input v-model="laborTroubleForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putLaborTrouble('laborTroubleForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="不良记录" append-to-body :visible.sync="dialogshowArr[12].show" width="50%">
- <el-form
- ref="badRecordForm"
- :model="badRecordForm"
- :rules="badRecordRules"
- label-position="right"
- label-width="140px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="badRecordForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="badRecordForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="badRecordForm.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="badDate">
- <el-date-picker
- v-model="badRecordForm.badDate"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="选择不良记录日期"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="badRecordForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="badRecordForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="badRecordForm.jobName" />
- </el-form-item>
- <el-form-item label="汇报人" prop="reporter">
- <el-input v-model="badRecordForm.reporter" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="不良记录描述" prop="badContent">
- <el-input v-model="badRecordForm.badContent" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注">
- <el-input v-model="badRecordForm.remark" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putBadRecord('badRecordForm')">保 存</el-button>
-
- </div>
- </el-dialog>
- <el-dialog title="备注信息" append-to-body :visible.sync="dialogshowArr[13].show" width="50%">
- <el-form
- ref="remarkInfoForm"
- :model="remarkInfoForm"
- :rules="remarkInfoRules"
- label-position="right"
- label-width="140px"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item label="姓名" prop="empName">
- <el-input v-model="remarkInfoForm.empName" />
- </el-form-item>
- <el-form-item label="身份证号码" prop="certificateNumb">
- <el-input
- v-model="remarkInfoForm.certificateNumb"
- />
- </el-form-item>
- <el-form-item label="性别" prop="sex">
- <el-select v-model="remarkInfoForm.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="remarkDate">
- <el-date-picker
- v-model="remarkInfoForm.remarkDate"
- value-format="yyyy-MM-dd"
- type="date"
- placeholder="选择备注日期"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="员工编号" prop="empNumb">
- <el-input v-model="remarkInfoForm.empNumb" />
- </el-form-item>
- <el-form-item label="部门(护卫点)" prop="allDeptName">
- <el-input v-model="remarkInfoForm.allDeptName" />
- </el-form-item>
- <el-form-item label="岗位" prop="jobName">
- <el-input v-model="remarkInfoForm.jobName" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="备注" prop="remarkContent">
- <el-input v-model="remarkInfoForm.remarkContent" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="putRemarkInfo('remarkInfoForm')">保 存</el-button>
-
- </div>
- </el-dialog>
+ 确认使用
+ </el-button>
+ </div>
</el-dialog>
</div>
</template>
@@ -2899,10 +1789,25 @@
import Pagination from '@/components/Pagination'
import { getToken } from '@/utils/auth'
import { pages } from '@/settings'
+import dictMixin from '../../utils/dictMixin'
+import WorkExperienceEdit from './components/WorkExperienceEdit'
+import PhysicalExamEdit from './components/PhysicalExamEdit'
+import ContractInfoEdit from './components/ContractInfoEdit'
+import DimissionAttendEdit from './components/DimissionAttendEdit'
+import LeaveInfoEdit from './components/LeaveInfoEdit'
+import ResignEdit from './components/ResignEdit'
+import UnemploymentInsuranceEdit from './components/UnemploymentInsuranceEdit'
+import SocialSecurityEdit from './components/SocialSecurityEdit'
+import AccidentInsuranceEdit from './components/AccidentInsuranceEdit'
+import WorkInjuryEdit from './components/WorkInjuryEdit'
+import ArbitrationEdit from './components/ArbitrationEdit'
+import BadRecordEdit from './components/BadRecordEdit'
+import RemarkEdit from './components/RemarkEdit'
export default {
name: 'ArchivesEdit',
- components: { Treeselect, Pagination },
+ components: { Treeselect, Pagination, WorkExperienceEdit, PhysicalExamEdit, ContractInfoEdit, DimissionAttendEdit, LeaveInfoEdit, ResignEdit, UnemploymentInsuranceEdit, SocialSecurityEdit, AccidentInsuranceEdit, WorkInjuryEdit, ArbitrationEdit, BadRecordEdit, RemarkEdit },
+ mixins: [dictMixin],
props: {
dialogVisible: {
type: Boolean,
@@ -2951,6 +1856,19 @@
},
readon: false,
workExperienceModal: true,
+ workExperienceEditData: {},
+ physicalExamEditData: {},
+ contractInfoEditData: {},
+ dimissionAttendEditData: {},
+ leaveInfoEditData: {},
+ resignEditData: {},
+ unemploymentEditData: {},
+ socialSecurityEditData: {},
+ accidentInsuranceEditData: {},
+ workInjuryEditData: {},
+ arbitrationEditData: {},
+ badRecordEditData: {},
+ remarkEditData: {},
restaurJob: [{ value: '总经理', code: '2942725270000031' },
{ value: '总秘', code: '2942725270000032' },
{ value: '总助', code: '2942725270000033' },
@@ -3023,6 +1941,12 @@
}
],
empBaseInfoImageUrl: '',
+ // 上传方式选择弹窗
+ uploadChoiceDialogVisible: false,
+ // 摄像头相关
+ cameraDialogVisible: false,
+ capturedImage: '',
+ stream: null,
rules: {
archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }, {
max: 20,
@@ -3770,30 +2694,6 @@
{ type: 'password' },
{ type: 'implicit' }
],
- statusOptions: [],
- empTypeOptions: [],
- nationOptions: [],
- marriageOptions: [],
- educationOptions: [],
- nativePlaceOptions: [],
- archivesStatusOptions: [],
- insuranceTypeOptions: [],
- empCardStatusOptions: [],
- handbookStatusOptions: [],
- ecgOptions: [],
- certificateListOptions: [],
- physicalExamTypeOptions: [],
- contractStatusOptions: [],
- leaveTypeOptions: [],
- insuranceGaersOptions: [],
- applayStatusOptions: [],
- reportStatusOptions: [],
- hospitalizatioFlagOptions: [],
- settleStatusOptions: [],
- arbitrationTypeOptions: [],
- changeTypeOptions: [],
- dimissionTypeOptions: [],
- sexOptions: [],
srcList: [],
getImg: pages.getAccessoryImage
}
@@ -3807,83 +2707,37 @@
this.close()
this.reset()
}
- }
+ },
+ // 字典选项计算属性
+ statusOptions() { return this.getDictOptions('PLITICAL') },
+ empTypeOptions() { return this.getDictOptions('EMPTYPE') },
+ nationOptions() { return this.getDictOptions('NATION') },
+ marriageOptions() { return this.getDictOptions('MARRIAGE') },
+ educationOptions() { return this.getDictOptions('EDUCATION') },
+ nativePlaceOptions() { return this.getDictOptions('NATIVEPLACE') },
+ archivesStatusOptions() { return this.getDictOptions('archivesStatus') },
+ insuranceTypeOptions() { return this.getDictOptions('INSURANCETYPE') },
+ empCardStatusOptions() { return this.getDictOptions('empCardStatus') },
+ handbookStatusOptions() { return this.getDictOptions('handbookStatus') },
+ certificateListOptions() { return this.getDictOptions('certificateList') },
+ physicalExamTypeOptions() { return this.getDictOptions('PHYSICALEXAMTYPE') },
+ ecgOptions() { return this.getDictOptions('ECG') },
+ contractStatusOptions() { return this.getDictOptions('CONTRACTSTATUS') },
+ leaveTypeOptions() { return this.getDictOptions('LEAVETYPE') },
+ insuranceGaersOptions() { return this.getDictOptions('INSURANCETYPE') },
+ applayStatusOptions() { return this.getDictOptions('applayStatus') },
+ reportStatusOptions() { return this.getDictOptions('reportStatus') },
+ hospitalizatioFlagOptions() { return this.getDictOptions('hospitalizatioFlag') },
+ settleStatusOptions() { return this.getDictOptions('settleStatus') },
+ arbitrationTypeOptions() { return this.getDictOptions('ZCTYPE') },
+ changeTypeOptions() { return this.getDictOptions('changeType') },
+ dimissionTypeOptions() { return this.getDictOptions('LZTYPE') },
+ sexOptions() { return this.getDictOptions('sex') }
},
mounted() {
this.initDept()
- /* 政治面貌*/
- 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('INSURANCETYPE').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
- })
+ // 字典数据已在登录时预加载，直接从 Vuex 获取
+ this.initDictTypes(['PLITICAL', 'sex', 'EMPTYPE', 'NATION', 'MARRIAGE', 'EDUCATION', 'NATIVEPLACE', 'archivesStatus', 'INSURANCETYPE', 'empCardStatus', 'handbookStatus', 'certificateList', 'PHYSICALEXAMTYPE', 'ECG', 'CONTRACTSTATUS', 'LEAVETYPE', 'applayStatus', 'reportStatus', 'hospitalizatioFlag', 'settleStatus', 'ZCTYPE', 'changeType', 'LZTYPE'])
},
methods: {
clickImg(node) {
@@ -4298,6 +3152,24 @@
const remarks = ''
val.remark = remarks
this.readon = false
+
+ // 清空所有模块数据，确保切换员工后点击标签会重新加载
+ this.workExperienceData = []
+ this.physicalExamData = []
+ this.contractInfoData = []
+ this.jobChangeData = []
+ this.leaveInfoData = []
+ this.resignData = []
+ this.dimissionAttendData = []
+ this.dimissionLogData = []
+ this.unemploymentData = []
+ this.insuranceData = []
+ this.accidentCasesData = []
+ this.occupationalData = []
+ this.laborTroubleData = []
+ this.badRecordData = []
+ this.remarkInfoData = []
+
this.empBaseInfoForm = { ...val }
this.empBaseInfoImageUrl = pages.getEmpBaseInfoImage + this.empBaseInfoForm.empId
this.fileDate.empId = this.empBaseInfoForm.empId
@@ -4460,22 +3332,8 @@
this.accidentCasesForm.sex = val.sex
this.$set(this.accidentCasesForm, 'delFlag', 0)
+ // 只加载附件数据(基本信息已在val中),其他模块懒加载
this.initlabel()
- this.initphysicalExamData()
- this.initList() // 工作经历
- this.initjobChangeData() // 调岗记录
- this.initdimissionLogData() // 入离职记录
- this.initcontractInfoData() // 合同信息
- this.initleaveInfoData() // 请假记录
- this.initresignData() // 辞职申请
- this.initunemploymentData() // 失业金领取
- this.initinsuranceData() // 社保申请
- this.initremarkInfoData() // 备注
- this.initlaborTroubleData() // 仲裁案件
- this.initoccupationalData() // 工伤案件
- this.initbadRecordData() // 不良记录
- this.initaccidentCasesData() // 意外险案件
- this.initdimissionAttendData() // 考勤情况
},
initphysicalExamData(params = {}) {
params.pageSize = this.pagination.size
@@ -4717,257 +3575,50 @@
this.workExperienceData = data.rows
})
},
- arbitrationPayChange(e) {
- this.laborTroubleForm.arbitrationPay = e.target.value
+ handleLaborTroubleSuccess() {
+ this.isAdd = true
+ this.initlaborTroubleData()
+ this.dialogIsShow()
},
- putPhysicalExam(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empPhysicalExam', { ...this.physicalExamForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanPhysicalExam()
- this.initphysicalExamData()
- })
- } else {
- this.$put('hr/empPhysicalExam', { ...this.physicalExamForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanPhysicalExam()
- this.initphysicalExamData()
- })
- }
- this.dialogIsShow()
- }
- })
+ handleBadRecordSuccess() {
+ this.isAdd = true
+ this.initbadRecordData()
+ this.dialogIsShow()
},
- cleanPhysicalExam() {
- this.physicalExamForm.hospital = ''
- this.physicalExamForm.physicalExamDate = ''
- this.physicalExamForm.physicalExamType = ''
- this.physicalExamForm.bloodPressure = ''
- this.physicalExamForm.transaminase = ''
- this.physicalExamForm.ecg = ''
- this.physicalExamForm.conclusion = ''
- this.physicalExamForm.reviewRecord = ''
- this.physicalExamForm.remark = ''
+ handleRemarkInfoSuccess() {
+ this.isAdd = true
+ this.initremarkInfoData()
+ this.dialogIsShow()
},
- putContractInfo(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empContractInfo', { ...this.contractInfoForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanContractInfo()
- this.initcontractInfoData()
- })
- } else {
- this.$put('hr/empContractInfo', { ...this.contractInfoForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanContractInfo()
- this.initcontractInfoData()
- })
- }
- this.dialogIsShow()
- }
- })
+ handlePhysicalExamSuccess() {
+ this.isAdd = true
+ this.initphysicalExamData()
+ this.dialogIsShow()
},
- cleanContractInfo() {
- this.contractInfoForm.contractId = ''
- this.contractInfoForm.beginDate = ''
- this.contractInfoForm.endDate = ''
- this.contractInfoForm.contractStatus = ''
- this.contractInfoForm.contractPeriod = ''
- this.contractInfoForm.transactor = ''
- this.contractInfoForm.signingDate = ''
- this.contractInfoForm.remark = ''
- this.contractInfoForm.createTime = ''
- this.contractInfoForm.creator = ''
- this.contractInfoForm.modifyTime = ''
- this.contractInfoForm.modifier = ''
- this.contractInfoForm.version = ''
+ handleContractInfoSuccess() {
+ this.isAdd = true
+ this.initcontractInfoData()
+ this.dialogIsShow()
},
- putDimissionAttend(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empDimissionAttend', { ...this.dimissionAttendForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanDimissionAttend()
- this.initdimissionAttendData()
- })
- } else {
- this.$put('hr/empDimissionAttend', { ...this.dimissionAttendForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanDimissionAttend()
- this.initdimissionAttendData()
- })
- }
- this.dialogIsShow()
- }
- })
+ handleDimissionAttendSuccess() {
+ this.isAdd = true
+ this.initdimissionAttendData()
+ this.dialogIsShow()
},
- cleanDimissionAttend() {
- this.dimissionAttendForm.dimissionAttendId = ''
- this.dimissionAttendForm.attendMonth = ''
- this.dimissionAttendForm.overtimeHour = ''
- this.dimissionAttendForm.overtimeDay = ''
- this.dimissionAttendForm.leaveDay = ''
- this.dimissionAttendForm.deduct = ''
- this.dimissionAttendForm.absenteeism = ''
- this.dimissionAttendForm.createTime = ''
- this.dimissionAttendForm.creator = ''
- this.dimissionAttendForm.modifyTime = ''
- this.dimissionAttendForm.modifier = ''
- this.dimissionAttendForm.version = ''
- this.dimissionAttendForm.remark = ''
+ handleLeaveInfoSuccess() {
+ this.isAdd = true
+ this.initleaveInfoData()
+ this.dialogIsShow()
},
- putLeaveInfo(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empLeaveInfo', { ...this.leaveInfoForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanLeaveInfo()
- this.initleaveInfoData()
- })
- } else {
- this.$put('hr/empLeaveInfo', { ...this.leaveInfoForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanLeaveInfo()
- this.initleaveInfoData()
- })
- }
- this.dialogIsShow()
- }
- })
+ handleResignSuccess() {
+ this.isAdd = true
+ this.initresignData()
+ this.dialogIsShow()
},
- cleanLeaveInfo() {
- this.leaveInfoForm.leaveId = ''
- this.leaveInfoForm.beginTime = ''
- this.leaveInfoForm.endTime = ''
- this.leaveInfoForm.leaveType = ''
- this.leaveInfoForm.leaveDay = ''
- this.leaveInfoForm.reporter = ''
- this.leaveInfoForm.returnDate = ''
- this.leaveInfoForm.createTime = ''
- this.leaveInfoForm.creator = ''
- this.leaveInfoForm.modifyTime = ''
- this.leaveInfoForm.modifier = ''
- this.leaveInfoForm.version = ''
- this.leaveInfoForm.remark = ''
- },
- putResign(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empResign', { ...this.resignForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanResign()
- this.initresignData()
- })
- } else {
- this.$put('hr/empResign', { ...this.resignForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanResign()
- this.initresignData()
- })
- }
- this.dialogIsShow()
- }
- })
- },
- cleanResign() {
- this.resignForm.resignId = ''
- this.resignForm.applayDate = ''
- this.resignForm.reporter = ''
- this.resignForm.reason = ''
- this.resignForm.createTime = ''
- this.resignForm.creator = ''
- this.resignForm.modifyTime = ''
- this.resignForm.modifier = ''
- this.resignForm.version = ''
- this.resignForm.remark = ''
- },
- putUnemployment(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanUnemployment()
- this.initunemploymentData()
- })
- } else {
- this.$put('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanUnemployment()
- this.initunemploymentData()
- })
- }
- this.dialogIsShow()
- }
- })
- },
- cleanUnemployment() {
- this.unemploymentForm.unemploymentId = ''
- this.unemploymentForm.applayDate = ''
- this.unemploymentForm.applayReason = ''
- this.unemploymentForm.reporter = ''
- this.unemploymentForm.auditor = ''
- this.unemploymentForm.remark = ''
- this.unemploymentForm.createTime = ''
- this.unemploymentForm.creator = ''
- this.unemploymentForm.modifyTime = ''
- this.unemploymentForm.modifier = ''
- this.unemploymentForm.version = ''
+ handleUnemploymentSuccess() {
+ this.isAdd = true
+ this.initunemploymentData()
+ this.dialogIsShow()
},
handlePictureCardPreview(file) {
this.empBaseInfoImageUrl = URL.createObjectURL(file.raw) // 获取URL
@@ -5012,331 +3663,171 @@
}
xhr.send()
},
- putInsurance(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empInsurance', { ...this.insuranceForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanInsurance()
- this.initinsuranceData()
- })
- } else {
- this.$put('hr/empInsurance', { ...this.insuranceForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanInsurance()
- this.initinsuranceData()
- })
- }
- this.dialogIsShow()
- }
- })
+ handleInsuranceSuccess() {
+ this.isAdd = true
+ this.initinsuranceData()
+ this.dialogIsShow()
},
- cleanInsurance() {
- this.insuranceForm.insuranceId = ''
- this.insuranceForm.applayDate = ''
- this.insuranceForm.proposer = ''
- this.insuranceForm.insuranceGaers = ''
- this.insuranceForm.reportStatus = ''
- this.insuranceForm.applayStatus = ''
- this.insuranceForm.auditor = ''
- this.insuranceForm.createTime = ''
- this.insuranceForm.creator = ''
- this.insuranceForm.modifyTime = ''
- this.insuranceForm.modifier = ''
- this.insuranceForm.version = ''
- this.insuranceForm.remark = ''
+ handleAccidentCasesSuccess() {
+ this.isAdd = true
+ this.initaccidentCasesData()
+ this.dialogIsShow()
},
- putAccidentCases(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanAccidentCases()
- this.initaccidentCasesData()
- })
- } else {
- this.$put('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanAccidentCases()
- this.initaccidentCasesData()
- })
- }
- this.dialogIsShow()
- }
- })
- },
- cleanAccidentCases() {
- this.accidentCasesForm.accidentId = ''
- this.accidentCasesForm.injuredTime = ''
- this.accidentCasesForm.injuredAddress = ''
- this.accidentCasesForm.injuredPart = ''
- this.accidentCasesForm.injuredDiacrisis = ''
- this.accidentCasesForm.injuredDescribe = ''
- this.accidentCasesForm.hospitalName = ''
- this.accidentCasesForm.treatmentName = ''
- this.accidentCasesForm.hospitalizatioFlag = ''
- this.accidentCasesForm.bedNumb = ''
- this.accidentCasesForm.reprotTime = ''
- this.accidentCasesForm.submitTime = ''
- this.accidentCasesForm.sbumitBy = ''
- this.accidentCasesForm.expensesFee = ''
- this.accidentCasesForm.expenseReport = ''
- this.accidentCasesForm.innsureFee = ''
- this.accidentCasesForm.hrDoDate = ''
- this.accidentCasesForm.settleDate = ''
- this.accidentCasesForm.settleStatus = ''
- this.accidentCasesForm.remark = ''
- this.accidentCasesForm.createTime = ''
- this.accidentCasesForm.creator = ''
- this.accidentCasesForm.modifyTime = ''
- this.accidentCasesForm.modifier = ''
- this.accidentCasesForm.version = ''
- },
- putOccupational(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empOccupational', { ...this.occupationalForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanOccupational()
- this.initoccupationalData()
- })
- } else {
- this.$put('hr/empOccupational', { ...this.occupationalForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanOccupational()
- this.initoccupationalData()
- })
- }
- this.dialogIsShow()
- }
- })
+ handleOccupationalSuccess() {
+ this.isAdd = true
+ this.initoccupationalData()
+ this.dialogIsShow()
},
getIndex($index) {
return (this.pagination.num - 1) * this.pagination.size + $index + 1
},
- cleanOccupational() {
- this.occupationalForm.occupationalId = ''
- this.occupationalForm.injuredTime = ''
- this.occupationalForm.injuredAddress = ''
- this.occupationalForm.injuredPart = ''
- this.occupationalForm.injuredDiacrisis = ''
- this.occupationalForm.injuredDescribe = ''
- this.occupationalForm.hospitalName = ''
- this.occupationalForm.treatmentName = ''
- this.occupationalForm.hospitalizatioFlag = ''
- this.occupationalForm.bedNumb = ''
- this.occupationalForm.reportTime = ''
- this.occupationalForm.submitTime = ''
- this.occupationalForm.sbumitBy = ''
- this.occupationalForm.hrDoDate = ''
- this.occupationalForm.expensesFee = ''
- this.occupationalForm.eliminate = ''
- this.occupationalForm.socialDisability = ''
- this.occupationalForm.socialAllowance = ''
- this.occupationalForm.socialSubsidy = ''
- this.occupationalForm.socialCompensation = ''
- this.occupationalForm.compensated = ''
- this.occupationalForm.otherCompensated = ''
- this.occupationalForm.companylDisability = ''
- this.occupationalForm.companyAllowance = ''
- this.occupationalForm.companySubsidy = ''
- this.occupationalForm.companyCompensation = ''
- this.occupationalForm.jobSubsidy = ''
- this.occupationalForm.settleStatus = ''
- this.occupationalForm.createTime = ''
- this.occupationalForm.creator = ''
- this.occupationalForm.modifyTime = ''
- this.occupationalForm.modifier = ''
- this.occupationalForm.version = ''
- this.occupationalForm.remark = ''
+ // 打开上传方式选择弹窗
+ openUploadChoice() {
+ this.uploadChoiceDialogVisible = true
},
- putWorkExperience(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empWorkExperience', { ...this.workExperienceForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanWorkExperience()
- this.initList()
- })
- } else {
- this.$put('hr/empWorkExperience', { ...this.workExperienceForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanWorkExperience()
- this.initList()
- })
- }
- this.dialogIsShow()
- }
+ // 选择拍照上传
+ choiceCamera() {
+ this.uploadChoiceDialogVisible = false
+ this.cameraDialogVisible = true
+ this.$nextTick(() => {
+ this.initCamera()
})
},
- cleanWorkExperience() {
- this.workExperienceForm.workUnit = ''
- this.workExperienceForm.beginDate = ''
- this.workExperienceForm.endDate = ''
- this.workExperienceForm.jobContent = ''
- this.workExperienceForm.createTime = ''
- this.workExperienceForm.creator = ''
- this.workExperienceForm.modifyTime = ''
- this.workExperienceForm.modifier = ''
- this.workExperienceForm.version = ''
- },
- putLaborTrouble(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanLaborTrouble()
- this.initlaborTroubleData()
- })
- } else {
- this.$put('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanLaborTrouble()
- this.initlaborTroubleData()
- })
- }
- this.dialogIsShow()
+ // 选择文件上传
+ choiceFile() {
+ this.uploadChoiceDialogVisible = false
+ // 创建隐藏的文件输入框
+ const input = document.createElement('input')
+ input.type = 'file'
+ input.accept = 'image/*'
+ input.onchange = (e) => {
+ const file = e.target.files[0]
+ if (file) {
+ this.handleFileUpload(file)
}
+ }
+ input.click()
+ },
+ // 处理文件上传
+ handleFileUpload(file) {
+ // 验证文件类型
+ const isImage = file.type.startsWith('image/')
+ if (!isImage) {
+ this.$message.error('请上传图片文件')
+ return
+ }
+ // 验证文件大小（限制10MB）
+ const isLt10M = file.size / 1024 / 1024 < 10
+ if (!isLt10M) {
+ this.$message.error('图片大小不能超过10MB')
+ return
+ }
+ // 生成预览URL
+ const imageUrl = URL.createObjectURL(file)
+ this.empBaseInfoImageUrl = imageUrl
+ // 读取文件为Base64
+ const reader = new FileReader()
+ reader.onload = (e) => {
+ this.empBaseInfoForm.imagePath = e.target.result
+ this.$message.success('照片上传成功')
+ }
+ reader.readAsDataURL(file)
+ },
+ // 打开摄像头
+ openCamera() {
+ this.cameraDialogVisible = true
+ this.$nextTick(() => {
+ this.initCamera()
})
},
- cleanLaborTrouble() {
- this.laborTroubleForm.arbitrationId = ''
- this.laborTroubleForm.arbitrationDate = ''
- this.laborTroubleForm.arbitrationType = ''
- this.laborTroubleForm.arbitrationReason = ''
- this.laborTroubleForm.reporter = ''
- this.laborTroubleForm.arbitrationPay = ''
- this.laborTroubleForm.arbitrationStatus = ''
- this.laborTroubleForm.settleDate = ''
- this.laborTroubleForm.createTime = ''
- this.laborTroubleForm.creator = ''
- this.laborTroubleForm.modifyTime = ''
- this.laborTroubleForm.modifier = ''
- this.laborTroubleForm.version = ''
- this.laborTroubleForm.remark = ''
- },
- putBadRecord(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanBadRecord()
- this.initbadRecordData()
- })
- } else {
- this.$put('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanBadRecord()
- this.initbadRecordData()
- })
- }
- this.dialogIsShow()
+ // 初始化摄像头
+ async initCamera() {
+ try {
+ // 请求摄像头权限
+ this.stream = await navigator.mediaDevices.getUserMedia({
+ video: {
+ width: { ideal: 640 },
+ height: { ideal: 480 },
+ facingMode: 'user' // 前置摄像头
+ },
+ audio: false
+ })
+
+ // 将视频流绑定到 video 元素
+ const video = this.$refs.video
+ if (video) {
+ video.srcObject = this.stream
}
- })
+ } catch (error) {
+ this.$message.error('无法访问摄像头，请检查摄像头权限设置')
+ console.error('摄像头初始化失败:', error)
+ }
},
- cleanBadRecord() {
- this.badRecordForm.badId = ''
- this.badRecordForm.badDate = ''
- this.badRecordForm.reporter = ''
- this.badRecordForm.badContent = ''
- this.badRecordForm.createTime = ''
- this.badRecordForm.creator = ''
- this.badRecordForm.modifyTime = ''
- this.badRecordForm.modifier = ''
- this.badRecordForm.version = ''
- this.badRecordForm.remark = ''
+ // 拍照
+ takePhoto() {
+ const video = this.$refs.video
+ const canvas = this.$refs.canvas
+
+ if (!video || !canvas) return
+
+ // 设置画布尺寸
+ canvas.width = video.videoWidth || 640
+ canvas.height = video.videoHeight || 480
+
+ // 绘制视频帧到画布
+ const ctx = canvas.getContext('2d')
+ ctx.drawImage(video, 0, 0, canvas.width, canvas.height)
+
+ // 转换为图片数据
+ this.capturedImage = canvas.toDataURL('image/jpeg', 0.9)
+
+ // 停止摄像头
+ this.stopCamera()
},
- putRemarkInfo(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- if (this.isAdd) {
- this.$post('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
- this.buttonLoading = false
- this.$message({
- message: this.$t('tips.createSuccess'),
- type: 'success'
- })
- this.cleanRemarkInfo()
- this.initremarkInfoData()
- })
- } else {
- this.$put('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
- this.$message({
- message: this.$t('tips.updateSuccess'),
- type: 'success'
- })
- this.$emit('success')
- this.cleanRemarkInfo()
- this.initremarkInfoData()
- })
- }
- this.dialogIsShow()
- }
- })
+ // 重拍
+ retakePhoto() {
+ this.capturedImage = ''
+ this.initCamera()
},
- cleanRemarkInfo() {
- this.remarkInfoForm.remarkId = ''
- this.remarkInfoForm.remarkContent = ''
- this.remarkInfoForm.remarkDate = ''
- this.remarkInfoForm.createTime = ''
- this.remarkInfoForm.creator = ''
- this.remarkInfoForm.modifyTime = ''
- this.remarkInfoForm.modifier = ''
- this.remarkInfoForm.version = ''
+ // 确认使用照片
+ confirmPhoto() {
+ if (this.capturedImage) {
+ // 设置图片预览
+ this.empBaseInfoImageUrl = this.capturedImage
+
+ // 设置表单数据（Base64格式）
+ this.empBaseInfoForm.imagePath = this.capturedImage
+
+ // 关闭弹窗
+ this.closeCamera()
+
+ this.$message.success('照片已保存')
+ }
+ },
+ // 关闭摄像头
+ closeCamera() {
+ this.stopCamera()
+ this.cameraDialogVisible = false
+ this.capturedImage = ''
+ },
+ // 停止摄像头流
+ stopCamera() {
+ if (this.stream) {
+ this.stream.getTracks().forEach(track => {
+ track.stop()
+ })
+ this.stream = null
+ }
+
+ const video = this.$refs.video
+ if (video) {
+ video.srcObject = null
+ }
+ },
+ handleWorkExperienceSuccess() {
+ this.isAdd = true
+ this.initList()
+ this.dialogIsShow()
},
dialogIsShow() {
this.workExperienceModal = false
@@ -5396,399 +3887,113 @@
},
editWorkExperience(row) {
this.isAdd = false
- this.workExperienceForm.workExperienceId = row.workExperienceId
- this.workExperienceForm.empId = row.empId
- this.workExperienceForm.empNumb = row.empNumb
- this.workExperienceForm.empName = row.empName
- this.workExperienceForm.certificateNumb = row.certificateNumb
- this.workExperienceForm.sex = row.sex
- this.workExperienceForm.deptId = row.deptId
- this.workExperienceForm.deptName = row.deptName
- this.workExperienceForm.JobId = row.JobId
- this.workExperienceForm.jobName = row.jobName
- this.workExperienceForm.workUnit = row.workUnit
- this.workExperienceForm.beginDate = row.beginDate
- this.workExperienceForm.endDate = row.endDate
- this.workExperienceForm.jobContent = row.jobContent
- this.workExperienceForm.createTime = row.createTime
- this.workExperienceForm.creator = row.creator
- this.workExperienceForm.modifyTime = row.modifyTime
- this.workExperienceForm.modifier = row.modifier
- this.workExperienceForm.delFlag = row.delFlag
- this.workExperienceForm.version = row.version
+ this.workExperienceEditData = { ...row }
this.thisShowIndex = 1
this.dialogshowArr[1].show = true
},
editPhysicalExam(row) {
this.isAdd = false
- this.physicalExamForm.physicalExamId = row.physicalExamId
- this.physicalExamForm.empId = row.empId
- this.physicalExamForm.empNumb = row.empNumb
- this.physicalExamForm.empName = row.empName
- this.physicalExamForm.certificateNumb = row.certificateNumb
- this.physicalExamForm.sex = row.sex
- this.physicalExamForm.deptId = row.deptId
- this.physicalExamForm.deptName = row.deptName
- this.physicalExamForm.JobId = row.JobId
- this.physicalExamForm.jobName = row.jobName
- this.physicalExamForm.hospital = row.hospital
- this.physicalExamForm.physicalExamDate = row.physicalExamDate
- this.physicalExamForm.physicalExamType = row.physicalExamType
- this.physicalExamForm.bloodPressure = row.bloodPressure
- this.physicalExamForm.transaminase = row.transaminase
- this.physicalExamForm.ecg = row.ecg
- this.physicalExamForm.conclusion = row.conclusion
- this.physicalExamForm.reviewRecord = row.reviewRecord
- this.physicalExamForm.remark = row.remark
- this.physicalExamForm.createTime = row.createTime
- this.physicalExamForm.creator = row.creator
- this.physicalExamForm.modifyTime = row.modifyTime
- this.physicalExamForm.modifier = row.modifier
- this.physicalExamForm.delFlag = row.delFlag
- this.physicalExamForm.version = row.version
+ this.physicalExamEditData = { ...row }
this.thisShowIndex = 2
this.dialogshowArr[2].show = true
},
editContractInfo(row) {
this.isAdd = false
-
- this.contractInfoForm.contractId = row.contractId
- this.contractInfoForm.empId = row.empId
- this.contractInfoForm.empNumb = row.empNumb
- this.contractInfoForm.empName = row.empName
- this.contractInfoForm.certificateNumb = row.certificateNumb
- this.contractInfoForm.sex = row.sex
- this.contractInfoForm.deptId = row.deptId
- this.contractInfoForm.deptName = row.deptName
- this.contractInfoForm.JobId = row.JobId
- this.contractInfoForm.jobName = row.jobName
- this.contractInfoForm.beginDate = row.beginDate
- this.contractInfoForm.endDate = row.endDate
- this.contractInfoForm.contractStatus = row.contractStatus
- this.contractInfoForm.contractPeriod = row.contractPeriod
- this.contractInfoForm.transactor = row.transactor
- this.contractInfoForm.signingDate = row.signingDate
- this.contractInfoForm.remark = row.remark
- this.contractInfoForm.createTime = row.createTime
- this.contractInfoForm.creator = row.creator
- this.contractInfoForm.modifyTime = row.modifyTime
- this.contractInfoForm.modifier = row.modifier
- this.contractInfoForm.delFlag = row.delFlag
- this.contractInfoForm.version = row.version
+ this.contractInfoEditData = { ...row }
this.thisShowIndex = 3
this.dialogshowArr[3].show = true
},
editDimissionAttend(row) {
this.isAdd = false
- this.dimissionAttendForm.dimissionAttendId = row.dimissionAttendId
- this.dimissionAttendForm.empId = row.empId
- this.dimissionAttendForm.empNumb = row.empNumb
- this.dimissionAttendForm.empName = row.empName
- this.dimissionAttendForm.sex = row.sex
- this.dimissionAttendForm.certificateNumb = row.certificateNumb
- this.dimissionAttendForm.deptId = row.deptId
- this.dimissionAttendForm.deptName = row.deptName
- this.dimissionAttendForm.JobId = row.JobId
- this.dimissionAttendForm.jobName = row.jobName
- this.dimissionAttendForm.attendMonth = row.attendMonth
- this.dimissionAttendForm.overtimeHour = row.overtimeHour
- this.dimissionAttendForm.overtimeDay = row.overtimeDay
- this.dimissionAttendForm.leaveDay = row.leaveDay
- this.dimissionAttendForm.deduct = row.deduct
- this.dimissionAttendForm.absenteeism = row.absenteeism
- this.dimissionAttendForm.createTime = row.createTime
- this.dimissionAttendForm.creator = row.creator
- this.dimissionAttendForm.modifyTime = row.modifyTime
- this.dimissionAttendForm.modifier = row.modifier
- this.dimissionAttendForm.delFlag = row.delFlag
- this.dimissionAttendForm.version = row.version
- this.dimissionAttendForm.remark = row.remark
+ this.dimissionAttendEditData = { ...row }
this.thisShowIndex = 4
this.dialogshowArr[4].show = true
},
editLeaveInfo(row) {
this.isAdd = false
-
- this.leaveInfoForm.leaveId = row.leaveId
- this.leaveInfoForm.empId = row.empId
- this.leaveInfoForm.empNumb = row.empNumb
- this.leaveInfoForm.empName = row.empName
- this.leaveInfoForm.sex = row.sex
- this.leaveInfoForm.certificateNumb = row.certificateNumb
- this.leaveInfoForm.deptId = row.deptId
- this.leaveInfoForm.deptName = row.deptName
- this.leaveInfoForm.JobId = row.JobId
- this.leaveInfoForm.jobName = row.jobName
- this.leaveInfoForm.beginTime = row.beginTime
- this.leaveInfoForm.endTime = row.endTime
- this.leaveInfoForm.leaveType = row.leaveType
- this.leaveInfoForm.leaveDay = row.leaveDay
- this.leaveInfoForm.reporter = row.reporter
- this.leaveInfoForm.returnDate = row.returnDate
- this.leaveInfoForm.createTime = row.createTime
- this.leaveInfoForm.creator = row.creator
- this.leaveInfoForm.modifyTime = row.modifyTime
- this.leaveInfoForm.modifier = row.modifier
- this.leaveInfoForm.delFlag = row.delFlag
- this.leaveInfoForm.version = row.version
- this.leaveInfoForm.remark = row.remark
+ this.leaveInfoEditData = { ...row }
this.thisShowIndex = 5
this.dialogshowArr[5].show = true
},
editResign(row) {
this.isAdd = false
-
- this.resignForm.resignId = row.resignId
- this.resignForm.empId = row.empId
- this.resignForm.empNumb = row.empNumb
- this.resignForm.empName = row.empName
- this.resignForm.sex = row.sex
- this.resignForm.certificateNumb = row.certificateNumb
- this.resignForm.deptId = row.deptId
- this.resignForm.deptName = row.deptName
- this.resignForm.JobId = row.JobId
- this.resignForm.jobName = row.jobName
- this.resignForm.applayDate = row.applayDate
- this.resignForm.reporter = row.reporter
- this.resignForm.reason = row.reason
- this.resignForm.createTime = row.createTime
- this.resignForm.creator = row.creator
- this.resignForm.modifyTime = row.modifyTime
- this.resignForm.modifier = row.modifier
- this.resignForm.delFlag = row.delFlag
- this.resignForm.version = row.version
- this.resignForm.remark = row.remark
+ this.resignEditData = { ...row }
this.thisShowIndex = 6
this.dialogshowArr[6].show = true
},
editUnemployment(row) {
this.isAdd = false
-
- this.unemploymentForm.unemploymentId = row.unemploymentId
- this.unemploymentForm.empId = row.empId
- this.unemploymentForm.empNumb = row.empNumb
- this.unemploymentForm.empName = row.empName
- this.unemploymentForm.sex = row.sex
- this.unemploymentForm.certificateNumb = row.certificateNumb
- this.unemploymentForm.deptId = row.deptId
- this.unemploymentForm.deptName = row.deptName
- this.unemploymentForm.JobId = row.JobId
- this.unemploymentForm.jobName = row.jobName
- this.unemploymentForm.applayDate = row.applayDate
- this.unemploymentForm.applayReason = row.applayReason
- this.unemploymentForm.remark = row.remark
- this.unemploymentForm.reporter = row.reporter
- this.unemploymentForm.auditor = row.auditor
- this.unemploymentForm.createTime = row.createTime
- this.unemploymentForm.creator = row.creator
- this.unemploymentForm.modifyTime = row.modifyTime
- this.unemploymentForm.modifier = row.modifier
- this.unemploymentForm.delFlag = row.delFlag
- this.unemploymentForm.version = row.version
+ this.unemploymentEditData = { ...row }
this.thisShowIndex = 7
this.dialogshowArr[7].show = true
},
editInsurance(row) {
this.isAdd = false
- this.insuranceForm.insuranceId = row.insuranceId
- this.insuranceForm.empId = row.empId
- this.insuranceForm.empNumb = row.empNumb
- this.insuranceForm.empName = row.empName
- this.insuranceForm.sex = row.sex
- this.insuranceForm.certificateNumb = row.certificateNumb
- this.insuranceForm.deptId = row.deptId
- this.insuranceForm.deptName = row.deptName
- this.insuranceForm.JobId = row.JobId
- this.insuranceForm.jobName = row.jobName
- this.insuranceForm.applayDate = row.applayDate
- this.insuranceForm.proposer = row.proposer
- this.insuranceForm.insuranceGaers = row.insuranceGaers
- this.insuranceForm.reportStatus = row.reportStatus === 0 ? '' : '' + row.reportStatus
- this.insuranceForm.applayStatus = row.applayStatus === 0 ? '' : '' + row.applayStatus
- this.insuranceForm.auditor = row.auditor
- this.insuranceForm.createTime = row.createTime
- this.insuranceForm.creator = row.creator
- this.insuranceForm.modifyTime = row.modifyTime
- this.insuranceForm.modifier = row.modifier
- this.insuranceForm.delFlag = row.delFlag
- this.insuranceForm.version = row.version
- this.insuranceForm.remark = row.remark
+ this.socialSecurityEditData = { ...row }
this.thisShowIndex = 8
this.dialogshowArr[8].show = true
},
editAccidentCases(row) {
this.isAdd = false
-
- this.accidentCasesForm.accidentId = row.accidentId
- this.accidentCasesForm.empId = row.empId
- this.accidentCasesForm.empNumb = row.empNumb
- this.accidentCasesForm.empName = row.empName
- this.accidentCasesForm.sex = row.sex
- this.accidentCasesForm.certificateNumb = row.certificateNumb
- this.accidentCasesForm.deptId = row.deptId
- this.accidentCasesForm.deptName = row.deptName
- this.accidentCasesForm.JobId = row.JobId
- this.accidentCasesForm.jobName = row.jobName
- this.accidentCasesForm.injuredTime = row.injuredTime
- this.accidentCasesForm.injuredAddress = row.injuredAddress
- this.accidentCasesForm.injuredPart = row.injuredPart
- this.accidentCasesForm.injuredDiacrisis = row.injuredDiacrisis
- this.accidentCasesForm.injuredDescribe = row.injuredDescribe
- this.accidentCasesForm.hospitalName = row.hospitalName
- this.accidentCasesForm.treatmentName = row.treatmentName
- this.accidentCasesForm.hospitalizatioFlag = '' + row.hospitalizatioFlag
- this.accidentCasesForm.bedNumb = row.bedNumb
- this.accidentCasesForm.reprotTime = row.reprotTime
- this.accidentCasesForm.submitTime = row.submitTime
- this.accidentCasesForm.sbumitBy = row.sbumitBy
- this.accidentCasesForm.expensesFee = row.expensesFee
- this.accidentCasesForm.expenseReport = row.expenseReport
- this.accidentCasesForm.innsureFee = row.innsureFee
- this.accidentCasesForm.hrDoDate = row.hrDoDate
- this.accidentCasesForm.settleDate = row.settleDate
- this.accidentCasesForm.settleStatus = '' + row.settleStatus
- this.accidentCasesForm.remark = row.remark
- this.accidentCasesForm.createTime = row.createTime
- this.accidentCasesForm.creator = row.creator
- this.accidentCasesForm.modifyTime = row.modifyTime
- this.accidentCasesForm.modifier = row.modifier
- this.accidentCasesForm.delFlag = row.delFlag
- this.accidentCasesForm.version = row.version
+ this.accidentInsuranceEditData = { ...row }
this.thisShowIndex = 9
this.dialogshowArr[9].show = true
},
editOccupational(row) {
this.isAdd = false
-
- this.occupationalForm.occupationalId = row.occupationalId
- this.occupationalForm.empId = row.empId
- this.occupationalForm.empNumb = row.empNumb
- this.occupationalForm.empName = row.empName
- this.occupationalForm.sex = row.sex
- this.occupationalForm.certificateNumb = row.certificateNumb
- this.occupationalForm.deptId = row.deptId
- this.occupationalForm.deptName = row.deptName
- this.occupationalForm.JobId = row.JobId
- this.occupationalForm.jobName = row.jobName
- this.occupationalForm.injuredTime = row.injuredTime
- this.occupationalForm.injuredAddress = row.injuredAddress
- this.occupationalForm.injuredPart = row.injuredPart
- this.occupationalForm.injuredDiacrisis = row.injuredDiacrisis
- this.occupationalForm.injuredDescribe = row.injuredDescribe
- this.occupationalForm.hospitalName = row.hospitalName
- this.occupationalForm.treatmentName = row.treatmentName
- this.occupationalForm.hospitalizatioFlag = '' + row.hospitalizatioFlag
- this.occupationalForm.bedNumb = row.bedNumb
- this.occupationalForm.reportTime = row.reportTime
- this.occupationalForm.submitTime = row.submitTime
- this.occupationalForm.sbumitBy = row.sbumitBy
- this.occupationalForm.hrDoDate = row.hrDoDate
- this.occupationalForm.expensesFee = row.expensesFee
- this.occupationalForm.eliminate = row.eliminate
- this.occupationalForm.socialDisability = row.socialDisability
- this.occupationalForm.socialAllowance = row.socialAllowance
- this.occupationalForm.socialSubsidy = row.socialSubsidy
- this.occupationalForm.socialCompensation = row.socialCompensation
- this.occupationalForm.compensated = row.compensated
- this.occupationalForm.otherCompensated = row.otherCompensated
- this.occupationalForm.companylDisability = row.companylDisability
- this.occupationalForm.companyAllowance = row.companyAllowance
- this.occupationalForm.companySubsidy = row.companySubsidy
- this.occupationalForm.companyCompensation = row.companyCompensation
- this.occupationalForm.jobSubsidy = row.jobSubsidy
- this.occupationalForm.settleStatus = '' + row.settleStatus
- this.occupationalForm.createTime = row.createTime
- this.occupationalForm.creator = row.creator
- this.occupationalForm.modifyTime = row.modifyTime
- this.occupationalForm.modifier = row.modifier
- this.occupationalForm.delFlag = row.delFlag
- this.occupationalForm.version = row.version
- this.occupationalForm.remark = row.remark
+ this.workInjuryEditData = { ...row }
this.thisShowIndex = 10
this.dialogshowArr[10].show = true
},
editLaborTrouble(row) {
this.isAdd = false
-
- this.laborTroubleForm.arbitrationId = row.arbitrationId
- this.laborTroubleForm.empId = row.empId
- this.laborTroubleForm.empNumb = row.empNumb
- this.laborTroubleForm.empName = row.empName
- this.laborTroubleForm.sex = row.sex
- this.laborTroubleForm.certificateNumb = row.certificateNumb
- this.laborTroubleForm.deptId = row.deptId
- this.laborTroubleForm.deptName = row.deptName
- this.laborTroubleForm.JobId = row.JobId
- this.laborTroubleForm.jobName = row.jobName
- this.laborTroubleForm.arbitrationDate = row.arbitrationDate
- this.laborTroubleForm.arbitrationType = row.arbitrationType
- this.laborTroubleForm.arbitrationReason = row.arbitrationReason
- this.laborTroubleForm.reporter = row.reporter
- this.laborTroubleForm.arbitrationPay = row.arbitrationPay
- this.laborTroubleForm.arbitrationStatus = '' + row.arbitrationStatus
- this.laborTroubleForm.settleDate = row.settleDate
- this.laborTroubleForm.createTime = row.createTime
- this.laborTroubleForm.creator = row.creator
- this.laborTroubleForm.modifyTime = row.modifyTime
- this.laborTroubleForm.modifier = row.modifier
- this.laborTroubleForm.delFlag = row.delFlag
- this.laborTroubleForm.version = row.version
- this.laborTroubleForm.remark = row.remark
+ this.arbitrationEditData = { ...row }
this.thisShowIndex = 11
this.dialogshowArr[11].show = true
},
editBadRecord(row) {
this.isAdd = false
- this.badRecordForm.badId = row.badId
- this.badRecordForm.empId = row.empId
- this.badRecordForm.empName = row.empName
- this.badRecordForm.empNumb = row.empNumb
- this.badRecordForm.sex = row.sex
- this.badRecordForm.certificateNumb = row.certificateNumb
- this.badRecordForm.deptId = row.deptId
- this.badRecordForm.deptName = row.deptName
- this.badRecordForm.JobId = row.JobId
- this.badRecordForm.jobName = row.jobName
- this.badRecordForm.badDate = row.badDate
- this.badRecordForm.reporter = row.reporter
- this.badRecordForm.badContent = row.badContent
- this.badRecordForm.createTime = row.createTime
- this.badRecordForm.creator = row.creator
- this.badRecordForm.modifyTime = row.modifyTime
- this.badRecordForm.modifier = row.modifier
- this.badRecordForm.delFlag = row.delFlag
- this.badRecordForm.version = row.version
- this.badRecordForm.remark = row.remark
+ this.badRecordEditData = { ...row }
this.thisShowIndex = 12
this.dialogshowArr[12].show = true
},
editRemarkInfo(row) {
this.isAdd = false
- this.remarkInfoForm.remarkId = row.remarkId
- this.remarkInfoForm.empId = row.empId
- this.remarkInfoForm.empNumb = row.empNumb
- this.remarkInfoForm.empName = row.empName
- this.remarkInfoForm.sex = row.sex
- this.remarkInfoForm.certificateNumb = row.certificateNumb
- this.remarkInfoForm.JobId = row.JobId
- this.remarkInfoForm.deptId = row.deptId
- this.remarkInfoForm.deptName = row.deptName
- this.remarkInfoForm.jobName = row.jobName
- this.remarkInfoForm.remarkContent = row.remarkContent
- // this.$set(this.remarkInfoForm, 'remarkContent', row.remarkContent)
- this.remarkInfoForm.remarkDate = row.remarkDate
- this.remarkInfoForm.createTime = row.createTime
- this.remarkInfoForm.creator = row.creator
- this.remarkInfoForm.modifyTime = row.modifyTime
- this.remarkInfoForm.modifier = row.modifier
- this.remarkInfoForm.delFlag = row.delFlag
- this.remarkInfoForm.version = row.version
+ this.remarkEditData = { ...row }
this.thisShowIndex = 13
this.dialogshowArr[13].show = true
},
gzadd(index) {
this.isAdd = true
this.thisShowIndex = index
+ // 填充员工基本信息到编辑组件
+ const baseInfo = {
+ empId: this.empBaseInfoForm.empId,
+ empNumb: this.empBaseInfoForm.empNumb,
+ empName: this.empBaseInfoForm.empName,
+ sex: this.empBaseInfoForm.sex,
+ certificateNumb: this.empBaseInfoForm.certificateNumb,
+ deptId: this.empBaseInfoForm.deptId,
+ deptName: this.empBaseInfoForm.deptName,
+ allDeptName: this.empBaseInfoForm.allDeptName,
+ JobId: this.empBaseInfoForm.JobId,
+ jobName: this.empBaseInfoForm.jobName
+ }
+ switch (index) {
+ case 1: this.workExperienceEditData = { ...baseInfo }; break
+ case 2: this.physicalExamEditData = { ...baseInfo }; break
+ case 3: this.contractInfoEditData = { ...baseInfo }; break
+ case 4: this.dimissionAttendEditData = { ...baseInfo }; break
+ case 5: this.leaveInfoEditData = { ...baseInfo }; break
+ case 6: this.resignEditData = { ...baseInfo }; break
+ case 7: this.unemploymentEditData = { ...baseInfo }; break
+ case 8: this.socialSecurityEditData = { ...baseInfo }; break
+ case 9: this.accidentInsuranceEditData = { ...baseInfo }; break
+ case 10: this.workInjuryEditData = { ...baseInfo }; break
+ case 11: this.arbitrationEditData = { ...baseInfo }; break
+ case 12: this.badRecordEditData = { ...baseInfo }; break
+ case 13: this.remarkEditData = { ...baseInfo }; break
+ }
this.dialogshowArr[index].show = true
},
gzdelete(tables, selection, Id) {
@@ -5949,57 +4154,120 @@
goAnchor: function(type) {
let item = 1
this.item = type
+ // 根据点击的菜单懒加载对应数据
switch (type) {
case 'jbxx':
item = 0
+ // 基本信息 - 已加载
break
case 'gzjl':
item = 1
+ // 工作经历 - 懒加载
+ if (!this.workExperienceData || this.workExperienceData.length === 0) {
+ this.initList()
+ }
break
case 'tjxx':
item = 2
+ // 体检信息 - 懒加载
+ if (!this.physicalExamData || this.physicalExamData.length === 0) {
+ this.initphysicalExamData()
+ }
break
case 'htxx':
item = 3
+ // 合同信息 - 懒加载
+ if (!this.contractInfoData || this.contractInfoData.length === 0) {
+ this.initcontractInfoData()
+ }
break
case 'tgjl':
item = 4
+ // 调岗记录 - 懒加载
+ if (!this.jobChangeData || this.jobChangeData.length === 0) {
+ this.initjobChangeData()
+ }
break
case 'qjjl':
item = 5
+ // 请假记录 - 懒加载
+ if (!this.leaveInfoData || this.leaveInfoData.length === 0) {
+ this.initleaveInfoData()
+ }
break
case 'czsq':
item = 6
+ // 辞职申请 - 懒加载
+ if (!this.resignData || this.resignData.length === 0) {
+ this.initresignData()
+ }
break
case 'lzdykq':
item = 7
+ // 考勤情况 - 懒加载
+ if (!this.dimissionAttendData || this.dimissionAttendData.length === 0) {
+ this.initdimissionAttendData()
+ }
break
case 'rlzjl':
item = 8
+ // 入离职记录 - 懒加载
+ if (!this.dimissionLogData || this.dimissionLogData.length === 0) {
+ this.initdimissionLogData()
+ }
break
case 'syjlq':
item = 9
+ // 失业金领取 - 懒加载
+ if (!this.unemploymentData || this.unemploymentData.length === 0) {
+ this.initunemploymentData()
+ }
break
case 'sbsq':
item = 10
+ // 社保申请 - 懒加载
+ if (!this.insuranceData || this.insuranceData.length === 0) {
+ this.initinsuranceData()
+ }
break
case 'ywxaj':
item = 11
+ // 意外险案件 - 懒加载
+ if (!this.accidentCasesData || this.accidentCasesData.length === 0) {
+ this.initaccidentCasesData()
+ }
break
case 'gsaj':
item = 12
+ // 工伤案件 - 懒加载
+ if (!this.occupationalData || this.occupationalData.length === 0) {
+ this.initoccupationalData()
+ }
break
case 'lzaj':
item = 13
+ // 仲裁案件 - 懒加载
+ if (!this.laborTroubleData || this.laborTroubleData.length === 0) {
+ this.initlaborTroubleData()
+ }
break
case 'bljl':
item = 14
+ // 不良记录 - 懒加载
+ if (!this.badRecordData || this.badRecordData.length === 0) {
+ this.initbadRecordData()
+ }
break
case 'bz':
item = 15
+ // 备注 - 懒加载
+ if (!this.remarkInfoData || this.remarkInfoData.length === 0) {
+ this.initremarkInfoData()
+ }
break
case 'jljt':
item = 16
+ // 奖励津贴 - 懒加载
break
}
this.$nextTick(() => {
@@ -6400,6 +4668,109 @@
display: block;
}
+// 头像包装器
+.avatar-wrapper {
+ text-align: center;
+ cursor: pointer;
+
+ .avatar {
+ width: 120px;
+ height: 150px;
+ border-radius: 4px;
+ object-fit: cover;
+ border: 1px dashed #d9d9d9;
+ margin: 0 auto;
+
+ &:hover {
+ border-color: #409eff;
+ }
+ }
+
+ .avatar-uploader-placeholder {
+ width: 120px;
+ height: 150px;
+ border: 1px dashed #d9d9d9;
+ border-radius: 4px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto;
+ background-color: #fafafa;
+
+ &:hover {
+ border-color: #409eff;
+ }
+
+ .avatar-uploader-icon {
+ font-size: 28px;
+ color: #8c939d;
+ }
+
+ .upload-tip {
+ font-size: 12px;
+ color: #8c939d;
+ margin-top: 8px;
+ }
+ }
+}
+
+// 上传方式选择容器
+.upload-choice-container {
+ display: flex;
+ justify-content: space-around;
+ padding: 20px 0;
+
+ .upload-choice-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 120px;
+ height: 120px;
+ border: 2px dashed #d9d9d9;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.3s;
+
+ &:hover {
+ border-color: #409eff;
+ background-color: #f5f7fa;
+ }
+
+ i {
+ font-size: 40px;
+ color: #409eff;
+ margin-bottom: 10px;
+ }
+
+ span {
+ font-size: 14px;
+ color: #606266;
+ }
+ }
+}
+
+// 摄像头容器
+.camera-container {
+ text-align: center;
+
+ .camera-video {
+ width: 100%;
+ max-width: 600px;
+ height: auto;
+ border-radius: 4px;
+ background: #000;
+ }
+
+ .captured-image {
+ width: 100%;
+ max-width: 600px;
+ height: auto;
+ border-radius: 4px;
+ }
+}
+
.avatar-uploader .el-upload-dragger .el-icon-upload {
margin: 20px 0 16px;
}
--
Gitblit v1.8.0