<template>
|
<div>
|
<el-container>
|
<el-aside width="200px">
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[0].show,0)">
|
基本信息
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[1].show,1)">
|
工作经历
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[2].show,2)">
|
体检信息
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[3].show,3)">
|
合同信息
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[4].show,4)">
|
考勤情况
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[5].show,5)">
|
请假记录
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[6].show,6)">
|
辞职申请
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[7].show,7)">
|
失业金领取
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[8].show,8)">
|
社保申请
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[9].show,9)">
|
意外险案件
|
</el-card>
|
|
</el-aside>
|
<el-main>
|
<el-row>
|
<el-col span="24"> <el-button type="success" @click.native="dialogIsShow()">新增</el-button>
|
<el-button type="info">删除</el-button><el-button type="primary">导入员工信息</el-button></el-col>
|
</el-row>
|
<el-table
|
v-show="showArr[0].show"
|
:data="basicInformationData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="deptName"
|
label="所属部门"
|
/>
|
<el-table-column
|
prop="jobName"
|
label="岗位"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
/>
|
<el-table-column
|
prop="national"
|
label="民族"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="marriage"
|
label="婚姻状况"
|
/>
|
<el-table-column
|
prop="schooling"
|
label="最高学历"
|
width="180"
|
/>
|
<el-table-column
|
prop="entryDate"
|
label="入职日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="insuranceType"
|
label="保险类型"
|
width="180"
|
/>
|
<el-table-column
|
prop="equipmentComputerNo"
|
label="设备电脑号"
|
width="180"
|
/>
|
<el-table-column
|
prop="securityIDNo"
|
label="保安员证号"
|
width="180"
|
/>
|
<el-table-column
|
prop="archivesNumber"
|
label="档案编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="archives"
|
label="档案情况"
|
width="180"
|
/>
|
</el-table>
|
<el-table
|
v-show="showArr[1].show"
|
:data="jobContentData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="startDate"
|
label="开始时间"
|
width="180"
|
/>
|
<el-table-column
|
prop="endDate"
|
label="结束时间"
|
width="180"
|
/>
|
<el-table-column
|
prop="jobContent"
|
label="主要工作内容"
|
width="300"
|
/>
|
</el-table>
|
<el-table
|
v-show="showArr[2].show"
|
:data="physicalData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="hospital"
|
label="体检医院"
|
width="180"
|
/>
|
<el-table-column
|
prop="physicalDate"
|
label="体检日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="physicalType"
|
label="体检类型"
|
width="180"
|
/>
|
<el-table-column
|
prop="bloodPressure"
|
label="血压"
|
width="180"
|
/>
|
<el-table-column
|
prop="transaminase"
|
label="转氨酶"
|
width="180"
|
/>
|
<el-table-column
|
prop="ecg"
|
label="心电图"
|
width="180"
|
/>
|
<el-table-column
|
prop="conclusion"
|
label="体检结论"
|
width="180"
|
/>
|
<el-table-column
|
prop="reviewRecords"
|
label="复查记录"
|
width="180"
|
/>
|
<el-table-column
|
prop="remark"
|
label="备注"
|
width="240"
|
/>
|
|
</el-table>
|
<el-table
|
v-show="showArr[3].show"
|
:data="contractData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="deptName"
|
label="所属部门"
|
width="180"
|
/>
|
<el-table-column
|
prop="contractStartDate"
|
label="合同开始日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="contractEndDate"
|
label="合同结束日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="contractYear"
|
label="合同期限（年）"
|
width="180"
|
/>
|
<el-table-column
|
prop="contractStatus"
|
label="合同状态"
|
width="180"
|
/>
|
<el-table-column
|
prop="contractTransactor"
|
label="合同办理人"
|
width="180"
|
/>
|
<el-table-column
|
prop="contractDate"
|
label="合同签订日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="remark"
|
label="备注"
|
width="180"
|
/>
|
|
</el-table>
|
<el-table
|
v-show="showArr[4].show"
|
:data="attendanceData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="deptName"
|
label="所属部门"
|
width="180"
|
/>
|
<el-table-column
|
prop="attendanceMonth"
|
label="离职考勤月份"
|
width="180"
|
/>
|
<el-table-column
|
prop="attendanceDay"
|
label="出勤天数"
|
width="180"
|
/>
|
<el-table-column
|
prop="overtimeDay"
|
label="加班（天）"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="overtimeHour"
|
label="加班（小时）"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="charge"
|
label="有无代扣款项"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="leaveDay"
|
label="请假（天）"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="absenteeismDay"
|
label="旷工（天）"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="remark"
|
label="备注"
|
width="180"
|
/>
|
|
</el-table>
|
<el-table
|
v-show="showArr[5].show"
|
:data="leaveData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="deptName"
|
label="所属部门"
|
width="180"
|
/>
|
<el-table-column
|
prop="leaveStartDate"
|
label="请假开始时间"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="leaveEndDate"
|
label="请假结束时间"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="leaveDay"
|
label="请假天数"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="leaveType"
|
label="请假类型"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="comeDate"
|
label="到岗时间"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="report"
|
label="报备人"
|
width="180"
|
/>
|
|
<el-table-column
|
prop="remark"
|
label="备注"
|
width="180"
|
/>
|
|
</el-table>
|
<el-table
|
v-show="showArr[6].show"
|
:data="resignData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="deptName"
|
label="所属部门"
|
width="180"
|
/>
|
<el-table-column
|
prop="resignDate"
|
label="辞职申请日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="resign"
|
label="辞职事由"
|
width="180"
|
/>
|
<el-table-column
|
prop="report"
|
label="汇报人"
|
width="180"
|
/>
|
<el-table-column
|
prop="remark"
|
label="备注"
|
width="180"
|
/>
|
</el-table>
|
<el-table
|
v-show="showArr[7].show"
|
:data="unemploymentData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="deptName"
|
label="所属部门"
|
width="180"
|
/>
|
<el-table-column
|
prop="unemploymentDate"
|
label="失业金申请日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="declareReason"
|
label="申报事由"
|
width="180"
|
/>
|
<el-table-column
|
prop="report"
|
label="汇报人"
|
width="180"
|
/>
|
<el-table-column
|
prop="auditor"
|
label="审核人"
|
width="180"
|
/>
|
<el-table-column
|
prop="remark"
|
label="备注"
|
width="180"
|
/>
|
</el-table>
|
<el-table
|
v-show="showArr[8].show"
|
:data="socialSecurityData"
|
style="width: 100%"
|
>
|
<el-table-column
|
fixed="left"
|
label="操作"
|
width="100"
|
>
|
<template>
|
<el-button type="text" size="small">编辑</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="userNumb"
|
label="员工编号"
|
width="180"
|
/>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="180"
|
/>
|
<el-table-column
|
prop="sex"
|
label="性别"
|
width="180"
|
/>
|
<el-table-column
|
prop="idNumber"
|
label="身份证号码"
|
width="180"
|
/>
|
<el-table-column
|
prop="deptName"
|
label="所属部门"
|
width="180"
|
/>
|
<el-table-column
|
prop="socialSecurityDate"
|
label="社保申请日期"
|
width="180"
|
/>
|
<el-table-column
|
prop="proposer"
|
label="申请人"
|
width="180"
|
/>
|
<el-table-column
|
prop="socialSecurityLevel"
|
label="社保档位"
|
width="180"
|
/>
|
<el-table-column
|
prop="isReport "
|
label="是否已报告"
|
width="180"
|
/>
|
<el-table-column
|
prop="status"
|
label="状态"
|
width="180"
|
/>
|
<el-table-column
|
prop="auditor"
|
label="审核人"
|
width="180"
|
/>
|
<el-table-column
|
prop="remark"
|
label="备注"
|
width="280"
|
/>
|
</el-table>
|
<el-table v-show="showArr[9].show" :data="data1" style="width: 100%">
|
|
<el-table-column prop="prop2" label="所属部门" width="180" />
|
<el-table-column prop="prop3" label="员工编号" width="180" />
|
<el-table-column prop="prop4" label="姓名" width="180" />
|
<el-table-column prop="prop5" label="身份证号码" width="180" />
|
<el-table-column prop="prop6" label="受伤时间" width="180" />
|
<el-table-column prop="prop7" label="受伤地点" width="180" />
|
<el-table-column prop="prop8" label="受伤部位" width="180" />
|
<el-table-column prop="prop9" label="受伤经过描述" width="180" />
|
<el-table-column prop="prop10" label="意外险诊断" width="180" />
|
<el-table-column prop="prop11" label="就诊医院" width="180" />
|
<el-table-column prop="prop12" label="就诊科室" width="180" />
|
<el-table-column prop="prop13" label="是否住院" width="180" />
|
<el-table-column prop="prop14" label="床号" width="180" />
|
<el-table-column prop="prop15" label="报案时间" width="180" />
|
<el-table-column prop="prop16" label="递交资料时间" width="180" />
|
<el-table-column prop="prop17" label="递交人" width="180" />
|
<el-table-column prop="prop18" label="医疗总费用" width="180" />
|
<el-table-column prop="prop19" label="保险赔付费用" width="180" />
|
<el-table-column prop="prop20" label="保单号" width="180" />
|
<el-table-column prop="prop21" label="人事处理时间" width="180" />
|
<el-table-column prop="prop22" label="状态" width="180" />
|
<el-table-column prop="prop23" label="案结时间" width="180" />
|
</el-table>
|
<el-row>
|
<el-col span="24" class="button-from"> <el-button type="info">提交</el-button>
|
<el-button type="warning">暂存</el-button>
|
<el-button type="danger">取消</el-button> </el-col>
|
</el-row>
|
</el-main>
|
</el-container>
|
<el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%">
|
<el-form :model="baseicInformationForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="档案号">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="员工编号">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="性别" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择性别">
|
<el-option label="男" value="1" />
|
<el-option label="女" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="员工类型" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择员工类型">
|
<el-option label="正式工" value="1" />
|
<el-option label="临时工" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="民族" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择民族">
|
<el-option label="汉族" value="1" />
|
<el-option label="维吾尔族" value="2" />
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="婚姻状态" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择婚姻状态">
|
<el-option label="未婚" value="1" />
|
<el-option label="已婚" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="身高">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
|
<el-form-item label="政治面貌" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择政治面貌">
|
<el-option label="党员" value="1" />
|
<el-option label="团员" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="最高学历" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择最高学历">
|
<el-option label="本科" value="1" />
|
<el-option label="专科" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="籍贯" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择籍贯">
|
<el-option label="湖南" value="1" />
|
<el-option label="湖北" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="现住址">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="电话号码">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="招聘介绍人">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="银行名称">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="保险类型" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择保险类型">
|
<el-option label="（深户）五险一档" value="1" />
|
<el-option label="（非深户）五险一档" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="家庭成员及关系">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="紧急联系电话">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="所属部门">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="姓名">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="所属岗位">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证有效期">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="年龄">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="出生日期">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="入职日期">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="入司工龄">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="户籍地址">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="保安员证号">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="保安员回执">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="档案情况" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择档案情况">
|
<el-option label="未移交" value="1" />
|
<el-option label="已移交" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="银行账号">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="社保电脑号">
|
<el-input v-model="baseicInformationForm.name" />
|
</el-form-item>
|
<el-form-item label="员工手册" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择员工手册">
|
<el-option label="未发" value="1" />
|
<el-option label="已发" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="工作证" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择工作证">
|
<el-option label="未发" value="1" />
|
<el-option label="已发" value="2" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row> <el-col span="24"> <el-form-item label="相关证件" prop="region">
|
<el-select v-model="baseicInformationForm.name" placeholder="请选择相关证件">
|
<el-option label="高中毕业证" value="1" />
|
<el-option label="专科毕业证" value="2" />
|
<el-option label="本科毕业证" value="3" />
|
</el-select>
|
</el-form-item> </el-col></el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="工作经历" :visible.sync="dialogshowArr[1].show" width="50%">
|
<el-form :model="jobContentForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="jobContentForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="jobContentForm.name" />
|
</el-form-item>
|
<el-form-item label="开始时间">
|
<el-date-picker
|
v-model="jobContentForm.name"
|
type="date"
|
placeholder="选择日期"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="jobContentForm.name" />
|
</el-form-item>
|
<el-form-item label="性别" prop="region">
|
<el-select v-model="jobContentForm.name" placeholder="请选择性别">
|
<el-option label="男" value="1" />
|
<el-option label="女" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="结束时间">
|
<el-date-picker
|
v-model="jobContentForm.name"
|
type="date"
|
placeholder="选择日期"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row> <el-col span="24">
|
<el-form-item label="工作单位">
|
<el-input v-model="jobContentForm.name" />
|
</el-form-item>
|
</el-col></el-row>
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="主要工作内容">
|
<el-input v-model="jobContentForm.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="体检信息" :visible.sync="dialogshowArr[2].show" width="50%">
|
<el-form :model="physicalForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
<el-form-item label="体检医院">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
<el-form-item label="体检类型" prop="region">
|
<el-select v-model="physicalForm.name" placeholder="请选择体检类型">
|
<el-option label="普通体检" value="1" />
|
<el-option label="员工体检" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="转氨酶">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
<el-form-item label="性别" prop="region">
|
<el-select v-model="physicalForm.name" placeholder="请选择性别">
|
<el-option label="男" value="1" />
|
<el-option label="女" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="体检日期">
|
<el-date-picker
|
v-model="physicalForm.name"
|
type="date"
|
placeholder="选择体检日期"
|
/>
|
</el-form-item>
|
<el-form-item label="血压">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
<el-form-item label="心电图" prop="region">
|
<el-select v-model="physicalForm.name" placeholder="请选择心电图">
|
<el-option label="正常" value="1" />
|
<el-option label="异常" value="2" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row> <el-col span="24">
|
<el-form-item label="体检结论">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
<el-form-item label="复查记录">
|
<el-input v-model="physicalForm.name" />
|
</el-form-item>
|
</el-col></el-row>
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="备注">
|
<el-input v-model="physicalForm.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="合同信息" :visible.sync="dialogshowArr[3].show" width="50%">
|
<el-form :model="contractData" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="contractData.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="contractData.name" />
|
</el-form-item>
|
<el-form-item label="合同开始时间">
|
<el-date-picker
|
v-model="contractData.name"
|
type="date"
|
placeholder="选择日期"
|
/>
|
</el-form-item>
|
<el-form-item label="合同状态" prop="region">
|
<el-select v-model="contractData.name" placeholder="请选择合同状态">
|
<el-option label="新签" value="1" />
|
<el-option label="老签" value="2" />
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="合同办理人">
|
<el-input v-model="contractData.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="contractData.name" />
|
</el-form-item>
|
<el-form-item label="所属部门">
|
<el-input v-model="contractData.name" />
|
</el-form-item>
|
<el-form-item label="合同结束时间">
|
<el-date-picker
|
v-model="contractData.name"
|
type="date"
|
placeholder="选择日期"
|
/>
|
</el-form-item>
|
<el-form-item label="合同期限（年）">
|
<el-input v-model="contractData.name" />
|
</el-form-item>
|
<el-form-item label="合同签订日期">
|
<el-date-picker
|
v-model="contractData.name"
|
type="date"
|
placeholder="选择日期"
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="备注">
|
<el-input v-model="contractData.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="离职当月考勤" :visible.sync="dialogshowArr[4].show" width="50%">
|
<el-form :model="attendanceForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
<el-form-item label="离职考勤月份">
|
<el-date-picker
|
v-model="attendanceForm.name"
|
type="month"
|
placeholder="选择考勤月份"
|
/>
|
</el-form-item>
|
|
<el-form-item label="加班（天）">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
|
<el-form-item label="有无代扣款项">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
<el-form-item label="出勤天数">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
|
<el-form-item label="加班（小时）">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
|
<el-form-item label="请假（天）">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
|
<el-form-item label="旷工（天）">
|
<el-input v-model="attendanceForm.name" />
|
</el-form-item>
|
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="备注">
|
<el-input v-model="attendanceForm.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="请假记录" :visible.sync="dialogshowArr[5].show" width="50%">
|
<el-form :model="leaveForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="leaveForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="leaveForm.name" />
|
</el-form-item>
|
<el-form-item label="请假开始时间">
|
<el-date-picker
|
v-model="leaveForm.name"
|
type="date"
|
placeholder="选择请假开始时间"
|
/>
|
</el-form-item>
|
|
<el-form-item label="请假类型" prop="region">
|
<el-select v-model="contractData.name" placeholder="请选择请假类型">
|
<el-option label="事假" value="1" />
|
<el-option label="病假" value="2" />
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="报备人">
|
<el-input v-model="leaveForm.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="leaveForm.name" />
|
</el-form-item>
|
<el-form-item label="所属部门">
|
<el-input v-model="leaveForm.name" />
|
</el-form-item>
|
<el-form-item label="请假结束时间">
|
<el-date-picker
|
v-model="leaveForm.name"
|
type="date"
|
placeholder="选择请假结束时间"
|
/>
|
</el-form-item>
|
|
<el-form-item label="请假天数">
|
<el-input v-model="leaveForm.name" />
|
</el-form-item>
|
|
<el-form-item label="到岗时间">
|
<el-date-picker
|
v-model="leaveForm.name"
|
type="date"
|
placeholder="选择到岗时间"
|
/>
|
</el-form-item>
|
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="备注">
|
<el-input v-model="leaveForm.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="辞职申请" :visible.sync="dialogshowArr[6].show" width="50%">
|
<el-form :model="resignForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="resignForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="resignForm.name" />
|
</el-form-item>
|
<el-form-item label="辞职申请日期">
|
<el-date-picker
|
v-model="resignForm.name"
|
type="date"
|
placeholder="选择辞职申请日期"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="resignForm.name" />
|
</el-form-item>
|
<el-form-item label="所属部门">
|
<el-input v-model="resignForm.name" />
|
</el-form-item>
|
<el-form-item label="报备人">
|
<el-input v-model="resignForm.name" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row><el-col span="24">
|
<el-form-item label="辞职事由">
|
<el-input v-model="resignForm.name" />
|
</el-form-item>
|
</el-col> </el-row>
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="备注">
|
<el-input v-model="resignForm.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="失业金领取" :visible.sync="dialogshowArr[7].show" width="50%">
|
<el-form :model="unemploymentForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="unemploymentForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="unemploymentForm.name" />
|
</el-form-item>
|
<el-form-item label="失业金申请日期">
|
<el-date-picker
|
v-model="unemploymentForm.name"
|
type="date"
|
placeholder="选择失业金申请日期"
|
/>
|
</el-form-item>
|
<el-form-item label="申报事由">
|
<el-input v-model="unemploymentForm.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="unemploymentForm.name" />
|
</el-form-item>
|
<el-form-item label="所属部门">
|
<el-input v-model="unemploymentForm.name" />
|
</el-form-item>
|
<el-form-item label="汇报人">
|
<el-input v-model="unemploymentForm.name" />
|
</el-form-item>
|
<el-form-item label="审批人">
|
<el-input v-model="unemploymentForm.name" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="备注">
|
<el-input v-model="unemploymentForm.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="社保申请" :visible.sync="dialogshowArr[8].show" width="50%">
|
<el-form :model="socialSecurityForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="员工编号">
|
<el-input v-model="socialSecurityForm.name" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input v-model="socialSecurityForm.name" />
|
</el-form-item>
|
<el-form-item label="社保申请日期">
|
<el-date-picker
|
v-model="socialSecurityForm.name"
|
type="date"
|
placeholder="选择社保申请日期"
|
/>
|
</el-form-item>
|
<el-form-item label="社保档位">
|
<el-input v-model="socialSecurityForm.name" />
|
</el-form-item>
|
<el-form-item label="状态" prop="region">
|
<el-select v-model="contractData.name" placeholder="请选择状态">
|
<el-option label="未申请" value="1" />
|
<el-option label="已申请" value="2" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名">
|
<el-input v-model="socialSecurityForm.name" />
|
</el-form-item>
|
<el-form-item label="所属部门">
|
<el-input v-model="socialSecurityForm.name" />
|
</el-form-item>
|
<el-form-item label="申请人">
|
<el-input v-model="socialSecurityForm.name" />
|
</el-form-item>
|
<el-form-item label="是否已经报告" prop="region">
|
<el-select v-model="contractData.name" placeholder="是否已经报告">
|
<el-option label="未报告" value="1" />
|
<el-option label="已报告" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="审批人">
|
<el-input v-model="socialSecurityForm.name" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="备注">
|
<el-input v-model="socialSecurityForm.name" type="textarea" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
export default {
|
data() {
|
return {
|
formLabelWidth: '120px',
|
thisShowIndex: 0,
|
dialogshowArr: [{ show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }],
|
// eslint-disable-next-line no-undef
|
showArr: [{ show: true }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }],
|
physicalData: [{
|
name: '王小虎',
|
userNumb: '12321222',
|
sex: '女',
|
idNumber: '430422199823222222',
|
hospital: '宝安中心医院',
|
physicalDate: '2020-01-01',
|
physicalType: '员工体检',
|
bloodPressure: '80/120',
|
transaminase: '85',
|
ecg: '正常',
|
conclusion: '血压偏高',
|
reviewRecords: '2019-02-05',
|
remark: ''
|
}, {
|
name: '王小虎',
|
userNumb: '12321222',
|
sex: '女',
|
idNumber: '430422199823222222',
|
hospital: '宝安中心医院',
|
physicalDate: '2020-01-01',
|
physicalType: '员工体检',
|
bloodPressure: '80/120',
|
transaminase: '85',
|
ecg: '正常',
|
conclusion: '血压偏高',
|
reviewRecords: '2019-02-05',
|
remark: ''
|
}, {
|
name: '王小虎',
|
userNumb: '12321222',
|
sex: '女',
|
idNumber: '430422199823222222',
|
hospital: '宝安中心医院',
|
physicalDate: '2020-01-01',
|
physicalType: '员工体检',
|
bloodPressure: '80/120',
|
transaminase: '85',
|
ecg: '正常',
|
conclusion: '血压偏高',
|
reviewRecords: '2019-02-05',
|
remark: ''
|
}],
|
jobContentData: [{
|
name: '王小虎',
|
userNumb: '12321222',
|
sex: '女',
|
idNumber: '430422199823222222',
|
startDate: '2020-01-01',
|
endDate: '2020-01-01',
|
jobContent: '深圳市宇川智能系统'
|
}, {
|
name: '王小虎',
|
userNumb: '12321222',
|
sex: '女',
|
idNumber: '430422199823222222',
|
startDate: '2020-01-01',
|
endDate: '2020-01-01',
|
jobContent: '深圳市宇川智能系统'
|
}, {
|
name: '王小虎',
|
userNumb: '12321222',
|
sex: '女',
|
idNumber: '430422199823222222',
|
startDate: '2020-01-01',
|
endDate: '2020-01-01',
|
jobContent: '深圳市宇川智能系统'
|
}],
|
basicInformationData: [{
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
jobName: '开发工程师',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
marriage: '已婚',
|
schooling: '本科',
|
entryDate: '2020-01-12',
|
insuranceType: '社保',
|
equipmentComputerNo: '1231',
|
securityIDNo: '123',
|
archivesNumber: '中保亚太',
|
archives: '已移交'
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
jobName: '开发工程师',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
marriage: '已婚',
|
schooling: '开发工程师',
|
entryDate: '2020-01-12',
|
insuranceType: '社保',
|
equipmentComputerNo: '1231',
|
securityIDNo: '123',
|
archivesNumber: '中保亚太',
|
archives: '已移交'
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
jobName: '开发工程师',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
marriage: '已婚',
|
schooling: '开发工程师',
|
entryDate: '2020-01-12',
|
insuranceType: '社保',
|
equipmentComputerNo: '1231',
|
securityIDNo: '123',
|
archivesNumber: '中保亚太',
|
archives: '已移交'
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
jobName: '开发工程师',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
marriage: '已婚',
|
schooling: '开发工程师',
|
entryDate: '2020-01-12',
|
insuranceType: '社保',
|
equipmentComputerNo: '1231',
|
securityIDNo: '123',
|
archivesNumber: '中保亚太',
|
archives: '已移交'
|
}],
|
contractData: [{
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
contractStartDate: '2020-01-12',
|
contractEndDate: '2020-01-12',
|
contractYear: '10',
|
contractStatus: '正常',
|
contractTransactor: '盘琪',
|
contractDate: '2020-01-12',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
contractStartDate: '2020-01-12',
|
contractEndDate: '2020-01-12',
|
contractYear: '10',
|
contractStatus: '正常',
|
contractTransactor: '盘琪',
|
contractDate: '2020-01-12',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
contractStartDate: '2020-01-12',
|
contractEndDate: '2020-01-12',
|
contractYear: '10',
|
contractStatus: '正常',
|
contractTransactor: '盘琪',
|
contractDate: '2020-01-12',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
contractStartDate: '2020-01-12',
|
contractEndDate: '2020-01-12',
|
contractYear: '10',
|
contractStatus: '正常',
|
contractTransactor: '盘琪',
|
contractDate: '2020-01-12',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
contractStartDate: '2020-01-12',
|
contractEndDate: '2020-01-12',
|
contractYear: '10',
|
contractStatus: '正常',
|
contractTransactor: '盘琪',
|
contractDate: '2020-01-12',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
contractStartDate: '2020-01-12',
|
contractEndDate: '2020-01-12',
|
contractYear: '10',
|
contractStatus: '正常',
|
contractTransactor: '盘琪',
|
contractDate: '2020-01-12',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
national: '汉',
|
idNumber: '430422199823222222',
|
contractStartDate: '2020-01-12',
|
contractEndDate: '2020-01-12',
|
contractYear: '10',
|
contractStatus: '正常',
|
contractTransactor: '盘琪',
|
contractDate: '2020-01-12',
|
remark: ''
|
}],
|
attendanceData: [{
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
attendanceMonth: '2020-01',
|
attendanceDay: '129',
|
overtimeDay: '8',
|
overtimeHour: '150',
|
charge: '有',
|
leaveDay: '1',
|
absenteeismDay: '1',
|
remark: '有'
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
idNumber: '430422199823222222',
|
deptName: '开发部',
|
sex: '女',
|
attendanceMonth: '2020-01',
|
attendanceDay: '129',
|
overtimeDay: '8',
|
overtimeHour: '150',
|
charge: '有',
|
leaveDay: '1',
|
absenteeismDay: '1',
|
remark: '有'
|
}, {
|
userNumb: '12321222',
|
idNumber: '430422199823222222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
attendanceMonth: '2020-01',
|
attendanceDay: '129',
|
overtimeDay: '8',
|
overtimeHour: '150',
|
charge: '有',
|
leaveDay: '1',
|
absenteeismDay: '1',
|
remark: '有'
|
}],
|
leaveData: [{
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
leaveStartDate: '2020-01-01',
|
leaveEndDate: '2020-01-01',
|
leaveDay: '1',
|
leaveType: '病假',
|
comeDate: '2020-01-01',
|
report: '盘琪',
|
remark: '请假按摩'
|
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
leaveStartDate: '2020-01-01',
|
leaveEndDate: '2020-01-01',
|
leaveDay: '1',
|
leaveType: '病假',
|
comeDate: '2020-01-01',
|
report: '盘琪',
|
remark: '请假按摩'
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
leaveStartDate: '2020-01-01',
|
leaveEndDate: '2020-01-01',
|
leaveDay: '1',
|
leaveType: '病假',
|
comeDate: '2020-01-01',
|
report: '盘琪',
|
remark: '请假按摩'
|
}],
|
resignData: [{
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
resignDate: '2020-01',
|
resign: '129',
|
report: '盘琪',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
resignDate: '2020-01',
|
resign: '129',
|
report: '盘琪',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
resignDate: '2020-01',
|
resign: '129',
|
report: '盘琪',
|
remark: ''
|
}],
|
unemploymentData: [{
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
unemploymentDate: '2020-01',
|
declareReason: '被开除了',
|
report: '盘琪',
|
auditor: '冯一',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
unemploymentDate: '2020-01',
|
declareReason: '被开除了',
|
report: '盘琪',
|
auditor: '冯一',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
unemploymentDate: '2020-01',
|
declareReason: '被开除了',
|
report: '盘琪',
|
auditor: '冯一',
|
remark: ''
|
}],
|
socialSecurityData: [{
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
socialSecurityDate: '2020-01-01',
|
socialSecurityLevel: '一档',
|
proposer: '盘琪',
|
auditor: '冯一',
|
isReport: '是',
|
status: '正常',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
socialSecurityDate: '2020-01-01',
|
socialSecurityLevel: '一档',
|
proposer: '盘琪',
|
auditor: '冯一',
|
isReport: '是',
|
status: '正常',
|
remark: ''
|
}, {
|
userNumb: '12321222',
|
name: '王小虎',
|
deptName: '开发部',
|
sex: '女',
|
idNumber: '430422199823222222',
|
socialSecurityDate: '2020-01-01',
|
socialSecurityLevel: '一档',
|
proposer: '盘琪',
|
auditor: '冯一',
|
isReport: '是',
|
status: '正常',
|
remark: ''
|
}],
|
data1: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '510304197402225813', 'prop6': '2020-01-02', 'prop7': '', 'prop8': '', 'prop9': '', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '是', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '41272619740120543X', 'prop6': '2019-02-03', 'prop7': '', 'prop8': '', 'prop9': '家里XXXX有事情需要处理，个人原因申请离职', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '否', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '522528198202071629', 'prop6': '', 'prop7': '', 'prop8': '', 'prop9': '', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }],
|
|
socialSecurityForm: {
|
userNumb: '',
|
name: '',
|
deptName: '',
|
sex: '',
|
idNumber: '',
|
socialSecurityDate: '',
|
socialSecurityLevel: '',
|
proposer: '',
|
auditor: '',
|
isReport: '',
|
status: '',
|
remark: ''
|
},
|
unemploymentForm: {
|
userNumb: '',
|
name: '',
|
deptName: '',
|
sex: '',
|
idNumber: '',
|
unemploymentDate: '',
|
declareReason: '',
|
report: '',
|
auditor: '',
|
remark: ''
|
},
|
resignForm: {
|
userNumb: '',
|
name: '',
|
deptName: '',
|
sex: '',
|
idNumber: '',
|
resignDate: '',
|
resign: '',
|
report: '',
|
remark: ''
|
},
|
leaveForm: {
|
userNumb: '',
|
name: '',
|
deptName: '',
|
sex: '',
|
idNumber: '',
|
leaveStartDate: '',
|
leaveEndDate: '',
|
leaveDay: '',
|
leaveType: '',
|
comeDate: '',
|
report: '',
|
remark: ''
|
},
|
contractForm: {
|
userNumb: '',
|
name: '',
|
deptName: '',
|
sex: '',
|
national: '',
|
idNumber: '',
|
contractStartDate: '',
|
contractEndDate: '',
|
contractYear: '',
|
contractStatus: '',
|
contractTransactor: '',
|
contractDate: '',
|
remark: ''
|
},
|
attendanceForm: {
|
userNumb: '',
|
idNumber: '',
|
name: '',
|
deptName: '',
|
sex: '',
|
attendanceMonth: '',
|
attendanceDay: '',
|
overtimeDay: '',
|
overtimeHour: '',
|
charge: '',
|
leaveDay: '',
|
absenteeismDay: '',
|
remark: ''
|
},
|
physicalForm: {
|
name: '',
|
userNumb: '',
|
sex: '',
|
idNumber: '',
|
hospital: '',
|
physicalDate: '',
|
physicalType: '',
|
bloodPressure: '',
|
transaminase: '',
|
ecg: '',
|
conclusion: '',
|
reviewRecords: '',
|
remark: ''
|
},
|
jobContentForm: {
|
name: '',
|
userNumb: '',
|
sex: '',
|
idNumber: '',
|
startDate: '',
|
endDate: '',
|
jobContent: ''
|
},
|
baseicInformationForm: {
|
userNumb: '',
|
name: '',
|
deptName: '',
|
jobName: '',
|
sex: '',
|
national: '',
|
idNumber: '',
|
marriage: '',
|
schooling: '',
|
entryDate: '',
|
insuranceType: '',
|
equipmentComputerNo: '',
|
securityIDNo: '',
|
archivesNumber: '',
|
archives: ''
|
},
|
tableData: [{
|
date: '2016-05-04',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1517 弄'
|
}, {
|
date: '2016-05-01',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1519 弄'
|
}, {
|
date: '2016-05-03',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1516 弄'
|
}]
|
}
|
},
|
methods: {
|
dialogIsShow() {
|
this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex].show
|
},
|
isShow(tableShow, index) {
|
if (index === this.thisShowIndex) {
|
return
|
}
|
if (tableShow) {
|
this.showArr[index].show = false
|
} else {
|
this.showArr[index].show = true
|
this.showArr[this.thisShowIndex].show = false
|
}
|
this.thisShowIndex = index
|
}
|
}
|
}
|
</script>
|
<style>
|
.button-from{
|
text-align: center;
|
margin-top: 2%;
|
}
|
.el-select{
|
width: 100%;
|
}
|
.el-date-editor.el-input, .el-date-editor.el-input__inner{
|
width: 100%;
|
}
|
.info-card{
|
margin-top: 20px;
|
}
|
.el-header, .el-footer {
|
background-color: #E9EEF3;
|
color: #333;
|
text-align: center;
|
line-height: 60px;
|
}
|
|
.el-aside {
|
background-color: #E9EEF3;
|
color: #333;
|
text-align: center;
|
height: 800px;
|
}
|
|
.el-main {
|
background-color: #E9EEF3;
|
color: #333;
|
height: 800px;
|
}
|
</style>
|
