You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
671 lines
20 KiB
671 lines
20 KiB
<template>
|
|
<div class="app-container">
|
|
<div class="tab-header webtop">
|
|
<div>{{ viewTitle }}</div>
|
|
<div>
|
|
<el-button type="primary" size="small">打印</el-button>
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="listconadd">
|
|
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
|
|
<div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
|
|
<div>客户基础信息</div>
|
|
</div>
|
|
<el-container>
|
|
<el-main>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>工号</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.jobNumber }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>姓名</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.name }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>性别</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.gender }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>出生日期</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.birthday }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>身份证</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.idNo }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>证件有效期</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.idTerm }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>民族</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.national }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>手机号码</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.mobile }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>婚姻状况</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.maritalStatus }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<span>政治面貌</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.poliCode }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-main>
|
|
<el-aside style="width: 25%;margin-top:2%;text-align: center;border-right: 1px solid #e0e3eb">
|
|
<img v-show="temp.photo !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.photo" @click="open(temp.photo)">
|
|
</el-aside>
|
|
</el-container>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>紧急联系人</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{ temp.emergencyContact }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>紧急联系电话</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{ temp.emergencyMobile }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="2" class="spe_style" style="border-top:1px solid #e0e3eb">
|
|
<el-form-item>
|
|
<span>邮箱</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" style="border-top:1px solid #e0e3eb" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.email }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>住址</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="21">
|
|
<el-form-item>
|
|
<span>{{ temp.address }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>籍贯</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="21">
|
|
<el-form-item>
|
|
<span>{{ temp.province + temp.city + temp.county + temp.nativePlace}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
|
|
<div>更多信息</div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">
|
|
<span><span class="icon">*</span>员工类型</span>
|
|
</div>
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="6">-->
|
|
<el-form-item>
|
|
<span class="addinputw02">{{ temp.personType }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<span><span class="icon">*</span>所在部门</span>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{temp.sysStaffOrg.orgName}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style">
|
|
<span><span class="icon">*</span>岗位</span>
|
|
</el-col>
|
|
<el-col :span="6" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.sysStaffPost.name }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">
|
|
<span><span class="icon">*</span>入职日期</span>
|
|
</div>
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="6">-->
|
|
<el-form-item>
|
|
<span class="addinputw02">{{ temp.joinCompnyDate }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<span>试用期</span>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{temp.probPeriod}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style">
|
|
<span>计划转正日期</span>
|
|
</el-col>
|
|
<el-col :span="6" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{temp.plannedConfirmDate}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">
|
|
<span>实际转正日期</span>
|
|
</div>
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="6">-->
|
|
<el-form-item>
|
|
<span class="addinputw02">{{temp.confirmationDate}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<span>开户行</span>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{temp.openBank}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style">
|
|
<span>银行账号</span>
|
|
</el-col>
|
|
<el-col :span="6" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{temp.bankCardNo}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<!-- !!!!各种附件证明图片!!!! -->
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty">
|
|
<span>身份证(人像面)</span>
|
|
</div>
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="6">-->
|
|
<el-form-item>
|
|
<img class="addinputw02" v-show="temp.idCardA !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.idCardA" @click="open(temp.idCardA)">
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>身份证(国徽面)</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<img v-show="temp.idCardB !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.idCardB" @click="open(temp.idCardB)">
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style">
|
|
<el-form-item>
|
|
<span>前公司离职证明</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6" class="spe_style02">
|
|
<el-form-item>
|
|
<img v-show="temp.leaveCertificate !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.leaveCertificate" @click="open(temp.leaveCertificate)">
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
|
|
<div>学历/技能信息</div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>毕业院校</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{ temp.graduate }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>学历/专业</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{ temp.education }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="2" class="spe_style">
|
|
<el-form-item>
|
|
<span>职称</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.title }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>资格认证</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<span>{{ temp.qualification }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>驾照类型</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item>
|
|
<span>{{ temp.licenseType }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>学历证书</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<img v-show="temp.diploma !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.diploma" @click="open(temp.diploma)">
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>学位证书</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<img v-show="temp.degreeCertificate !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.degreeCertificate" @click="open(temp.degreeCertificate)">
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
|
|
<div>社保信息</div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>意外险参保</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.isHaveInsuranceValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>意外险参保地</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.insuranceAddr }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>意外险参保时间</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.insuranceStartDate }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>意外险终止时间</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.insuranceEndDate }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>养老</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.isHaveAgedValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>医疗/生育</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.isHaveMedicalValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>工伤</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.isHaveInjuryValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>失业</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.isHaveUnemployValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>社保参保地</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="9" class="spe_style02">
|
|
<el-form-item>
|
|
<span>{{ temp.insuredPlace }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>纸质档案保管地</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<el-form-item>
|
|
<span>{{ temp.paperPlace }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
|
|
<div>合同信息</div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<span>合同起止日期</span>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<el-form-item prop="contractStartDate">
|
|
<span>{{temp.contractStartDate}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<span>合同结束日期</span>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<el-form-item prop="contractEndDate">
|
|
<span>{{temp.contractEndDate}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<!-- <div v-show="isQuit == true"> -->
|
|
<div v-show="isQuit">
|
|
<div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
|
|
<div>离职信息</div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>离职日期</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<el-form-item>
|
|
<span>{{ temp.quitDate }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-form-item>
|
|
<span>离职理由</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="9">
|
|
<el-form-item>
|
|
<span>{{ temp.quitReason }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
<!--End 添加修改部分-->
|
|
<el-dialog :visible.sync="dialogVisible">
|
|
<img width="100%" :src="dialogUrl" alt="">
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import req from '@/api/management/yuangongguanli'
|
|
|
|
export default {
|
|
name: 'yuangongInfo',
|
|
data() {
|
|
return {
|
|
viewTitle: '',
|
|
dialogStatus: '',
|
|
dialogVisible: false,
|
|
dialogUrl: '',
|
|
index: 0,
|
|
isQuit: false,
|
|
temp: {
|
|
sid: '', // 一条数据的sid
|
|
sysStaffOrg: {
|
|
orgName: ''
|
|
}, // 部门信息
|
|
sysStaffPost: {} // 岗位信息
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
handleReturn() {
|
|
this.temp = {
|
|
sid: '', // 一条数据的sid
|
|
sysStaffOrg: {
|
|
orgName: ''
|
|
}, // 部门信息
|
|
sysStaffPost: {} // 岗位信息
|
|
}
|
|
this.$emit('doback')
|
|
},
|
|
showInfo(sid, row) {
|
|
this.$nextTick(() => {
|
|
this.$refs['dataForm'].clearValidate()
|
|
})
|
|
this.dialogStatus = 'edit'
|
|
this.viewTitle = '员工信息详情'
|
|
req.fetchBySid(sid).then((resp) => {
|
|
const data = resp.data
|
|
this.sid = sid
|
|
this.temp = data
|
|
if (this.temp.personType === '全职') {
|
|
this.isQuit = false
|
|
} else {
|
|
this.isQuit = true
|
|
}
|
|
data.isHaveAged = this.temp.isHaveAged
|
|
console.log('编辑回显出的数据', this.temp)
|
|
}).catch((e) => {
|
|
this.temp = row
|
|
})
|
|
},
|
|
open(val) {
|
|
this.dialogVisible = true
|
|
this.dialogUrl = val
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
/deep/ .el-main {
|
|
padding: 0;
|
|
}
|
|
/deep/ .el-form-item__content {
|
|
margin-left: 0 !important;
|
|
}
|
|
.icon {
|
|
color: #e84026;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
/deep/.el-col-3,.el-col-4 {
|
|
text-align: right;
|
|
float: left;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
line-height: 40px !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.formadd {
|
|
margin: 0 2%;
|
|
}
|
|
|
|
.spe_style {
|
|
text-align: right;
|
|
float: left;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
line-height: 40px !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.spe_style02 {
|
|
text-align: left;
|
|
}
|
|
|
|
.span-sty {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
line-height: 50px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
font-weight: 600;
|
|
width: 110px;
|
|
padding-right: 5px;
|
|
border-right: 1px solid #e0e3eb;
|
|
}
|
|
|
|
.addinputw02 {
|
|
padding: 5px 0;
|
|
width: 60% !important;
|
|
margin-left: 110px !important;
|
|
/*line-height: 48px;*/
|
|
}
|
|
</style>
|
|
|