| | |
| | | <el-container> |
| | | <el-aside width="175px"> |
| | | <el-timeline style="padding-left: 15px"> |
| | | <el-timeline-item @click.native="isShow(showArr[0].show, 0)"> |
| | | <el-timeline-item v-show="timelineShow('empBaseinfo:list')" @click.native="isShow(showArr[0].show, 0)"> |
| | | <span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[1].show, 1)"> |
| | | <el-timeline-item v-show="timelineShow('empWorkexperience:list')" @click.native="isShow(showArr[1].show, 1)"> |
| | | <span :class="thisShowIndex===1?'selectedTimeline':''">工作经历</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[2].show, 2)"> |
| | | <el-timeline-item v-show="timelineShow('empPhysicalexam:list')" @click.native="isShow(showArr[2].show, 2)"> |
| | | <span :class="thisShowIndex===2?'selectedTimeline':''">体检信息</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[3].show, 3)"> |
| | | <el-timeline-item v-show="timelineShow('empContractinfo:list')" @click.native="isShow(showArr[3].show, 3)"> |
| | | <span :class="thisShowIndex===3?'selectedTimeline':''">合同信息</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[4].show, 4)"> |
| | | <el-timeline-item v-show="timelineShow('empDimissionattend:list')" @click.native="isShow(showArr[4].show, 4)"> |
| | | <span :class="thisShowIndex===4?'selectedTimeline':''">离职当月考勤</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[5].show, 5)"> |
| | | <el-timeline-item v-show="timelineShow('empLeaveinfo:list')" @click.native="isShow(showArr[5].show, 5)"> |
| | | <span :class="thisShowIndex===5?'selectedTimeline':''">请假记录</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[6].show, 6)"> |
| | | <el-timeline-item v-show="timelineShow('empResign:list')" @click.native="isShow(showArr[6].show, 6)"> |
| | | <span :class="thisShowIndex===6?'selectedTimeline':''">辞职申请</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[7].show, 7)"> |
| | | <el-timeline-item v-show="timelineShow('empUnemployment:list')" @click.native="isShow(showArr[7].show, 7)"> |
| | | <span :class="thisShowIndex===7?'selectedTimeline':''">失业金领取</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[8].show, 8)"> |
| | | <el-timeline-item v-show="timelineShow('empInsurance:list')" @click.native="isShow(showArr[8].show, 8)"> |
| | | <span :class="thisShowIndex===8?'selectedTimeline':''">社保申请</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[9].show, 9)"> |
| | | <el-timeline-item v-show="timelineShow('empAccidentcases:list')" @click.native="isShow(showArr[9].show, 9)"> |
| | | <span :class="thisShowIndex===9?'selectedTimeline':''">意外险案件</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[10].show, 10)"> |
| | | <el-timeline-item v-show="timelineShow('empOccupational:list')" @click.native="isShow(showArr[10].show, 10)"> |
| | | <span :class="thisShowIndex===10?'selectedTimeline':''">工伤案件</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[11].show, 11)"> |
| | | <span :class="thisShowIndex===11?'selectedTimeline':''">劳资案件</span> |
| | | <el-timeline-item v-show="timelineShow('empLabortrouble:list')" @click.native="isShow(showArr[11].show, 11)"> |
| | | <span :class="thisShowIndex===11?'selectedTimeline':''">仲裁案件</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[12].show, 12)"> |
| | | <el-timeline-item v-show="timelineShow('empBadrecord:list')" @click.native="isShow(showArr[12].show, 12)"> |
| | | <span :class="thisShowIndex===12?'selectedTimeline':''">不良记录</span> |
| | | </el-timeline-item> |
| | | <el-timeline-item @click.native="isShow(showArr[13].show, 13)"> |
| | | <el-timeline-item v-show="timelineShow('empRemarkinfo:list')" @click.native="isShow(showArr[13].show, 13)"> |
| | | <span :class="thisShowIndex===13?'selectedTimeline':''">备注信息</span> |
| | | </el-timeline-item> |
| | | </el-timeline> |
| | | </el-aside> |
| | | <el-main> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-col> |
| | | <el-button class="commonBtn" @click.native="dialogIsShow('0')">新增</el-button> |
| | | <el-button class="commonBtn" style="background-color: #409EFF" @click.native="butDelete()">删除</el-button> |
| | | <el-button class="commonBtn" style="float: right" @click.native="showDryg(0)">导入员工信息</el-button> |
| | |
| | | :cell-style="{padding:'7px 0','text-align':'center'}" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}" |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="照片" width="60"> |
| | | <template slot-scope="scope"> |
| | | <!-- <img :src="scope.row.imagePath">--> |
| | | <el-image |
| | | v-if="scope.row.imagePath && scope.row.imagePath != ''" |
| | | style="width: 30px; height: 30px" |
| | | :src="scope.row.imagePath" |
| | | fit="cover" |
| | | /> |
| | | --> |
| | | <!-- <el-table-column label="照片" width="60">--> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <!– <img :src="scope.row.imagePath">–>--> |
| | | <!-- <el-image--> |
| | | <!-- v-if="scope.row.imagePath && scope.row.imagePath != ''"--> |
| | | <!-- style="width: 30px; height: 30px"--> |
| | | <!-- :src="scope.row.imagePath"--> |
| | | <!-- fit="cover"--> |
| | | <!-- />--> |
| | | |
| | | <el-image |
| | | v-else |
| | | style="width: 30px; height: 30px" |
| | | :src="defaultImg" |
| | | fit="cover" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="50" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="50" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <!-- <el-image--> |
| | | <!-- v-else--> |
| | | <!-- style="width: 30px; height: 30px"--> |
| | | <!-- :src="defaultImg"--> |
| | | <!-- fit="cover"--> |
| | | <!-- />--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="50" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" /> |
| | | <el-table-column show-overflow-tooltip prop="empType" label="员工类别" width="80" :formatter="empTypeFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="sex" label="性别" width="50" :formatter="sexFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="nation" label="民族" width="50" :formatter="nationFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="marriage" label="婚姻状况" width="80" :formatter="marriageFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="politics" label="政治面貌" width="80" :formatter="politicsFormat" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="marriage" |
| | | label="婚姻状况" |
| | | width="80" |
| | | :formatter="marriageFormat" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="politics" |
| | | label="政治面貌" |
| | | width="80" |
| | | :formatter="politicsFormat" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="education" label="学历" width="50" :formatter="educationFormat" /> |
| | | <el-table-column prop="entryDate" show-overflow-tooltip label="入职日期" width="80" /> |
| | | <el-table-column |
| | | prop="entryDate" |
| | | show-overflow-tooltip |
| | | label="入职日期" |
| | | width="120" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | prop="insuranceType" |
| | | show-overflow-tooltip |
| | | label="保险类型" |
| | | label="社保档位" |
| | | width="80" |
| | | :formatter="insuranceTypeFormat" |
| | | /> |
| | | <el-table-column prop="socialNumb" show-overflow-tooltip label="社保电脑号" /> |
| | | <el-table-column prop="guardNumb" show-overflow-tooltip label="保安员证号" /> |
| | | <el-table-column prop="socialNumb" show-overflow-tooltip label="社保电脑号" width="100" /> |
| | | <el-table-column prop="guardNumb" show-overflow-tooltip label="保安员证号" width="100" /> |
| | | <el-table-column prop="archivesNumb" show-overflow-tooltip label="档案编号" width="80" /> |
| | | <el-table-column prop="archivesStatusName" show-overflow-tooltip label="档案情况" /> |
| | | </el-table> |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column label="操作" width="100"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="empNumb" label="编号" width="100" /> |
| | | <el-table-column prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column prop="certificateNumb" show-overflow-tooltip label="身份证号码" /> |
| | | <el-table-column prop="workUnit" show-overflow-tooltip label="工作单位" /> |
| | | <el-table-column prop="beginDate" label="开始日期" width="120" /> |
| | | <el-table-column prop="endDate" label="结束日期" width="120" /> |
| | | <el-table-column prop="jobContent" show-overflow-tooltip label="主要工作内容" /> |
| | | <el-table-column |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | prop="empName" |
| | | label="姓名" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column prop="certificateNumb" show-overflow-tooltip label="身份证号码" width="180" /> |
| | | <el-table-column prop="workUnit" show-overflow-tooltip label="工作单位" width="160" /> |
| | | <el-table-column |
| | | prop="beginDate" |
| | | label="开始日期" |
| | | width="140" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column prop="endDate" label="结束日期" width="140" /> |
| | | <el-table-column prop="jobContent" show-overflow-tooltip label="主要工作内容" min-width="120" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[2].show" |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" /> |
| | | <el-table-column prop="hospital" show-overflow-tooltip label="体检医院" /> |
| | | <el-table-column show-overflow-tooltip prop="physicalExamDate" label="体检日期" width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="160" /> |
| | | <el-table-column prop="hospital" show-overflow-tooltip label="体检医院" min-width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="physicalExamDate" |
| | | label="体检日期" |
| | | width="120" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="physicalExamType" |
| | |
| | | <el-table-column show-overflow-tooltip prop="bloodPressure" label="血压" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="transaminase" label="转氨酶" width="80" /> |
| | | <el-table-column prop="ecg" show-overflow-tooltip label="心电图" width="80" :formatter="ecgNameFormat" /> |
| | | <el-table-column prop="conclusion" show-overflow-tooltip label="体检结论" /> |
| | | <el-table-column prop="reviewRecord" show-overflow-tooltip label="复查记录" /> |
| | | <el-table-column prop="conclusion" show-overflow-tooltip label="体检结论" min-width="100" /> |
| | | <el-table-column prop="reviewRecord" show-overflow-tooltip label="复查日期" min-width="100" /> |
| | | <el-table-column prop="remark" show-overflow-tooltip label="备注" /> |
| | | </el-table> |
| | | <el-table |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column label="操作" width="100"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="150" /> |
| | | <el-table-column prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="signingDate" label="合同签订日期" /> |
| | | <el-table-column show-overflow-tooltip prop="endDate" label="合同结束日期" /> |
| | | <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" /> |
| | | <el-table-column show-overflow-tooltip prop="contractStatus" label="合同状态" :formatter="contractStatusFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" /> |
| | | <el-table-column |
| | | prop="empName" |
| | | label="姓名" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="155" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="signingDate" |
| | | label="合同签订日期" |
| | | width="140" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="endDate" |
| | | label="合同结束日期" |
| | | width="140" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="contractStatus" |
| | | label="合同状态" |
| | | :formatter="contractStatusFormat" |
| | | width="120" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" width="100" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[4].show" |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤月份" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="attendDays" label="出勤天数" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="overtimeDay" label="加班(天)" width="100" /> |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="beginTime" |
| | | label="开始时间" |
| | | width="140" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="110" /> |
| | | <el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" width="80" :formatter="leaveTypeFormat" /> |
| | | <el-table-column show-overflow-tooltip prop="returnDate" label="到岗时间" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="leaveType" |
| | | label="请假类型" |
| | | width="80" |
| | | :formatter="leaveTypeFormat" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="returnDate" label="返岗时间" width="110" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | </el-table> |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="applayDate" label="辞职申请日期" width="150" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="160" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="applayDate" |
| | | label="辞职申请日期" |
| | | width="150" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="reason" label="辞职事由" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="applayDate" label="失业金申请日期" width="150" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="150" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="applayDate" |
| | | label="失业金申请日期" |
| | | width="150" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="applayReason" label="申报事由" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="100" /> |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="applayDate" |
| | | label="社保申请日期" |
| | | width="140" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="insuranceGaers" label="社保档位" :formatter="insuranceGaersFormat" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="insuranceGaers" |
| | | label="社保档位" |
| | | :formatter="insuranceGaersFormat" |
| | | width="80" |
| | | /> |
| | | <el-table-column prop="reportStatus " label="是否已报告" width="100" :formatter="reportStatusFormat" /> |
| | | <el-table-column prop="applayStatus" label="状态" width="100" :formatter="applayStatusFormat" /> |
| | | <el-table-column prop="auditor" label="审核人" width="100" /> |
| | | <el-table-column prop="remark" label="备注" /> |
| | | <el-table-column prop="applayStatus" label="状态" width="80" :formatter="applayStatusFormat" /> |
| | | <el-table-column prop="auditor" label="审核人" width="80" /> |
| | | <el-table-column prop="remark" label="备注" width="300" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[9].show" |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="90" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="injuredTime" |
| | | label="受伤日期" |
| | | width="120" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <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="120" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" /> |
| | | <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="80" />--> |
| | | <!-- <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" />--> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="hospitalizatioFlag" |
| | |
| | | width="80" |
| | | :formatter="hospitalizatioFlagFormat" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" /> |
| | | <!-- <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />--> |
| | | <el-table-column show-overflow-tooltip prop="reprotTime" label="报案时间" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" /> |
| | | <!-- <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />--> |
| | | <!-- <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />--> |
| | | <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="120" /> |
| | | </el-table> |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="90" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="injuredTime" |
| | | label="受伤日期" |
| | | width="130" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" /> |
| | | <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" /> |
| | | <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" /> |
| | | <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="280" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="80" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="arbitrationDate" |
| | | label="仲裁日期" |
| | | width="120" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="arbitrationType" |
| | |
| | | width="100" |
| | | :formatter="arbitrationTypeFormat" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" min-width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="70" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付(元)" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="arbitrationStatus" |
| | | label="状态" |
| | | width="80" |
| | | width="50" |
| | | :formatter="arbitrationStatusFormat" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="100" /> |
| | | </el-table> |
| | | <el-table |
| | | v-show="showArr[12].show" |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column label="操作" width="100"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="badDate" label="不良记录日期" width="150" /> |
| | | <el-table-column show-overflow-tooltip prop="badContent" label="不良记录描述" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="120" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" min-width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="badDate" |
| | | label="不良记录日期" |
| | | width="150" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="badContent" label="不良记录描述" min-width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="remark" label="备注" /> |
| | | </el-table> |
| | |
| | | stripe |
| | | border |
| | | style="width: 100%;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column type="selection" width="50" /> |
| | | <el-table-column label="操作" width="80"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="180" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="120" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empNumb" |
| | | label="编号" |
| | | width="100" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="allDeptName" |
| | | label="部门(护卫点)" |
| | | width="300" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" /> |
| | | <el-table-column show-overflow-tooltip prop="remarkDate" label="备注日期" width="180" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="empName" |
| | | label="姓名" |
| | | width="120" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" /> |
| | | <el-table-column |
| | | show-overflow-tooltip |
| | | prop="remarkDate" |
| | | label="备注日期" |
| | | width="150" |
| | | sortable="custom" |
| | | :sort-orders="['ascending', 'descending']" |
| | | /> |
| | | <el-table-column show-overflow-tooltip prop="remarkContent" label="备注信息" /> |
| | | </el-table> |
| | | <pagination |
| | |
| | | :limit.sync="pagination.size" |
| | | @pagination="search" |
| | | /> |
| | | <el-col :span="24"> |
| | | <el-col> |
| | | <div style="width: 250px;margin: 20px auto 0;"> |
| | | <el-button class="nomalBtn" @click="deleteFrom()">取消</el-button> |
| | | <el-button class="commonBtn" @click="submitTo()">提交</el-button> |
| | |
| | | <el-row> |
| | | <el-col span="24"> |
| | | <el-form-item label="员工模板下载" prop="region"> |
| | | <a href="http://120.24.23.155:8000/员工信息.xls" target="_blank" style="color: #3A8EE6;">员工信息.xlxs</a> |
| | | <a :href="downloadEmpExcel" target="_blank" style="color: #3A8EE6;">员工信息.xlxs</a> |
| | | <span style="margin-left: 100px;">点击下载</span> |
| | | </el-form-item> |
| | | <el-form-item label="导入员工"> |
| | | <el-upload |
| | | ref="upload" |
| | | class="upload-demo" |
| | | action="http://120.24.23.155:8301/hr/empBaseInfo/importEmp" |
| | | :action="uploadEmpExcel" |
| | | accept=".xls, .xlsx, .excel" |
| | | :headers="headers()" |
| | | :on-success="importHandleAvatarSuccess" |
| | | :on-error="importHandleAvatarError" |
| | | :file-list="fileList" |
| | | :auto-upload="false" |
| | | > |
| | | <el-button slot="trigger" size="small" type="primary">选取文件</el-button> |
| | |
| | | <el-dialog title="基本信息" top="8vh" :visible.sync="dialogshowArr[0].show" width="60%" class="baseinfo"> |
| | | <el-container style="height: 70vh;"> |
| | | <el-aside width="200px"> |
| | | <el-upload |
| | | class="avatar-uploader" |
| | | 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> |
| | | </el-aside> |
| | | <el-main> |
| | | <el-form |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="民族" prop="nation"> |
| | | <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族"> |
| | | <el-select v-model="empBaseInfoForm.nation" filterable placeholder="请选择民族"> |
| | | <el-option |
| | | v-for="dict in nationOptions" |
| | | :key="dict.dicItemCode" |
| | |
| | | <el-form-item label="招聘介绍人" prop="introducer"> |
| | | <el-input v-model="empBaseInfoForm.introducer" /> |
| | | </el-form-item> |
| | | <el-form-item label="银行名称" prop="bankName"> |
| | | <el-form-item label="银行名称"> |
| | | <el-input v-model="empBaseInfoForm.bankName" /> |
| | | </el-form-item> |
| | | <el-form-item label="保险类型" prop="insuranceType"> |
| | | <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型"> |
| | | <el-form-item label="社保档位" prop="insuranceType"> |
| | | <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择社保档位"> |
| | | <el-option |
| | | v-for="dict in insuranceTypeOptions" |
| | | :key="dict.dicItemCode" |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="家庭成员及关系" prop="family"> |
| | | <el-form-item label="家庭成员及关系1" prop="family"> |
| | | <el-input v-model="empBaseInfoForm.family" /> |
| | | </el-form-item> |
| | | <el-form-item label="紧急联系电话" prop="urgencyPhone"> |
| | | <el-form-item label="家庭成员及关系2" prop="urgencyPhone"> |
| | | <el-input v-model="empBaseInfoForm.urgencyPhone" /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="empBaseInfoForm.empName" /> |
| | | </el-form-item> |
| | | <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId"> |
| | | <el-form-item label="部门(护卫点)" required message="请选择部门(护卫点)" prop="allDeptName"> |
| | | <treeselect |
| | | v-model="empBaseInfoForm.deptId" |
| | | :multiple="false" |
| | |
| | | :clear-value-text="$t('common.clear')" |
| | | placeholder="请选择部门(护卫点)" |
| | | style="width:100%" |
| | | @select="DeptNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="岗位" prop="jobName"> |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="银行账号" prop="bankNumb"> |
| | | <el-form-item label="银行账号"> |
| | | <el-input v-model="empBaseInfoForm.bankNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="社保电脑号" prop="socialNumb"> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-col> |
| | | <el-form-item label="相关证件" prop="certificateList"> |
| | | <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件"> |
| | | <el-select v-model="empBaseInfoForm.certificateList" multiple placeholder="请选择相关证件"> |
| | | <el-option |
| | | v-for="dict in certificateListOptions" |
| | | :key="dict.dicItemCode" |
| | |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="工作经历" :visible.sync="dialogshowArr[1].show" width="50%"> |
| | | <el-form |
| | | ref="workExperienceForm" |
| | | :model="workExperienceForm" |
| | | :rules="workExperienceRules" |
| | | label-position="right" |
| | | label-width="120px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="workExperienceForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号码" prop="certificateNumb"> |
| | | <el-input |
| | | v-model="workExperienceForm.certificateNumb" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sexName"> |
| | | <el-input v-model="workExperienceForm.sexName" /> |
| | | </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="deptName"> |
| | | <el-input v-model="workExperienceForm.deptName" /> |
| | | </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> |
| | | <el-button |
| | | v-if="isAdd" |
| | | type="primary" |
| | | @click="putWorkExperienceContinue('workExperienceForm')" |
| | | >保存并继续新增 |
| | | </el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="体检信息" :visible.sync="dialogshowArr[2].show" width="50%"> |
| | | <el-form |
| | | ref="physicalExamForm" |
| | | :model="physicalExamForm" |
| | | :rules="physicalExamRules" |
| | | label-position="right" |
| | | label-width="120px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="physicalExamForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="physicalExamForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="physicalExamForm.deptName" /> |
| | | </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> |
| | | <el-button |
| | | v-if="isAdd" |
| | | type="primary" |
| | | @click="putPhysicalExamContinue('physicalExamForm')" |
| | | >保存并继续新增 |
| | | </el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="合同信息" :visible.sync="dialogshowArr[3].show" width="50%"> |
| | | <el-form |
| | | ref="contractInfoForm" |
| | | :model="contractInfoForm" |
| | | :rules="contractInfoRules" |
| | | label-position="right" |
| | | label-width="120px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="contractInfoForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号码" prop="certificateNumb"> |
| | | <el-input |
| | | v-model="contractInfoForm.certificateNumb" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-input v-model="contractInfoForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="contractInfoForm.deptName" /> |
| | | </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> |
| | | <el-button |
| | | v-if="isAdd" |
| | | type="primary" |
| | | @click="putContractInfoContinue('contractInfoForm')" |
| | | >保存并继续新增 |
| | | </el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="离职当月考勤" :visible.sync="dialogshowArr[4].show" width="50%"> |
| | | <el-form |
| | | ref="dimissionAttendForm" |
| | | :model="dimissionAttendForm" |
| | | :rules="dimissionAttendRules" |
| | | label-position="right" |
| | | label-width="120px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="dimissionAttendForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="dimissionAttendForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="dimissionAttendForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putDimissionAttendContinue('dimissionAttendForm')">保存并继续新增 |
| | | </el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="请假记录" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="leaveInfoForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="leaveInfoForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putLeaveInfoContinue('leaveInfoForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="辞职申请" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="resignForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="resignForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putResignContinue('resignForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="失业金领取" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="unemploymentForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="unemploymentForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putUnemploymentContinue('unemploymentForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="社保申请" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="insuranceForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="insuranceForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putInsuranceContinue('insuranceForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="意外险案件" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="accidentCasesForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="accidentCasesForm.deptName" /> |
| | | </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-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="putAccidentCases('accidentCasesForm')">保 存</el-button> |
| | | <el-button v-if="isAdd" type="primary" @click="putAccidentCasesContinue('accidentCasesForm')">保存并继续新增 |
| | | </el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="工伤案件" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="occupationalForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="occupationalForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putOccupationalContinue('occupationalForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="劳资案件" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="laborTroubleForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="laborTroubleForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putLaborTroubleContinue('laborTroubleForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="不良记录" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="badRecordForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="badRecordForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putBadRecordContinue('badRecordForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="备注信息" :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" suffix-icon="el-icon-search" @click.native="showXzyg()" /> |
| | | </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-input v-model="remarkInfoForm.sex" /> |
| | | </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="deptName"> |
| | | <el-input v-model="remarkInfoForm.deptName" /> |
| | | </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> |
| | | <el-button v-if="isAdd" type="primary" @click="putRemarkInfoContinue('remarkInfoForm')">保存并继续新增</el-button> |
| | | <el-button @click="dialogIsShow()">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <work-experience-edit |
| | | :visible.sync="dialogshowArr[1].show" |
| | | :is-add="isAdd" |
| | | :edit-data="workExperienceEditData" |
| | | :sex-options="sexOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleWorkExperienceSuccess" |
| | | @continue="handleWorkExperienceContinue" |
| | | /> |
| | | <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" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handlePhysicalExamSuccess" |
| | | @continue="handlePhysicalExamContinue" |
| | | /> |
| | | <contract-info-edit |
| | | :visible.sync="dialogshowArr[3].show" |
| | | :is-add="isAdd" |
| | | :edit-data="contractInfoEditData" |
| | | :sex-options="sexOptions" |
| | | :contract-status-options="contractStatusOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleContractInfoSuccess" |
| | | @continue="handleContractInfoContinue" |
| | | /> |
| | | <dimission-attend-edit |
| | | :visible.sync="dialogshowArr[4].show" |
| | | :is-add="isAdd" |
| | | :edit-data="dimissionAttendEditData" |
| | | :sex-options="sexOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleDimissionAttendSuccess" |
| | | @continue="handleDimissionAttendContinue" |
| | | /> |
| | | <leave-info-edit |
| | | :visible.sync="dialogshowArr[5].show" |
| | | :is-add="isAdd" |
| | | :edit-data="leaveInfoEditData" |
| | | :sex-options="sexOptions" |
| | | :leave-type-options="leaveTypeOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleLeaveInfoSuccess" |
| | | @continue="handleLeaveInfoContinue" |
| | | /> |
| | | <resign-edit |
| | | :visible.sync="dialogshowArr[6].show" |
| | | :is-add="isAdd" |
| | | :edit-data="resignEditData" |
| | | :sex-options="sexOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleResignSuccess" |
| | | @continue="handleResignContinue" |
| | | /> |
| | | <unemployment-insurance-edit |
| | | :visible.sync="dialogshowArr[7].show" |
| | | :is-add="isAdd" |
| | | :edit-data="unemploymentEditData" |
| | | :sex-options="sexOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleUnemploymentSuccess" |
| | | @continue="handleUnemploymentContinue" |
| | | /> |
| | | <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" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleInsuranceSuccess" |
| | | @continue="handleInsuranceContinue" |
| | | /> |
| | | <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" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleAccidentCasesSuccess" |
| | | @continue="handleAccidentCasesContinue" |
| | | /> |
| | | <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" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleOccupationalSuccess" |
| | | @continue="handleOccupationalContinue" |
| | | /> |
| | | <arbitration-edit |
| | | :visible.sync="dialogshowArr[11].show" |
| | | :is-add="isAdd" |
| | | :edit-data="arbitrationEditData" |
| | | :sex-options="sexOptions" |
| | | :arbitration-type-options="arbitrationTypeOptions" |
| | | :settle-status-options="settleStatusOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleLaborTroubleSuccess" |
| | | @continue="handleLaborTroubleContinue" |
| | | /> |
| | | <bad-record-edit |
| | | :visible.sync="dialogshowArr[12].show" |
| | | :is-add="isAdd" |
| | | :edit-data="badRecordEditData" |
| | | :sex-options="sexOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleBadRecordSuccess" |
| | | @continue="handleBadRecordContinue" |
| | | /> |
| | | <remark-edit |
| | | :visible.sync="dialogshowArr[13].show" |
| | | :is-add="isAdd" |
| | | :edit-data="remarkEditData" |
| | | :sex-options="sexOptions" |
| | | :show-continue-button="true" |
| | | :emp-info-disabled="false" |
| | | @select-employee="showXzyg" |
| | | @success="handleRemarkInfoSuccess" |
| | | @continue="handleRemarkInfoContinue" |
| | | /> |
| | | |
| | | <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="60%"> |
| | | <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" /> |
| | | </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"> |
| | | </div> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="closeCamera">取消</el-button> |
| | | <el-button v-if="!capturedImage" type="primary" @click="takePhoto">拍照</el-button> |
| | | <el-button v-if="capturedImage" @click="retakePhoto">重拍</el-button> |
| | | <el-button v-if="capturedImage" type="primary" @click="confirmPhoto">确认使用</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | import Pagination from '@/components/Pagination' |
| | | import { pages } from '@/settings' |
| | | import { getToken } from '@/utils/auth' |
| | | 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 { |
| | | components: { Treeselect, Pagination }, |
| | | components: { Treeselect, Pagination, WorkExperienceEdit, PhysicalExamEdit, ContractInfoEdit, DimissionAttendEdit, LeaveInfoEdit, ResignEdit, UnemploymentInsuranceEdit, SocialSecurityEdit, AccidentInsuranceEdit, WorkInjuryEdit, ArbitrationEdit, BadRecordEdit, RemarkEdit }, |
| | | mixins: [dictMixin], |
| | | data() { |
| | | return { |
| | | downloadEmpExcel: pages.downloadEmpExcel, |
| | | uploadEmpExcel: pages.uploadEmpExcel, |
| | | defaultImg: require('../../assets/avatar/20180414165936.jpg'), |
| | | baseicInformationForm: {}, |
| | | dialogShowDryg: false, |
| | | empBaseInfoImageUrl: '', |
| | | // 上传方式选择弹窗 |
| | | uploadChoiceDialogVisible: false, |
| | | // 摄像头相关 |
| | | cameraDialogVisible: false, |
| | | capturedImage: '', |
| | | stream: null, |
| | | total: 0, // 总数量 |
| | | queryParams: {}, // 查询参数 |
| | | sort: {}, // 排序 |
| | |
| | | message: this.$t('rules.noMoreThan20'), |
| | | trigger: 'blur' |
| | | }], |
| | | empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' }, |
| | | empName: [{ required: true, message: '请输入姓名', trigger: 'blur' }, |
| | | { min: 2, max: 50, message: this.$t('rules.noMoreThan50'), trigger: 'blur' }], |
| | | empNumb: [{ required: true, message: '请输入编号', trigger: 'blur' }, |
| | | { min: 2, max: 20, message: this.$t('rules.noMoreThan20'), trigger: 'blur' }], |
| | |
| | | message: '长度不超过36个字符', |
| | | trigger: 'blur' |
| | | }], |
| | | insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }], |
| | | insuranceType: [{ required: true, message: '请选择社保档位', trigger: 'change' }], |
| | | entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }], |
| | | seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }], |
| | | archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }], |
| | |
| | | pattern: /^\d{1,2}(\.\d{1,1})?$/, |
| | | message: '出勤天数精确到1位小数' |
| | | }], |
| | | overtimeDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班(天)精确到1位小数' }], |
| | | overtimeHour: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班(小时)精确到1位小数' }], |
| | | leaveDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '请假(天)精确到1位小数' }], |
| | | absenteeism: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '旷工(天)精确到1位小数' }], |
| | | overtimeDay: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '加班(天)精确到1位小数' }], |
| | | overtimeHour: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '加班(小时)精确到1位小数' }], |
| | | leaveDay: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '请假(天)精确到1位小数' }], |
| | | absenteeism: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '旷工(天)精确到1位小数' }], |
| | | remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }] |
| | | }, |
| | | leaveInfoRules: { |
| | |
| | | beginTime: [{ required: true, validator: this.startDate }], |
| | | leaveType: [{ required: true, message: '请选择请假类型', trigger: 'change' }], |
| | | endTime: [{ required: true, validator: this.endDate }], |
| | | returnDate: [{ required: true, message: '请选择到岗时间', trigger: 'change' }], |
| | | returnDate: [{ required: true, message: '请选择返岗时间', trigger: 'change' }], |
| | | reporter: [{ required: true, message: '请输入报备人', trigger: 'blur' }], |
| | | remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }] |
| | | }, |
| | |
| | | formLabelWidth: '120px', |
| | | thisShowIndex: 0, |
| | | dialogShowXzyg: false, |
| | | workExperienceEditData: {}, |
| | | physicalExamEditData: {}, |
| | | contractInfoEditData: {}, |
| | | dimissionAttendEditData: {}, |
| | | leaveInfoEditData: {}, |
| | | resignEditData: {}, |
| | | unemploymentEditData: {}, |
| | | socialSecurityEditData: {}, |
| | | accidentInsuranceEditData: {}, |
| | | workInjuryEditData: {}, |
| | | arbitrationEditData: {}, |
| | | badRecordEditData: {}, |
| | | remarkEditData: {}, |
| | | dialogshowArr: [ |
| | | { |
| | | show: false |
| | |
| | | JobId: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | jobName: '', |
| | | remarkContent: '', |
| | | remarkDate: '', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | arbitrationDate: '', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | injuredTime: '', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | injuredTime: '', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | applayDate: '', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | applayDate: '', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | applayDate: '', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | beginTime: '', |
| | |
| | | sexName: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | beginDate: '', |
| | |
| | | sexName: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | certificateNumb: '', |
| | |
| | | sexName: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | hospital: '', |
| | |
| | | sexName: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | workUnit: '', |
| | |
| | | empId: '', |
| | | customerId: '', |
| | | archivesNumb: '', |
| | | deptId: '1', |
| | | deptId: null, |
| | | deptName: '', |
| | | allDeptName: '', |
| | | empNumb: '', |
| | | empName: '', |
| | | sex: '1', |
| | |
| | | certificateNumb: '', |
| | | deptId: '', |
| | | deptName: '', |
| | | allDeptName: '', |
| | | JobId: '', |
| | | jobName: '', |
| | | badDate: '', |
| | |
| | | empStatus: 0, |
| | | remark: '' |
| | | }, |
| | | statusOptions: [], |
| | | empTypeOptions: [], |
| | | nationOptions: [], |
| | | marriageOptions: [], |
| | | educationOptions: [], |
| | | nativePlaceOptions: [], |
| | | archivesStatusOptions: [], |
| | | insuranceTypeOptions: [], |
| | | empCardStatusOptions: [], |
| | | handbookStatusOptions: [], |
| | | ecgOptions: [], |
| | | certificateListOptions: [], |
| | | physicalExamTypeOptions: [], |
| | | contractStatusOptions: [], |
| | | leaveTypeOptions: [], |
| | | insuranceGaersOptions: [], |
| | | applayStatusOptions: [], |
| | | reportStatusOptions: [], |
| | | hospitalizatioFlagOptions: [], |
| | | settleStatusOptions: [], |
| | | arbitrationTypeOptions: [], |
| | | changeTypeOptions: [], |
| | | dimissionTypeOptions: [], |
| | | sexOptions: [] |
| | | permissions: {} |
| | | } |
| | | }, |
| | | computed: { |
| | | // 字典选项计算属性 |
| | | 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') }, |
| | | ecgOptions() { return this.getDictOptions('ECG') }, |
| | | certificateListOptions() { return this.getDictOptions('certificateList') }, |
| | | physicalExamTypeOptions() { return this.getDictOptions('PHYSICALEXAMTYPE') }, |
| | | 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.getDicts('PLITICAL').then(response => { |
| | | this.statusOptions = response.data |
| | | }) |
| | | this.getDicts('sex').then(response => { |
| | | this.sexOptions = response.data |
| | | }) |
| | | this.getDicts('empType').then(response => { |
| | | this.empTypeOptions = response.data |
| | | }) |
| | | this.getDicts('NATION').then(response => { |
| | | this.nationOptions = response.data |
| | | }) |
| | | this.getDicts('MARRIAGE').then(response => { |
| | | this.marriageOptions = response.data |
| | | }) |
| | | this.getDicts('EDUCATION').then(response => { |
| | | this.educationOptions = response.data |
| | | }) |
| | | this.getDicts('NATIVEPLACE').then(response => { |
| | | this.nativePlaceOptions = response.data |
| | | }) |
| | | this.getDicts('archivesStatus').then(response => { |
| | | this.archivesStatusOptions = response.data |
| | | }) |
| | | this.getDicts('INSURANCETYPE').then(response => { |
| | | this.insuranceTypeOptions = response.data |
| | | }) |
| | | this.getDicts('empCardStatus').then(response => { |
| | | this.empCardStatusOptions = response.data |
| | | }) |
| | | this.getDicts('handbookStatus').then(response => { |
| | | this.handbookStatusOptions = response.data |
| | | }) |
| | | this.getDicts('certificateList').then(response => { |
| | | this.certificateListOptions = response.data |
| | | }) |
| | | this.getDicts('PHYSICALEXAMTYPE').then(response => { |
| | | this.physicalExamTypeOptions = response.data |
| | | }) |
| | | this.getDicts('ECG').then(response => { |
| | | this.ecgOptions = response.data |
| | | }) |
| | | this.getDicts('CONTRACTSTATUS').then(response => { |
| | | this.contractStatusOptions = response.data |
| | | }) |
| | | this.getDicts('LEAVETYPE').then(response => { |
| | | this.leaveTypeOptions = response.data |
| | | }) |
| | | this.getDicts('insuranceGaers').then(response => { |
| | | this.insuranceGaersOptions = response.data |
| | | }) |
| | | this.getDicts('applayStatus').then(response => { |
| | | this.applayStatusOptions = response.data |
| | | }) |
| | | this.getDicts('reportStatus').then(response => { |
| | | this.reportStatusOptions = response.data |
| | | }) |
| | | this.getDicts('hospitalizatioFlag').then(response => { |
| | | this.hospitalizatioFlagOptions = response.data |
| | | }) |
| | | this.getDicts('settleStatus').then(response => { |
| | | this.settleStatusOptions = response.data |
| | | }) |
| | | this.getDicts('ZCTYPE').then(response => { |
| | | this.arbitrationTypeOptions = response.data |
| | | }) |
| | | this.getDicts('changeType').then(response => { |
| | | this.changeTypeOptions = response.data |
| | | }) |
| | | this.getDicts('LZTYPE').then(response => { |
| | | this.dimissionTypeOptions = response.data |
| | | }) |
| | | this.permissions = JSON.parse(localStorage.getItem('PERMISSIONS')) |
| | | // 字典数据已在登录时预加载,直接从 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']) |
| | | this.initDept() |
| | | this.thisShowIndex = 1 |
| | | this.isShow(false, 0) |
| | | this.initJob() |
| | | }, |
| | | methods: { |
| | | timelineShow(name) { |
| | | for (const v of this.permissions) { |
| | | if (v === name) { |
| | | return true |
| | | } |
| | | } |
| | | return false |
| | | }, |
| | | importHandleAvatarError() { |
| | | this.$notify.error({ |
| | | title: '错误', |
| | |
| | | }) |
| | | }, |
| | | importHandleAvatarSuccess(res, file) { |
| | | if (res.data === null) { |
| | | if (res.data === null || res.data.length === 0) { |
| | | this.$notify({ |
| | | title: '成功', |
| | | message: '导入成功!', |
| | |
| | | this.$message.error('图片大小超过4M,请重新上传') |
| | | } |
| | | }, |
| | | // 打开上传方式选择弹窗 |
| | | openUploadChoice() { |
| | | this.uploadChoiceDialogVisible = true |
| | | }, |
| | | // 选择拍照上传 |
| | | choiceCamera() { |
| | | this.uploadChoiceDialogVisible = false |
| | | this.cameraDialogVisible = true |
| | | this.$nextTick(() => { |
| | | this.initCamera() |
| | | }) |
| | | }, |
| | | // 选择文件上传 |
| | | 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() |
| | | }) |
| | | }, |
| | | // 初始化摄像头 |
| | | 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) |
| | | } |
| | | }, |
| | | // 拍照 |
| | | 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() |
| | | }, |
| | | // 重拍 |
| | | retakePhoto() { |
| | | this.capturedImage = '' |
| | | this.initCamera() |
| | | }, |
| | | // 确认使用照片 |
| | | 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 |
| | | } |
| | | }, |
| | | // 翻页插件翻页方法 |
| | | search() { |
| | | this.fetch({ |
| | |
| | | this.cleanEmpBase() |
| | | break |
| | | case 1: |
| | | this.cleanWorkExperience() |
| | | this.workExperienceEditData = {} |
| | | break |
| | | case 2: |
| | | this.cleanPhysicalExam() |
| | | this.physicalExamEditData = {} |
| | | break |
| | | case 3: |
| | | this.cleanContractInfo() |
| | | this.contractInfoEditData = {} |
| | | break |
| | | case 4: |
| | | this.cleanDimissionAttend() |
| | | this.dimissionAttendEditData = {} |
| | | break |
| | | case 5: |
| | | this.cleanLeaveInfo() |
| | | this.leaveInfoEditData = {} |
| | | break |
| | | case 6: |
| | | this.cleanResign() |
| | | this.resignEditData = {} |
| | | break |
| | | case 7: |
| | | this.cleanUnemployment() |
| | | this.unemploymentEditData = {} |
| | | break |
| | | case 8: |
| | | this.cleanInsurance() |
| | | this.socialSecurityEditData = {} |
| | | break |
| | | case 9: |
| | | this.cleanAccidentCases() |
| | | this.accidentInsuranceEditData = {} |
| | | break |
| | | case 10: |
| | | this.cleanOccupational() |
| | | this.workInjuryEditData = {} |
| | | break |
| | | case 11: |
| | | this.cleanLaborTrouble() |
| | | this.arbitrationEditData = {} |
| | | break |
| | | case 12: |
| | | this.cleanBadRecord() |
| | | this.badRecordEditData = {} |
| | | break |
| | | case 13: |
| | | this.cleanRemarkInfo() |
| | | this.remarkEditData = {} |
| | | break |
| | | } |
| | | this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex] |
| | |
| | | }, |
| | | resetDeptTree() { |
| | | this.$refs.deptTree.setCheckedKeys([]) |
| | | }, |
| | | initJob() { |
| | | this.$get('system/position/dicJob').then((r) => { |
| | | this.restaurJob = r.data.data |
| | | }) |
| | | }, |
| | | butDelete() { |
| | | let selected |
| | |
| | | } |
| | | break |
| | | case 11: |
| | | selected = this.$refs.occupationalTable.selection |
| | | selected = this.$refs.laborTroubleTable.selection |
| | | if (selected.length > 0) { |
| | | const delIds = [] |
| | | selected.forEach((j) => { |
| | |
| | | // 起始日期有,进行判断 |
| | | if (this.compareDate(this.contractInfoForm.signingDate, value)) { |
| | | // 如果起始在结束之前 |
| | | this.contractInfoForm.contractPeriod = dateDifference(this.contractInfoForm.signingDate, this.contractInfoForm.endDate, 'y') |
| | | this.contractInfoForm.contractPeriod = dateDifference(this.contractInfoForm.signingDate, this.contractInfoForm.endDate, 'o') |
| | | callback() |
| | | } else { |
| | | callback(new Error('结束日期不能在开始始日期之前,请重新选择')) |
| | |
| | | // 起始日期有,进行判断 |
| | | if (this.compareDate(this.leaveInfoForm.beginTime, value)) { |
| | | // 如果起始在结束之前 |
| | | this.leaveInfoForm.leaveDay = dateDifference(this.leaveInfoForm.beginTime, this.leaveInfoForm.endTime, 'd') |
| | | // this.leaveInfoForm.leaveDay = dateDifference(this.leaveInfoForm.beginTime, this.leaveInfoForm.endTime, 'd') |
| | | callback() |
| | | } else { |
| | | callback(new Error('结束日期不能在开始始日期之前,请重新选择')) |
| | |
| | | this.empBaseInfoForm.empId = '' |
| | | this.empBaseInfoForm.customerId = '' |
| | | this.empBaseInfoForm.archivesNumb = '' |
| | | this.empBaseInfoForm.deptId = '' |
| | | this.empBaseInfoForm.deptId = null |
| | | this.empBaseInfoForm.deptName = '' |
| | | this.empBaseInfoForm.allDeptName = '' |
| | | this.empBaseInfoForm.empNumb = '' |
| | | this.empBaseInfoForm.empName = '' |
| | | this.empBaseInfoForm.sex = '' |
| | |
| | | }, |
| | | editEmpBase(row) { |
| | | this.isAdd = false |
| | | let certificateList = [] |
| | | if (row.certificateList && typeof row.certificateList === 'string') { |
| | | certificateList = row.certificateList.split(',') |
| | | row.certificateList = certificateList |
| | | } |
| | | this.empBaseInfoForm.empId = row.empId |
| | | this.empBaseInfoForm.customerId = row.customerId |
| | | this.empBaseInfoForm.archivesNumb = row.archivesNumb |
| | | this.empBaseInfoForm.deptId = row.deptId |
| | | this.empBaseInfoForm.deptName = row.deptName |
| | | this.empBaseInfoForm.allDeptName = row.allDeptName |
| | | this.empBaseInfoForm.empNumb = row.empNumb |
| | | this.empBaseInfoForm.empName = row.empName |
| | | this.empBaseInfoForm.sex = row.sex |
| | |
| | | this.empBaseInfoForm.version = row.version |
| | | this.dialogshowArr[0].show = true |
| | | this.empBaseInfoImageUrl = pages.getEmpBaseInfoImage + row.empId |
| | | this.empBaseInfoForm.insuranceType = row.insuranceType |
| | | }, |
| | | putEmpBase(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | |
| | | } |
| | | } |
| | | }) |
| | | setTimeout(() => { |
| | | this.$refs[formName].clearValidate() |
| | | }, 1500) |
| | | }, |
| | | selectWorkExperience() { |
| | | this.tableUrl = 'hr/empWorkExperience/list' |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectWorkExperience() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empWorkExperience', { ...this.workExperienceForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanWorkExperience() |
| | | this.selectWorkExperience() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleWorkExperienceSuccess() { |
| | | this.isAdd = true |
| | | this.selectWorkExperience() |
| | | this.dialogIsShow() |
| | | }, |
| | | putWorkExperienceContinue(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.selectWorkExperience() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanWorkExperience() { |
| | | this.workExperienceForm.empId = '' |
| | | this.workExperienceForm.archivesNumb = '' |
| | | this.workExperienceForm.deptId = '' |
| | | this.workExperienceForm.deptName = '' |
| | | this.workExperienceForm.empNumb = '' |
| | | this.workExperienceForm.empName = '' |
| | | this.workExperienceForm.sex = '' |
| | | this.workExperienceForm.JobId = '' |
| | | this.workExperienceForm.jobName = '' |
| | | this.workExperienceForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.workExperienceForm.version = '' |
| | | handleWorkExperienceContinue() { |
| | | this.selectWorkExperience() |
| | | }, |
| | | 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.dialogshowArr[1].show = true |
| | | }, |
| | | selectPhysicalExam() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectPhysicalExam() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empPhysicalExam', { ...this.physicalExamForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanPhysicalExam() |
| | | this.selectPhysicalExam() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handlePhysicalExamSuccess() { |
| | | this.isAdd = true |
| | | this.selectPhysicalExam() |
| | | this.dialogIsShow() |
| | | }, |
| | | putPhysicalExamContinue(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.selectPhysicalExam() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanPhysicalExam() { |
| | | this.physicalExamForm.empId = '' |
| | | this.physicalExamForm.archivesNumb = '' |
| | | this.physicalExamForm.deptId = '' |
| | | this.physicalExamForm.deptName = '' |
| | | this.physicalExamForm.empNumb = '' |
| | | this.physicalExamForm.empName = '' |
| | | this.physicalExamForm.sex = '' |
| | | this.physicalExamForm.JobId = '' |
| | | this.physicalExamForm.jobName = '' |
| | | this.physicalExamForm.certificateNumb = '' |
| | | 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 = '' |
| | | handlePhysicalExamContinue() { |
| | | this.selectPhysicalExam() |
| | | }, |
| | | 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.dialogshowArr[2].show = true |
| | | }, |
| | | selectContractInfo() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectContractInfo() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empContractInfo', { ...this.contractInfoForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanContractInfo() |
| | | this.selectContractInfo() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleContractInfoSuccess() { |
| | | this.isAdd = true |
| | | this.selectContractInfo() |
| | | this.dialogIsShow() |
| | | }, |
| | | putContractInfoContinue(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.selectContractInfo() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanContractInfo() { |
| | | this.contractInfoForm.empId = '' |
| | | this.contractInfoForm.archivesNumb = '' |
| | | this.contractInfoForm.deptId = '' |
| | | this.contractInfoForm.deptName = '' |
| | | this.contractInfoForm.empNumb = '' |
| | | this.contractInfoForm.empName = '' |
| | | this.contractInfoForm.sex = '' |
| | | this.contractInfoForm.JobId = '' |
| | | this.contractInfoForm.jobName = '' |
| | | this.contractInfoForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.contractInfoForm.version = '' |
| | | handleContractInfoContinue() { |
| | | this.selectContractInfo() |
| | | }, |
| | | 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.dialogshowArr[3].show = true |
| | | }, |
| | | selectDimissionAttend() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectDimissionAttend() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empDimissionAttend', { ...this.dimissionAttendForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanDimissionAttend() |
| | | this.selectDimissionAttend() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleDimissionAttendSuccess() { |
| | | this.isAdd = true |
| | | this.selectDimissionAttend() |
| | | this.dialogIsShow() |
| | | }, |
| | | putDimissionAttendContinue(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.selectDimissionAttend() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanDimissionAttend() { |
| | | this.dimissionAttendForm.empId = '' |
| | | this.dimissionAttendForm.archivesNumb = '' |
| | | this.dimissionAttendForm.deptId = '' |
| | | this.dimissionAttendForm.deptName = '' |
| | | this.dimissionAttendForm.empNumb = '' |
| | | this.dimissionAttendForm.empName = '' |
| | | this.dimissionAttendForm.sex = '' |
| | | this.dimissionAttendForm.JobId = '' |
| | | this.dimissionAttendForm.jobName = '' |
| | | this.dimissionAttendForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.dimissionAttendForm.version = '' |
| | | this.dimissionAttendForm.remark = '' |
| | | handleDimissionAttendContinue() { |
| | | this.selectDimissionAttend() |
| | | }, |
| | | 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.dialogshowArr[4].show = true |
| | | }, |
| | | selectLeaveInfo() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectLeaveInfo() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empLeaveInfo', { ...this.leaveInfoForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanLeaveInfo() |
| | | this.selectLeaveInfo() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleLeaveInfoSuccess() { |
| | | this.isAdd = true |
| | | this.selectLeaveInfo() |
| | | this.dialogIsShow() |
| | | }, |
| | | putLeaveInfoContinue(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.selectLeaveInfo() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanLeaveInfo() { |
| | | this.leaveInfoForm.empId = '' |
| | | this.leaveInfoForm.archivesNumb = '' |
| | | this.leaveInfoForm.deptId = '' |
| | | this.leaveInfoForm.deptName = '' |
| | | this.leaveInfoForm.empNumb = '' |
| | | this.leaveInfoForm.empName = '' |
| | | this.leaveInfoForm.sex = '' |
| | | this.leaveInfoForm.JobId = '' |
| | | this.leaveInfoForm.jobName = '' |
| | | this.leaveInfoForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.leaveInfoForm.version = '' |
| | | this.leaveInfoForm.remark = '' |
| | | handleLeaveInfoContinue() { |
| | | this.selectLeaveInfo() |
| | | }, |
| | | 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.dialogshowArr[5].show = true |
| | | }, |
| | | selectResign() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectResign() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empResign', { ...this.resignForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanResign() |
| | | this.selectResign() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleResignSuccess() { |
| | | this.isAdd = true |
| | | this.selectResign() |
| | | this.dialogIsShow() |
| | | }, |
| | | putResignContinue(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.selectResign() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanResign() { |
| | | this.resignForm.empId = '' |
| | | this.resignForm.archivesNumb = '' |
| | | this.resignForm.deptId = '' |
| | | this.resignForm.deptName = '' |
| | | this.resignForm.empNumb = '' |
| | | this.resignForm.empName = '' |
| | | this.resignForm.sex = '' |
| | | this.resignForm.JobId = '' |
| | | this.resignForm.jobName = '' |
| | | this.resignForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.resignForm.version = '' |
| | | this.resignForm.remark = '' |
| | | handleResignContinue() { |
| | | this.selectResign() |
| | | }, |
| | | 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.dialogshowArr[6].show = true |
| | | }, |
| | | selectUnemployment() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectUnemployment() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empUnemployment', { ...this.unemploymentForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanUnemployment() |
| | | this.selectUnemployment() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleUnemploymentSuccess() { |
| | | this.isAdd = true |
| | | this.selectUnemployment() |
| | | this.dialogIsShow() |
| | | }, |
| | | putUnemploymentContinue(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.selectUnemployment() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanUnemployment() { |
| | | this.unemploymentForm.empId = '' |
| | | this.unemploymentForm.archivesNumb = '' |
| | | this.unemploymentForm.deptId = '' |
| | | this.unemploymentForm.deptName = '' |
| | | this.unemploymentForm.empNumb = '' |
| | | this.unemploymentForm.empName = '' |
| | | this.unemploymentForm.sex = '' |
| | | this.unemploymentForm.JobId = '' |
| | | this.unemploymentForm.jobName = '' |
| | | this.unemploymentForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.unemploymentForm.version = '' |
| | | handleUnemploymentContinue() { |
| | | this.selectUnemployment() |
| | | }, |
| | | 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.dialogshowArr[7].show = true |
| | | }, |
| | | selectInsurance() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectInsurance() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empInsurance', { ...this.insuranceForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanInsurance() |
| | | this.selectInsurance() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleInsuranceSuccess() { |
| | | this.isAdd = true |
| | | this.selectInsurance() |
| | | this.dialogIsShow() |
| | | }, |
| | | putInsuranceContinue(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.selectInsurance() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanInsurance() { |
| | | this.insuranceForm.empId = '' |
| | | this.insuranceForm.archivesNumb = '' |
| | | this.insuranceForm.deptId = '' |
| | | this.insuranceForm.deptName = '' |
| | | this.insuranceForm.empNumb = '' |
| | | this.insuranceForm.empName = '' |
| | | this.insuranceForm.sex = '' |
| | | this.insuranceForm.JobId = '' |
| | | this.insuranceForm.jobName = '' |
| | | this.insuranceForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.insuranceForm.version = '' |
| | | this.insuranceForm.remark = '' |
| | | handleInsuranceContinue() { |
| | | this.selectInsurance() |
| | | }, |
| | | 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 + '' |
| | | this.insuranceForm.applayStatus = 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.dialogshowArr[8].show = true |
| | | }, |
| | | selectAccidentCases() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectAccidentCases() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanAccidentCases() |
| | | this.selectAccidentCases() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleAccidentCasesSuccess() { |
| | | this.isAdd = true |
| | | this.selectAccidentCases() |
| | | this.dialogIsShow() |
| | | }, |
| | | putAccidentCasesContinue(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.selectAccidentCases() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanAccidentCases() { |
| | | this.accidentCasesForm.empId = '' |
| | | this.accidentCasesForm.archivesNumb = '' |
| | | this.accidentCasesForm.deptId = '' |
| | | this.accidentCasesForm.deptName = '' |
| | | this.accidentCasesForm.empNumb = '' |
| | | this.accidentCasesForm.empName = '' |
| | | this.accidentCasesForm.sex = '' |
| | | this.accidentCasesForm.JobId = '' |
| | | this.accidentCasesForm.jobName = '' |
| | | this.accidentCasesForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.accidentCasesForm.version = '' |
| | | handleAccidentCasesContinue() { |
| | | this.selectAccidentCases() |
| | | }, |
| | | 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.dialogshowArr[9].show = true |
| | | }, |
| | | selectOccupational() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectOccupational() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empOccupational', { ...this.occupationalForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanOccupational() |
| | | this.selectOccupational() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleOccupationalSuccess() { |
| | | this.isAdd = true |
| | | this.selectOccupational() |
| | | this.dialogIsShow() |
| | | }, |
| | | putOccupationalContinue(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.selectOccupational() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanOccupational() { |
| | | this.occupationalForm.empId = '' |
| | | this.occupationalForm.archivesNumb = '' |
| | | this.occupationalForm.deptId = '' |
| | | this.occupationalForm.deptName = '' |
| | | this.occupationalForm.empNumb = '' |
| | | this.occupationalForm.empName = '' |
| | | this.occupationalForm.sex = '' |
| | | this.occupationalForm.JobId = '' |
| | | this.occupationalForm.jobName = '' |
| | | this.occupationalForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.occupationalForm.version = '' |
| | | this.occupationalForm.remark = '' |
| | | handleOccupationalContinue() { |
| | | this.selectOccupational() |
| | | }, |
| | | 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.dialogshowArr[10].show = true |
| | | }, |
| | | selectLaborTrouble() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | arbitrationPayChange(e) { |
| | | this.laborTroubleForm.arbitrationPay = e.target.value |
| | | handleLaborTroubleSuccess() { |
| | | this.isAdd = true |
| | | this.selectLaborTrouble() |
| | | this.dialogIsShow() |
| | | }, |
| | | 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.selectLaborTrouble() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanLaborTrouble() |
| | | this.selectLaborTrouble() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | }, |
| | | putLaborTroubleContinue(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.selectLaborTrouble() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanLaborTrouble() { |
| | | this.laborTroubleForm.empId = '' |
| | | this.laborTroubleForm.archivesNumb = '' |
| | | this.laborTroubleForm.deptId = '' |
| | | this.laborTroubleForm.deptName = '' |
| | | this.laborTroubleForm.empNumb = '' |
| | | this.laborTroubleForm.empName = '' |
| | | this.laborTroubleForm.sex = '' |
| | | this.laborTroubleForm.JobId = '' |
| | | this.laborTroubleForm.jobName = '' |
| | | this.laborTroubleForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.laborTroubleForm.version = '' |
| | | this.laborTroubleForm.remark = '' |
| | | handleLaborTroubleContinue() { |
| | | this.selectLaborTrouble() |
| | | }, |
| | | 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.dialogshowArr[11].show = true |
| | | }, |
| | | selectBadRecord() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | cleanBadRecord() { |
| | | this.badRecordForm.empId = '' |
| | | this.badRecordForm.archivesNumb = '' |
| | | this.badRecordForm.deptId = '' |
| | | this.badRecordForm.deptName = '' |
| | | this.badRecordForm.empNumb = '' |
| | | this.badRecordForm.empName = '' |
| | | this.badRecordForm.sex = '' |
| | | this.badRecordForm.JobId = '' |
| | | this.badRecordForm.jobName = '' |
| | | this.badRecordForm.certificateNumb = '' |
| | | 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.delFlag = '' |
| | | this.badRecordForm.version = '' |
| | | this.badRecordForm.remark = '' |
| | | handleBadRecordSuccess() { |
| | | this.isAdd = true |
| | | this.selectBadRecord() |
| | | this.dialogIsShow() |
| | | }, |
| | | 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.selectBadRecord() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empBadRecord', { ...this.badRecordForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanBadRecord() |
| | | this.selectBadRecord() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | }, |
| | | putBadRecordContinue(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.selectBadRecord() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | handleBadRecordContinue() { |
| | | this.selectBadRecord() |
| | | }, |
| | | 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.dialogshowArr[12].show = true |
| | | }, |
| | | selectRemarkInfo() { |
| | |
| | | this.queryParams.delFlag = 2 |
| | | this.search() |
| | | }, |
| | | 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.selectRemarkInfo() |
| | | }) |
| | | } else { |
| | | this.$put('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => { |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | | }) |
| | | this.$emit('success') |
| | | this.cleanRemarkInfo() |
| | | this.selectRemarkInfo() |
| | | }) |
| | | } |
| | | this.dialogIsShow() |
| | | } |
| | | }) |
| | | handleRemarkInfoSuccess() { |
| | | this.isAdd = true |
| | | this.selectRemarkInfo() |
| | | this.dialogIsShow() |
| | | }, |
| | | putRemarkInfoContinue(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.selectRemarkInfo() |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | cleanRemarkInfo() { |
| | | this.remarkInfoForm.empId = '' |
| | | this.remarkInfoForm.archivesNumb = '' |
| | | this.remarkInfoForm.deptId = '' |
| | | this.remarkInfoForm.deptName = '' |
| | | this.remarkInfoForm.empNumb = '' |
| | | this.remarkInfoForm.empName = '' |
| | | this.remarkInfoForm.sex = '' |
| | | this.remarkInfoForm.JobId = '' |
| | | this.remarkInfoForm.jobName = '' |
| | | this.remarkInfoForm.certificateNumb = '' |
| | | this.remarkInfoForm.remarkId = '' |
| | | this.remarkInfoForm.remarkContent = '' |
| | | this.remarkInfoForm.remarkDate = '' |
| | | this.remarkInfoForm.createTime = '' |
| | | this.remarkInfoForm.creator = '' |
| | | this.remarkInfoForm.modifyTime = '' |
| | | this.remarkInfoForm.modifier = '' |
| | | this.remarkInfoForm.delFlag = '' |
| | | this.remarkInfoForm.version = '' |
| | | handleRemarkInfoContinue() { |
| | | this.selectRemarkInfo() |
| | | }, |
| | | 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.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.dialogshowArr[13].show = true |
| | | }, |
| | | showXzyg() { |
| | |
| | | var data = users[i] |
| | | switch (this.thisShowIndex) { |
| | | case 1: |
| | | this.inputForName = 'workExperienceForm' |
| | | this.workExperienceEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 2: |
| | | this.inputForName = 'physicalExamForm' |
| | | this.physicalExamEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 3: |
| | | this.inputForName = 'contractInfoForm' |
| | | this.contractInfoEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 4: |
| | | this.inputForName = 'dimissionAttendForm' |
| | | this.dimissionAttendEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 5: |
| | | this.inputForName = 'leaveInfoForm' |
| | | this.leaveInfoEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 6: |
| | | this.inputForName = 'resignForm' |
| | | this.resignEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 7: |
| | | this.inputForName = 'unemploymentForm' |
| | | this.unemploymentEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 8: |
| | | this.inputForName = 'insuranceForm' |
| | | this.socialSecurityEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 9: |
| | | this.inputForName = 'accidentCasesForm' |
| | | this.accidentInsuranceEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 10: |
| | | this.inputForName = 'occupationalForm' |
| | | this.workInjuryEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 11: |
| | | this.inputForName = 'laborTroubleForm' |
| | | this.arbitrationEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 12: |
| | | this.inputForName = 'badRecordForm' |
| | | this.badRecordEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | case 13: |
| | | this.inputForName = 'remarkInfoForm' |
| | | this.remarkEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' } |
| | | break |
| | | } |
| | | this[this.inputForName].empId = data.empId |
| | | this[this.inputForName].empName = data.empName |
| | | this[this.inputForName].empNumb = data.empNumb |
| | | this[this.inputForName].certificateNumb = data.certificateNumb |
| | | this[this.inputForName].deptId = data.deptId |
| | | this[this.inputForName].deptName = data.deptName |
| | | this[this.inputForName].JobId = data.jobId |
| | | this[this.inputForName].jobName = data.jobName |
| | | this[this.inputForName].sex = data.sex === '1' ? '男' : '女' |
| | | this[this.inputForName].sexName = data.sex === '1' ? '男' : '女' |
| | | if (this.thisShowIndex >= 7 && this.thisShowIndex <= 13) { |
| | | // case 7-13 已在 switch 中直接设置 editData,此处无需额外操作 |
| | | } |
| | | } |
| | | this.dialogShowXzyg = false |
| | | }, |
| | |
| | | }, jobNameSelect(item) { |
| | | this.empBaseInfoForm.jobName = item.value |
| | | this.empBaseInfoForm.JobId = item.code |
| | | }, DeptNameSelect(val) { |
| | | this.empBaseInfoForm.deptId = val.deptId |
| | | this.empBaseInfoForm.deptName = val.label |
| | | this.empBaseInfoForm.allDeptName = val.allDeptName |
| | | }, |
| | | generateUserInfo(index, val) { |
| | | var userinfo = toCardGetUserInfo(val) |
| | |
| | | case '5': |
| | | return '(非深户)四险一档' |
| | | } |
| | | }, |
| | | changeSort(val) { |
| | | this.sort.field = val.prop |
| | | this.sort.order = val.order |
| | | this.search() |
| | | } |
| | | } |
| | | } |
| | |
| | | .el-date-editor.el-input__inner { |
| | | width: 100%; |
| | | } |
| | | |
| | | /* 头像上传相关样式 */ |
| | | .avatar-wrapper { |
| | | width: 178px; |
| | | height: 178px; |
| | | border: 1px dashed #d9d9d9; |
| | | border-radius: 6px; |
| | | cursor: pointer; |
| | | position: relative; |
| | | overflow: hidden; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .avatar-wrapper:hover { |
| | | border-color: #409EFF; |
| | | } |
| | | |
| | | .avatar { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: block; |
| | | object-fit: cover; |
| | | } |
| | | |
| | | .avatar-uploader-placeholder { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | color: #8c939d; |
| | | } |
| | | |
| | | .avatar-uploader-icon { |
| | | font-size: 28px; |
| | | color: #8c939d; |
| | | margin-bottom: 8px; |
| | | } |
| | | |
| | | .upload-tip { |
| | | font-size: 12px; |
| | | color: #8c939d; |
| | | } |
| | | |
| | | /* 上传方式选择容器 */ |
| | | .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 { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | background-color: #000; |
| | | min-height: 360px; |
| | | } |
| | | |
| | | .camera-video { |
| | | width: 100%; |
| | | max-width: 640px; |
| | | height: auto; |
| | | } |
| | | |
| | | .captured-image { |
| | | max-width: 100%; |
| | | max-height: 480px; |
| | | } |
| | | </style> |
| | | |
| | | <style lang="scss"> |