| | |
| | | <el-button type="danger" class="hr-but-all" @click="showGbda(0)">关闭档案</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table ref="multipleTable" :data="tableData" :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" stripe style="width: 100%;color: #000;"> |
| | | <el-table |
| | | ref="multipleTable" |
| | | :data="tableData" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" |
| | | stripe |
| | | style="width: 100%;color: #000;" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column label="操作" width="120"> |
| | | <template slot-scope="scope"> |
| | |
| | | <!-- 档案</el-button>--> |
| | | <!-- <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑</el-button>--> |
| | | |
| | | <span style="color: #a00515;display: inline-block;width: 50%;cursor: pointer" @click="editArchives(scope.row)">档案</span> |
| | | <span style="color: #a00515;display: inline-block;width: 50%;cursor: pointer" @click="editEmpBase(scope.row)">编辑</span> |
| | | <span |
| | | style="color: #a00515;display: inline-block;width: 50%;cursor: pointer" |
| | | @click="editArchives(scope.row)" |
| | | >档案</span> |
| | | <span |
| | | style="color: #a00515;display: inline-block;width: 50%;cursor: pointer" |
| | | @click="editEmpBase(scope.row)" |
| | | >编辑</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" /> |
| | |
| | | <i v-else class="el-icon-plus avatar-uploader-icon" /> |
| | | </el-upload> |
| | | </el-aside> |
| | | <el-main> <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="档案号" prop="archivesNumb"> |
| | | <el-input v-model="empBaseInfoForm.archivesNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工编号" prop="empNumb"> |
| | | <el-input v-model="empBaseInfoForm.empNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号码" prop="certificateNumb"> |
| | | <el-input |
| | | v-model="empBaseInfoForm.certificateNumb" |
| | | @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="员工类别" prop="empType"> |
| | | <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型"> |
| | | <el-option label="高层" value="01" /> |
| | | <el-option label="高级管理人员" value="02" /> |
| | | <el-option label="中级管理人员" value="03" /> |
| | | <el-option label="初级管理人员" value="04" /> |
| | | <el-option label="文职人员" value="05" /> |
| | | <el-option label="一般人员" value="06" /> |
| | | <el-option label="其他" value="07" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="民族" prop="nation"> |
| | | <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族"> |
| | | <el-option label="汉族" value="01" /> |
| | | <el-option label="蒙古族" value="02" /> |
| | | <el-option label="回族" value="03" /> |
| | | <el-option label="藏族" value="04" /> |
| | | <el-option label="维吾尔族" value="05" /> |
| | | <el-option label="苗族" value="06" /> |
| | | <el-option label="彝族" value="07" /> |
| | | <el-option label="壮族" value="08" /> |
| | | <el-option label="布衣族" value="09" /> |
| | | <el-option label="朝鲜族" value="10" /> |
| | | <el-option label="满族" value="11" /> |
| | | <el-option label="侗族" value="12" /> |
| | | <el-option label="瑶族" value="13" /> |
| | | <el-option label="白族" value="14" /> |
| | | <el-option label="土家族" value="15" /> |
| | | <el-option label="哈尼族" value="16" /> |
| | | <el-option label="哈萨克族" value="17" /> |
| | | <el-option label="傣族" value="18" /> |
| | | <el-option label="黎族" value="19" /> |
| | | <el-option label="傈傈族" value="20" /> |
| | | <el-option label="瓦族" value="21" /> |
| | | <el-option label="畲族" value="22" /> |
| | | <el-option label="高山族" value="23" /> |
| | | <el-option label="拉祜族" value="24" /> |
| | | <el-option label="水族" value="25" /> |
| | | <el-option label="东乡族" value="26" /> |
| | | <el-option label="纳西族" value="27" /> |
| | | <el-option label="景颇族" value="28" /> |
| | | <el-option label="柯尔克孜族" value="29" /> |
| | | <el-option label="土族" value="30" /> |
| | | <el-option label="达斡尔族" value="31" /> |
| | | <el-option label="仫佬族" value="32" /> |
| | | <el-option label="羌族" value="33" /> |
| | | <el-option label="布朗族" value="34" /> |
| | | <el-option label="撒拉族" value="35" /> |
| | | <el-option label="毛难族" value="36" /> |
| | | <el-option label="仡佬族" value="37" /> |
| | | <el-option label="锡伯族" value="38" /> |
| | | <el-option label="阿昌族" value="39" /> |
| | | <el-option label="普米族" value="40" /> |
| | | <el-option label="塔吉克族" value="41" /> |
| | | <el-option label="怒族" value="42" /> |
| | | <el-option label="乌孜别克族" value="43" /> |
| | | <el-option label="俄罗斯族" value="44" /> |
| | | <el-option label="鄂温克族" value="45" /> |
| | | <el-option label="崩龙族" value="46" /> |
| | | <el-option label="保安族" value="47" /> |
| | | <el-option label="裕固族" value="48" /> |
| | | <el-option label="京族" value="49" /> |
| | | <el-option label="塔塔尔族" value="50" /> |
| | | <el-option label="独龙族" value="51" /> |
| | | <el-option label="鄂伦春" value="52" /> |
| | | <el-option label="郝哲族" value="53" /> |
| | | <el-option label="门巴族" value="54" /> |
| | | <el-option label="珞巴族" value="55" /> |
| | | <el-option label="基诺族" value="56" /> |
| | | <el-option label="其他族" value="91" /> |
| | | <el-option label="外国民族" value="98" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="婚姻状态" prop="marriage"> |
| | | <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态"> |
| | | <el-option label="未婚" value="1" /> |
| | | <el-option label="已婚" value="2" /> |
| | | <el-option label="丧偶" value="3" /> |
| | | <el-option label="离婚" value="4" /> |
| | | <el-option label="再婚" value="5" /> |
| | | <el-option label="其它" value="9" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身高(cm)" prop="stature"> |
| | | <el-input v-model="empBaseInfoForm.stature" /> |
| | | </el-form-item> |
| | | <el-form-item label="政治面貌" prop="politics"> |
| | | <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌"> |
| | | <el-option label="中共党员" value="01" /> |
| | | <el-option label="预备党员" value="02" /> |
| | | <el-option label="共青团员" value="03" /> |
| | | <el-option label="民革会员" value="04" /> |
| | | <el-option label="民盟盟员" value="05" /> |
| | | <el-option label="民建会员" value="06" /> |
| | | <el-option label="民进会员" value="07" /> |
| | | <el-option label="农工党员" value="08" /> |
| | | <el-option label="致公党员" value="09" /> |
| | | <el-option label="九三社员" value="10" /> |
| | | <el-option label="台盟盟员" value="11" /> |
| | | <el-option label="民主人士" value="12" /> |
| | | <el-option label="群众" value="13" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="最高学历" prop="education"> |
| | | <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历"> |
| | | <el-option label="博士" value="10" /> |
| | | <el-option label="硕士" value="11" /> |
| | | <el-option label="大学本科" value="21" /> |
| | | <el-option label="大学专科" value="31" /> |
| | | <el-option label="中专" value="41" /> |
| | | <el-option label="中技" value="42" /> |
| | | <el-option label="高中" value="61" /> |
| | | <el-option label="初中" value="71" /> |
| | | <el-option label="小学" value="81" /> |
| | | <el-option label="无学历" value="91" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="籍贯" prop="nativePlaceName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.nativePlaceName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearch" |
| | | placeholder="请输入籍贯" |
| | | @select="placeNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="现住址" prop="currentAddress"> |
| | | <el-input v-model="empBaseInfoForm.currentAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="电话号码" prop="telePhone"> |
| | | <el-input v-model="empBaseInfoForm.telePhone" /> |
| | | </el-form-item> |
| | | <el-form-item label="招聘介绍人" prop="introducer"> |
| | | <el-input v-model="empBaseInfoForm.introducer" /> |
| | | </el-form-item> |
| | | <el-form-item label="银行名称" prop="bankName"> |
| | | <el-input v-model="empBaseInfoForm.bankName" /> |
| | | </el-form-item> |
| | | <el-form-item label="保险类型" prop="insuranceType"> |
| | | <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型"> |
| | | <el-option label="(深户)五险一档" value="1" /> |
| | | <el-option label="(非深户)五险一档" value="2" /> |
| | | <el-option label="(非深户)五险二档" value="3" /> |
| | | <el-option label="(非深户)五险三档" value="4" /> |
| | | <el-option label="(非深户)四险一档" value="5" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="家庭成员及关系" prop="family"> |
| | | <el-input v-model="empBaseInfoForm.family" /> |
| | | </el-form-item> |
| | | <el-form-item label="紧急联系电话" prop="urgencyPhone"> |
| | | <el-input v-model="empBaseInfoForm.urgencyPhone" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="empBaseInfoForm.empName" /> |
| | | </el-form-item> |
| | | <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId"> |
| | | <treeselect |
| | | v-model="empBaseInfoForm.deptId" |
| | | :multiple="false" |
| | | :options="depts" |
| | | :clear-value-text="$t('common.clear')" |
| | | placeholder="请选择部门(护卫点)" |
| | | style="width:100%" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="岗位" prop="jobName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.jobName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearchJob" |
| | | placeholder="请输入岗位" |
| | | @select="jobNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别"> |
| | | <el-option label="男" value="1" /> |
| | | <el-option label="女" value="2" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身份证有效期" prop="certificateValidity"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.certificateValidity" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input v-model="empBaseInfoForm.age" /> |
| | | </el-form-item> |
| | | <el-form-item label="出生日期" prop="birthdate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.birthdate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入职日期" prop="entryDate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.entryDate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | @input="calculateSeniority" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入司工龄" prop="seniority"> |
| | | <el-input v-model="empBaseInfoForm.seniority" /> |
| | | </el-form-item> |
| | | <el-form-item label="户籍地址" prop="censusAddress"> |
| | | <el-input v-model="empBaseInfoForm.censusAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员证号" prop="guardNumb"> |
| | | <el-input v-model="empBaseInfoForm.guardNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员回执" prop="returnReceipt"> |
| | | <el-input v-model="empBaseInfoForm.returnReceipt" /> |
| | | </el-form-item> |
| | | <el-form-item label="档案情况" prop="archivesStatus"> |
| | | <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况"> |
| | | <el-option label="未移交" value="0" /> |
| | | <el-option label="已移交" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="银行账号" prop="bankNumb"> |
| | | <el-input v-model="empBaseInfoForm.bankNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="社保电脑号" prop="socialNumb"> |
| | | <el-input v-model="empBaseInfoForm.socialNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工手册" prop="handbookStatus"> |
| | | <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册"> |
| | | <el-option label="未发" value="0" /> |
| | | <el-option label="已发" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="工作证" prop="empCardStatus"> |
| | | <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证"> |
| | | <el-option label="未发" value="0" /> |
| | | <el-option label="已发" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="相关证件" prop="certificateList"> |
| | | <el-select v-model="empBaseInfoForm.certificateList" 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></el-main> |
| | | <el-main> |
| | | <el-form |
| | | ref="empBaseInfoForm" |
| | | :model="empBaseInfoForm" |
| | | :rules="rules" |
| | | label-position="right" |
| | | label-width="120px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="档案号" prop="archivesNumb"> |
| | | <el-input v-model="empBaseInfoForm.archivesNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工编号" prop="empNumb"> |
| | | <el-input v-model="empBaseInfoForm.empNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号码" prop="certificateNumb"> |
| | | <el-input |
| | | v-model="empBaseInfoForm.certificateNumb" |
| | | @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="员工类别" prop="empType"> |
| | | <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型"> |
| | | <el-option label="高层" value="01" /> |
| | | <el-option label="高级管理人员" value="02" /> |
| | | <el-option label="中级管理人员" value="03" /> |
| | | <el-option label="初级管理人员" value="04" /> |
| | | <el-option label="文职人员" value="05" /> |
| | | <el-option label="一般人员" value="06" /> |
| | | <el-option label="其他" value="07" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="民族" prop="nation"> |
| | | <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族"> |
| | | <el-option label="汉族" value="01" /> |
| | | <el-option label="蒙古族" value="02" /> |
| | | <el-option label="回族" value="03" /> |
| | | <el-option label="藏族" value="04" /> |
| | | <el-option label="维吾尔族" value="05" /> |
| | | <el-option label="苗族" value="06" /> |
| | | <el-option label="彝族" value="07" /> |
| | | <el-option label="壮族" value="08" /> |
| | | <el-option label="布衣族" value="09" /> |
| | | <el-option label="朝鲜族" value="10" /> |
| | | <el-option label="满族" value="11" /> |
| | | <el-option label="侗族" value="12" /> |
| | | <el-option label="瑶族" value="13" /> |
| | | <el-option label="白族" value="14" /> |
| | | <el-option label="土家族" value="15" /> |
| | | <el-option label="哈尼族" value="16" /> |
| | | <el-option label="哈萨克族" value="17" /> |
| | | <el-option label="傣族" value="18" /> |
| | | <el-option label="黎族" value="19" /> |
| | | <el-option label="傈傈族" value="20" /> |
| | | <el-option label="瓦族" value="21" /> |
| | | <el-option label="畲族" value="22" /> |
| | | <el-option label="高山族" value="23" /> |
| | | <el-option label="拉祜族" value="24" /> |
| | | <el-option label="水族" value="25" /> |
| | | <el-option label="东乡族" value="26" /> |
| | | <el-option label="纳西族" value="27" /> |
| | | <el-option label="景颇族" value="28" /> |
| | | <el-option label="柯尔克孜族" value="29" /> |
| | | <el-option label="土族" value="30" /> |
| | | <el-option label="达斡尔族" value="31" /> |
| | | <el-option label="仫佬族" value="32" /> |
| | | <el-option label="羌族" value="33" /> |
| | | <el-option label="布朗族" value="34" /> |
| | | <el-option label="撒拉族" value="35" /> |
| | | <el-option label="毛难族" value="36" /> |
| | | <el-option label="仡佬族" value="37" /> |
| | | <el-option label="锡伯族" value="38" /> |
| | | <el-option label="阿昌族" value="39" /> |
| | | <el-option label="普米族" value="40" /> |
| | | <el-option label="塔吉克族" value="41" /> |
| | | <el-option label="怒族" value="42" /> |
| | | <el-option label="乌孜别克族" value="43" /> |
| | | <el-option label="俄罗斯族" value="44" /> |
| | | <el-option label="鄂温克族" value="45" /> |
| | | <el-option label="崩龙族" value="46" /> |
| | | <el-option label="保安族" value="47" /> |
| | | <el-option label="裕固族" value="48" /> |
| | | <el-option label="京族" value="49" /> |
| | | <el-option label="塔塔尔族" value="50" /> |
| | | <el-option label="独龙族" value="51" /> |
| | | <el-option label="鄂伦春" value="52" /> |
| | | <el-option label="郝哲族" value="53" /> |
| | | <el-option label="门巴族" value="54" /> |
| | | <el-option label="珞巴族" value="55" /> |
| | | <el-option label="基诺族" value="56" /> |
| | | <el-option label="其他族" value="91" /> |
| | | <el-option label="外国民族" value="98" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="婚姻状态" prop="marriage"> |
| | | <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态"> |
| | | <el-option label="未婚" value="1" /> |
| | | <el-option label="已婚" value="2" /> |
| | | <el-option label="丧偶" value="3" /> |
| | | <el-option label="离婚" value="4" /> |
| | | <el-option label="再婚" value="5" /> |
| | | <el-option label="其它" value="9" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身高(cm)" prop="stature"> |
| | | <el-input v-model="empBaseInfoForm.stature" /> |
| | | </el-form-item> |
| | | <el-form-item label="政治面貌" prop="politics"> |
| | | <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌"> |
| | | <el-option label="中共党员" value="01" /> |
| | | <el-option label="预备党员" value="02" /> |
| | | <el-option label="共青团员" value="03" /> |
| | | <el-option label="民革会员" value="04" /> |
| | | <el-option label="民盟盟员" value="05" /> |
| | | <el-option label="民建会员" value="06" /> |
| | | <el-option label="民进会员" value="07" /> |
| | | <el-option label="农工党员" value="08" /> |
| | | <el-option label="致公党员" value="09" /> |
| | | <el-option label="九三社员" value="10" /> |
| | | <el-option label="台盟盟员" value="11" /> |
| | | <el-option label="民主人士" value="12" /> |
| | | <el-option label="群众" value="13" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="最高学历" prop="education"> |
| | | <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历"> |
| | | <el-option label="博士" value="10" /> |
| | | <el-option label="硕士" value="11" /> |
| | | <el-option label="大学本科" value="21" /> |
| | | <el-option label="大学专科" value="31" /> |
| | | <el-option label="中专" value="41" /> |
| | | <el-option label="中技" value="42" /> |
| | | <el-option label="高中" value="61" /> |
| | | <el-option label="初中" value="71" /> |
| | | <el-option label="小学" value="81" /> |
| | | <el-option label="无学历" value="91" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="籍贯" prop="nativePlaceName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.nativePlaceName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearch" |
| | | placeholder="请输入籍贯" |
| | | @select="placeNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="现住址" prop="currentAddress"> |
| | | <el-input v-model="empBaseInfoForm.currentAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="电话号码" prop="telePhone"> |
| | | <el-input v-model="empBaseInfoForm.telePhone" /> |
| | | </el-form-item> |
| | | <el-form-item label="招聘介绍人" prop="introducer"> |
| | | <el-input v-model="empBaseInfoForm.introducer" /> |
| | | </el-form-item> |
| | | <el-form-item label="银行名称" prop="bankName"> |
| | | <el-input v-model="empBaseInfoForm.bankName" /> |
| | | </el-form-item> |
| | | <el-form-item label="保险类型" prop="insuranceType"> |
| | | <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型"> |
| | | <el-option label="(深户)五险一档" value="1" /> |
| | | <el-option label="(非深户)五险一档" value="2" /> |
| | | <el-option label="(非深户)五险二档" value="3" /> |
| | | <el-option label="(非深户)五险三档" value="4" /> |
| | | <el-option label="(非深户)四险一档" value="5" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="家庭成员及关系" prop="family"> |
| | | <el-input v-model="empBaseInfoForm.family" /> |
| | | </el-form-item> |
| | | <el-form-item label="紧急联系电话" prop="urgencyPhone"> |
| | | <el-input v-model="empBaseInfoForm.urgencyPhone" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="empName"> |
| | | <el-input v-model="empBaseInfoForm.empName" /> |
| | | </el-form-item> |
| | | <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId"> |
| | | <treeselect |
| | | v-model="empBaseInfoForm.deptId" |
| | | :multiple="false" |
| | | :options="depts" |
| | | :clear-value-text="$t('common.clear')" |
| | | placeholder="请选择部门(护卫点)" |
| | | style="width:100%" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="岗位" prop="jobName"> |
| | | <el-autocomplete |
| | | v-model="empBaseInfoForm.jobName" |
| | | class="inline-input" |
| | | :fetch-suggestions="querySearchJob" |
| | | placeholder="请输入岗位" |
| | | @select="jobNameSelect" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别"> |
| | | <el-option label="男" value="1" /> |
| | | <el-option label="女" value="2" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="身份证有效期" prop="certificateValidity"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.certificateValidity" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input v-model="empBaseInfoForm.age" /> |
| | | </el-form-item> |
| | | <el-form-item label="出生日期" prop="birthdate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.birthdate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入职日期" prop="entryDate"> |
| | | <el-date-picker |
| | | v-model="empBaseInfoForm.entryDate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期" |
| | | @input="calculateSeniority" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="入司工龄" prop="seniority"> |
| | | <el-input v-model="empBaseInfoForm.seniority" /> |
| | | </el-form-item> |
| | | <el-form-item label="户籍地址" prop="censusAddress"> |
| | | <el-input v-model="empBaseInfoForm.censusAddress" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员证号" prop="guardNumb"> |
| | | <el-input v-model="empBaseInfoForm.guardNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="保安员回执" prop="returnReceipt"> |
| | | <el-input v-model="empBaseInfoForm.returnReceipt" /> |
| | | </el-form-item> |
| | | <el-form-item label="档案情况" prop="archivesStatus"> |
| | | <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况"> |
| | | <el-option label="未移交" value="0" /> |
| | | <el-option label="已移交" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="银行账号" prop="bankNumb"> |
| | | <el-input v-model="empBaseInfoForm.bankNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="社保电脑号" prop="socialNumb"> |
| | | <el-input v-model="empBaseInfoForm.socialNumb" /> |
| | | </el-form-item> |
| | | <el-form-item label="员工手册" prop="handbookStatus"> |
| | | <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册"> |
| | | <el-option label="未发" value="0" /> |
| | | <el-option label="已发" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="工作证" prop="empCardStatus"> |
| | | <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证"> |
| | | <el-option label="未发" value="0" /> |
| | | <el-option label="已发" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="相关证件" prop="certificateList"> |
| | | <el-select v-model="empBaseInfoForm.certificateList" 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> |
| | | </el-main> |
| | | </el-container> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="putEmpBase('empBaseInfoForm')">保 存</el-button> |
| | |
| | | <el-col v-if="selectDimissionType === 2" span="12"> |
| | | <el-form-item label="报告人" prop="reporter"> |
| | | <el-input v-model="gbdaForm.reporter" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col span="24"> |
| | | <el-form-item label="离职操作" prop="afterOperation"> |
| | | <el-checkbox-group v-model="gbdaForm.afterOperation"> |
| | | <el-checkbox label="1">解除劳动合同</el-checkbox> |
| | | <el-checkbox label="2">禁用登录账号</el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col span="24"> |
| | |
| | | size: 10, |
| | | num: 1 |
| | | }, |
| | | baseicInformationForm: { |
| | | }, |
| | | baseicInformationForm: {}, |
| | | empBaseInfoImageUrl: '', |
| | | empBaseInfoForm: { |
| | | imagePath: '', |
| | |
| | | dgryIds: '', |
| | | dimissionType: 1, |
| | | dimissionDate: new Date(), |
| | | remark: '' |
| | | remark: '', |
| | | afterOperation: [] |
| | | }, |
| | | depts: [], |
| | | fileList: [], |
| | |
| | | certificateNumb: [{ required: true, message: '请输入身份证号', trigger: 'blur' }], |
| | | jobName: [{ required: true, message: '请选择岗位', trigger: 'change' }], |
| | | nativePlaceName: [{ required: true, message: '请选择籍贯', trigger: 'change' }], |
| | | bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }, { max: 36, message: '长度不超过36个字符', trigger: 'blur' }], |
| | | bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }, { |
| | | max: 36, |
| | | message: '长度不超过36个字符', |
| | | trigger: 'blur' |
| | | }], |
| | | insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }], |
| | | entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }], |
| | | seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }], |
| | | archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }], |
| | | bankNumb: [{ required: true, message: '请输入银行账号', trigger: 'blur' }, { max: 32, message: '长度不超过32个字符', trigger: 'blur' }], |
| | | bankNumb: [{ required: true, message: '请输入银行账号', trigger: 'blur' }, { |
| | | max: 32, |
| | | message: '长度不超过32个字符', |
| | | trigger: 'blur' |
| | | }], |
| | | empType: [{ required: true, message: '请选择员工类型', trigger: 'change' }], |
| | | censusAddress: [{ max: 128, message: '长度不超过128个字符', trigger: 'blur' }], |
| | | currentAddress: [{ max: 128, message: '长度不超过128个字符', trigger: 'blur' }], |
| | |
| | | var ids = [] |
| | | var names = [] |
| | | var dates = [] |
| | | var numbers = [] |
| | | for (var i = 0; i < selection.length; i++) { |
| | | var data = selection[i] |
| | | ids.push(data.empId) |
| | | names.push(data.empName) |
| | | dates.push(data.entryDate) |
| | | numbers.push(data.certificateNumb) |
| | | } |
| | | const nowDate = new Date() |
| | | const year = nowDate.getFullYear() |
| | |
| | | entryDates: dates.join(','), |
| | | dimissionType: 1, |
| | | dimissionDate: year + '-' + month + '-' + day, |
| | | remark: '' |
| | | remark: '', |
| | | afterOperation: ['1'], |
| | | certificateNumb: numbers.join(',') |
| | | } |
| | | this.dialogShowGbda = true |
| | | } |
| | |
| | | </script> |
| | | <style lang="scss"> |
| | | |
| | | .fj-checkbox{ |
| | | .fj-checkbox { |
| | | .el-checkbox__input.is-checked .el-checkbox__inner { |
| | | border-color: #a32c30;; |
| | | background: #a32c30;; |
| | | border-color: #a32c30;; |
| | | background: #a32c30;; |
| | | } |
| | | |
| | | .el-checkbox__label { |
| | | color: #000 !important; |
| | | } |
| | | } |
| | | </style> |
| | | <style lang="scss" scoped> |
| | | .baseinfo .el-container{ |
| | | .el-aside { |
| | | background-color: #fff; |
| | | } |
| | | |
| | | .el-main { |
| | | background-color: #fff; |
| | | } |
| | | |
| | | .baseinfo .el-container { |
| | | .el-aside { |
| | | background-color: #fff; |
| | | } |
| | | |
| | | .el-main { |
| | | background-color: #fff; |
| | | } |
| | | |
| | | } |
| | | |
| | | .el-main { |
| | | height: 600px; |
| | | } |
| | |
| | | } |
| | | |
| | | .searchTable { |
| | | margin-top: 10px; |
| | | border-collapse: collapse; |
| | | width: 100%; |
| | | margin-top: 10px; |
| | | border-collapse: collapse; |
| | | width: 100%; |
| | | |
| | | tr { |
| | | border-bottom: 1px dashed #d9dadb; |
| | | } |
| | | |
| | | .td { |
| | | width: 90px; |
| | | text-align: right; |
| | | width: 90px; |
| | | text-align: right; |
| | | } |
| | | |
| | | .td-group { |
| | | padding-left: 20px; |
| | | padding-left: 20px; |
| | | } |
| | | } |
| | | |
| | | .searchTable td, |
| | | .searchTable th { |
| | | color: #000; |
| | | height: 50px; |
| | | background-color: #fff; |
| | | color: #000; |
| | | height: 50px; |
| | | background-color: #fff; |
| | | } |
| | | |
| | | #ygxq table { |
| | |
| | | text-align: center; |
| | | border: 1px solid darkgray; |
| | | height: 30px; |
| | | font-size:15px; |
| | | font-size: 15px; |
| | | } |
| | | |
| | | .search-btn { |
| | |
| | | cursor: pointer; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .sup-search-btn { |
| | | display: inline-block; |
| | | width: 5.2vw; |