12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756 |
- 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: "id",
- key: "id",
- },
- {
- title: "门禁编号",
- dataIndex: "doorId",
- key: "doorId",
- },
- {
- title: "名称",
- dataIndex: "name",
- key: "name",
- },
- {
- title: "员工状态",
- dataIndex: "statusName",
- key: "statusName",
- },
- {
- title: "所属系统",
- dataIndex: "systemName",
- key: "systemName",
- },
- {
- title: "公司名称",
- dataIndex: "depName",
- key: "depName",
- },
- {
- title: "职位名称",
- dataIndex: "jobsName",
- key: "jobsName",
- },
- {
- title: "等级名称",
- dataIndex: "starName",
- key: "starName",
- },
- {
- title: "入职时间",
- dataIndex: "entryTimes",
- key: "entryTimes",
- },
- {
- title: "转正时间",
- dataIndex: "promotionTimes",
- key: "promotionTimes",
- },
- {
- title: "生日日期",
- dataIndex: "birthdays",
- key: "birthdays",
- },
- {
- title: "性别",
- dataIndex: "sex",
- key: "sex",
- render: (text) => {
- if (text == 0) {
- return "男";
- } else if (text == 1) {
- return "女";
- }
- },
- },
- {
- title: "婚姻状态",
- dataIndex: "marriageName",
- key: "marriageName",
- },
- {
- title: "子/女",
- dataIndex: "son",
- key: "son",
- render: (text, record) => {
- return <span>{text + "/" + record.girl}</span>;
- },
- },
- {
- title: "政治面貌",
- dataIndex: "politicalOutlookName",
- key: "politicalOutlookName",
- },
- {
- title: "教育经历",
- dataIndex: "educationName",
- key: "educationName",
- },
- {
- title: "毕业学校",
- dataIndex: "school",
- key: "school",
- },
- {
- title: "专业",
- dataIndex: "major",
- key: "major",
- },
- {
- title: "职称",
- dataIndex: "title",
- key: "title",
- },
- {
- title: "晋升备注",
- dataIndex: "promotionRemarks",
- key: "promotionRemarks",
- },
- {
- title: "晋升时间",
- dataIndex: "promotionTime",
- key: "promotionTime",
- },
- {
- title: "合同时间",
- dataIndex: "contractStart",
- key: "contractStart",
- render: (text, record) => {
- if (text) {
- return text + "~" + record.contractEnd;
- }
- },
- },
- {
- title: "手机号码",
- dataIndex: "mobile",
- key: "mobile",
- },
- {
- title: "电话",
- dataIndex: "fixedTel",
- key: "fixedTel",
- },
- {
- title: "身份证",
- dataIndex: "idCard",
- key: "idCard",
- },
- {
- title: "发证机构",
- dataIndex: "certificationAuthority",
- key: "certificationAuthority",
- },
- {
- title: "户籍地址",
- dataIndex: "residenceName",
- key: "residenceName",
- },
- {
- title: "籍贯",
- dataIndex: "nativePlaceName",
- key: "nativePlaceName",
- },
- {
- title: "现住地址",
- dataIndex: "nowName",
- key: "nowName",
- },
- {
- title: "离职时间",
- dataIndex: "quitTime",
- key: "quitTime",
- },
- {
- title: "工作年限",
- dataIndex: "workingYear",
- key: "workingYear",
- },
- {
- title: "年龄",
- dataIndex: "age",
- key: "age",
- },
- {
- title: "出生月份",
- dataIndex: "month",
- key: "month",
- },
- {
- title: "参保时间",
- dataIndex: "insuranceStartTimes",
- key: "insuranceStartTimes",
- },
- {
- title: "停保时间",
- dataIndex: "insuranceEndTimes",
- key: "insuranceEndTimes",
- },
- {
- title: "公积金时间",
- dataIndex: "fundStartTimes",
- key: "fundStartTimes",
- },
- {
- title: "停办公积金时间",
- dataIndex: "fundEndTimes",
- key: "fundEndTimes",
- },
- ],
- dataSource: [],
- resVisible: false,
- 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: "id",
- },
- {
- key: "姓名",
- value: "name",
- },
- {
- key: "出生日期",
- value: "birthdays",
- },
- {
- key: "出生月份",
- value: "month",
- },
- {
- key: "门禁编号",
- value: "doorId",
- },
- {
- key: "性别",
- value: "sex",
- render: (e) => {
- if (e == 0) {
- return "男";
- } else if (e == 1) {
- return "女";
- }
- },
- },
- {
- key: "年龄",
- value: "age",
- },
- {
- key: "民族",
- value: "nation",
- },
- {
- key: "户籍地址",
- value: "residenceName",
- },
- {
- key: "籍贯",
- value: "nativePlaceName",
- },
- {
- key: "身份证",
- value: "idCard",
- },
- {
- key: "领证机关",
- value: "certificationAuthority",
- },
- {
- key: "现住地址",
- value: "nowName",
- },
- {
- key: "婚姻状态",
- value: "marriageName",
- },
- {
- key: "子/女",
- value: "son",
- render: (e, i) => {
- return e + "/" + i;
- },
- },
- {
- key: "政治面貌",
- value: "politicalOutlookName",
- },
- ],
- };
- },
- 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,
- 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,
- },
- 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,
- },
- 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,
- },
- 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 : undefined,
- marriage: this.state.ModalData.marriage,
- marriage: this.state.ModalData.marriage,
- });
- },
- 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 }}
- value={[
- this.state.promotionTime[0]
- ? moment(this.state.promotionTime[0])
- : null,
- this.state.promotionTime[1]
- ? moment(this.state.promotionTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ promotionTime: dataString });
- }}
- />
- <span style={{}}>入职时间:</span>
- <RangePicker
- style={{ marginRight: 10 }}
- value={[
- this.state.entryTime[0]
- ? moment(this.state.entryTime[0])
- : null,
- this.state.entryTime[1]
- ? moment(this.state.entryTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ entryTime: dataString });
- }}
- />
- <span style={{}}>离职时间:</span>
- <RangePicker
- style={{ marginRight: 21 }}
- value={[
- this.state.quitTime[0]
- ? moment(this.state.quitTime[0])
- : null,
- this.state.quitTime[1]
- ? moment(this.state.quitTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ quitTime: dataString });
- }}
- />
- <span style={{}}>合同时间:</span>
- <RangePicker
- style={{ marginRight: 10 }}
- value={[
- this.state.contractTime[0]
- ? moment(this.state.contractTime[0])
- : null,
- this.state.contractTime[1]
- ? moment(this.state.contractTime[1])
- : null,
- ]}
- onChange={(data, dataString) => {
- this.setState({ contractTime: dataString });
- }}
- />
- <Button
- type="primary"
- onClick={this.search}
- style={{ marginLeft: 10 }}
- >
- 搜索
- </Button>
- <Button onClick={this.reset}>重置</Button>
- </div>
- </TabPane>
- <TabPane tab="新增员工档案" key="3">
- <Button
- type="primary"
- onClick={this.addPeo}
- style={{ margin: "11px 0px 10px 10px" }}
- >
- 新增员工档案
- </Button>
- </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 }}
- disabled
- value={!this.state.isAddPeo ? this.state.id : undefined}
- onChange={(e) => {
- this.setState({
- id: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="门禁编号"
- >
- <Input
- style={{ width: 200 }}
- placeholder="请输入门禁编号"
- value={this.state.doorId}
- onChange={(e) => {
- this.setState({
- doorId: e.target.value,
- });
- }}
- />
- <Button
- disabled={this.state.doorId ? 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 }}
- disabled
- value={this.state.id}
- onChange={(e) => {
- this.setState({
- id: e.target.value,
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="门禁编号"
- >
- <Input
- style={{ width: 200 }}
- placeholder="请输入门禁编号"
- value={this.state.doorId}
- onChange={(e) => {
- this.setState({
- doorId: e.target.value,
- });
- }}
- />
- <Button
- disabled={this.state.doorId ? 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;
|