1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830 |
- 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.statusSearch,
- company: this.state.departmenttList,
- sex: this.state.sexSearch,
- marriage: this.state.marriageSearch,
- politicalOutlook: this.state.politicalOutlookSearch,
- birthdayMonth: this.state.birthdayMonthSearch,
- 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 {
- active: "1",
- detailFlag: false,
- editWelfareData: {},
- contractList: [],
- quitList: [],
- chooseList: [],
- starArr: [],
- starArrs: [],
- annexName: "",
- annexUrl: "",
- voucherUrl: [],
- ModalData: [],
- contractTime: [],
- contactList: [],
- quitTime: [],
- promotionList: [],
- 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: "employeeId",
- key: "employeeId",
- },
- {
- 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",
- render: (text) => {
- let time = moment(text).valueOf();
- let today = Date.parse(new Date());
- let sevenDay = 604800000;
- if (time - today < sevenDay) {
- return (
- <span style={{ color: "red", fontWeight: 900 }}>{text}</span>
- );
- }
- return text;
- },
- },
- {
- 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) => {
- let end = moment(record.contractEnd).valueOf();
- let today = Date.parse(new Date());
- let sevenDay = 604800000;
- if (text) {
- if (end - today < sevenDay) {
- return (
- <span style={{ color: "red", fontWeight: 900 }}>
- {text + "~" + record.contractEnd}
- </span>
- );
- }
- 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,
- welfareColumns: [
- {
- title: "福利类型",
- dataIndex: "type",
- key: "type",
- render: (text) => {
- if (text == 0) {
- return "社保";
- } else if (text == 1) {
- return "公积金";
- } else if (text == 2) {
- return "雇主险";
- }
- },
- },
- {
- title: "购买状态",
- dataIndex: "status",
- key: "status",
- render: (text) => {
- if (text == 0) {
- return "未购买";
- } else if (text == 1) {
- return "已购买";
- } else if (text == 2) {
- return "已停止";
- }
- },
- },
- {
- title: "购买时间",
- dataIndex: "startTimes",
- key: "startTimes",
- },
- {
- title: "停缴时间",
- dataIndex: "endTimes",
- key: "endTimes",
- },
- {
- title: "公司名称",
- dataIndex: "depName",
- key: "depName",
- },
- {
- title: "备注信息",
- dataIndex: "welfareRemarks",
- key: "welfareRemarks",
- },
- ],
- welfareColumnsEdit: [
- {
- title: "福利类型",
- dataIndex: "type",
- key: "type",
- render: (text) => {
- if (text == 0) {
- return "社保";
- } else if (text == 1) {
- return "公积金";
- } else if (text == 2) {
- return "雇主险";
- }
- },
- },
- {
- title: "购买状态",
- dataIndex: "status",
- key: "status",
- render: (text) => {
- if (text == 0) {
- return "未购买";
- } else if (text == 1) {
- return "已购买";
- } else if (text == 2) {
- return "已停止";
- }
- },
- },
- {
- title: "购买时间",
- dataIndex: "startTimes",
- key: "startTimes",
- },
- {
- title: "停缴时间",
- dataIndex: "endTimes",
- key: "endTimes",
- },
- {
- title: "公司名称",
- dataIndex: "depName",
- key: "depName",
- },
- {
- title: "备注信息",
- dataIndex: "welfareRemarks",
- key: "welfareRemarks",
- },
- {
- title: "操作",
- dataIndex: "caozuo",
- key: "caozuo",
- render: (text, record) => {
- return (
- <Button
- type="primary"
- onClick={(e) => {
- this.welfareTable(record);
- }}
- >
- 修改
- </Button>
- );
- },
- },
- ],
- table: [
- {
- key: "员工编号",
- value: "employeeId",
- },
- {
- 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",
- },
- ],
- };
- },
- 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();
- },
- export() {
- const data = {
- pageSize: 9999,
- name: this.state.nameSearch ? this.state.nameSearch : undefined,
- status: this.state.statusSearch ? this.state.statusSearch : undefined,
- company: this.state.departmenttList
- ? this.state.departmenttList
- : undefined,
- sex: this.state.sexSearch ? this.state.sexSearch : undefined,
- marriage: this.state.marriageSearch
- ? this.state.marriageSearch
- : undefined,
- politicalOutlook: this.state.politicalOutlookSearch
- ? this.state.politicalOutlookSearch
- : undefined,
- birthdayMonth: this.state.birthdayMonthSearch
- ? this.state.birthdayMonthSearch
- : undefined,
- promotionStart: this.state.promotionTime[0]
- ? this.state.promotionTime[0]
- : undefined,
- promotionEnd: this.state.promotionTime[1]
- ? this.state.promotionTime[1]
- : undefined,
- entryStart: this.state.entryTime[0] ? this.state.entryTime[0] : undefined,
- entryStart: this.state.entryTime[1] ? this.state.entryTime[1] : undefined,
- quitStart: this.state.quitTime[0] ? this.state.quitTime[0] : undefined,
- quitEnd: this.state.quitTime[1] ? this.state.quitTime[1] : undefined,
- system: this.state.systemSearch ? this.state.systemSearch : undefined,
- workingYears: this.state.workingYearsSearch
- ? this.state.workingYearsSearch
- : undefined,
- education: this.state.educationSearch
- ? this.state.educationSearch
- : undefined,
- contractStart: this.state.contractTime[0]
- ? this.state.contractTime[0]
- : undefined,
- contractEnd: this.state.contractTime[1]
- ? this.state.contractTime[1]
- : undefined,
- };
- for(let key in data) {
- if(!data[key]) {
- delete data[key]
- console.log(data);
-
- }
- }
- window.location.href =
- globalConfig.context +
- "/api/admin/personnel/exportPersonnelList?" +
- $.param(data);
- },
- 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),
- });
- },
- welfareTable(record) {
- this.setState({
- editWelfareVisible: true,
- });
- if (record) {
- this.setState({
- editWelfareData: record,
- });
- } else {
- let editWelfareData = {
- status: undefined,
- id: undefined,
- depId: [],
- pdId: this.state.ModalData.id,
- type: undefined,
- welfareRemarks: undefined,
- endTimes: undefined,
- startTimes: undefined,
- };
- this.setState({
- editWelfareData
- });
- }
- },
- editWelfareDataOk() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateWelfare",
- data: {
- startTimes:
- this.state.editWelfareData.status == 1 ||
- this.state.editWelfareData.status == 2
- ? this.state.editWelfareData.startTimes
- : "",
- endTimes:
- this.state.editWelfareData.status == 2
- ? this.state.editWelfareData.endTimes
- : "",
- pdId: this.state.editWelfareData.pdId,
- welfareRemarks:
- this.state.editWelfareData.status == 0
- ? this.state.editWelfareData.welfareRemarks
- : "",
- type: this.state.editWelfareData.type,
- id: this.state.editWelfareData.id,
- status: this.state.editWelfareData.status,
- depId: this.state.editWelfareData.status == 0 ? "" : this.state.editWelfareData.depId,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- message.success("修改成功!");
- this.loadData();
- this.tableRowClick(this.state.ModalData);
- this.setState({
- editWelfareVisible: false,
- });
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- getWelfareData() {
- 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)
- );
- },
- 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({
- id: undefined,
- 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,
- employeeId: undefined,
- son: undefined,
- girl: undefined,
- birthdays: undefined,
- marriage: undefined,
- });
- },
- verifyDoor() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/checkDoorId",
- data: {
- doorId: this.state.doorId,
- id: this.state.id,
- },
- success: function (data) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- message.success("此编号未被占用");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- verifyId() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/checkEmployeeId",
- data: {
- employeeId: this.state.employeeId,
- id: this.state.id
- },
- success: function (data) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- message.success("此编号未被占用");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- 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,
- employeeId: this.state.employeeId,
- },
- 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)
- );
- },
- editOk() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/update",
- data: {
- id: this.state.id,
- 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,
- employeeId: this.state.employeeId,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- message.success("修改成功!");
- this.loadData();
- this.tableRowClick(this.state.ModalData);
- this.addPeoCancel();
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- editPeo() {
- this.state.residence[0] = this.state.ModalData.residenceProvince;
- this.state.residence[1] = this.state.ModalData.residenceCity;
- this.state.residence[2] = this.state.ModalData.residenceArea;
- this.state.nativePlace[0] = this.state.ModalData.nativePlaceProvince;
- this.state.nativePlace[1] = this.state.ModalData.nativePlaceCity;
- this.state.now[0] = this.state.ModalData.nowProvince;
- this.state.now[1] = this.state.ModalData.nowCity;
- this.state.now[2] = this.state.ModalData.nowArea;
- this.setState({
- peoVisible: true,
- isAddPeo: false,
- id: this.state.ModalData.id,
- doorId: this.state.ModalData.doorId,
- name: this.state.ModalData.name,
- birthdays: this.state.ModalData.birthdays,
- sex: this.state.ModalData.sex,
- nation: this.state.ModalData.nation,
- residence: this.state.residence ? this.state.residence : [],
- residenceAddress: this.state.ModalData.residenceAddress,
- now: this.state.now ? this.state.now : [],
- nowAddress: this.state.ModalData.nowAddress,
- nativePlace: this.state.nativePlace ? this.state.nativePlace : [],
- idCard: this.state.ModalData.idCard,
- certificationAuthority: this.state.ModalData.certificationAuthority,
- marriage: this.state.ModalData.marriage,
- son: this.state.ModalData.son,
- girl: this.state.ModalData.girl,
- politicalOutlook: this.state.ModalData.politicalOutlook || this.state.ModalData.politicalOutlook == 0
- ? this.state.ModalData.politicalOutlook
- : undefined,
- marriage: this.state.ModalData.marriage,
- employeeId: this.state.ModalData.employeeId,
- });
- },
- 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 ? res.lvl + "" : [],
- jobs: res.jobs ? res.jobs + "" : [],
- star: res.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() {
- let obj = [
- {
- id: undefined,
- pdid: this.state.ModalData.id,
- emergencyContact: "",
- emergencyMobile: "",
- },
- {
- id: undefined,
- pdid: this.state.ModalData.id,
- emergencyContact: "",
- emergencyMobile: "",
- },
- {
- id: undefined,
- pdid: this.state.ModalData.id,
- emergencyContact: "",
- emergencyMobile: "",
- },
- ];
- this.setState({
- phoneVisible: true,
- id: this.state.ModalData.id,
- mobile: this.state.ModalData.mobile,
- fixedTel: this.state.ModalData.fixedTel,
- contactList: this.state.ModalData.contactList.length
- ? JSON.parse(JSON.stringify(this.state.ModalData.contactList))
- : obj,
- });
- },
- phoneCancel() {
- this.setState({
- phoneVisible: false,
- });
- },
- editPhone() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateContact",
- data: {
- id: this.state.id,
- mobile: this.state.mobile,
- fixedTel: this.state.fixedTel,
- contactList: JSON.stringify(this.state.contactList),
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.loadData();
- this.phoneCancel();
- this.tableRowClick(this.state.ModalData);
- message.success("修改成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- 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: this.state.ModalData.id,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.setState({
- id: data.data.personnelEntry ? data.data.personnelEntry.id : "",
- school: data.data.personnelEntry
- ? data.data.personnelEntry.school
- : "",
- education: data.data.personnelEntry
- ? data.data.personnelEntry.education
- : "",
- major: data.data.personnelEntry
- ? data.data.personnelEntry.major
- : "",
- title: data.data.personnelEntry
- ? data.data.personnelEntry.title
- : "",
- entryRemarks: data.data.personnelEntry
- ? data.data.personnelEntry.entryRemarks
- : "",
- annexUrl: data.data.personnelEntry
- ? data.data.personnelEntry.annexUrl
- ? data.data.personnelEntry.annexUrl
- : ""
- : "",
- annexName: data.data.personnelEntry
- ? data.data.personnelEntry.annexName
- ? data.data.personnelEntry.annexName
- : ""
- : "",
- });
- // }
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- entryCancel() {
- this.tableRowClick(this.state.ModalData);
- this.setState({
- entryVisible: false,
- });
- },
- cancel() {
- this.setState({
- visible: false,
- detailFlag: false,
- active: "1",
- });
- },
- 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,
- });
- },
- add() {
- if (this.state.entryVisible) {
- return this.addRuzhi;
- } else if (this.state.upgradeVisible) {
- return this.addJinsheng;
- } else if (this.state.contractVisible) {
- return this.addContract;
- } else if (this.state.chooseVisible) {
- return this.addChoose;
- } else if (this.state.quitVisible) {
- return this.addQuit;
- } else if (this.state.welfareVisible) {
- return this.addWelfare;
- }
- },
- addRuzhi(e, i) {
- this.setState({
- addPicModal: false,
- });
- if (this.state.annexUrl.length > 0) {
- this.state.annexUrl += "," + e;
- this.state.annexName += "," + i;
- } else {
- this.state.annexUrl += e;
- this.state.annexName += i;
- }
- this.setState({
- annexUrl: this.state.annexUrl,
- annexName: this.state.annexName,
- });
- },
- addJinsheng(e, i) {
- this.setState({
- addPicModal: false,
- });
- if (
- this.state.promotionList.annexUrl &&
- this.state.promotionList.annexUrl.length > 0
- ) {
- this.state.promotionList.annexUrl += "," + e;
- this.state.promotionList.annexName += "," + i;
- } else {
- this.state.promotionList.annexUrl = e;
- this.state.promotionList.annexName = i;
- }
- this.setState({
- promotionList: this.state.promotionList,
- });
- },
- addContract(e, i) {
- this.setState({
- addPicModal: false,
- });
- if (
- this.state.contractList.annexUrl &&
- this.state.contractList.annexUrl.length > 0
- ) {
- this.state.contractList.annexUrl += "," + e;
- this.state.contractList.annexName += "," + i;
- } else {
- this.state.contractList.annexUrl = e;
- this.state.contractList.annexName = i;
- }
- this.setState({
- contractList: this.state.contractList,
- });
- },
- addChoose(e, i) {
- this.setState({
- addPicModal: false,
- });
- if (
- this.state.chooseList.annexUrl &&
- this.state.chooseList.annexUrl.length > 0
- ) {
- this.state.chooseList.annexUrl += "," + e;
- this.state.chooseList.annexName += "," + i;
- } else {
- this.state.chooseList.annexUrl = e;
- this.state.chooseList.annexName = i;
- }
- this.setState({
- chooseList: this.state.chooseList,
- });
- },
- addQuit(e, i) {
- this.setState({
- addPicModal: false,
- });
- if (
- this.state.quitList.annexUrl &&
- this.state.quitList.annexUrl.length > 0
- ) {
- this.state.quitList.annexUrl += "," + e;
- this.state.quitList.annexName += "," + i;
- } else {
- this.state.quitList.annexUrl = e;
- this.state.quitList.annexName = i;
- }
- this.setState({
- quitList: this.state.quitList,
- });
- },
- addWelfare(e, i) {
- this.setState({
- addPicModal: false,
- });
- if (
- this.state.ModalData.welfareAnnexUrl &&
- this.state.ModalData.welfareAnnexUrl.length > 0
- ) {
- this.state.ModalData.welfareAnnexUrl += "," + e;
- this.state.ModalData.welfareAnnexName += "," + i;
- } else {
- this.state.ModalData.welfareAnnexUrl = e;
- this.state.ModalData.welfareAnnexName = i;
- }
- this.setState({
- ModalData: this.state.ModalData,
- });
- },
- 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) {
- if (!e) return [];
- let arr = e.split(",");
- return arr;
- },
- ruzhiRemove(e) {
- 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(","),
- });
- },
- jinshengRemove(e) {
- let url = e.file.response.data;
- let arr = this.state.promotionList.annexUrl.split(",");
- let arrName = this.state.promotionList.annexName.split(",");
- let num = "";
- arr.forEach((item, index) => {
- if (item == url) {
- arr.splice(index, 1);
- num = index;
- }
- });
- arrName.splice(num, 1);
- this.state.promotionList.annexUrl = arr.join(",");
- this.state.promotionList.annexName = arrName.join(",");
- this.setState({
- promotionList: this.state.promotionList,
- });
- },
- contractRemove(e) {
- let url = e.file.response.data;
- let arr = this.state.contractList.annexUrl.split(",");
- let arrName = this.state.contractList.annexName.split(",");
- let num = "";
- arr.forEach((item, index) => {
- if (item == url) {
- arr.splice(index, 1);
- num = index;
- }
- });
- arrName.splice(num, 1);
- this.state.contractList.annexUrl = arr.join(",");
- this.state.contractList.annexName = arrName.join(",");
- this.setState({
- contractList: this.state.contractList,
- });
- },
- chooseRemove(e) {
- let url = e.file.response.data;
- let arr = this.state.chooseList.annexUrl.split(",");
- let arrName = this.state.chooseList.annexName.split(",");
- let num = "";
- arr.forEach((item, index) => {
- if (item == url) {
- arr.splice(index, 1);
- num = index;
- }
- });
- arrName.splice(num, 1);
- this.state.chooseList.annexUrl = arr.join(",");
- this.state.chooseList.annexName = arrName.join(",");
- this.setState({
- chooseList: this.state.chooseList,
- });
- },
- quitRemove(e) {
- let url = e.file.response.data;
- let arr = this.state.quitList.annexUrl.split(",");
- let arrName = this.state.quitList.annexName.split(",");
- let num = "";
- arr.forEach((item, index) => {
- if (item == url) {
- arr.splice(index, 1);
- num = index;
- }
- });
- arrName.splice(num, 1);
- this.state.quitList.annexUrl = arr.join(",");
- this.state.quitList.annexName = arrName.join(",");
- this.setState({
- quitList: this.state.quitList,
- });
- },
- welfareRemove(e) {
- let url = e.file.response.data;
- let arr = this.state.ModalData.welfareAnnexUrl.split(",");
- let arrName = this.state.ModalData.welfareAnnexName.split(",");
- let num = "";
- arr.forEach((item, index) => {
- if (item == url) {
- arr.splice(index, 1);
- num = index;
- }
- });
- arrName.splice(num, 1);
- this.state.ModalData.welfareAnnexUrl = arr.join(",");
- this.state.ModalData.welfareAnnexName = arrName.join(",");
- this.setState({
- ModalData: this.state.ModalData,
- });
- },
- getList(jobs) {
- 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 {
- let arr = data.data;
- let starArr = [];
- arr.forEach((item, index) => {
- if(jobs && item.jobs == jobs) {
- let obj = {
- star: item.lvl + "",
- starName: item.lvlName,
- };
- starArr.push(obj);
- return
- }else if (!jobs && 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)
- );
- },
- getLists(jobs) {
- 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 {
- let arr = data.data;
- let starArrs = [];
- arr.forEach((item, index) => {
- if (jobs && item.jobs == jobs) {
- let obj = {
- star: item.lvl + "",
- starName: item.lvlName,
- };
- starArrs.push(obj);
- return;
- }
- if (item.jobs == this.state.jobss) {
- let obj = {
- star: item.lvl + "",
- starName: item.lvlName,
- };
- starArrs.push(obj);
- }
- });
- this.setState({
- starArrs,
- });
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- editRuzi() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateEntry",
- data: {
- id: this.state.ModalData.id,
- school: this.state.school,
- education: this.state.education,
- major: this.state.major,
- title: this.state.title,
- entryRemarks: this.state.entryRemarks,
- 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 {
- this.loadData();
- this.entryCancel();
- this.tableRowClick(this.state.ModalData);
- message.success("修改成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- upgradeCancel() {
- this.tableRowClick(this.state.ModalData);
- this.setState({
- upgradeVisible: false,
- });
- },
- contractCancel() {
- this.tableRowClick(this.state.ModalData);
- this.setState({
- contractVisible: false,
- });
- },
- chooseCancel() {
- this.tableRowClick(this.state.ModalData);
- this.setState({
- chooseVisible: false,
- });
- },
- quitCancel() {
- this.tableRowClick(this.state.ModalData);
- this.setState({
- quitVisible: false,
- });
- },
- welfareCancel() {
- this.tableRowClick(this.state.ModalData);
- this.setState({
- welfareVisible: false,
- });
- },
- upgradeModal(flag, index) {
- this.setState({
- upgradeVisible: true,
- });
- let obj = {
- id: undefined,
- pdId: this.state.ModalData.id,
- oldJobs: [],
- oldLvl: [],
- newJobs: [],
- newLvl: [],
- promotionTimes: undefined,
- promotionRemarks: undefined,
- annexUrl: "",
- annexName: "",
- };
- this.setState({
- promotionList: flag ? obj : this.state.ModalData.promotionList[index],
- });
- this.getList(flag ? undefined : this.state.ModalData.promotionList[index].oldJobs);
- this.getLists(flag ? undefined : this.state.ModalData.promotionList[index].newJobs);
- },
- contractModal(flag, index) {
- this.setState({
- contractVisible: true,
- });
- let obj = {
- id: undefined,
- pdId: this.state.ModalData.id,
- startTimes: undefined,
- endTimes: undefined,
- contractRemarks: undefined,
- annexUrl: "",
- annexName: "",
- };
- this.setState({
- contractList: flag ? obj : this.state.ModalData.contractList[index],
- });
- },
- chooseModal(flag, index) {
- this.setState({
- chooseVisible: true,
- });
- let obj = {
- id: undefined,
- pdId: this.state.ModalData.id,
- chooseStatus: undefined,
- effectTimes: undefined,
- chooseRemarks: undefined,
- annexUrl: "",
- annexName: "",
- };
- this.setState({
- chooseList: flag ? obj : this.state.ModalData.chooseList[index],
- });
- },
- quitModal(flag, index) {
- this.setState({
- quitVisible: true,
- });
- let obj = {
- id: undefined,
- pdId: this.state.ModalData.id,
- effectTimes: undefined,
- quitRemarks: undefined,
- annexUrl: "",
- annexName: "",
- };
- this.setState({
- quitList: flag ? obj : this.state.ModalData.quitList[index],
- });
- },
- welfareModal() {
- this.setState({
- welfareVisible: true,
- });
- },
- editUpgrade() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updatePromotion",
- data: {
- id: this.state.promotionList.id,
- pdId: this.state.promotionList.pdId,
- oldJobs: this.state.promotionList.oldJobs,
- oldLvl: this.state.promotionList.oldLvl,
- newJobs: this.state.promotionList.newJobs,
- newLvl: this.state.promotionList.newLvl,
- promotionTimes: this.state.promotionList.promotionTimes,
- promotionRemarks: this.state.promotionList.promotionRemarks,
- annexUrl: this.state.promotionList.annexUrl,
- annexName: this.state.promotionList.annexName,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.loadData();
- this.upgradeCancel();
- message.success("修改成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- editContract() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateContract",
- data: {
- id: this.state.contractList.id,
- pdId: this.state.contractList.pdId,
- startTimes: this.state.contractList.startTimes,
- endTimes: this.state.contractList.endTimes,
- contractRemarks: this.state.contractList.contractRemarks,
- annexUrl: this.state.contractList.annexUrl,
- annexName: this.state.contractList.annexName,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.loadData();
- this.contractCancel();
- message.success("修改成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- editChoose() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateChoose",
- data: {
- id: this.state.chooseList.id,
- pdId: this.state.chooseList.pdId,
- chooseStatus: this.state.chooseList.chooseStatus,
- effectTimes: this.state.chooseList.effectTimes,
- chooseRemarks: this.state.chooseList.chooseRemarks,
- annexUrl: this.state.chooseList.annexUrl,
- annexName: this.state.chooseList.annexName,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.loadData();
- this.chooseCancel();
- message.success("修改成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- editQuit() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateQuit",
- data: {
- id: this.state.quitList.id,
- pdId: this.state.quitList.pdId,
- effectTimes: this.state.quitList.effectTimes,
- quitRemarks: this.state.quitList.quitRemarks,
- annexUrl: this.state.quitList.annexUrl,
- annexName: this.state.quitList.annexName,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.loadData();
- this.quitCancel();
- message.success("修改成功");
- }
- }.bind(this),
- }).always(
- function () {
- this.setState({
- loading: false,
- });
- }.bind(this)
- );
- },
- editWelfare() {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/personnel/updateWelfare",
- data: {
- pdId: this.state.ModalData.id,
- annexUrl: this.state.ModalData.welfareAnnexUrl,
- annexName: this.state.ModalData.welfareAnnexName,
- remarks: this.state.ModalData.welfareRemarks,
- },
- success: function (data) {
- let theArr = [];
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- } else {
- this.loadData();
- this.welfareCancel();
- message.success("修改成功");
- }
- }.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 }}
- 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>
- <br />
- <span style={{}}>转正日期:</span>
- <RangePicker
- style={{ marginRight: 10, width: 170 }}
- 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, width: 170 }}
- 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: 10, width: 170 }}
- 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, width: 170 }}
- 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>
- </TabPane>
- <TabPane tab="导出Excel" key="4">
- <Button
- type="primary"
- onClick={this.export}
- style={{ margin: "11px 0px 10px 10px" }}
- >
- 导出当前列表
- </Button>
- </TabPane>
- </Tabs>
- <div className="patent-table" style={{ marginTop: 10 }}>
- <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.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>
- <Button
- type="primary"
- style={{ position: "absolute", top: 25 }}
- onClick={(e) => {
- this.setState({ detailFlag: !this.state.detailFlag });
- }}
- >
- 更换显示模式
- </Button>
- <ul onClick={this.editPeo} 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>
- {this.state.detailFlag ? (
- <div>
- <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.depName}
- </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 + 1)}
- >
- {item.emergencyContact}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"紧急联系人" + (index + 1) + "电话"}
- >
- {item.emergencyMobile}
- </FormItem>
- </div>
- );
- })
- ) : (
- <div
- style={{
- textAlign: "center",
- height: 60,
- lineHeight: "60px",
- }}
- >
- 暂无紧急联系人信息
- </div>
- )}
- <div className="title-peo">
- <span>入职资料</span>
- {/* <Button
- type="primary"
- onClick={this.entryModal}
- 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.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>
- {/* <Button
- type="primary"
- onClick={(e) => {
- this.upgradeModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增晋升信息
- </Button> */}
- </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",
- position: "relative",
- }}
- >
- {/* <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.upgradeModal(false, index);
- }}
- >
- 修改信息
- </Button> */}
- <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>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="晋升备注"
- >
- {item.promotionRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 40 }}
- >
- <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>
- {/* <Button
- type="primary"
- onClick={(e) => {
- this.contractModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增合同信息
- </Button> */}
- </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",
- position: "relative",
- }}
- >
- {/* <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.contractModal(false, index);
- }}
- >
- 修改信息
- </Button> */}
- <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
- style={{ width: "100%", wordBreak: "break-all" }}
- className="half-item"
- labelCol={{ span: 3 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- {item.contractRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 40 }}
- >
- <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>
- {/* <Button
- type="primary"
- onClick={(e) => {
- this.chooseModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增奖惩信息
- </Button> */}
- </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",
- position: "relative",
- }}
- >
- {/* <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.chooseModal(false, index);
- }}
- >
- 修改信息
- </Button> */}
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"状态"}
- >
- {item.chooseStatus == 0 ? "奖励" : "惩罚"}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="时间"
- >
- {item.effectTimes}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"内容"}
- >
- {item.chooseRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 40 }}
- >
- <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>
- {/* <Button
- type="primary"
- onClick={(e) => {
- this.quitModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增离职信息
- </Button> */}
- </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",
- position: "relative",
- }}
- >
- {/* <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.quitModal(false, index);
- }}
- >
- 修改信息
- </Button> */}
- <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: 40 }}
- >
- <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" style={{ marginBottom: 10 }}>
- <span>福利情况</span>
- {/* <Button
- type="primary"
- onClick={(e) => {
- this.welfareModal();
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 修改福利信息
- </Button> */}
- </div>
- <Table
- columns={this.state.welfareColumns}
- dataSource={this.state.ModalData.welfareList}
- pagination={false}
- bordered
- size="small"
- scroll={{ x: "max-content", y: 0 }}
- />
- <div className="clearfix" style={{ marginTop: 10 }}>
- <FormItem
- className="half-item"
- style={{ width: "100%", wordBreak: "break-all" }}
- labelCol={{ span: 3 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- {this.state.ModalData.welfareRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 0 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(
- this.state.ModalData.welfareAnnexName
- )}
- picUrl={this.picToArr(this.state.ModalData.welfareAnnexUrl)}
- />
- </div>
- </div>
- ) : (
- <Tabs
- activeKey={this.state.active}
- onChange={(e) => {
- this.setState({ active: e });
- }}
- >
- <TabPane tab="任职信息" key={1}>
- <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.depName}
- </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>
- </TabPane>
- <TabPane tab="联系信息" key={2}>
- <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 + 1)}
- >
- {item.emergencyContact}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"紧急联系人" + (index + 1) + "电话"}
- >
- {item.emergencyMobile}
- </FormItem>
- </div>
- );
- })
- ) : (
- <div
- style={{
- textAlign: "center",
- height: 60,
- lineHeight: "60px",
- }}
- >
- 暂无紧急联系人信息
- </div>
- )}
- </TabPane>
- <TabPane tab="入职资料" key={3}>
- <div className="title-peo">
- <span>入职资料</span>
- <Button
- type="primary"
- onClick={this.entryModal}
- 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.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>
- </TabPane>
- <TabPane tab="晋升情况" key={4}>
- <div className="title-peo">
- <span>晋升情况</span>
- <Button
- type="primary"
- onClick={(e) => {
- this.upgradeModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增晋升信息
- </Button>
- </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",
- position: "relative",
- }}
- >
- <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.upgradeModal(false, index);
- }}
- >
- 修改信息
- </Button>
- <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>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="晋升备注"
- >
- {item.promotionRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 40 }}
- >
- <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>
- )}
- </TabPane>
- <TabPane tab="合同情况" key={5}>
- <div className="title-peo">
- <span>合同情况</span>
- <Button
- type="primary"
- onClick={(e) => {
- this.contractModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增合同信息
- </Button>
- </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",
- position: "relative",
- }}
- >
- <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.contractModal(false, index);
- }}
- >
- 修改信息
- </Button>
- <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
- style={{ width: "100%", wordBreak: "break-all" }}
- className="half-item"
- labelCol={{ span: 3 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- {item.contractRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 40 }}
- >
- <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>
- )}
- </TabPane>
- <TabPane tab="奖惩情况" key={6}>
- <div className="title-peo">
- <span>奖惩情况</span>
- <Button
- type="primary"
- onClick={(e) => {
- this.chooseModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增奖惩信息
- </Button>
- </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",
- position: "relative",
- }}
- >
- <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.chooseModal(false, index);
- }}
- >
- 修改信息
- </Button>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"状态"}
- >
- {item.chooseStatus == 0 ? "奖励" : "惩罚"}
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="时间"
- >
- {item.effectTimes}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label={"内容"}
- >
- {item.chooseRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 40 }}
- >
- <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>
- )}
- </TabPane>
- <TabPane tab="离职情况" key={7}>
- <div className="title-peo">
- <span>离职情况</span>
- <Button
- type="primary"
- onClick={(e) => {
- this.quitModal(true);
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 新增离职信息
- </Button>
- </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",
- position: "relative",
- }}
- >
- <Button
- style={{
- position: "absolute",
- right: "50%",
- bottom: 10,
- transform: "translateX(50%)",
- }}
- type="primary"
- onClick={(e) => {
- this.quitModal(false, index);
- }}
- >
- 修改信息
- </Button>
- <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: 40 }}
- >
- <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>
- )}
- </TabPane>
- <TabPane tab="福利情况" key={8}>
- <div className="title-peo" style={{ marginBottom: 10 }}>
- <span>福利情况</span>
- <Button
- type="primary"
- onClick={(e) => {
- this.welfareModal();
- }}
- style={{ position: "absolute", right: 0, height: 30 }}
- >
- 修改福利信息
- </Button>
- </div>
- <Table
- columns={this.state.welfareColumns}
- dataSource={this.state.ModalData.welfareList}
- pagination={false}
- bordered
- size="small"
- scroll={{ x: "max-content", y: 0 }}
- />
- <div className="clearfix" style={{ marginTop: 10 }}>
- <FormItem
- className="half-item"
- style={{ width: "100%", wordBreak: "break-all" }}
- labelCol={{ span: 3 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- {this.state.ModalData.welfareRemarks}
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 0 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(
- this.state.ModalData.welfareAnnexName
- )}
- picUrl={this.picToArr(
- this.state.ModalData.welfareAnnexUrl
- )}
- />
- </div>
- </TabPane>
- </Tabs>
- )}
- </Spin>
- <Modal
- visible={this.state.peoVisible}
- onOk={this.checkOk}
- footer={null}
- width={800}
- style={{ position: "relative", zIndex: 9999 }}
- 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 }}
- value={this.state.employeeId}
- onChange={(e) => {
- this.setState({
- employeeId: e.target.value,
- });
- }}
- />
- <Button
- disabled={this.state.employeeId || this.state.employeeId == 0 ? false : true}
- style={{ position: "absolute" }}
- type={"primary"}
- onClick={this.verifyId}
- >
- 验证重复
- </Button>
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="门禁编号"
- >
- <Input
- style={{ width: 200 }}
- placeholder="请输入门禁编号"
- value={this.state.doorId}
- onChange={(e) => {
- this.setState({
- doorId: e.target.value,
- });
- }}
- />
- <Button
- disabled={this.state.doorId || this.state.doorId == 0 ? false : true}
- style={{ position: "absolute" }}
- type={"primary"}
- onClick={this.verifyDoor}
- >
- 验证重复
- </Button>
- </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 });
- }}
- />
- {/* <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 });
- }}
- />
- {/* <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 });
- }}
- />
- {/* <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.editOk}
- >
- 保存
- </Button>
- </Spin>
- </Modal>
- </Modal>
- <Modal
- visible={this.state.peoVisible}
- onOk={this.checkOk}
- footer={null}
- width={800}
- style={{ position: "relative", zIndex: 9999 }}
- 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 }}
- value={this.state.employeeId}
- onChange={(e) => {
- this.setState({
- employeeId: e.target.value,
- });
- }}
- />
- <Button
- disabled={this.state.employeeId || this.state.employeeId == 0 ? false : true}
- style={{ position: "absolute" }}
- type={"primary"}
- onClick={this.verifyId}
- >
- 验证重复
- </Button>
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="门禁编号"
- >
- <Input
- style={{ width: 200 }}
- placeholder="请输入门禁编号"
- value={this.state.doorId}
- onChange={(e) => {
- this.setState({
- doorId: e.target.value,
- });
- }}
- />
- <Button
- disabled={this.state.doorId || this.state.doorId == 0 ? false : true}
- style={{ position: "absolute" }}
- type={"primary"}
- onClick={this.verifyDoor}
- >
- 验证重复
- </Button>
- </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 });
- }}
- />
- {/* <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 });
- }}
- />
- {/* <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 });
- }}
- />
- {/* <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.editOk}
- >
- 保存
- </Button>
- </Spin>
- </Modal>
- <Modal
- visible={this.state.stayVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.stayCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 任职信息
- </h3>
- <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.ModalData.workingYear}</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: [] });
- 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}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 联系信息
- </h3>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="手机号码"
- >
- <Input
- placeholder="输入号码"
- style={{ width: 200 }}
- value={this.state.mobile}
- onChange={(e) => {
- this.setState({
- mobile: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="办公室电话"
- >
- <Input
- placeholder="输入电话"
- style={{ width: 200 }}
- value={this.state.fixedTel}
- onChange={(e) => {
- this.setState({
- fixedTel: 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.contactList.length
- ? this.state.contactList[0].emergencyContact
- : ""
- }
- onChange={(e) => {
- this.state.contactList[0].emergencyContact = e.target.value;
- let obj = this.state.contactList;
- this.setState({
- contactList: obj,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人电话"
- >
- <Input
- placeholder="请输入电话"
- style={{ width: 200 }}
- value={
- this.state.contactList.length
- ? this.state.contactList[0].emergencyMobile
- : ""
- }
- onChange={(e) => {
- this.state.contactList[0].emergencyMobile = e.target.value;
- let obj = this.state.contactList;
- this.setState({
- contactList: obj,
- });
- }}
- />
- </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.contactList.length
- ? this.state.contactList[1].emergencyContact
- : ""
- }
- onChange={(e) => {
- this.state.contactList[1].emergencyContact = e.target.value;
- let obj = this.state.contactList;
- this.setState({
- contactList: obj,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人电话"
- >
- <Input
- placeholder="请输入电话"
- style={{ width: 200 }}
- value={
- this.state.contactList.length
- ? this.state.contactList[1].emergencyMobile
- : ""
- }
- onChange={(e) => {
- this.state.contactList[1].emergencyMobile = e.target.value;
- let obj = this.state.contactList;
- this.setState({
- contactList: obj,
- });
- }}
- />
- </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.contactList.length
- ? this.state.contactList[2].emergencyContact
- : ""
- }
- onChange={(e) => {
- this.state.contactList[2].emergencyContact = e.target.value;
- let obj = this.state.contactList;
- this.setState({
- contactList: obj,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="紧急联系人电话"
- >
- <Input
- placeholder="请输入电话"
- style={{ width: 200 }}
- value={
- this.state.contactList.length
- ? this.state.contactList[2].emergencyMobile
- : ""
- }
- onChange={(e) => {
- this.state.contactList[2].emergencyMobile = e.target.value;
- let obj = this.state.contactList;
- this.setState({
- contactList: obj,
- });
- }}
- />
- </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}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 入职信息
- </h3>
- <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="5">博士</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.editRuzi}
- >
- 保存
- </Button>
- <AddPicModal
- cancel={this.addPicModalCancel}
- add={this.add()}
- visible={this.state.addPicModal}
- />
- </Spin>
- </Modal>
- <Modal
- visible={this.state.upgradeVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.upgradeCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 晋升信息
- </h3>
- <div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="当前职位"
- >
- <Select
- placeholder="选择职位"
- style={{ width: 200, marginRight: 10 }}
- value={this.state.promotionList.oldJobs}
- onChange={(e) => {
- this.setState({ jobs: e, star: [] });
- this.getList();
- this.state.promotionList.oldJobs = e;
- this.state.promotionList.oldLvl = [];
- this.setState({
- promotionList: this.state.promotionList,
- });
- }}
- >
- <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"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="当前星级"
- >
- <Select
- placeholder="请选择所属星级"
- style={{ width: 200 }}
- onChange={(e) => {
- this.state.promotionList.oldLvl = e;
- this.setState({
- promotionList: this.state.promotionList,
- });
- }}
- value={this.state.promotionList.oldLvl}
- >
- {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="晋升后职位"
- >
- <Select
- placeholder="选择职位"
- style={{ width: 200, marginRight: 10 }}
- value={this.state.promotionList.newJobs}
- onChange={(e) => {
- this.setState({ jobss: e });
- this.getLists();
- this.state.promotionList.newJobs = e;
- this.state.promotionList.newLvl = [];
- this.setState({
- promotionList: this.state.promotionList,
- });
- }}
- >
- <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"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="晋升后星级"
- >
- <Select
- placeholder="请选择所属星级"
- style={{ width: 200 }}
- onChange={(e) => {
- this.state.promotionList.newLvl = e;
- this.setState({
- promotionList: this.state.promotionList,
- });
- }}
- value={this.state.promotionList.newLvl}
- >
- {this.state.starArrs.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="晋升时间"
- >
- <DatePicker
- value={
- this.state.promotionList.promotionTimes
- ? moment(this.state.promotionList.promotionTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.state.promotionList.promotionTimes = t;
- this.setState({
- promotionList: this.state.promotionList,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- <Input
- placeholder="请输入备注"
- style={{ width: 200 }}
- value={this.state.promotionList.promotionRemarks}
- onChange={(e) => {
- this.state.promotionList.promotionRemarks =
- e.target.value;
- this.setState({
- promotionList: this.state.promotionList,
- });
- }}
- />
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(this.state.promotionList.annexName)}
- picUrl={this.picToArr(this.state.promotionList.annexUrl)}
- remove={this.jinshengRemove}
- />
- <Button onClick={this.addPic}>添加附件</Button>
- </div>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editUpgrade}
- >
- 保存
- </Button>
- <AddPicModal
- cancel={this.addPicModalCancel}
- add={this.add()}
- visible={this.state.addPicModal}
- />
- </Spin>
- </Modal>
- <Modal
- visible={this.state.contractVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.contractCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 合同信息
- </h3>
- <div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="签订时间"
- >
- <DatePicker
- value={
- this.state.contractList.startTimes
- ? moment(this.state.contractList.startTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.state.contractList.startTimes = t;
- this.setState({
- contractList: this.state.contractList,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="到期时间"
- >
- <DatePicker
- value={
- this.state.contractList.endTimes
- ? moment(this.state.contractList.endTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.state.contractList.endTimes = t;
- this.setState({
- contractList: this.state.contractList,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- <Input
- placeholder="请输入备注"
- style={{ width: 200 }}
- value={this.state.contractList.contractRemarks}
- onChange={(e) => {
- this.state.contractList.contractRemarks = e.target.value;
- this.setState({
- contractList: this.state.contractList,
- });
- }}
- />
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(this.state.contractList.annexName)}
- picUrl={this.picToArr(this.state.contractList.annexUrl)}
- remove={this.contractRemove}
- />
- <Button onClick={this.addPic}>添加附件</Button>
- </div>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editContract}
- >
- 保存
- </Button>
- <AddPicModal
- cancel={this.addPicModalCancel}
- add={this.add()}
- visible={this.state.addPicModal}
- />
- </Spin>
- </Modal>
- <Modal
- visible={this.state.chooseVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.chooseCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 奖惩信息
- </h3>
- <div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="类型"
- >
- <Radio.Group
- onChange={(e) => {
- this.state.chooseList.chooseStatus = e.target.value;
- this.setState({ chooseList: this.state.chooseList });
- }}
- value={this.state.chooseList.chooseStatus}
- >
- <Radio value={0}>奖励</Radio>
- <Radio value={1}>罚款</Radio>
- </Radio.Group>
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="时间"
- >
- <DatePicker
- value={
- this.state.chooseList.effectTimes
- ? moment(this.state.chooseList.effectTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.state.chooseList.effectTimes = t;
- this.setState({
- chooseList: this.state.chooseList,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="内容"
- >
- <Input
- placeholder="请输入内容"
- style={{ width: 200 }}
- value={this.state.chooseList.chooseRemarks}
- onChange={(e) => {
- this.state.chooseList.chooseRemarks = e.target.value;
- this.setState({
- chooseList: this.state.chooseList,
- });
- }}
- />
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(this.state.chooseList.annexName)}
- picUrl={this.picToArr(this.state.chooseList.annexUrl)}
- remove={this.chooseRemove}
- />
- <Button onClick={this.addPic}>添加附件</Button>
- </div>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editChoose}
- >
- 保存
- </Button>
- <AddPicModal
- cancel={this.addPicModalCancel}
- add={this.add()}
- visible={this.state.addPicModal}
- />
- </Spin>
- </Modal>
- <Modal
- visible={this.state.quitVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.quitCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- marginBottom: 10,
- }}
- >
- 离职信息
- </h3>
- <div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="离职时间"
- >
- <DatePicker
- value={
- this.state.quitList.effectTimes
- ? moment(this.state.quitList.effectTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.state.quitList.effectTimes = t;
- this.setState({
- quitList: this.state.quitList,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- <Input
- placeholder="请输入备注"
- style={{ width: 200 }}
- value={this.state.quitList.quitRemarks}
- onChange={(e) => {
- this.state.quitList.quitRemarks = e.target.value;
- this.setState({
- quitList: this.state.quitList,
- });
- }}
- />
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(this.state.quitList.annexName)}
- picUrl={this.picToArr(this.state.quitList.annexUrl)}
- remove={this.quitRemove}
- />
- <Button onClick={this.addPic}>添加附件</Button>
- </div>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editQuit}
- >
- 保存
- </Button>
- <AddPicModal
- cancel={this.addPicModalCancel}
- add={this.add()}
- visible={this.state.addPicModal}
- />
- </Spin>
- </Modal>
- <Modal
- visible={this.state.welfareVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.loadData();
- this.welfareCancel();
- }}
- >
- <Spin spinning={this.state.loading}>
- <h3
- style={{
- textAlign: "center",
- paddingBottom: 10,
- }}
- >
- 福利信息
- </h3>
- <Button
- type="primary"
- style={{ marginBottom: 5 }}
- onClick={(e) => {
- this.welfareTable();
- }}
- >
- 新建信息
- </Button>
- <div>
- <div className="clearfix" style={{ marginBottom: 10 }}>
- <Table
- columns={this.state.welfareColumnsEdit}
- type="textarea"
- dataSource={this.state.ModalData.welfareList}
- pagination={false}
- bordered
- size="small"
- scroll={{ x: "max-content", y: 0 }}
- />
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="备注"
- >
- <Input
- placeholder="请输入备注"
- style={{ width: 200 }}
- value={this.state.ModalData.welfareRemarks}
- onChange={(e) => {
- this.state.ModalData.welfareRemarks = e.target.value;
- this.setState({
- ModalData: this.state.ModalData,
- });
- }}
- />
- </FormItem>
- </div>
- <div
- className="clearfix"
- style={{ paddingLeft: 70, marginBottom: 10 }}
- >
- <div style={{ marginBottom: 10 }}>附件:</div>
- <PicModal
- remarks={this.picToArr(this.state.ModalData.welfareAnnexName)}
- picUrl={this.picToArr(this.state.ModalData.welfareAnnexUrl)}
- remove={this.welfareRemove}
- />
- <Button onClick={this.addPic}>添加附件</Button>
- </div>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editWelfare}
- >
- 保存
- </Button>
- <AddPicModal
- cancel={this.addPicModalCancel}
- add={this.add()}
- visible={this.state.addPicModal}
- />
- </Spin>
- </Modal>
- <Modal
- visible={this.state.editWelfareVisible}
- footer={null}
- width={800}
- onCancel={() => {
- this.setState({
- editWelfareVisible: false,
- });
- }}
- >
- <Spin spinning={this.state.loading}>
- <div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="福利类型"
- >
- <Select
- placeholder="请选择类型"
- value={this.state.editWelfareData.type}
- onChange={(e) => {
- this.state.editWelfareData.type = e;
- this.setState({
- editWelfareData: this.state.editWelfareData,
- });
- }}
- style={{ width: 120, marginRight: 10 }}
- >
- <Option value={0}>社保</Option>
- <Option value={1}>公积金</Option>
- <Option value={2}>雇主险</Option>
- </Select>
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- label="福利状态"
- >
- <Select
- placeholder="请选择状态"
- onChange={(e) => {
- this.state.editWelfareData.status = e;
- this.setState({
- editWelfareData: this.state.editWelfareData,
- });
- }}
- style={{ width: 120, marginRight: 10 }}
- value={this.state.editWelfareData.status}
- >
- <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 }}
- style={{
- display:
- this.state.editWelfareData.status == 1 ? "block" : "none",
- }}
- label="购买时间"
- >
- <DatePicker
- value={
- this.state.editWelfareData.startTimes
- ? moment(this.state.editWelfareData.startTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.state.editWelfareData.startTimes = t;
- this.setState({
- editWelfareData: this.state.editWelfareData,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- style={{
- display:
- this.state.editWelfareData.status == 2 ? "block" : "none",
- }}
- label="停缴时间"
- >
- <DatePicker
- value={
- this.state.editWelfareData.endTimes
- ? moment(this.state.editWelfareData.endTimes)
- : null
- }
- style={{ width: 200 }}
- onChange={(e, t) => {
- this.state.editWelfareData.endTimes = t;
- this.setState({
- editWelfareData: this.state.editWelfareData,
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- style={{
- display:
- this.state.editWelfareData.status == 1 ? "block" : "none",
- }}
- label="参保公司"
- >
- <Select
- placeholder="选择公司"
- style={{ width: 200, marginRight: 10 }}
- value={
- this.state.editWelfareData.depId
- ? this.state.editWelfareData.depId
- : undefined
- }
- onChange={(e) => {
- this.state.editWelfareData.depId = e;
- this.setState({
- editWelfareData: this.state.editWelfareData,
- });
- }}
- >
- {departmentArr.map(function (item) {
- return (
- <Select.Option key={item.id}>{item.name}</Select.Option>
- );
- })}
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- labelCol={{ span: 6 }}
- wrapperCol={{ span: 30 }}
- style={{
- display:
- this.state.editWelfareData.status == 0 ? "block" : "none",
- }}
- label="未购买备注"
- >
- <Input
- placeholder="请输入备注信息"
- style={{ width: 200 }}
- value={this.state.editWelfareData.welfareRemarks}
- onChange={(e) => {
- this.state.editWelfareData.welfareRemarks =
- e.target.value;
- this.setState({
- editWelfareData: this.state.editWelfareData,
- });
- }}
- />
- </FormItem>
- </div>
- </div>
- <Button
- type="primary"
- shape="round"
- size="large"
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)",
- }}
- onClick={this.editWelfareDataOk}
- >
- 保存
- </Button>
- </Spin>
- </Modal>
- </div>
- );
- },
- });
- export default PersonnelAll;
|