yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

用户

master
Zhao Qiqi 3 years ago
parent
9de9592d55
commit
bfad5d7571
3 changed files with 353 additions and 367 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      anrui-management/anrui-management-ui/src/components/uploadFileimg/upload_head.vue
  2. 366
      anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongAdd.vue
  3. 348
      anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongInfo.vue

6
anrui-management/anrui-management-ui/src/components/uploadFileimg/upload_head.vue
View File

@ -136,9 +136,9 @@ export default {
}
.avatar {
margin-top: 5%;
width: 178px;
height: 178px;
margin-top: 10%;
width: 200px;
height: 220px;
display: block;
}
</style>

366
anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongAdd.vue
View File

@ -18,21 +18,19 @@
<el-main>
<el-row>
<el-col :span="4">
<span>工号</span>
<span><span class="icon">*</span>工号</span>
</el-col>
<el-col :span="20">
<el-col :span="8">
<el-form-item prop="jobNumber">
<el-input v-model="temp.jobNumber" maxlength="20" placeholder="系统自动生成" style="width: 28.5%" clearable readonly/>
<el-input v-model="temp.jobNumber" maxlength="20" placeholder="系统自动生成" clearable readonly/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>姓名</span>
</el-col>
<el-col :span="20">
<el-col :span="8">
<el-form-item prop="name">
<el-input v-model="temp.name" maxlength="20" placeholder="请输入姓名" style="width: 28.5%" clearable/>
<el-input v-model="temp.name" maxlength="20" placeholder="请输入姓名" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -40,20 +38,83 @@
<el-col :span="4">
<span><span class="icon">*</span>性别</span>
</el-col>
<el-col :span="20">
<el-col :span="8">
<el-form-item prop="gender">
<el-radio v-model="temp.gender" label="男">男</el-radio>
<el-radio v-model="temp.gender" label="女">女</el-radio>
</el-form-item>
</el-col>
<el-col :span="4">
<span><span class="icon">*</span>出生年月日</span>
</el-col>
<el-col :span="8">
<el-form-item prop="birthday">
<el-date-picker v-model="temp.birthday" style="width: 100%" type="date" placeholder="选择日期"
value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>身份证</span>
</el-col>
<el-col :span="20">
<el-col :span="8">
<el-form-item prop="idNo">
<el-input v-model="temp.idNo" maxlength="20" placeholder="请输入身份证号" style="width: 28.5%" clearable/>
<el-input v-model="temp.idNo" maxlength="20" placeholder="请输入身份证号" clearable/>
</el-form-item>
</el-col>
<el-col :span="4">
<span><span class="icon">*</span>证件有效期</span>
</el-col>
<el-col :span="8" class="jiguan">
<el-form-item prop="idTerm">
<el-date-picker v-model="temp.idTerm" style="width: 100%" type="date" placeholder="选择日期"
value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>民族</span>
</el-col>
<el-col :span="8">
<el-form-item prop="national">
<el-select v-model="temp.national" style="width: 100%" placeholder="请选择民族" @change="getNational">
<el-option v-for="(item, index) in national_list" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<span><span class="icon">*</span>手机号码</span>
</el-col>
<el-col :span="8">
<el-form-item prop="mobile">
<el-input v-model="temp.mobile" maxlength="20" placeholder="请输入手机号码" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>政治面貌</span>
</el-col>
<el-col :span="8">
<el-form-item prop="poliCode">
<el-select v-model="temp.poliCode" style="width: 100%" placeholder="请选择政治面貌" @change="getPoliCode">
<el-option v-for="(item, index) in political_list" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<span>婚姻状况</span>
</el-col>
<el-col :span="8">
<el-form-item prop="maritalStatus">
<el-select v-model="temp.maritalStatus" style="width: 100%" placeholder="请选择婚姻状况" @change="getMari">
<el-option v-for="(item, index) in maritalstatus_list" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
@ -65,33 +126,29 @@
</el-container>
<el-row>
<el-col :span="3">
<span><span class="icon">*</span>证件有效期</span>
<span>紧急联系人</span>
</el-col>
<el-col :span="21" class="jiguan">
<el-form-item prop="idTerm">
<el-date-picker v-model="temp.idTerm" style="width: 20%" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
<el-col :span="6">
<el-form-item prop="emergencyContact">
<el-input v-model="temp.emergencyContact" maxlength="20" placeholder="请输入紧急联系人"
clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span><span class="icon">*</span>出生年月日</span>
<span>紧急联系电话</span>
</el-col>
<el-col :span="21">
<el-form-item prop="birthday">
<el-date-picker v-model="temp.birthday" style="width: 20%" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
<el-col :span="6">
<el-form-item prop="emergencyMobile">
<el-input v-model="temp.emergencyMobile" maxlength="20" placeholder="请输入紧急联系电话"
clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span><span class="icon">*</span>民族</span>
<el-col :span="2" style="border-top:1px solid #e0e3eb" class="spe_style">
<span>邮箱</span>
</el-col>
<el-col :span="21">
<el-form-item prop="national">
<el-select v-model="temp.national" style="width: 20%" placeholder="请选择民族" @change="getNational">
<el-option v-for="(item, index) in national_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<el-col :span="4" style="border-top:1px solid #e0e3eb" class="spe_style02">
<el-form-item prop="email">
<el-input v-model="temp.email" maxlength="20" placeholder="请输入邮箱" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -120,108 +177,75 @@
<el-select v-model="temp.county" filterable placeholder="请选择县" style="width: 148px" @change="getQu">
<el-option v-for="item in inputCountyList" :key="item.sid" :label="item.name" :value="item.sid"/>
</el-select>
<el-input v-model="temp.nativePlace" maxlength="20" placeholder="请输入详细地址" style="width: 40%" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span><span class="icon">*</span>手机号码</span>
</el-col>
<el-col :span="9">
<el-form-item prop="mobile">
<el-input v-model="temp.mobile" maxlength="20" placeholder="请输入手机号码" style="width: 50%" clearable/>
</el-form-item>
</el-col>
<el-col :span="3">
<span>邮箱</span>
</el-col>
<el-col :span="9">
<el-form-item prop="email">
<el-input v-model="temp.email" maxlength="20" placeholder="请输入邮箱" style="width: 50%" clearable/>
<el-input v-model="temp.nativePlace" maxlength="20" placeholder="请输入详细地址"
style="margin-left:15px;width: 40%" clearable/>
</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="emergencyContact">
<el-input v-model="temp.emergencyContact" maxlength="20" placeholder="请输入紧急联系人" style="width: 50%" clearable/>
</el-form-item>
</el-col>
<el-col :span="3">
<span>紧急联系电话</span>
<span><span class="icon">*</span>员工类型</span>
</el-col>
<el-col :span="9">
<el-form-item prop="emergencyMobile">
<el-input v-model="temp.emergencyMobile" maxlength="20" placeholder="请输入紧急联系电话" style="width: 50%" clearable/>
<el-col :span="6">
<el-form-item prop="personType">
<el-select v-model="temp.personType" placeholder="请选择员工类型" @change="getPersonType">
<el-option v-for="(item, index) in personType_list" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>政治面貌</span>
<span><span class="icon">*</span>所在部门</span>
</el-col>
<el-col :span="9">
<el-form-item prop="poliCode">
<el-select v-model="temp.poliCode" style="width: 50%" placeholder="请选择政治面貌" @change="getPoliCode">
<el-option v-for="(item, index) in political_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<el-col :span="6">
<el-form-item prop="orgName">
<el-cascader ref="clearableCascader" v-model="orgName_list" :props="props" :options="options" clearable
@change="orgNameChange"/>
</el-form-item>
</el-col>
<el-col :span="3">
<span>婚姻状况</span>
<el-col :span="2" class="spe_style">
<span><span class="icon">*</span>岗位</span>
</el-col>
<el-col :span="9">
<el-form-item prop="maritalStatus">
<el-select v-model="temp.maritalStatus" style="width: 50%" placeholder="请选择婚姻状况" @change="getMari">
<el-option v-for="(item, index) in maritalstatus_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
<el-col :span="4" class="spe_style02">
<el-form-item prop="postSid">
<el-select v-model="temp.postName" placeholder="请选择岗位" @change="getPostSid">
<el-option v-for="(item, index) in postSid_list" :key="index.postCode" :label="item.name"
:value="item.postCode"/>
</el-select>
</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 class="icon">*</span>员工类型</span>
</el-col>
<el-col :span="9">
<el-form-item prop="personType">
<el-select v-model="temp.personType" style="width: 50%" placeholder="请选择员工类型" @change="getPersonType">
<el-option v-for="(item, index) in personType_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<span><span class="icon">*</span>入职时间</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item prop="joinCompnyDate">
<el-date-picker v-model="temp.joinCompnyDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>试用期</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item prop="probPeriod">
<el-select v-model="temp.probPeriod" style="width: 50%" placeholder="请选择试用期" @change="getProbPeriod">
<el-option v-for="(item, index) in probPeriod_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
<el-select v-model="temp.probPeriod" placeholder="请选择试用期" @change="getProbPeriod">
<el-option v-for="(item, index) in probPeriod_list" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-col :span="2" class="spe_style">
<span>计划转正日期</span>
</el-col>
<el-col :span="9">
<el-col :span="4" class="spe_style02">
<el-form-item prop="plannedConfirmDate">
<el-date-picker v-model="temp.plannedConfirmDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
<el-date-picker v-model="temp.plannedConfirmDate" type="date" placeholder="选择日期"
value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
</el-row>
@ -229,48 +253,25 @@
<el-col :span="3">
<span>实际转正日期</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item prop="confirmationDate">
<el-date-picker v-model="temp.confirmationDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
<el-col :span="12" />
</el-row>
<el-row>
<el-col :span="3">
<span><span class="icon">*</span>所在部门</span>
</el-col>
<el-col :span="9">
<el-form-item prop="orgName">
<el-cascader v-model="orgName_list" :props="props" :options="options" clearable ref="clearableCascader" @change="orgNameChange"/>
</el-form-item>
</el-col>
<el-col :span="3">
<span><span class="icon">*</span>岗位</span>
<span>开户行</span>
</el-col>
<el-col :span="9">
<el-form-item prop="postSid">
<el-select v-model="temp.postName" style="width: 50%" placeholder="请选择岗位" @change="getPostSid">
<el-option v-for="(item, index) in postSid_list" :key="index.postCode" :label="item.name" :value="item.postCode"/>
</el-select>
<el-col :span="6">
<el-form-item prop="openBank">
<el-input v-model="temp.openBank" maxlength="20" placeholder="请输入开户行" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-col :span="2" class="spe_style">
<span>银行账号</span>
</el-col>
<el-col :span="9">
<el-col :span="4" class="spe_style02">
<el-form-item prop="bankCardNo">
<el-input v-model="temp.bankCardNo" maxlength="20" placeholder="请输入银行账号" style="width: 50%" clearable/>
</el-form-item>
</el-col>
<el-col :span="3">
<span>开户行</span>
</el-col>
<el-col :span="9">
<el-form-item prop="openBank">
<el-input v-model="temp.openBank" maxlength="20" placeholder="请输入开户行" class="addinputw" clearable/>
<el-input v-model="temp.bankCardNo" maxlength="20" placeholder="请输入银行账号" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -279,21 +280,19 @@
<el-col :span="3">
<span>身份证(人像面)</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<Upload ref="uploadImg" v-model="idCardA_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
</el-col>
<el-col :span="3">
<span>身份证(国徽面)</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<Upload ref="uploadImg" v-model="idCardB_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>前公司离职证明</span>
<el-col :span="2" class="spe_style">
<span style="font-size: 0.1em;">前公司离职证明</span>
</el-col>
<el-col :span="21">
<el-col :span="4" class="spe_style02">
<Upload ref="uploadImg" v-model="leave_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
</el-col>
</el-row>
@ -304,7 +303,7 @@
<el-col :span="3">
<span>毕业院校</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item prop="graduate">
<el-input v-model="temp.graduate" maxlength="20" placeholder="请输入毕业院校" class="addinputw" clearable/>
</el-form-item>
@ -312,55 +311,56 @@
<el-col :span="3">
<span>学历/专业</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item prop="education">
<el-select v-model="temp.education" style="width: 50%" placeholder="请选择学历" @change="getEducate">
<el-option v-for="(item, index) in educate_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
<el-select v-model="temp.education" placeholder="请选择学历" @change="getEducate">
<el-option v-for="(item, index) in educate_list" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-col :span="2" class="spe_style">
<span>职称</span>
</el-col>
<el-col :span="9">
<el-col :span="4" class="spe_style02">
<el-form-item prop="title">
<el-input v-model="temp.title" maxlength="20" placeholder="请输入职称" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>资格认证</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item prop="qualification">
<el-input v-model="temp.qualification" maxlength="20" placeholder="请输入资格认证" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>驾照类型</span>
</el-col>
<el-col :span="21">
<el-col :span="12">
<el-form-item prop="licenseType">
<el-select v-model="temp.licenseType" style="width: 20%" placeholder="请选择驾照类型" @change="getLicenseType">
<el-option v-for="(item, index) in licenseType_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
<el-select v-model="temp.licenseType" placeholder="请选择驾照类型" @change="getLicenseType">
<el-option v-for="(item, index) in licenseType_list" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>学历证书</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<Upload ref="uploadImg" v-model="diploma_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
</el-col>
<el-col :span="3">
<span>学位证书</span>
</el-col>
<el-col :span="9">
<el-col :span="12">
<Upload ref="uploadImg" v-model="degree_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
</el-col>
</el-row>
@ -371,7 +371,7 @@
<el-col :span="3">
<span>意外险参保</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="isHaveInsurance">
<el-radio v-model="temp.isHaveInsurance" :label="1">是</el-radio>
<el-radio v-model="temp.isHaveInsurance" :label="0">否</el-radio>
@ -380,35 +380,36 @@
<el-col :span="3">
<span>意外险参保地</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="insuranceAddr">
<el-input v-model="temp.insuranceAddr" maxlength="20" placeholder="请输入意外险参保地" class="addinputw" clearable/>
<el-input v-model="temp.insuranceAddr" maxlength="20" style="width: 100%" placeholder="请输入参保地" class="addinputw"
clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>意外险参保时间</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="insuranceStartDate">
<el-date-picker v-model="temp.insuranceStartDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
<el-date-picker v-model="temp.insuranceStartDate" style="width: 100%" type="date" placeholder="选择日期"
value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
<el-col :span="3">
<span>意外险终止时间</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="insuranceEndDate">
<el-date-picker v-model="temp.insuranceEndDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
<el-date-picker v-model="temp.insuranceEndDate" style="width: 100%" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>养老</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="isHaveAged">
<el-radio v-model="temp.isHaveAged" :label="1">是</el-radio>
<el-radio v-model="temp.isHaveAged" :label="0">否</el-radio>
@ -417,18 +418,16 @@
<el-col :span="3">
<span>医疗/生育</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="isHaveMedical">
<el-radio v-model="temp.isHaveMedical" :label="1">是</el-radio>
<el-radio v-model="temp.isHaveMedical" :label="0">否</el-radio>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>工伤</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="isHaveInjury">
<el-radio v-model="temp.isHaveInjury" :label="1">是</el-radio>
<el-radio v-model="temp.isHaveInjury" :label="0">否</el-radio>
@ -437,7 +436,7 @@
<el-col :span="3">
<span>失业</span>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item prop="isHaveUnemploy">
<el-radio v-model="temp.isHaveUnemploy" :label="1">是</el-radio>
<el-radio v-model="temp.isHaveUnemploy" :label="0">否</el-radio>
@ -471,7 +470,8 @@
</el-col>
<el-col :span="9">
<el-form-item prop="contractStartDate">
<el-date-picker v-model="temp.contractStartDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
<el-date-picker v-model="temp.contractStartDate" type="date" placeholder="选择日期"
value-format="yyyy-MM-dd"/>
</el-form-item>
</el-col>
<el-col :span="3">
@ -512,14 +512,14 @@
</template>
<script>
import { getProvince, getCity, getCounty } from '@/api/Common/areaPicker' // 省市区
import {getCity, getCounty, getProvince} from '@/api/Common/areaPicker' // 省市区
import Upload from '@/components/uploadFileimg/upload.vue'
import uploadHead from '@/components/uploadFileimg/upload_head.vue'
import req from '@/api/management/yuangongguanli'
export default {
name: 'YuangongAdd',
components: { Upload, uploadHead },
components: {Upload, uploadHead},
data() {
var checkSubmit = (rule, value, callback) => {
const Submit =
@ -592,13 +592,13 @@ export default {
sysStaffPost: {} // 岗位信息
},
rules: {
name: [{ required: true, message: '姓名不能为空', trigger: 'change' }],
gender: [{ required: true, message: '性别不能为空', trigger: 'change' }],
idNo: [{ required: true, message: '身份证号不能为空', trigger: 'change' }],
idTerm: [{ required: true, message: '证件有效期不能为空', trigger: 'change' }],
national: [{ required: true, message: '民族不能为空', trigger: 'change' }],
mobile: [{ required: true, message: '手机号不能为空', validator: checkSubmit, trigger: 'change' }],
personType: [{ required: true, message: '员工类型不能为空', trigger: 'change' }]
name: [{required: true, message: '姓名不能为空', trigger: 'change'}],
gender: [{required: true, message: '性别不能为空', trigger: 'change'}],
idNo: [{required: true, message: '身份证号不能为空', validator: identitycard, trigger: 'change'}],
idTerm: [{required: true, message: '证件有效期不能为空', trigger: 'change'}],
national: [{required: true, message: '民族不能为空', trigger: 'change'}],
mobile: [{required: true, message: '手机号不能为空', validator: checkSubmit, trigger: 'change'}],
personType: [{required: true, message: '员工类型不能为空', trigger: 'change'}]
},
submitdisabled: false
}
@ -781,7 +781,6 @@ export default {
}
}
}
},
// -------------------------数据字典下拉框-------------------------
@ -1231,7 +1230,7 @@ export default {
padding: 0;
}
.formadd {
margin: 0 15%;
margin: 0 2%;
}
/deep/ .el-form-item__content {
margin-left: 0 !important;
@ -1255,4 +1254,17 @@ export default {
line-height: 40px !important;
font-weight: 600;
}
.spe_style {
text-align: right;
float: left;
font-size: 14px;
color: #606266;
line-height: 40px !important;
font-weight: 600;
}
.spe_style02 {
text-align: left;
}
</style>

348
anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongInfo.vue
View File

@ -20,19 +20,17 @@
<span>工号</span>
</el-form-item>
</el-col>
<el-col :span="20">
<el-col :span="8">
<el-form-item>
<span>{{ temp.jobNumber }}</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="20">
<el-col :span="8">
<el-form-item>
<span>{{ temp.name }}</span>
</el-form-item>
@ -44,11 +42,21 @@
<span>性别</span>
</el-form-item>
</el-col>
<el-col :span="20">
<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">
@ -56,62 +64,100 @@
<span>身份证</span>
</el-form-item>
</el-col>
<el-col :span="20">
<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%;text-align: center;border-right: 1px solid #e0e3eb">
<img v-show="temp.photo !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.photo" @click="open(temp.photo)">
<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="21" class="jiguan">
<el-form-item>
<span>{{ temp.idTerm }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-form-item>
<span>出生年月日</span>
<span>紧急联系人</span>
</el-form-item>
</el-col>
<el-col :span="21">
<el-col :span="6">
<el-form-item>
<span>{{ temp.birthday }}</span>
<span>{{ temp.emergencyContact }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-form-item>
<span>民族</span>
<span>紧急联系电话</span>
</el-form-item>
</el-col>
<el-col :span="21">
<el-col :span="6">
<el-form-item>
<span>{{ temp.national }}</span>
<span>{{ temp.emergencyMobile }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-col :span="2" class="spe_style" style="border-top:1px solid #e0e3eb">
<el-form-item>
<span>籍贯</span>
<span>邮箱</span>
</el-form-item>
</el-col>
<el-col :span="21">
<el-col :span="4" style="border-top:1px solid #e0e3eb" class="spe_style02">
<el-form-item>
<span>{{ temp.province + temp.city + temp.county }}</span>
<span>{{ temp.email }}</span>
</el-form-item>
</el-col>
</el-row>
@ -130,66 +176,12 @@
<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.mobile }}</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.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="9">
<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="9">
<el-form-item>
<span>{{ temp.emergencyMobile }}</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">
<el-form-item>
<span>{{ temp.poliCode }}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item>
<span>婚姻状况</span>
<span>籍贯</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="21">
<el-form-item>
<span>{{ temp.maritalStatus }}</span>
<span>{{ temp.province + temp.city + temp.county }}</span>
</el-form-item>
</el-col>
</el-row>
@ -198,102 +190,79 @@
</div>
<el-row>
<el-col :span="3">
<el-form-item>
<span>员工类型</span>
</el-form-item>
<span><span class="icon">*</span>员工类型</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.personType }}</span>
<span>{{temp.personType}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item>
<span>入职时间</span>
</el-form-item>
<span><span class="icon">*</span>所在部门</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.joinCompnyDate }}</span>
<span>{{temp.sysStaffOrg.orgName}}</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">
<el-form-item>
<span>{{ temp.probPeriod }}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item>
<span>计划转正日期</span>
</el-form-item>
<el-col :span="2" class="spe_style">
<span><span class="icon">*</span>岗位</span>
</el-col>
<el-col :span="9">
<el-col :span="4" class="spe_style02">
<el-form-item>
<span>{{ temp.plannedConfirmDate }}</span>
<span>{{temp.sysStaffPost.name}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-form-item>
<span>实际转正日期</span>
</el-form-item>
<span><span class="icon">*</span>入职时间</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.confirmationDate }}</span>
<span>{{temp.joinCompnyDate}}</span>
</el-form-item>
</el-col>
<el-col :span="12" />
</el-row>
<el-row>
<el-col :span="3">
<el-form-item>
<span>所在部门</span>
</el-form-item>
<span>试用期</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.sysStaffOrg.orgName }}</span>
<span>{{temp.probPeriod}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item>
<span>岗位</span>
</el-form-item>
<el-col :span="2" class="spe_style">
<span>计划转正日期</span>
</el-col>
<el-col :span="9">
<el-col :span="4" class="spe_style02">
<el-form-item>
<span>{{ temp.sysStaffPost.name }}</span>
<span>{{temp.plannedConfirmDate}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-form-item>
<span>银行账号</span>
</el-form-item>
<span>实际转正日期</span>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.bankCardNo }}</span>
<span>{{temp.confirmationDate}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>开户行</span>
</el-col>
<el-col :span="6">
<el-form-item>
<span>开户行</span>
<span>{{temp.openBank}}</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="2" class="spe_style">
<span>银行账号</span>
</el-col>
<el-col :span="4" class="spe_style02">
<el-form-item>
<span>{{ temp.openBank }}</span>
<span>{{temp.bankCardNo}}</span>
</el-form-item>
</el-col>
</el-row>
@ -304,9 +273,9 @@
<span>身份证(人像面)</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<img v-show="temp.idCardA !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.idCardA" @click="open(temp.idCardA)">
<img 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">
@ -314,21 +283,19 @@
<span>身份证(国徽面)</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<img v-show="temp.idCardB !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.idCardB" @click="open(temp.idCardB)">
<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-row>
<el-row>
<el-col :span="3">
<el-col :span="2" class="spe_style">
<el-form-item>
<span>前公司离职证明</span>
<span style="font-size: 0.1em;">前公司离职证明</span>
</el-form-item>
</el-col>
<el-col :span="21">
<el-col :span="4" class="spe_style02">
<el-form-item>
<img v-show="temp.leaveCertificate !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.leaveCertificate" @click="open(temp.leaveCertificate)">
<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>
@ -341,7 +308,7 @@
<span>毕业院校</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.graduate }}</span>
</el-form-item>
@ -351,41 +318,39 @@
<span>学历/专业</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.education }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<el-col :span="2" class="spe_style">
<el-form-item>
<span>职称</span>
</el-form-item>
</el-col>
<el-col :span="9">
<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="9">
<el-col :span="6">
<el-form-item>
<span>{{ temp.qualification }}</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-col :span="12">
<el-form-item>
<span>{{ temp.licenseType }}</span>
</el-form-item>
@ -397,16 +362,16 @@
<span>学历证书</span>
</el-form-item>
</el-col>
<el-col :span="9">
<img v-show="temp.diploma !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.diploma" @click="open(temp.diploma)">
<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="9">
<img v-show="temp.degreeCertificate !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.degreeCertificate" @click="open(temp.degreeCertificate)">
<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;">
@ -418,7 +383,7 @@
<span>意外险参保</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.isHaveInsuranceValue }}</span>
</el-form-item>
@ -428,19 +393,17 @@
<span>意外险参保地</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.insuranceAddr }}</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">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.insuranceStartDate }}</span>
</el-form-item>
@ -450,7 +413,7 @@
<span>意外险终止时间</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.insuranceEndDate }}</span>
</el-form-item>
@ -462,7 +425,7 @@
<span>养老</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.isHaveAgedValue }}</span>
</el-form-item>
@ -472,19 +435,17 @@
<span>医疗/生育</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.isHaveMedicalValue }}</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">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.isHaveInjuryValue }}</span>
</el-form-item>
@ -494,7 +455,7 @@
<span>失业</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="3" class="spe_style02">
<el-form-item>
<span>{{ temp.isHaveUnemployValue }}</span>
</el-form-item>
@ -506,7 +467,7 @@
<span>社保参保地</span>
</el-form-item>
</el-col>
<el-col :span="9">
<el-col :span="9" class="spe_style02">
<el-form-item>
<span>{{ temp.insuredPlace }}</span>
</el-form-item>
@ -561,6 +522,7 @@
<script>
import req from '@/api/management/yuangongguanli'
export default {
name: 'yuangongInfo',
data() {
@ -625,9 +587,7 @@ export default {
color: #e84026;
margin-right: 4px;
}
.jiguan {
border-top: 1px solid #e0e3eb;
}
/deep/.el-col-3,.el-col-4 {
text-align: right;
float: left;
@ -636,7 +596,21 @@ export default {
line-height: 40px !important;
font-weight: 600;
}
.formadd {
margin: 0 15%;
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;
}
</style>

Write Preview
Loading…
Cancel
Save