1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692 |
- import React from "react";
- import $ from "jquery/src/ajax";
- import moment from "moment";
- import "@/manageCenter/financialManage/distribute/public.less";
- import { ChooseList } from "../../order/orderNew/chooseList";
- import { citySelect, provinceList, areaSelect, Birthplace } from "@/areaList";
- import "./personnelList.less"
- import {
- Button,
- Form,
- Input,
- Select,
- Spin,
- Table,
- message,
- Modal,
- Tabs,
- Tag,
- RangePicker,
- DatePicker,
- Radio,
- Cascader,
- Upload,
- Tooltip,
- } from "antd";
- import { splitUrl } from "@/tools";
- import { getProvinceList } from "@/addressList";
- import PicModal from "./picModal"
- import AddPicModal from "./addPicModal";
- const FormItem = Form.Item;
- const { TabPane } = Tabs;
- const { TextArea } = Input;
- const PersonnelAll = React.createClass({
- loadData(pageNo) {
- this.state.data = [];
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/selectList",
- data: {
- pageNo: pageNo || 1,
- pageSize: this.state.pagination.pageSize,
- name: this.state.nameSearch,
- status: this.state.nameSearch,
- company: this.state.nameSearch,
- sex: this.state.nameSearch,
- marriage: this.state.nameSearch,
- politicalOutlook: this.state.nameSearch,
- birthdayMonth: this.state.nameSearch,
- promotionStart: this.state.promotionTime[0],
- promotionEnd: this.state.promotionTime[1],
- entryStart: this.state.entryTime[0],
- entryStart: this.state.entryTime[1],
- quitStart: this.state.quitTime[0],
- quitEnd: this.state.quitTime[1],
- system: this.state.systemSearch,
- workingYears: this.state.workingYearsSearch,
- education: this.state.educationSearch,
- contractStart: this.state.contractTime[0],
- contractEnd: this.state.contractTime[1],
- },
- success: function (data) {
- let theArr = [];
- if (!data.data || !data.data.list) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- }
- } else {
- for (let i = 0; i < data.data.list.length; i++) {
- let thisdata = data.data.list[i];
- thisdata.key = thisdata.id
- theArr.push(thisdata)
- }
- }
- this.state.pagination.current = data.data.pageNo;
- this.state.pagination.total = data.data.totalCount;
- if (data.data && data.data.list && !data.data.list.length) {
- this.state.pagination.current = 0;
- this.state.pagination.total = 0;
- }
- this.setState({
- dataSource: theArr,
- pagination: this.state.pagination,
- });
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- getInitialState() {
- return {
- annexName: "",
- annexUrl: "",
- voucherUrl: [],
- ModalData: [],
- contractTime: [],
- quitTime: [],
- promotionTime: [],
- entryTime: [],
- pic: [],
- previewImage: "",
- peoVisible: false,
- phoneVisible: false,
- isAddPeo: false,
- searchMore: true,
- stayVisible: false,
- assignVisible: false,
- releaseDate: [],
- residence: [],
- nativePlace: [],
- now: [],
- roleName: "",
- shouKuanDate: [],
- boHuivisible: false,
- departmentArr: [],
- selectedRowKeys: [],
- selectedRows: [],
- paginations: false,
- loading: false,
- pagination: {
- defaultCurrent: 1,
- defaultPageSize: 10,
- showQuickJumper: true,
- pageSize: 10,
- onChange: function (page) {
- this.loadData(page);
- }.bind(this),
- showTotal: function (total) {
- return "共" + total + "条数据";
- },
- },
- columns: [
- {
- title: "人事编号",
- dataIndex: "id",
- key: "id",
- },
- {
- title: "门禁编号",
- dataIndex: "doorId",
- key: "doorId",
- },
- {
- title: "名称",
- dataIndex: "name",
- key: "name",
- },
- {
- title: "员工状态",
- dataIndex: "statusName",
- key: "statusName",
- },
- {
- title: "所属系统",
- dataIndex: "systemName",
- key: "systemName",
- },
- {
- title: "公司名称",
- dataIndex: "depName",
- key: "depName",
- },
- {
- title: "职位名称",
- dataIndex: "jobsName",
- key: "jobsName",
- },
- {
- title: "等级名称",
- dataIndex: "starName",
- key: "starName",
- },
- {
- title: "入职时间",
- dataIndex: "entryTimes",
- key: "entryTimes",
- },
- {
- title: "转正时间",
- dataIndex: "promotionTimes",
- key: "promotionTimes",
- },
- {
- title: "生日日期",
- dataIndex: "birthdays",
- key: "birthdays",
- },
- {
- title: "性别",
- dataIndex: "sex",
- key: "sex",
- render: (text) => {
- if (text == 0) {
- return "男";
- } else if (text == 1) {
- return "女";
- }
- },
- },
- {
- title: "婚姻状态",
- dataIndex: "marriageName",
- key: "marriageName",
- },
- {
- title: "子/女",
- dataIndex: "son",
- key: "son",
- render: (text, record) => {
- return <span>{text + "/" + record.girl}</span>;
- },
- },
- {
- title: "政治面貌",
- dataIndex: "politicalOutlookName",
- key: "politicalOutlookName",
- },
- {
- title: "教育经历",
- dataIndex: "educationName",
- key: "educationName",
- },
- {
- title: "毕业学校",
- dataIndex: "school",
- key: "school",
- },
- {
- title: "专业",
- dataIndex: "major",
- key: "major",
- },
- {
- title: "职称",
- dataIndex: "title",
- key: "title",
- },
- {
- title: "晋升备注",
- dataIndex: "promotionRemarks",
- key: "promotionRemarks",
- },
- {
- title: "晋升时间",
- dataIndex: "promotionTime",
- key: "promotionTime",
- },
- {
- title: "合同时间",
- dataIndex: "contractStart",
- key: "contractStart",
- render: (text, record) => {
- if (text) {
- return text + "~" + record.contractEnd;
- }
- },
- },
- {
- title: "手机号码",
- dataIndex: "mobile",
- key: "mobile",
- },
- {
- title: "电话",
- dataIndex: "fixedTel",
- key: "fixedTel",
- },
- {
- title: "身份证",
- dataIndex: "idCard",
- key: "idCard",
- },
- {
- title: "发证机构",
- dataIndex: "certificationAuthority",
- key: "certificationAuthority",
- },
- {
- title: "户籍地址",
- dataIndex: "residenceName",
- key: "residenceName",
- },
- {
- title: "籍贯",
- dataIndex: "nativePlaceName",
- key: "nativePlaceName",
- },
- {
- title: "现住地址",
- dataIndex: "nowName",
- key: "nowName",
- },
- {
- title: "离职时间",
- dataIndex: "quitTime",
- key: "quitTime",
- },
- {
- title: "工作年限",
- dataIndex: "workingYear",
- key: "workingYear",
- },
- {
- title: "年龄",
- dataIndex: "age",
- key: "age",
- },
- {
- title: "出生月份",
- dataIndex: "month",
- key: "month",
- },
- {
- title: "参保时间",
- dataIndex: "insuranceStartTimes",
- key: "insuranceStartTimes",
- },
- {
- title: "停保时间",
- dataIndex: "insuranceEndTimes",
- key: "insuranceEndTimes",
- },
- {
- title: "公积金时间",
- dataIndex: "fundStartTimes",
- key: "fundStartTimes",
- },
- {
- title: "停办公积金时间",
- dataIndex: "fundEndTimes",
- key: "fundEndTimes",
- },
- ],
- dataSource: [],
- resVisible: false,
- table: [
- {
- key: "员工编号",
- value: "id",
- },
- {
- key: "姓名",
- value: "name",
- },
- {
- key: "出生日期",
- value: "birthdays",
- },
- {
- key: "出生月份",
- value: "month",
- },
- {
- key: "门禁编号",
- value: "doorId",
- },
- {
- key: "性别",
- value: "sex",
- render: (e) => {
- if (e == 0) {
- return "男";
- } else if (e == 1) {
- return "女";
- }
- },
- },
- {
- key: "年龄",
- value: "age",
- },
- {
- key: "民族",
- value: "nation",
- },
- {
- key: "户籍地址",
- value: "residenceName",
- },
- {
- key: "籍贯",
- value: "nativePlaceName",
- },
- {
- key: "身份证",
- value: "idCard",
- },
- {
- key: "领证机关",
- value: "certificationAuthority",
- },
- {
- key: "现住地址",
- value: "nowName",
- },
- {
- key: "婚姻状态",
- value: "marriageName",
- },
- {
- key: "子/女",
- value: "son",
- render: (e, i) => {
- return e + "/" + i;
- },
- },
- {
- key: "政治面貌",
- value: "politicalOutlookName",
- },
- ],
- };
- },
- /* 分派 */
- evaluate(record, nub) {
- this.state.assignData = record;
- this.setState(
- {
- nub,
- },
- () => {
- this.setState({
- assignVisible: true,
- });
- }
- );
- },
- componentWillMount() {
- let areaArr = getProvinceList();
- let Area = areaSelect(areaArr);
- let Birthplaces = Birthplace(areaArr);
- this.setState({
- Area,
- Birthplaces: Birthplaces,
- });
- //城市
- let Province = [];
- areaArr.map(function (item) {
- var id = String(item.id);
- Province.push(
- <Select.Option value={id} key={item.name}>
- {item.name}
- </Select.Option>
- );
- });
- this.state.Provinces = Province;
- this.loadData();
- this.departmentList()
- },
- departmentList() {
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/organization/selectSuperId",
- data: {},
- success: function (data) {
- let thedata = data.data;
- let theArr = [];
- if (!thedata) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- }
- } else {
- thedata.map(function (item, index) {
- theArr.push({
- key: index,
- name: item.name,
- id: item.id
- });
- });
- }
- this.setState({
- departmentArr: theArr
- });
- }.bind(this)
- });
- },
- changeList(arr) {
- const newArr = [];
- this.state.columns.forEach((item) => {
- arr.forEach((val) => {
- if (val === item.title) {
- newArr.push(item);
- }
- });
- });
- this.setState({
- changeList: newArr,
- });
- },
- addPeo() {
- this.setState({
- peoVisible: true,
- isAddPeo: true
- })
- },
- addPeoCancel() {
- this.setState({
- peoVisible: false,
- isAddPeo: false,
- name: undefined,
- doorId: undefined,
- sex: undefined,
- nation: undefined,
- residence: [],
- residenceAddress: undefined,
- nativePlace: [],
- now: [],
- nowAddress: undefined,
- idCard: undefined,
- certificationAuthority: undefined,
- marriage: undefined,
- politicalOutlook: undefined,
- son: undefined,
- girl: undefined,
- birthdays: undefined,
- marriage: undefined,
- });
- },
- addOk() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/add",
- data: {
- name: this.state.name,
- doorId: this.state.doorId,
- sex: this.state.sex,
- nation: this.state.nation,
- residenceProvince: this.state.residence[0],
- residenceCity: this.state.residence[1],
- residenceArea: this.state.residence[2],
- residenceAddress: this.state.residenceAddress,
- nativePlaceProvince: this.state.nativePlace[0],
- nativePlaceCity: this.state.nativePlace[1],
- nowProvince: this.state.now[0],
- nowCity: this.state.now[1],
- nowArea: this.state.now[2],
- nowAddress: this.state.nowAddress,
- idCard: this.state.idCard,
- certificationAuthority: this.state.certificationAuthority,
- marriage: this.state.marriage,
- politicalOutlook: this.state.politicalOutlook,
- son: this.state.son,
- girl: this.state.girl,
- birthdays: this.state.birthdays,
- marriage: this.state.marriage,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- message.success("添加成功!");
- this.loadData();
- this.addPeoCancel();
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- editPeo() {
- },
- stayModal(id) {
- this.setState({
- stayVisible: true
- })
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/selectBypdId",
- data: {
- id: id
- },
- success: function (data) {
- let res = data.data
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.setState({
- id: res.id,
- status: res.status + "",
- system: res.system + "",
- jobNature: res.jobNature,
- jobNatureRemarks: res.jobNatureRemarks,
- age: res.age,
- entryTimes: res.entryTimes,
- promotionTimes: res.promotionTimes,
- company: res.company,
- lvl: res.lvl + "",
- jobs: res.jobs + "",
- star: res.star + "",
- allowance: res.allowance,
- });
- this.getList();
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- stayCancel() {
- this.setState({
- stayVisible: false
- })
- },
- editStay() {
- if(this.state.star == "" || this.state.star == undefined) {
- message.warning("请选择星级")
- return
- }
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/update",
- data: {
- id: this.state.id,
- status: this.state.status,
- system: this.state.system,
- jobNature: this.state.jobNature,
- jobNatureRemarks: this.state.jobNatureRemarks,
- entryTimes: this.state.entryTimes,
- promotionTimes: this.state.promotionTimes,
- company: this.state.company,
- lvl: this.state.lvl,
- jobs: this.state.jobs,
- star: this.state.star,
- allowance: this.state.allowance,
- },
- success: function (data) {
- let res = data.data;
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.setState({
- stayVisible: false,
- });
- this.tableRowClick(this.state.ModalData);
- message.success("提交成功")
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- phoneModal() {
- this.setState({
- phoneVisible: true
- });
- },
- phoneCancel() {
- this.setState({
- phoneVisible: false
- });
- },
- editPhone() {
- },
- entryModal() {
- this.setState({
- entryVisible: true
- });
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/selectBypdId",
- data: {
- id: 3,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- console.log(data.data);
-
- // let data = data.data.personnelEntry ? data.data.personnelEntry : []
- // if(data) {
- this.setState({
- id: data.data.personnelEntry.id,
- school: data.data.personnelEntry.school,
- education: data.data.personnelEntry.education,
- major: data.data.personnelEntry.major,
- title: data.data.personnelEntry.title,
- entryRemarks: data.data.personnelEntry.entryRemarks,
- annexUrl: data.data.personnelEntry.annexUrl
- ? data.data.personnelEntry.annexUrl
- : "",
- annexName: data.data.personnelEntry.annexName
- ? data.data.personnelEntry.annexName
- : "",
- });
- // }
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- entryCancel() {
- this.setState({
- entryVisible: false
- })
- },
- cancel() {
- this.setState({
- visible: false
- })
- },
- tableRowClick(record) {
- this.setState({
- visible: true,
- id: record.id
- })
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/selectBypdId",
- data: {
- id: record.id
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.setState({
- ModalData: data.data
- })
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- search() {
- this.loadData()
- },
- addPic() {
- this.setState({
- addPicModal: true
- })
- },
- addPicModalCancel() {
- this.setState({
- addPicModal: false,
- })
- },
- getVoucherUrl(e) {
- this.setState({
- voucherUrl: e
- });
- },
- addRuzhi(e, i) {
- this.setState({
- addPicModal: false
- })
- this.state.annexUrl += "," + e
- this.state.annexName += "," + i;
- this.setState({
- annexUrl: this.state.annexUrl,
- annexName: this.state.annexName,
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateEntry",
- data: {
- id: this.state.id,
- annexUrl: this.state.annexUrl,
- annexName: this.state.annexName,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- message.warning("保存成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
-
- },
- reset() {
- this.state.nameSearch = undefined
- this.state.statusSearch = undefined;
- this.state.departmenttList = undefined;
- this.state.sexSearch = undefined;
- this.state.marriageSearch = undefined;
- this.state.politicalOutlookSearch = undefined;
- this.state.birthdayMonthSearch = undefined;
- this.state.systemSearch = undefined;
- this.state.workingYearsSearch = undefined;
- this.state.educationSearch = undefined;
- this.state.promotionTime = [];
- this.state.entryTime = [];
- this.state.quitTime = [];
- this.state.contractTime = [];
- this.loadData()
- },
- peoStatus(e) {
- if(e == 0) {
- return "在职(试用期)"
- }else if(e == 1) {
- return "在职(正式工)"
- }else if(e == 2) {
- return "离职"
- }
- },
- jobStatus(e, i) {
- if(e == 0) {
- return "全职"
- }else if(e == 1) {
- return "兼职"
- }else if(e == 2) {
- return i
- }
- },
- educationStatus(e) {
- if(e == 0) {
- return "高中/中专"
- }else if(e == 1) {
- return "专科/高职"
- }else if(e == 2) {
- return "本科"
- }else if(e == 3) {
- return "研究生"
- }else if(e == 5) {
- return "博士"
- }
- },
- picToArr(e) {
- let arr = e.split(",")
- return arr
- },
- ruzhiRemove(e) {
- console.log(e.file.response.data);
- let url = e.file.response.data
- let arr = this.state.annexUrl.split(",")
- let arrName = this.state.annexName.split(",")
- let num = ""
- arr.forEach((item, index) => {
- if(item == url) {
- arr.splice(index, 1)
- num = index
- }
- })
- arrName.splice(num, 1)
- this.setState({
- annexUrl: arr.join(","),
- annexName: arrName.join(","),
- loading: true
- })
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateEntry",
- data: {
- id: this.state.id,
- annexUrl: this.state.annexUrl,
- annexName: this.state.annexName,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- message.warning("删除成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- getList() {
- this.setState({
- loading: true
- })
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/selectLvlList",
- data: {},
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- console.log(data);
- let arr = data.data
- let starArr = []
- arr.forEach((item, index) => {
- if(item.jobs == this.state.jobs) {
- let obj = {
- star: item.lvl + "",
- starName: item.lvlName,
- };
- starArr.push(obj)
- }
- })
- this.setState({
- starArr
- })
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- render() {
- const rowSelection = {
- selectedRowKeys: this.state.selectedRowKeys,
- onChange: (selectedRowKeys, selectedRows) => {
- this.setState({
- selectedRows: selectedRows.slice(-1),
- selectedRowKeys: selectedRowKeys.slice(-1),
- });
- },
- };
- const { RangePicker } = DatePicker;
- const formItemLayout = {
- labelCol: { span: 6 },
- wrapperCol: { span: 16 },
- };
- let departmentArr = this.state.departmentArr || [];
- return (
- <div className="user-content">
- <div className="content-title" style={{ marginBottom: 10 }}>
- <span style={{ fontWeight: 900, fontSize: 16 }}>人事档案统计</span>
- </div>
- <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
- <TabPane tab="更改表格显示数据" key="1">
- <div style={{ marginLeft: 10 }}>
- <ChooseList
- columns={this.state.columns}
- changeFn={this.changeList}
- changeList={this.state.changeList}
- top={55}
- margin={11}
- />
- </div>
- </TabPane>
- <TabPane tab="搜索" key="2">
- <div className="user-search" style={{ marginLeft: 10 }}>
- <Input
- placeholder="姓名"
- style={{ width: 120 }}
- value={this.state.nameSearch}
- onChange={(e) => {
- this.setState({ nameSearch: e.target.value });
- }}
- />
- <Select
- placeholder="员工状态"
- onChange={(e) => {
- this.setState({ statusSearch: e });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.statusSearch}
- >
- <Option value="0">在职(试用期)</Option>
- <Option value="1">在职(合同期)</Option>
- <Option value="2">离职</Option>
- </Select>
- <Select
- placeholder="所属公司"
- style={{ width: 120, marginRight: 10 }}
- value={this.state.departmenttList}
- onChange={(e) => {
- this.setState({ departmenttList: e });
- }}
- >
- {departmentArr.map(function (item) {
- return (
- <Select.Option key={item.id}>{item.name}</Select.Option>
- );
- })}
- </Select>
- <Select
- placeholder="性别"
- onChange={(e) => {
- this.setState({ sexSearch: e });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.sexSearch}
- >
- <Option value="0">男</Option>
- <Option value="1">女</Option>
- </Select>
- <Select
- placeholder="婚姻状态"
- onChange={(e) => {
- this.setState({ marriageSearch: e });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.marriageSearch}
- >
- <Option value="0">未婚</Option>
- <Option value="1">已婚</Option>
- <Option value="2">离异</Option>
- </Select>
- <Select
- placeholder="政治面貌"
- onChange={(e) => {
- this.setState({ politicalOutlookSearch: e });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.politicalOutlookSearch}
- >
- <Option value="0">群众</Option>
- <Option value="1">中共预备党员</Option>
- <Option value="2">中共党员</Option>
- <Option value="3">致公党员</Option>
- </Select>
- <Select
- placeholder="生日月份"
- onChange={(e) => {
- this.setState({ birthdayMonthSearch: e });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.birthdayMonthSearch}
- >
- <Option value="">全部</Option>
- <Option value="1">一月</Option>
- <Option value="2">二月</Option>
- <Option value="3">三月</Option>
- <Option value="4">四月</Option>
- <Option value="5">五月</Option>
- <Option value="6">六月</Option>
- <Option value="7">七月</Option>
- <Option value="8">八月</Option>
- <Option value="9">九月</Option>
- <Option value="10">十月</Option>
- <Option value="11">十一月</Option>
- <Option value="12">十二月</Option>
- </Select>
- <Select
- placeholder="所属系统"
- onChange={(e) => {
- this.setState({ systemSearch: e });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.systemSearch}
- >
- <Option value="0">管理系统</Option>
- <Option value="1">营销系统</Option>
- <Option value="2">技术系统</Option>
- </Select>
- <Select
- placeholder="工作年限"
- onChange={(e) => {
- this.setState({ workingYearsSearch: e });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.workingYearsSearch}
- >
- <Option value="0">0-1年</Option>
- <Option value="1">1-3年</Option>
- <Option value="2">3-10年</Option>
- <Option value="3">10年以上</Option>
- </Select>
- <Select
- placeholder="学历"
- onChange={(e) => {
- this.setState({ educationSearch: e });
- }}
- style={{ width: 120, marginRight: 370 }}
- value={this.state.educationSearch}
- >
- <Option value="0">高中/中专</Option>
- <Option value="1">专科/高职</Option>
- <Option value="2">本科</Option>
- <Option value="3">研究生</Option>
- <Option value="5">博士</Option>
- </Select>
- <span style={{}}>转正日期:</span>
- <RangePicker
- style={{ marginRight: 10 }}
- value={[
- this.state.promotionTime[0]
- ? moment(this.state.promotionTime[0])
- : null,
- this.state.promotionTime[1]
- ? moment(this.state.promotionTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ promotionTime: dataString });
- }}
- />
- <span style={{}}>入职时间:</span>
- <RangePicker
- style={{ marginRight: 10 }}
- value={[
- this.state.entryTime[0]
- ? moment(this.state.entryTime[0])
- : null,
- this.state.entryTime[1]
- ? moment(this.state.entryTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ entryTime: dataString });
- }}
- />
- <span style={{}}>离职时间:</span>
- <RangePicker
- style={{ marginRight: 21 }}
- value={[
- this.state.quitTime[0]
- ? moment(this.state.quitTime[0])
- : null,
- this.state.quitTime[1]
- ? moment(this.state.quitTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ quitTime: dataString });
- }}
- />
- <span style={{}}>合同时间:</span>
- <RangePicker
- style={{ marginRight: 10 }}
- value={[
- this.state.contractTime[0]
- ? moment(this.state.contractTime[0])
- : null,
- this.state.contractTime[1]
- ? moment(this.state.contractTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ contractTime: dataString });
- }}
- />
- <Button
- type="primary"
- onClick={this.search}
- style={{ marginLeft: 10 }}
- >
- 搜索
- </Button>
- <Button onClick={this.reset}>重置</Button>
- </div>
- </TabPane>
- <TabPane tab="新增员工档案" key="3">
- <Button
- type="primary"
- onClick={this.addPeo}
- style={{ margin: "11px 0px 10px 10px" }}
- >
- 新增员工档案
- </Button>
- <Button
- type="primary"
- onClick={this.entryModal}
- style={{ margin: "11px 0px 10px 10px" }}
- >
- 修改入职信息
- </Button>
- </TabPane>
- <TabPane tab="导出Excel" key="4">
- <Button type="primary" style={{ margin: "11px 0px 10px 10px" }}>
- 导出当前列表
- </Button>
- </TabPane>
- <TabPane tab="查看" key="5">
- <Button
- type="primary"
- style={{ margin: "11px 0px 10px 10px" }}
- onClick={() => {}}
- >
- 详情收款流水
- </Button>
- </TabPane>
- </Tabs>
- <div className="patent-table">
- <Spin spinning={this.state.loading}>
- <Table
- bordered
- columns={
- this.state.changeList == undefined
- ? this.state.columns
- : this.state.changeList
- }
- onRowClick={this.tableRowClick}
- dataSource={this.state.dataSource}
- scroll={{ x: "max-content", y: 0 }}
- pagination={this.state.pagination}
- size="small"
- />
- </Spin>
- </div>
- <Modal
- visible={this.state.peoVisible}
- onOk={this.checkOk}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.addPeoCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h2
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- {this.state.isAddPeo ? "新增人事档案" : "修改人事档案"}
- </h2>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="员工编号"
- >
- <Input
- placeholder=""
- style={{ width: 200 }}
- disabled
- value={this.state.contractNoSearch}
- onChange={(e) => {
- this.setState({
- contractNoSearch: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="门禁编号"
- >
- <Input
- style={{ width: 200 }}
- placeholder="请输入门禁编号"
- value={this.state.doorId}
- onChange={(e) => {
- this.setState({
- doorId: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem className="half-item" {...formItemLayout} label="姓名">
- <Input
- placeholder="请输入姓名"
- style={{ width: 200 }}
- value={this.state.name}
- onChange={(e) => {
- this.setState({
- name: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="出生日期"
- >
- <DatePicker
- value={
- this.state.birthdays ? moment(this.state.birthdays) : null
- }
- onChange={(e, t) => {
- this.setState({
- birthdays: t,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem className="half-item" {...formItemLayout} label="性别">
- <Radio.Group
- onChange={(e) => {
- this.setState({ sex: e.target.value });
- }}
- value={this.state.sex}
- >
- <Radio value={0}>男</Radio>
- <Radio value={1}>女</Radio>
- </Radio.Group>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="民族">
- <Input
- placeholder="输入民族(例:汉族)"
- style={{ width: 200 }}
- value={this.state.nation}
- onChange={(e) => {
- this.setState({
- nation: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="户籍地址"
- >
- <Cascader
- options={this.state.Area}
- value={this.state.residence}
- placeholder="选择城市"
- style={{ width: "200px" }}
- onChange={(e, pre) => {
- this.setState({ residence: e });
- console.log(e, pre);
- }}
- />
- {/* <span style={{ color: "red", marginLeft: "15px" }}>*</span> */}
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="户籍街道地址"
- >
- <Input
- placeholder="输入街道地址"
- style={{ width: 200 }}
- value={this.state.residenceAddress}
- onChange={(e) => {
- this.setState({
- residenceAddress: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="现住地址"
- >
- <Cascader
- options={this.state.Area}
- value={this.state.now}
- placeholder="选择城市"
- style={{ width: "200px" }}
- onChange={(e, pre) => {
- this.setState({ now: e });
- console.log(e, pre);
- }}
- />
- {/* <span style={{ color: "red", marginLeft: "15px" }}>*</span> */}
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="现住街道地址"
- >
- <Input
- placeholder="输入街道地址"
- style={{ width: 200 }}
- value={this.state.nowAddress}
- onChange={(e) => {
- this.setState({
- nowAddress: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem className="half-item" {...formItemLayout} label="籍贯">
- <Cascader
- options={this.state.Birthplaces}
- value={this.state.nativePlace}
- placeholder="选择城市"
- style={{ width: "200px" }}
- onChange={(e, pre) => {
- this.setState({ nativePlace: e });
- console.log(e, pre);
- }}
- />
- {/* <span style={{ color: "red", marginLeft: "15px" }}>*</span> */}
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="身份证"
- >
- <Input
- placeholder="输入身份证信息"
- style={{ width: 200 }}
- value={this.state.idCard}
- onChange={(e) => {
- // let reg = /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
- this.setState({
- idCard: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="身份证领证机关"
- >
- <Input
- placeholder="输入机关名称"
- style={{ width: 200 }}
- value={this.state.certificationAuthority}
- onChange={(e) => {
- // let reg = /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
- this.setState({
- certificationAuthority: e.target.value,
- });
- }}
- />
- {/* <span style={{ color: "red", marginLeft: "15px" }}>*</span> */}
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="婚姻状态"
- >
- <Radio.Group
- onChange={(e) => {
- this.setState({ marriage: e.target.value });
- }}
- value={this.state.marriage}
- >
- <Radio value={0}>未婚</Radio>
- <Radio value={1}>已婚</Radio>
- <Radio value={2}>离异</Radio>
- </Radio.Group>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="子女数量"
- >
- <span>儿子:</span>
- <Input
- placeholder="输入数量"
- style={{ width: 80 }}
- type={"number"}
- value={this.state.son}
- onChange={(e) => {
- this.setState({
- son: e.target.value,
- });
- }}
- />
- <span style={{ marginLeft: 10 }}>女儿:</span>
- <Input
- placeholder="输入数量"
- style={{ width: 80 }}
- type={"number"}
- value={this.state.girl}
- onChange={(e) => {
- this.setState({
- girl: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="政治面貌"
- >
- <Select
- placeholder="请选择政治面貌"
- style={{ width: 200 }}
- onChange={(e) => {
- this.setState({ politicalOutlook: e });
- }}
- value={this.state.politicalOutlook}
- >
- <Option value="0">群众</Option>
- <Option value="1">中共预备党员</Option>
- <Option value="2">中共党员</Option>
- <Option value="3">致公党党员</Option>
- </Select>
- </FormItem>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.state.isAddPeo ? this.addOk : this.editPeo}
- >
- 保存
- </Button>
- </Spin>
- </Modal>
- <Modal
- visible={this.state.stayVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.stayCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h2
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 修改任职信息
- </h2>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="员工状态"
- >
- <Select
- placeholder="请选择状态"
- style={{ width: 200 }}
- onChange={(e) => {
- this.setState({ status: e });
- }}
- value={this.state.status}
- >
- <Option value="0">实习生</Option>
- <Option value="1">在职(试用期)</Option>
- <Option value="2">在职(合同期)</Option>
- <Option value="3">兼职</Option>
- <Option value="4">已离职</Option>
- </Select>
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="所属系统"
- >
- <Select
- placeholder="请选择所属系统"
- style={{ width: 200 }}
- onChange={(e) => {
- this.setState({ system: e });
- }}
- value={this.state.system}
- >
- <Option value="0">管理系统</Option>
- <Option value="1">营销系统</Option>
- <Option value="2">技术系统</Option>
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="工作性质"
- >
- <Radio.Group
- onChange={(e) => {
- this.setState({ jobNature: e.target.value });
- }}
- value={this.state.jobNature}
- >
- <Radio value="0">全职</Radio>
- <Radio value="1">兼职</Radio>
- <Radio value="2">其他</Radio>
- </Radio.Group>
- <Input
- placeholder="输入性质"
- style={{
- width: 80,
- display:
- this.state.jobNature == 2 ? "inline-block" : "none",
- }}
- value={this.state.jobNatureRemarks}
- onChange={(e) => {
- this.setState({
- jobNatureRemarks: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="工龄">
- <span>{this.state.age}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="入职时间"
- >
- <DatePicker
- value={
- this.state.entryTimes ? moment(this.state.entryTimes) : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.setState({
- entryTimes: t,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="转正时间"
- >
- <DatePicker
- value={
- this.state.promotionTimes
- ? moment(this.state.promotionTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.setState({
- promotionTimes: t,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="所属公司"
- >
- <Select
- placeholder="选择公司"
- style={{ width: 200, marginRight: 10 }}
- value={this.state.company}
- onChange={(e) => {
- this.setState({ company: e });
- }}
- >
- {departmentArr.map(function (item) {
- return (
- <Select.Option key={item.id}>{item.name}</Select.Option>
- );
- })}
- </Select>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="级别">
- <Select
- placeholder="请选择所属级别"
- style={{ width: 200 }}
- onChange={(e) => {
- this.setState({ lvl: e });
- }}
- value={this.state.lvl}
- >
- <Option value="0">员工</Option>
- <Option value="1">主管</Option>
- <Option value="2">经理</Option>
- <Option value="3">总经理</Option>
- <Option value="4">副总裁</Option>
- <Option value="5">副总</Option>
- <Option value="6">总监</Option>
- <Option value="7">董事长</Option>
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem className="half-item" {...formItemLayout} label="职位">
- <Select
- placeholder="选择职位"
- style={{ width: 200, marginRight: 10 }}
- value={this.state.jobs}
- onChange={(e) => {
- this.setState({ jobs: e, star: undefined });
- console.log(e);
- this.getList();
- }}
- >
- <Option value="1">员工</Option>
- <Option value="2">试用营销员</Option>
- <Option value="3">试用营销储备经理</Option>
- <Option value="4">营销经理</Option>
- <Option value="5">总监合伙人</Option>
- <Option value="6">技术助理</Option>
- <Option value="7">咨询师</Option>
- <Option value="8">咨询师主管</Option>
- <Option value="9">咨询师经理</Option>
- <Option value="10">高级经理</Option>
- </Select>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="星级">
- <Select
- placeholder="请选择所属星级"
- style={{ width: 200 }}
- onChange={(e) => {
- this.setState({ star: e });
- }}
- value={this.state.star}
- >
- {this.state.starArr
- ? this.state.starArr.map((item, index) => {
- return (
- <Option value={item.star}>{item.starName}</Option>
- );
- })
- : []}
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="岗位津贴"
- >
- <Input
- placeholder="输入金额"
- style={{ width: 200 }}
- value={this.state.allowance}
- onChange={(e) => {
- this.setState({
- allowance: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editStay}
- >
- 保存
- </Button>
- </Spin>
- </Modal>
- <Modal
- visible={this.state.phoneVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.phoneCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h2
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 修改联系信息
- </h2>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="手机号码"
- >
- <Input
- placeholder="输入号码"
- style={{ width: 200 }}
- value={this.state.phone}
- onChange={(e) => {
- this.setState({
- phone: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="办公室电话"
- >
- <Input
- placeholder="输入金额"
- style={{ width: 200 }}
- value={this.state.bgs}
- onChange={(e) => {
- this.setState({
- bgs: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人1"
- >
- <Input
- placeholder="请输入名字"
- style={{ width: 200 }}
- value={this.state.lianxiren}
- onChange={(e) => {
- this.setState({
- lianxiren: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人电话"
- >
- <Input
- placeholder="请输入电话"
- style={{ width: 200 }}
- value={this.state.jjphone}
- onChange={(e) => {
- this.setState({
- jjphone: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人2"
- >
- <Input
- placeholder="请输入名字"
- style={{ width: 200 }}
- value={this.state.lianxiren}
- onChange={(e) => {
- this.setState({
- lianxiren: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人电话"
- >
- <Input
- placeholder="请输入电话"
- style={{ width: 200 }}
- value={this.state.jjphone}
- onChange={(e) => {
- this.setState({
- jjphone: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人3"
- >
- <Input
- placeholder="请输入名字"
- style={{ width: 200 }}
- value={this.state.lianxiren}
- onChange={(e) => {
- this.setState({
- lianxiren: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人电话"
- >
- <Input
- placeholder="请输入电话"
- style={{ width: 200 }}
- value={this.state.jjphone}
- onChange={(e) => {
- this.setState({
- jjphone: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editPhone}
- >
- 保存
- </Button>
- </Spin>
- </Modal>
- <Modal
- visible={this.state.entryVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.entryCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h2
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 修改入职信息
- </h2>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="毕业学校"
- >
- <Input
- placeholder="输入学校名称"
- style={{ width: 200 }}
- value={this.state.school}
- onChange={(e) => {
- this.setState({
- school: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="学历"
- >
- <Select
- placeholder="请选择学历"
- style={{ width: 200 }}
- onChange={(e) => {
- this.setState({ education: e });
- }}
- value={this.state.education}
- >
- <Option value="0">高中/中专</Option>
- <Option value="1">专科/高职</Option>
- <Option value="2">本科</Option>
- <Option value="3">研究生</Option>
- <Option value="4">博士</Option>
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="所学专业"
- >
- <Input
- placeholder="请输入专业名称"
- style={{ width: 200 }}
- value={this.state.major}
- onChange={(e) => {
- this.setState({
- major: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="职称"
- >
- <Input
- placeholder="请输入职称"
- style={{ width: 200 }}
- value={this.state.title}
- onChange={(e) => {
- this.setState({
- title: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- <Input
- placeholder="请输入备注"
- style={{ width: 200 }}
- value={this.state.entryRemarks}
- onChange={(e) => {
- this.setState({
- entryRemarks: e.target.value,
- });
- }}
- />
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(this.state.annexName)}
- picUrl={this.picToArr(this.state.annexUrl)}
- remove={this.ruzhiRemove}
- />
- <Button onClick={this.addPic}>添加附件</Button>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editPhone}
- >
- 保存
- </Button>
- </Spin>
- </Modal>
- <Modal
- visible={this.state.visible}
- footer={null}
- width={1000}
- onCancel={() => {
- this.loadData();
- this.cancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h2
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- {this.state.ModalData.name + "人事档案"}
- </h2>
- <ul className="peo-table">
- {this.state.table.map((item) => {
- let value = item.value;
- if (item.render) {
- let fn = item.render;
- return (
- <li>
- <div className="peo-left">{item.key}</div>
- <Tooltip
- placement="top"
- title={fn(
- this.state.ModalData[value],
- value == "son" ? this.state.ModalData.girl : 0
- )}
- >
- <div className="peo-right">
- {fn(
- this.state.ModalData[value],
- value == "son" ? this.state.ModalData.girl : 0
- )}
- </div>
- </Tooltip>
- </li>
- );
- }
- return (
- <li>
- <div className="peo-left">{item.key}</div>
- <Tooltip
- placement="top"
- title={this.state.ModalData[item.value]}
- >
- <div className="peo-right">
- {this.state.ModalData[value] &&
- this.state.ModalData[value].length > 10
- ? this.state.ModalData[value].substring(0, 10) + "..."
- : this.state.ModalData[value]}
- </div>
- </Tooltip>
- </li>
- );
- })}
- </ul>
- <div className="title-peo">
- <span>任职信息</span>
- <Button
- type="primary"
- onClick={(e) => {
- this.stayModal(this.state.ModalData.id);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 修改任职信息
- </Button>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="员工状态"
- >
- {this.state.ModalData.statusName}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="所属系统"
- >
- {this.state.ModalData.systemName}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="工作性质"
- >
- {this.jobStatus(
- this.state.ModalData.jobNature,
- this.state.ModalData.jobNatureRemarks
- )}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="工龄"
- >
- {this.state.ModalData.workingYear}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="入职时间"
- >
- {this.state.ModalData.entryTimes}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="转正时间"
- >
- {this.state.ModalData.promotionTimes}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="所属公司"
- >
- {this.state.ModalData.entryTimes}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="级别"
- >
- {this.state.ModalData.lvlName}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="职位"
- >
- {this.state.ModalData.jobsName}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="岗位津贴"
- >
- {this.state.ModalData.allowance}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="星级"
- >
- {this.state.ModalData.starName}
- </FormItem>
- </div>
- <div className="title-peo">
- <span>联系信息</span>
- <Button
- type="primary"
- onClick={this.phoneModal}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 修改联系信息
- </Button>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="手机号码"
- >
- {this.state.ModalData.mobile}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="电话"
- >
- {this.state.ModalData.fixedTel}
- </FormItem>
- </div>
- {this.state.ModalData.contactList &&
- this.state.ModalData.contactList.length > 0 ? (
- this.state.ModalData.contactList.map((item, index) => {
- return (
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"紧急联系人" + index}
- >
- {item.emergencyContact}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"紧急联系人" + index + "电话"}
- >
- {item.emergencyMobile}
- </FormItem>
- </div>
- );
- })
- ) : (
- <div
- style={{ textAlign: "center", height: 60, lineHeight: "60px" }}
- >
- 暂无紧急联系人信息
- </div>
- )}
- <div className="title-peo">
- <span>入职资料</span>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="毕业学校"
- >
- {this.state.ModalData.personnelEntry
- ? this.state.ModalData.personnelEntry.school
- : ""}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="学历"
- >
- {this.state.ModalData.personnelEntry
- ? this.educationStatus(
- this.state.ModalData.personnelEntry.education
- )
- : ""}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="所学专业"
- >
- {this.state.ModalData.personnelEntry
- ? this.state.ModalData.personnelEntry.major
- : ""}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="职称"
- >
- {this.state.ModalData.personnelEntry
- ? this.state.ModalData.personnelEntry.title
- : ""}
- </FormItem>
- </div>
- <div className="clearfix" style={{ paddingLeft: 70 }}>
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={
- this.state.ModalData.personnelEntry
- ? this.picToArr(
- this.state.ModalData.personnelEntry.annexName
- )
- : []
- }
- picUrl={
- this.state.ModalData.personnelEntry
- ? this.picToArr(
- this.state.ModalData.personnelEntry.annexUrl
- )
- : []
- }
- />
- </div>
- <div className="title-peo">
- <span>晋升情况</span>
- </div>
- {this.state.ModalData.promotionList &&
- this.state.ModalData.promotionList.length > 0 ? (
- this.state.ModalData.promotionList.map((item, index) => {
- return (
- <div
- style={{ width: "100%", borderBottom: "1px dashed #ccc" }}
- >
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="晋升职位"
- >
- {item.oldJobsName + "--->" + item.newJobsName}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="晋升等级"
- >
- {item.oldLvlName + "--->" + item.newLvlName}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="晋升时间"
- >
- {item.promotionTimes}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="晋升备注"
- >
- {item.promotionRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(item.annexName)}
- picUrl={this.picToArr(item.annexUrl)}
- />
- </div>
- </div>
- );
- })
- ) : (
- <div
- style={{ textAlign: "center", height: 60, lineHeight: "60px" }}
- >
- 暂无晋升情况
- </div>
- )}
- <div className="title-peo">
- <span>合同情况</span>
- </div>
- {this.state.ModalData.contractList &&
- this.state.ModalData.contractList.length > 0 ? (
- this.state.ModalData.contractList.map((item, index) => {
- return (
- <div
- style={{ width: "100%", borderBottom: "1px dashed #ccc" }}
- >
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="签订时间"
- >
- {item.startTimes}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="到期时间"
- >
- {item.endTimes}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- {item.contractRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(item.annexName)}
- picUrl={this.picToArr(item.annexUrl)}
- />
- </div>
- </div>
- );
- })
- ) : (
- <div
- style={{ textAlign: "center", height: 60, lineHeight: "60px" }}
- >
- 暂无合同情况
- </div>
- )}
- <div className="title-peo">
- <span>奖惩情况</span>
- </div>
- {this.state.ModalData.chooseList &&
- this.state.ModalData.chooseList.length > 0 ? (
- this.state.ModalData.chooseList.map((item, index) => {
- return (
- <div
- style={{ width: "100%", borderBottom: "1px dashed #ccc" }}
- >
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={item.chooseStatus == 0 ? "奖励" : "惩罚"}
- >
- {item.chooseRemarks}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="时间"
- >
- {item.effectTimes}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(item.annexName)}
- picUrl={this.picToArr(item.annexUrl)}
- />
- </div>
- </div>
- );
- })
- ) : (
- <div
- style={{ textAlign: "center", height: 60, lineHeight: "60px" }}
- >
- 暂无奖惩情况
- </div>
- )}
- <div className="title-peo">
- <span>离职情况</span>
- </div>
- {this.state.ModalData.quitList &&
- this.state.ModalData.quitList.length > 0 ? (
- this.state.ModalData.quitList.map((item, index) => {
- return (
- <div
- style={{ width: "100%", borderBottom: "1px dashed #ccc" }}
- >
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="离职时间"
- >
- {item.effectTimes}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="离职备注"
- >
- {item.quitRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(item.annexName)}
- picUrl={this.picToArr(item.annexUrl)}
- />
- </div>
- </div>
- );
- })
- ) : (
- <div
- style={{ textAlign: "center", height: 60, lineHeight: "60px" }}
- >
- 暂无奖惩情况
- </div>
- )}
- </Spin>
- </Modal>
- <AddPicModal
- cancel={this.addPicModalCancel}
- add={this.addRuzhi}
- visible={this.state.addPicModal}
- />
- </div>
- );
- },
- });
- export default PersonnelAll;
|