myTask.jsx 145 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255
  1. import React from "react";
  2. import $ from "jquery";
  3. import moment from "moment";
  4. import Picture from "@/manageCenter/publicComponent/picture";
  5. import "@/manageCenter/financialManage/distribute/public.less";
  6. import "@/manageCenter/financialManage/distribute/shouKuan.less";
  7. import OrderDetail from "../../order/orderNew/changeComponent/orderDetail";
  8. import ResolutionDetail from "@/resolutionDetail";
  9. import {
  10. Button,
  11. Form,
  12. Input,
  13. Select,
  14. Spin,
  15. Table,
  16. message,
  17. DatePicker,
  18. Modal,
  19. Radio,
  20. Cascader,
  21. Popconfirm,
  22. Switch,
  23. Tabs,
  24. Icon,
  25. Upload,
  26. Tag
  27. } from "antd";
  28. import Assign from "@/manageCenter/publicComponent/assign";
  29. import { areaSelect } from "@/NewDicProvinceList";
  30. import { ChooseList } from "../../order/orderNew/chooseList";
  31. import OrderRiZi from "@/orderRiZi.jsx";
  32. import "./table.less";
  33. import {
  34. getProcessStatus,
  35. getApproval,
  36. getTaskStatus,
  37. getLiquidationStatus,
  38. getProjectStatus,
  39. splitUrl,
  40. getboutique,
  41. ShowModal,
  42. getRefundStatus
  43. } from "@/tools";
  44. import { taskStatus, projectStatus } from "@/dataDic.js";
  45. import ShowModalDiv from "@/showModal.jsx";
  46. const confirm = Modal.confirm;
  47. const FormItem = Form.Item;
  48. const { TabPane } = Tabs;
  49. const { TextArea } = Input;
  50. const { Option } = Select;
  51. const { MonthPicker, RangePicker } = DatePicker;
  52. const PicturesWall = React.createClass({
  53. getInitialState() {
  54. return {
  55. previewVisible: false,
  56. previewImage: "",
  57. fileList: []
  58. };
  59. },
  60. handleCancel() {
  61. this.setState({
  62. previewVisible: false
  63. });
  64. },
  65. handlePreview(file) {
  66. this.setState({
  67. previewImage: file.url || file.thumbUrl,
  68. previewVisible: true
  69. });
  70. },
  71. handleChange(info) {
  72. let fileList = info.fileList;
  73. this.setState({
  74. fileList
  75. });
  76. this.props.fileList(fileList);
  77. },
  78. componentWillReceiveProps(nextProps) {
  79. this.state.fileList = nextProps.pictureUrl;
  80. this.state.pojectApplicationUrl = undefined;
  81. },
  82. render() {
  83. const { previewVisible, previewImage, fileList } = this.state;
  84. const uploadButton = (
  85. <div>
  86. <Icon type="plus" />
  87. <div className="ant-upload-text">点击上传</div>
  88. </div>
  89. );
  90. return (
  91. <div style={{ display: "inline-block" }}>
  92. <Upload
  93. action={
  94. globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"
  95. }
  96. data={{ sign: "order_outsource" }}
  97. listType="picture-card"
  98. fileList={fileList}
  99. onPreview={this.handlePreview}
  100. onChange={this.handleChange}
  101. >
  102. {fileList && fileList.length >= 10 ? null : uploadButton}
  103. </Upload>
  104. <Modal
  105. maskClosable={false}
  106. visible={previewVisible}
  107. footer={null}
  108. onCancel={this.handleCancel}
  109. >
  110. <img alt="example" style={{ width: "100%" }} src={previewImage} />
  111. </Modal>
  112. </div>
  113. );
  114. }
  115. });
  116. const Task = React.createClass({
  117. loadData(pageNo) {
  118. this.state.data = [];
  119. this.setState({
  120. page: pageNo,
  121. loading: true,
  122. });
  123. $.ajax({
  124. method: "get",
  125. dataType: "json",
  126. crossDomain: false,
  127. url: globalConfig.context + "/api/admin/orderProject/orderTaskList",
  128. data: {
  129. pageNo: pageNo || 1,
  130. pageSize: this.state.pagination.pageSize,
  131. specially: 0, //个人
  132. name: this.state.nameSearch, //客户名称
  133. depId: this.state.departmenttSearch, //订单部门
  134. orderNo: this.state.orderNoSearch, //订单编号
  135. contractNo: this.state.contractNoSearch, //合同编号
  136. taskId: this.state.taskNoSearch, //项目编号
  137. taskStatus: this.state.taskStatuSearch, //项目状态
  138. projectStatus: this.state.projectStatusSearch, //项目状态
  139. adminName: this.state.adminName, //项目受理人
  140. approval: this.state.approvalSearch, //特批状态搜索
  141. outsourceStatus:
  142. this.state.outsourceStatusSearch >= 999
  143. ? undefined
  144. : this.state.outsourceStatusSearch, //外包状态搜索
  145. },
  146. success: function (data) {
  147. ShowModal(this);
  148. let theArr = [];
  149. if (!data.data || !data.data.list) {
  150. if (data.error && data.error.length) {
  151. message.warning(data.error[0].message);
  152. }
  153. } else {
  154. for (let i = 0; i < data.data.list.length; i++) {
  155. let thisdata = data.data.list[i];
  156. theArr.push({
  157. key: i,
  158. orderNo: thisdata.orderNo, //订单编号
  159. id: thisdata.id, //项目ID
  160. taskName: thisdata.taskName, //名称
  161. cname: thisdata.cname, //项目品类
  162. receiverName: thisdata.receiverName, //受理人
  163. projectStatus: thisdata.projectStatus, //项目状态
  164. taskStatus: thisdata.taskStatus, //项目状态
  165. taskDate: thisdata.taskDate, //分配时间
  166. userName:
  167. thisdata.taskName.substring(0, 5) === "软件著作权"
  168. ? thisdata.userName +
  169. "(" +
  170. thisdata.commodityQuantity.toString() +
  171. "/" +
  172. thisdata.alreadyNumber +
  173. ")"
  174. : thisdata.userName, //用户名
  175. depName: thisdata.depName, //部门名称
  176. commodityQuantity: thisdata.commodityQuantity, //项目数量
  177. hours: thisdata.hours,
  178. contractNo: thisdata.contractNo,
  179. approval: thisdata.approval, //特批状态
  180. outsourceStatus: thisdata.outsourceStatus, //外包审核状态
  181. splitStatus: thisdata.splitStatus, //是否为子项目 2是 1主项目
  182. splitSuper: thisdata.splitSuper,
  183. splitId: thisdata.splitId,
  184. });
  185. }
  186. }
  187. this.state.pagination.current = data.data.pageNo;
  188. this.state.pagination.total = data.data.totalCount;
  189. if (data.data && data.data.list && !data.data.list.length) {
  190. this.state.pagination.current = 0;
  191. this.state.pagination.total = 0;
  192. }
  193. this.setState({
  194. dataSource: theArr,
  195. pagination: this.state.pagination,
  196. });
  197. }.bind(this),
  198. }).always(
  199. function () {
  200. this.setState({
  201. loading: false,
  202. });
  203. }.bind(this)
  204. );
  205. },
  206. getInitialState() {
  207. return {
  208. orderData: [],
  209. orderNo: "",
  210. jiedian: [],
  211. jiedianNew: [],
  212. timeVisible: false,
  213. searchMore: true,
  214. assignVisible: false,
  215. releaseDate: [],
  216. // 判断是否是退回给咨询师经理
  217. flag: false,
  218. roleName: "",
  219. activeKey: "1",
  220. //特批状态搜索
  221. approvalSearch: undefined,
  222. testFlag: true,
  223. boHuivisible: false,
  224. selectedRowKeys: [],
  225. avisible: false,
  226. departmentArr: [],
  227. selectedRows: [],
  228. attachmentUrl: [],
  229. contactList: [],
  230. paginations: false,
  231. loading: false,
  232. pagination: {
  233. defaultCurrent: 1,
  234. defaultPageSize: 10,
  235. showQuickJumper: true,
  236. pageSize: 10,
  237. onChange: function (page) {
  238. this.loadData(page);
  239. }.bind(this),
  240. showTotal: function (total) {
  241. return "共" + total + "条数据";
  242. },
  243. },
  244. // 子组件改变的表格title数组
  245. changeList: undefined,
  246. columnsTime: [
  247. {
  248. title: "工作时长(小时)",
  249. dataIndex: "hours",
  250. key: "hours",
  251. },
  252. {
  253. title: "工作时间",
  254. dataIndex: "taskDays",
  255. key: "taskDays",
  256. },
  257. // {
  258. // title: "项目负责人",
  259. // dataIndex: "remarks",
  260. // key: "remarks"
  261. // },
  262. {
  263. title: "备注",
  264. dataIndex: "remarks",
  265. key: "remarks",
  266. },
  267. ],
  268. columns: [
  269. {
  270. title: "项目编号",
  271. dataIndex: "id",
  272. key: "id",
  273. render: (text, record) => {
  274. if (record.splitStatus == 2) {
  275. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  276. } else {
  277. return text;
  278. }
  279. },
  280. },
  281. {
  282. title: "项目名称",
  283. dataIndex: "taskName",
  284. key: "taskName",
  285. render: (text) => {
  286. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  287. },
  288. },
  289. {
  290. title: "项目数量",
  291. dataIndex: "commodityQuantity",
  292. key: "commodityQuantity",
  293. },
  294. {
  295. title: "订单编号",
  296. dataIndex: "orderNo",
  297. key: "orderNo",
  298. },
  299. {
  300. title: "合同编号",
  301. dataIndex: "contractNo",
  302. key: "contractNo",
  303. },
  304. {
  305. title: "业务类别",
  306. dataIndex: "cname",
  307. key: "cname",
  308. },
  309. {
  310. title: "客户名称",
  311. dataIndex: "userName",
  312. key: "userName",
  313. className: "userName",
  314. },
  315. {
  316. title: "分配状态",
  317. dataIndex: "taskStatus",
  318. key: "taskStatus",
  319. render: (text) => {
  320. return getTaskStatus(text);
  321. },
  322. },
  323. {
  324. title: "项目状态",
  325. dataIndex: "projectStatus",
  326. key: "projectStatus",
  327. render: (text) => {
  328. return getProjectStatus(text);
  329. },
  330. },
  331. {
  332. title: "外包审核",
  333. dataIndex: "outsourceStatus",
  334. key: "outsourceStatus",
  335. render: (text) => {
  336. if (text == 0) {
  337. return <Tag color="#f50">待审核</Tag>;
  338. } else if (text == 1) {
  339. return <Tag color="#87d068">审核通过</Tag>;
  340. } else if (text == 2) {
  341. return <Tag color="#2db7f5">审核驳回</Tag>;
  342. } else {
  343. return "";
  344. }
  345. },
  346. },
  347. {
  348. title: "分配时间",
  349. dataIndex: "taskDate",
  350. key: "taskDate",
  351. },
  352. {
  353. title: "订单部门",
  354. dataIndex: "depName",
  355. key: "depName",
  356. },
  357. {
  358. title: "累计工时(小时)",
  359. dataIndex: "hours",
  360. key: "hours",
  361. },
  362. {
  363. title: "操作",
  364. dataIndex: "caozuo",
  365. key: "caozuo",
  366. render: (text, record) => {
  367. return (
  368. <div>
  369. <Button
  370. type="primary"
  371. onClick={(e) => {
  372. e.stopPropagation(), this.evaluate(record, "咨询师");
  373. }}
  374. >
  375. 转交
  376. </Button>
  377. <Button
  378. type="primary"
  379. style={{ marginLeft: 10 }}
  380. onClick={(e) => {
  381. e.stopPropagation(),
  382. this.evaluate(record, "咨询师经理", true);
  383. }}
  384. >
  385. 回退
  386. </Button>
  387. <Button
  388. type="primary"
  389. style={{ margin: "0 10px" }}
  390. onClick={(e) => {
  391. e.stopPropagation(), this.okCancel(record);
  392. }}
  393. >
  394. 添加工时
  395. </Button>
  396. <Button
  397. type="primary"
  398. onClick={(e) => {
  399. e.stopPropagation();
  400. this.setState({
  401. timeVisible: true,
  402. });
  403. this.timeDetail(record);
  404. }}
  405. >
  406. 工时记录
  407. </Button>
  408. </div>
  409. );
  410. },
  411. },
  412. ],
  413. dataSource: [],
  414. searchTime: [],
  415. columnsX: [
  416. {
  417. title: "业务项目名称",
  418. dataIndex: "commodityName",
  419. key: "commodityName",
  420. },
  421. {
  422. title: "项目类别",
  423. dataIndex: "cname",
  424. key: "cname",
  425. },
  426. {
  427. title: "项目数量",
  428. dataIndex: "commodityQuantity",
  429. key: "commodityQuantity",
  430. render: (text, record) => {
  431. if (record.splitStatus == 1) {
  432. return (
  433. <span>
  434. {text}{" "}
  435. <Tag
  436. color="#108ee9"
  437. onClick={(e) => {
  438. e.stopPropagation();
  439. this.showRes(record);
  440. }}
  441. >
  442. 已拆
  443. </Tag>
  444. </span>
  445. );
  446. } else {
  447. return text;
  448. }
  449. },
  450. },
  451. {
  452. title: "金额(万元)",
  453. dataIndex: "commodityPrice",
  454. key: "commodityPrice",
  455. },
  456. {
  457. title: "负责人",
  458. dataIndex: "contacts",
  459. key: "contacts",
  460. },
  461. {
  462. title: "负责人电话",
  463. dataIndex: "contactsMobile",
  464. key: "contactsMobile",
  465. },
  466. {
  467. title: "主要项目",
  468. dataIndex: "main",
  469. key: "main",
  470. render: (text) => {
  471. return text ? "是" : "否";
  472. },
  473. },
  474. {
  475. title: "项目说明",
  476. dataIndex: "taskComment",
  477. key: "taskComment",
  478. render: (text) => {
  479. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  480. },
  481. },
  482. ],
  483. columnsA: [
  484. {
  485. title: "流程",
  486. dataIndex: "content",
  487. key: "content",
  488. align: "center",
  489. },
  490. {
  491. title: "操作人",
  492. dataIndex: "aName",
  493. key: "aName",
  494. align: "center",
  495. },
  496. {
  497. title: "时间",
  498. dataIndex: "createTimes",
  499. key: "createTimes",
  500. align: "center",
  501. },
  502. ],
  503. dataSourceX: [],
  504. dataSourceA: [],
  505. ContactsLists: [
  506. {
  507. title: "批次",
  508. dataIndex: "num",
  509. key: "num",
  510. },
  511. {
  512. title: "下证时间",
  513. dataIndex: "licenceTimes",
  514. key: "licenceTimes",
  515. render: (text, record) => {
  516. return (
  517. <div>
  518. <DatePicker
  519. style={{ marginTop: "5px" }}
  520. showTime
  521. format="YYYY-MM-DD"
  522. onOk={() => {}}
  523. value={
  524. record.licenceTimes ? moment(record.licenceTimes) : null
  525. }
  526. onChange={(data, dataString) => {
  527. record.licenceTimes = dataString;
  528. this.setState({ contactList: this.state.contactList });
  529. }}
  530. />
  531. </div>
  532. );
  533. },
  534. },
  535. {
  536. title: "下证数量",
  537. dataIndex: "alreadyNumber",
  538. key: "alreadyNumber",
  539. render: (text, record) => {
  540. return (
  541. <div>
  542. {
  543. <Input
  544. value={record.alreadyNumber}
  545. placeholder="请输入下证数量"
  546. key={record.id}
  547. required="required"
  548. onChange={(e) => {
  549. record.alreadyNumber = e.target.value;
  550. this.setState({ contactList: this.state.contactList });
  551. }}
  552. style={{ width: "120px" }}
  553. />
  554. }
  555. </div>
  556. );
  557. },
  558. },
  559. {
  560. title: "未下证数量",
  561. dataIndex: "notCount",
  562. key: "notCount",
  563. },
  564. {
  565. title: "操作",
  566. dataIndex: "dels",
  567. key: "dels",
  568. render: (text, record, index) => {
  569. return (
  570. <div>
  571. {
  572. <Popconfirm
  573. title="是否删除?"
  574. onConfirm={() => {
  575. this.confirmDelet(record);
  576. }}
  577. okText="删除"
  578. cancelText="不删除"
  579. >
  580. <Button
  581. style={{
  582. marginRight: "10px",
  583. color: "#ffffff",
  584. background: "#f00",
  585. border: "none",
  586. }}
  587. >
  588. 删除
  589. </Button>
  590. </Popconfirm>
  591. }
  592. {record.flag ? (
  593. ""
  594. ) : (
  595. <Button
  596. type="primary"
  597. onClick={(e) => {
  598. e.stopPropagation(), this.contactSave(record, index);
  599. }}
  600. >
  601. 保存
  602. </Button>
  603. )}
  604. </div>
  605. );
  606. },
  607. },
  608. ],
  609. };
  610. },
  611. /* 分派 */
  612. evaluate(record, nub, flag) {
  613. this.setState(
  614. {
  615. nub: nub,
  616. assignData: record,
  617. flag,
  618. },
  619. () => {
  620. this.setState({
  621. assignVisible: true,
  622. });
  623. }
  624. );
  625. },
  626. componentWillMount() {
  627. this.departmentList();
  628. this.loadData();
  629. },
  630. componentDidMount() {
  631. this.setColor();
  632. },
  633. setColor() {
  634. $(".userName span").after(
  635. "(<span class='ruanzhu'>软著数</span>/<span class='xiazheng'>下证数</span>)"
  636. );
  637. },
  638. tableRowClick(record) {
  639. this.state.RowData = record;
  640. let str = record.taskName;
  641. let test = str.indexOf("会员");
  642. if (test == -1) {
  643. this.setState({
  644. isHuiyuan: false,
  645. });
  646. } else {
  647. this.setState({
  648. isHuiyuan: true,
  649. });
  650. }
  651. if (record.taskName.substring(0, 5) === "软件著作权") {
  652. this.setState({
  653. speVisible: true,
  654. id: record.id,
  655. splitStatus: record.splitStatus,
  656. splitSuper: record.splitSuper,
  657. splitId: record.splitId,
  658. dataArr: record,
  659. commodityQuantity: record.commodityQuantity,
  660. });
  661. } else {
  662. this.setState({
  663. visible: true,
  664. splitStatus: record.splitStatus,
  665. splitSuper: record.splitSuper,
  666. splitId: record.splitId,
  667. });
  668. }
  669. this.xiangqing(record.id, record.taskName);
  670. this.xiangqings(record.orderNo);
  671. this.xiangmu(record.orderNo);
  672. this.loaduserss(record);
  673. },
  674. //点击修改项目详情
  675. tijiaoOk() {
  676. let attachmentUrls = [];
  677. if (this.state.attachmentUrl.length) {
  678. let picArr = [];
  679. this.state.attachmentUrl.map(function (item) {
  680. if (item.response && item.response.data && item.response.data.length) {
  681. picArr.push(item.response.data);
  682. }
  683. });
  684. attachmentUrls = picArr.join(",");
  685. }
  686. this.setState({
  687. loading: true,
  688. });
  689. $.ajax({
  690. method: "POST",
  691. dataType: "json",
  692. crossDomain: false,
  693. url: globalConfig.context + "/api/admin/orderProject/updateOrderTask",
  694. data: {
  695. id: this.state.id, //项目编号
  696. orderNo: this.state.orderNo, //订单编号
  697. projectStatus: this.state.projectStatus, //项目状态
  698. taskStatus: this.state.taskStatus, //项目状态
  699. taskComment: this.state.taskComment, //说明
  700. startDate: this.state.startDate, //启动日期
  701. endDate: this.state.endDate, //结束日期
  702. acceptDate: this.state.acceptDate, //受理日期
  703. reviewDate: this.state.reviewDate, //评审日期
  704. publicityDate: this.state.publicityDate, //公示日期
  705. licenceDate: this.state.licenceDate, //发证日期
  706. attachmentUrl: attachmentUrls.length ? attachmentUrls : "", //附件
  707. contacts: this.state.contacts, //联系人
  708. contactMobile: this.state.contactMobile, //联系人电话
  709. legalPerson: this.state.legalPerson, //法人
  710. legalPersonTel: this.state.legalPersonTel, //法人电话
  711. certificateNumber: this.state.certificateNumber, //证书编号
  712. status: this.state.status, //状态
  713. formRetrieve: this.state.formRetrieve, //满意度表格
  714. taskRefund: this.state.taskRefund, //退单
  715. refundContent: this.state.refundContent, //退单信息
  716. retrieveContent: this.state.retrieveContent, //回收信息
  717. locationProvince: this.state.ProvinceCity[0],
  718. locationCity: this.state.ProvinceCity[1],
  719. locationArea: this.state.ProvinceCity[2],
  720. postalAddress: this.state.postalAddress, //详细地址
  721. arrivalMoney: this.state.arrivalMoney, //是否到款
  722. setUpAmount: this.state.setUpAmount, //立项金额
  723. declareUser: this.state.declareUser, //账号
  724. declarePwd: this.state.declarePwd, //密码
  725. outsourceName: this.state.outsourceName, //外包公司
  726. outsourcePrice: this.state.outsourcePrice, //外包价格
  727. declarationBatch: this.state.declarationBatch,
  728. },
  729. }).done(
  730. function (data) {
  731. this.setState({
  732. loading: false,
  733. });
  734. if (!data.error.length) {
  735. message.success("保存成功!");
  736. this.visitCancel();
  737. } else {
  738. message.warning(data.error[0].message);
  739. }
  740. }.bind(this)
  741. );
  742. },
  743. //点击修改项目详情
  744. tianjiaOk() {
  745. if (this.state.attachmentUrl.length) {
  746. let picArr = [];
  747. this.state.attachmentUrl.map(function (item) {
  748. if (item.response && item.response.data && item.response.data.length) {
  749. picArr.push(item.response.data);
  750. }
  751. });
  752. }
  753. $.ajax({
  754. method: "POST",
  755. dataType: "json",
  756. crossDomain: false,
  757. url: globalConfig.context + "/api/admin/orderProject/addTaskHours",
  758. data: {
  759. taskId: this.state.taskId, //项目编号
  760. hours: this.state.hours, //工时
  761. remarks: this.state.remarks, //说明
  762. taskDate: this.state.taskDate, //日期
  763. taskComment: this.state.taskComment, //说明
  764. },
  765. }).done(
  766. function (data) {
  767. this.setState({
  768. loading: false,
  769. });
  770. if (!data.error.length) {
  771. message.success("保存成功!");
  772. this.noCancel();
  773. } else {
  774. message.warning(data.error[0].message);
  775. }
  776. }.bind(this)
  777. );
  778. },
  779. //订单详情
  780. xiangqing(id) {
  781. $.ajax({
  782. method: "get",
  783. dataType: "json",
  784. crossDomain: false,
  785. url: globalConfig.context + "/api/admin/orderProject/orderTaskDetail",
  786. data: {
  787. id: id,
  788. },
  789. success: function (data) {
  790. let thisdata = data.data;
  791. if (data.error.length || data.data.list == "") {
  792. if (data.error && data.error.length) {
  793. message.warning(data.error[0].message);
  794. }
  795. } else {
  796. this.setState({
  797. id: thisdata.id, //ID
  798. orderNo: thisdata.orderNo, //订单编号
  799. userName: thisdata.userName, //客户名称
  800. taskName: thisdata.taskName, //项目名称
  801. cname: thisdata.cname, //项目品类
  802. contractNo: thisdata.contractNo, //合同编号
  803. projectStatus: thisdata.projectStatus.toString(), //项目状态
  804. taskStatus: thisdata.taskStatus.toString(), //项目状态
  805. taskDate: thisdata.taskDate, //分配时间
  806. taskComment: thisdata.taskComment, //说明
  807. attachmentUrl: thisdata.attachmentUrl
  808. ? splitUrl(
  809. thisdata.attachmentUrl,
  810. ",",
  811. globalConfig.avatarHost + "/upload"
  812. )
  813. : [], //图片地址
  814. salesmanName: thisdata.salesmanName, //订单负责人
  815. startDate: thisdata.startDate, //启动日期
  816. endDate: thisdata.endDate, //结束日期
  817. acceptDate: thisdata.acceptDate, //受理日期
  818. reviewDate: thisdata.reviewDate, //评审日期
  819. publicityDate: thisdata.publicityDate, //公示日期
  820. licenceDate: thisdata.licenceDate, //发证日期
  821. contacts: thisdata.contacts, //联系人
  822. contactMobile: thisdata.contactMobile, //联系人电话
  823. legalPerson: thisdata.legalPerson, //法人
  824. legalPersonTel: thisdata.legalPersonTel, //法人电话
  825. certificateNumber: thisdata.certificateNumber, //证书编号
  826. status: thisdata.status, //状态
  827. formRetrieve: thisdata.formRetrieve, //满意度表格
  828. taskRefund: thisdata.taskRefund, //退单
  829. refundContent: thisdata.refundContent, //退单信息
  830. retrieveContent: thisdata.retrieveContent, //回收信息
  831. arrivalMoney: thisdata.arrivalMoney, //是否到款
  832. setUpAmount: thisdata.setUpAmount, //立项金额
  833. declareUser: thisdata.declareUser, //账号
  834. declarePwd: thisdata.declarePwd, //密码
  835. outsourceName: thisdata.outsourceName, //外包公司
  836. outsourcePrice: thisdata.outsourcePrice, //外包价格
  837. declarationBatch: thisdata.declarationBatch,
  838. });
  839. }
  840. }.bind(this),
  841. }).always(
  842. function () {
  843. this.setState({
  844. loading: false,
  845. });
  846. }.bind(this)
  847. );
  848. },
  849. //订单详情
  850. xiangqings(orderNos) {
  851. $.ajax({
  852. method: "get",
  853. dataType: "json",
  854. crossDomain: false,
  855. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  856. data: {
  857. orderNo: orderNos,
  858. },
  859. success: function (data) {
  860. let thisdata = data.data;
  861. let ProvinceCityArr = [];
  862. let ProvinceS = thisdata.locationProvince; //省
  863. let citys = thisdata.locationCity; //市
  864. let Areas = thisdata.locationArea; //区
  865. ProvinceCityArr.push(ProvinceS, citys, Areas);
  866. if (data.error.length || data.data.list == "") {
  867. if (data.error && data.error.length) {
  868. message.warning(data.error[0].message);
  869. }
  870. } else {
  871. this.setState({
  872. processStatus: thisdata.processStatus, //流程状态
  873. liquidationStatus: thisdata.liquidationStatus, //结算状态
  874. approval: thisdata.approval, //特批状态
  875. orderRemarks: thisdata.orderRemarks, //订单留言
  876. salesmanName: thisdata.salesmanName, //营销员名称
  877. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  878. financeName: thisdata.financeName, //财务名称
  879. financeMobile: thisdata.financeMobile, //财务电话
  880. oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
  881. oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
  882. nowFinance: thisdata.nowFinance, //财务名称
  883. nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
  884. depName: thisdata.depName, //订单部门
  885. ProvinceCity: ProvinceCityArr[0] === null ? [] : ProvinceCityArr,
  886. postalAddress: thisdata.postalAddress, //详细地址
  887. });
  888. }
  889. }.bind(this),
  890. }).always(
  891. function () {
  892. this.setState({
  893. loading: false,
  894. });
  895. }.bind(this)
  896. );
  897. },
  898. //项目列表
  899. xiangmu(orderNos) {
  900. $.ajax({
  901. method: "get",
  902. dataType: "json",
  903. crossDomain: false,
  904. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  905. data: {
  906. orderNo: orderNos,
  907. },
  908. success: function (data) {
  909. let theArr = [];
  910. if (data.error.length || data.data.list == "") {
  911. if (data.error && data.error.length) {
  912. message.warning(data.error[0].message);
  913. }
  914. } else {
  915. for (let i = 0; i < data.data.length; i++) {
  916. let thisdata = data.data[i];
  917. theArr.push({
  918. key: i,
  919. id: thisdata.id,
  920. orderNo: thisdata.orderNo, //订单编号
  921. commodityId: thisdata.commodityId, //项目ID
  922. commodityName: thisdata.commodityName, //项目名称
  923. cname: thisdata.cname, //项目类别
  924. commodityPrice: thisdata.commodityPrice, //项目价格
  925. commodityQuantity: thisdata.commodityQuantity, //项目数量
  926. main: thisdata.main, //是否为主要项目
  927. taskComment: thisdata.taskComment, //项目说明
  928. contacts: thisdata.contacts, //联系人
  929. contactsMobile: thisdata.contactsMobile, //联系人电话
  930. taskStatus: thisdata.taskStatus, //是否分配
  931. contractNo: thisdata.contractNo, //合同编号
  932. certificateNumber: thisdata.certificateNumber,
  933. splitStatus: thisdata.splitStatus,
  934. });
  935. }
  936. }
  937. this.setState({
  938. dataSourceX: theArr,
  939. });
  940. }.bind(this),
  941. }).always(
  942. function () {
  943. this.setState({
  944. loading: false,
  945. });
  946. }.bind(this)
  947. );
  948. },
  949. //导出
  950. exportExec() {
  951. let departmentName = "",
  952. depart = this.state.departmentArr || [];
  953. depart.map((item) => {
  954. if (this.state.departmentId == item.id) {
  955. departmentName = item.name;
  956. return;
  957. }
  958. });
  959. let data = {
  960. departmentId: this.state.departmentId,
  961. departmentName: departmentName,
  962. salesName: this.state.orderRefundSearch, //订单负责人
  963. startTime: this.state.releaseDate[0],
  964. endTime: this.state.releaseDate[1],
  965. grantStatus: this.state.grantStatus,
  966. };
  967. window.location.href =
  968. globalConfig.context +
  969. "/api/admin/orderProject/exportMyTaskList?" +
  970. $.param(data);
  971. },
  972. //关闭详情
  973. visitCancel() {
  974. this.setState({
  975. visible: false,
  976. speVisible: false,
  977. activeKey: "1",
  978. });
  979. this.reset();
  980. },
  981. visitOk() {
  982. this.setState({
  983. visible: false,
  984. speVisible: false,
  985. });
  986. this.reset();
  987. },
  988. closeDesc(e, s) {
  989. this.state.showDesc = e;
  990. if (s) {
  991. this.loadData(this.state.page);
  992. }
  993. },
  994. closeAssign(e, s) {
  995. this.state.roleName = "";
  996. this.state.assignVisible = e;
  997. if (s) {
  998. this.loadData(this.state.page);
  999. }
  1000. },
  1001. //添加工时
  1002. okCancel(record) {
  1003. this.setState({
  1004. lookVisible: true,
  1005. taskId: record.id,
  1006. });
  1007. },
  1008. //测试
  1009. getOrgCodeUrl(e) {
  1010. this.setState({ orgCodeUrl: e });
  1011. },
  1012. //查看下证信息
  1013. loaduserss(record) {
  1014. $.ajax({
  1015. method: "get",
  1016. dataType: "json",
  1017. crossDomain: false,
  1018. url: globalConfig.context + "/api/admin/orderProject/selectTaskProgress",
  1019. data: {
  1020. tid: record.id,
  1021. },
  1022. success: function (data) {
  1023. let theArr = [];
  1024. let thisData = [];
  1025. if (!thisData) {
  1026. if (data.error && data.error.length) {
  1027. message.warning(data.error[0].message);
  1028. }
  1029. thisData = {};
  1030. } else {
  1031. for (let i = 0; i < data.data.length; i++) {
  1032. thisData = data.data[i];
  1033. theArr.push({
  1034. num: i + 1,
  1035. key: i,
  1036. id: thisData.id, //编号
  1037. alreadyNumber: thisData.alreadyNumber, //下证数
  1038. licenceTimes: thisData.licenceTimes, //下证时间
  1039. notCount: thisData.notCount, //未下证数
  1040. flag: true,
  1041. });
  1042. }
  1043. this.setState({
  1044. contactList: theArr,
  1045. });
  1046. }
  1047. }.bind(this),
  1048. }).always(
  1049. function () {
  1050. this.setState({
  1051. loading: false,
  1052. });
  1053. }.bind(this)
  1054. );
  1055. },
  1056. // 拆分详细
  1057. showRes(record) {
  1058. this.setState({
  1059. resVisible: true,
  1060. resRecord: record,
  1061. });
  1062. },
  1063. resCancel() {
  1064. this.setState({
  1065. resVisible: false,
  1066. });
  1067. },
  1068. //下证信息保存
  1069. contactSave(record) {
  1070. if (!record.licenceTimes) {
  1071. message.warning("下证日期不能为空");
  1072. return;
  1073. }
  1074. if (!record.alreadyNumber) {
  1075. message.warning("下证数量不能为空");
  1076. return;
  1077. }
  1078. this.setState({
  1079. loading: true,
  1080. });
  1081. $.ajax({
  1082. url: globalConfig.context + "/api/admin/orderProject/createTaskProgress",
  1083. method: "post",
  1084. data: {
  1085. taskId: this.state.id,
  1086. licenceTimes: record.licenceTimes,
  1087. alreadyNumber: record.alreadyNumber,
  1088. },
  1089. }).done(
  1090. function (data) {
  1091. this.setState({
  1092. loading: false,
  1093. });
  1094. if (!data.error.length) {
  1095. message.success("保存成功!");
  1096. record.flag = true;
  1097. this.loaduserss(this.state.dataArr);
  1098. } else {
  1099. message.warning(data.error[0].message);
  1100. }
  1101. }.bind(this)
  1102. );
  1103. },
  1104. //下证信息删除
  1105. contactDele(record) {
  1106. this.setState({
  1107. loading: true,
  1108. });
  1109. $.ajax({
  1110. url: globalConfig.context + "/api/admin/orderProject/delectTaskProgress",
  1111. method: "post",
  1112. data: {
  1113. id: record.id,
  1114. },
  1115. }).done(
  1116. function (data) {
  1117. this.setState({
  1118. loading: false,
  1119. });
  1120. if (!data.error.length) {
  1121. this.loaduserss(this.state.dataArr);
  1122. } else {
  1123. message.warning(data.error[0].message);
  1124. }
  1125. }.bind(this)
  1126. );
  1127. },
  1128. //点击新增下证信息
  1129. addcontact() {
  1130. this.state.contactList.push({
  1131. num: this.state.contactList.length + 1,
  1132. key: this.state.contactList.length,
  1133. licenceTimes: "",
  1134. alreadyNumber: "",
  1135. notCount: "",
  1136. dels: "",
  1137. flag: false,
  1138. aflag: false,
  1139. });
  1140. this.setState({
  1141. contactList: this.state.contactList,
  1142. });
  1143. },
  1144. //删除下证信息
  1145. confirmDelet(record) {
  1146. this.state.contactList.splice(record.key, 1);
  1147. this.setState({
  1148. contactList: this.state.contactList,
  1149. });
  1150. if (record.id) {
  1151. this.contactDele(record);
  1152. }
  1153. },
  1154. caozuorizhi() {
  1155. this.setState({
  1156. visibleA: true,
  1157. });
  1158. $.ajax({
  1159. method: "get",
  1160. dataType: "json",
  1161. crossDomain: false,
  1162. url: globalConfig.context + "/api/admin/orderProject/TaskLogList",
  1163. data: {
  1164. id: this.state.id,
  1165. },
  1166. success: function (data) {
  1167. let theArr = [];
  1168. if (data.error.length || data.data.list == "") {
  1169. if (data.error && data.error.length) {
  1170. message.warning(data.error[0].message);
  1171. }
  1172. } else {
  1173. for (let i = 0; i < data.data.length; i++) {
  1174. let thisdata = data.data[i];
  1175. theArr.push({
  1176. key: i,
  1177. id: thisdata.id, //日志ID
  1178. content: thisdata.content, //流程
  1179. taskId: thisdata.taskId, //项目ID
  1180. aName: thisdata.aName, //负责人
  1181. createTimes: thisdata.createTimes, //时间
  1182. });
  1183. }
  1184. }
  1185. this.setState({
  1186. dataSourceA: theArr,
  1187. });
  1188. }.bind(this),
  1189. }).always(
  1190. function () {
  1191. this.setState({
  1192. loading: false,
  1193. });
  1194. }.bind(this)
  1195. );
  1196. },
  1197. //关闭操作工时
  1198. visitCancelA() {
  1199. this.setState({
  1200. visibleA: false,
  1201. });
  1202. },
  1203. nextCancel() {
  1204. this.setState({
  1205. addnextVisible: false,
  1206. });
  1207. },
  1208. //点击打卡项目详情
  1209. tableRowClickX(record) {
  1210. this.setState({
  1211. jid: record.id, //项目ID
  1212. kid: record.commodityId, //商品ID
  1213. commodityName: record.commodityName, //金额
  1214. commodityPrice: record.commodityPrice, //金额
  1215. commodityQuantity: record.commodityQuantity, //数量
  1216. taskComment: record.taskComment, //备注
  1217. main: record.main.toString(), //是否为主要
  1218. addnextVisible: true,
  1219. addState: 0,
  1220. });
  1221. },
  1222. //关闭添加工时
  1223. noCancel() {
  1224. this.setState({
  1225. lookVisible: false,
  1226. });
  1227. this.reset();
  1228. },
  1229. search() {
  1230. this.loadData();
  1231. },
  1232. reset(flag) {
  1233. if (flag) {
  1234. this.state.nameSearch = "";
  1235. this.state.orderNoSearch = "";
  1236. this.state.contractNoSearch = undefined;
  1237. this.state.taskNoSearch = "";
  1238. this.state.departmenttSearch = undefined;
  1239. this.state.projectStatusSearch = undefined; //项目状态
  1240. this.state.approvalSearch = undefined;
  1241. this.state.outsourceStatusSearch = [];
  1242. }
  1243. this.state.id = ""; //项目编号
  1244. this.state.orderNo = ""; //订单编号
  1245. this.state.projectStatus = undefined; //项目状态
  1246. this.state.taskStatuSearch = undefined; //项目状态
  1247. this.state.taskComment = ""; //说明
  1248. this.state.startDate = ""; //启动日期
  1249. this.state.endDate = ""; //结束日期
  1250. this.state.acceptDate = ""; //受理日期
  1251. this.state.reviewDate = ""; //评审日期
  1252. this.state.publicityDate = ""; //公示日期
  1253. this.state.licenceDate = ""; //发证日期
  1254. attachmentUrl: []; //附件
  1255. this.state.contacts = ""; //联系人
  1256. this.state.contactMobile = ""; //联系人电话
  1257. this.state.legalPerson = ""; //法人
  1258. this.state.legalPersonTel = ""; //法人电话
  1259. this.state.taskId = ""; //项目编号
  1260. this.state.hours = ""; //工时
  1261. this.state.remarks = ""; //说明
  1262. this.state.taskDate = ""; //日期
  1263. this.state.taskComment = ""; //说明
  1264. this.state.releaseDate = [];
  1265. this.state.outsourceName = "";
  1266. this.state.outsourcePrice = undefined;
  1267. this.state.distribution = undefined;
  1268. this.loadData(this.state.page);
  1269. this.state.companyName = undefined;
  1270. this.state.unitPrice = undefined;
  1271. this.state.unitNumber = undefined;
  1272. this.state.amount = undefined;
  1273. this.state.outsourceRemarks = undefined;
  1274. this.state.pictureUrl = [];
  1275. },
  1276. searchSwitch() {
  1277. this.setState({
  1278. searchMore: !this.state.searchMore,
  1279. });
  1280. },
  1281. //部门
  1282. departmentList() {
  1283. this.setState({
  1284. loading: true,
  1285. });
  1286. $.ajax({
  1287. method: "get",
  1288. dataType: "json",
  1289. crossDomain: false,
  1290. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  1291. data: {},
  1292. success: function (data) {
  1293. let thedata = data.data;
  1294. let theArr = [];
  1295. if (!thedata) {
  1296. if (data.error && data.error.length) {
  1297. message.warning(data.error[0].message);
  1298. }
  1299. thedata = {};
  1300. } else {
  1301. thedata.map(function (item, index) {
  1302. theArr.push({
  1303. key: index,
  1304. name: item.name,
  1305. id: item.id,
  1306. });
  1307. });
  1308. }
  1309. this.setState({
  1310. departmentArr: theArr,
  1311. });
  1312. }.bind(this),
  1313. }).always(
  1314. function () {
  1315. this.setState({
  1316. loading: false,
  1317. });
  1318. }.bind(this)
  1319. );
  1320. },
  1321. changeList(arr) {
  1322. const newArr = [];
  1323. this.state.columns.forEach((item) => {
  1324. arr.forEach((val) => {
  1325. if (val === item.title) {
  1326. newArr.push(item);
  1327. }
  1328. });
  1329. });
  1330. this.setState({
  1331. changeList: newArr,
  1332. });
  1333. },
  1334. timeClose() {
  1335. this.setState({
  1336. timeVisible: false,
  1337. });
  1338. },
  1339. timeDetail(record) {
  1340. console.log(record);
  1341. this.setState({
  1342. loading: true,
  1343. recordHour: record.hours,
  1344. });
  1345. $.ajax({
  1346. method: "get",
  1347. dataType: "json",
  1348. crossDomain: false,
  1349. url:
  1350. globalConfig.context + "/api/admin/orderProject/taskHoursDetailsList",
  1351. data: {
  1352. taskId: record.id,
  1353. },
  1354. success: function (data) {
  1355. if (data.error && data.error.length) {
  1356. message.warning(data.error[0].message);
  1357. } else {
  1358. this.setState({
  1359. dataSourceTime: data.data,
  1360. });
  1361. console.log(this.state.dataSourceTime);
  1362. }
  1363. }.bind(this),
  1364. }).always(
  1365. function () {
  1366. this.setState({
  1367. loading: false,
  1368. });
  1369. }.bind(this)
  1370. );
  1371. },
  1372. showDeleteConfirm(num, fn) {
  1373. let text = getProjectStatus(num);
  1374. confirm({
  1375. title: <p style={{ fontSize: 16, fontWeight: 900 }}>注意</p>,
  1376. content: (
  1377. <p style={{ fontWeight: 900, color: "red" }}>
  1378. 当前的项目状态为{text},保存后将触发对应的催款节点!!!您确定保存?
  1379. </p>
  1380. ),
  1381. okText: "确定",
  1382. okType: "danger",
  1383. cancelText: "取消",
  1384. onOk() {
  1385. fn();
  1386. },
  1387. onCancel() {},
  1388. });
  1389. },
  1390. // 项目发起外包
  1391. sureOut() {
  1392. if (!this.state.companyName) {
  1393. message.warning("公司名称不能为空");
  1394. return;
  1395. }
  1396. if (!this.state.unitPrice) {
  1397. message.warning("单价不能为空");
  1398. return;
  1399. }
  1400. if (!this.state.unitNumber) {
  1401. message.warning("数量不能为空");
  1402. return;
  1403. }
  1404. if (!this.state.amount) {
  1405. message.warning("总金额不能为空");
  1406. return;
  1407. }
  1408. if (!this.state.outsourceRemarks) {
  1409. message.warning("备注不能为空");
  1410. return;
  1411. }
  1412. if (this.state.pictureUrl.length === 0) {
  1413. message.warning("合同扫描件不能为空");
  1414. return;
  1415. }
  1416. this.setState({
  1417. loading: true,
  1418. });
  1419. $.ajax({
  1420. method: "POST",
  1421. dataType: "json",
  1422. crossDomain: false,
  1423. url:
  1424. globalConfig.context + "/api/admin/outsourceOrg/outsourceProjectAudit",
  1425. data: {
  1426. tid: this.state.id,
  1427. orderNo: this.state.orderNo,
  1428. type: 1,
  1429. companyName: this.state.companyName,
  1430. amount: this.state.amount,
  1431. pictureUrl: this.getUrl(this.state.pictureUrl).length
  1432. ? this.getUrl(this.state.pictureUrl)
  1433. : "",
  1434. outsourceRemarks: this.state.outsourceRemarks,
  1435. unitNumber: this.state.unitNumber,
  1436. unitPrice: this.state.unitPrice,
  1437. id: this.state.refundStatus == 2 ? this.state.mid : undefined,
  1438. },
  1439. }).done(
  1440. function (data) {
  1441. this.setState({
  1442. loading: false,
  1443. });
  1444. if (!data.error.length) {
  1445. message.success("提交成功!");
  1446. this.visitCancel();
  1447. } else {
  1448. message.warning(data.error[0].message);
  1449. }
  1450. }.bind(this)
  1451. );
  1452. },
  1453. callback(e) {
  1454. this.setState({
  1455. activeKey: e,
  1456. });
  1457. if (e == 3) {
  1458. this.orderDetailData(this.state.orderNo);
  1459. this.xiangmu(this.state.orderNo);
  1460. this.jiedian(this.state.orderNo);
  1461. this.jiedianNew(this.state.orderNo);
  1462. }
  1463. },
  1464. getOrgCodeUrlWai(e) {
  1465. this.setState({ pictureUrl: e });
  1466. },
  1467. getUrl(url) {
  1468. let theorgCodeUrl = [];
  1469. if (url.length) {
  1470. let picArr = [];
  1471. url.map(function (item) {
  1472. if (item.response && item.response.data && item.response.data.length) {
  1473. picArr.push(item.response.data);
  1474. }
  1475. });
  1476. theorgCodeUrl = picArr.join(",");
  1477. }
  1478. return theorgCodeUrl;
  1479. },
  1480. waiDetail() {
  1481. let url = window.location.href.substring(7);
  1482. this.setState({
  1483. loading: true,
  1484. });
  1485. $.ajax({
  1486. method: "get",
  1487. dataType: "json",
  1488. crossDomain: false,
  1489. url:
  1490. globalConfig.context + "/api/admin/outsourceOrg/orderOutsourceDtails",
  1491. data: {
  1492. tid: this.state.id,
  1493. orderNo: this.state.orderNo,
  1494. },
  1495. }).done(
  1496. function (data) {
  1497. this.setState({
  1498. loading: false,
  1499. });
  1500. if (!data.error.length && data.data) {
  1501. this.setState({
  1502. outsourceRemarks: data.data.outsourceRemarks,
  1503. remarks: data.data.remarks,
  1504. companyName: data.data.companyName,
  1505. amount: data.data.amount,
  1506. mid: data.data.id,
  1507. unitPrice: data.data.unitPrice,
  1508. refundStatus: data.data.refundStatus,
  1509. unitNumber: data.data.unitNumber,
  1510. pictureUrl: data.data.pictureUrl
  1511. ? splitUrl(
  1512. data.data.pictureUrl,
  1513. ",",
  1514. globalConfig.avatarHost + "/upload",
  1515. url
  1516. )
  1517. : [], //图片地址
  1518. createTimes: data.data.createTimes,
  1519. auditTimes: data.data.auditTimes,
  1520. });
  1521. } else if (data.error && data.error.length) {
  1522. message.warning(data.error[0].message);
  1523. } else if (!data.data) {
  1524. this.setState({
  1525. refundStatus: undefined,
  1526. });
  1527. }
  1528. }.bind(this)
  1529. );
  1530. },
  1531. rizhi() {
  1532. this.setState({
  1533. loading: true,
  1534. });
  1535. $.ajax({
  1536. method: "get",
  1537. dataType: "json",
  1538. crossDomain: false,
  1539. url: "/api/admin/newOrder/selectOrderLog",
  1540. data: {
  1541. orderNo: this.state.orderNo,
  1542. },
  1543. success: function (data) {
  1544. let theArr = [];
  1545. let thisData = data.data;
  1546. if (!thisData.length) {
  1547. if (data.error && data.error.length) {
  1548. message.warning(data.error[0].message);
  1549. }
  1550. thisData = {};
  1551. } else {
  1552. for (let i = 0; i < data.data.length; i++) {
  1553. let thisdata = data.data[i];
  1554. theArr.push({
  1555. processName: thisdata.processName,
  1556. adminName: thisdata.adminName,
  1557. createDate: thisdata.createDate,
  1558. remarks: thisdata.remarks,
  1559. });
  1560. }
  1561. }
  1562. this.setState({
  1563. dataSourceY: theArr,
  1564. });
  1565. }.bind(this),
  1566. }).always(
  1567. function () {
  1568. this.setState({
  1569. loading: false,
  1570. });
  1571. }.bind(this)
  1572. );
  1573. },
  1574. closeOrderLog() {
  1575. this.setState({
  1576. avisible: false,
  1577. });
  1578. },
  1579. getOrderLog() {
  1580. this.setState({
  1581. avisible: true,
  1582. });
  1583. this.rizhi();
  1584. },
  1585. orderChange(key) {
  1586. this.setState({
  1587. activeKey: key,
  1588. });
  1589. if (key == 3) {
  1590. this.orderDetailData(this.state.orderNo);
  1591. this.xiangmu(this.state.orderNo);
  1592. this.jiedian(this.state.orderNo);
  1593. this.jiedianNew(this.state.orderNo);
  1594. }
  1595. if (key == 2) {
  1596. this.waiDetail()
  1597. }
  1598. },
  1599. //节点列表
  1600. jiedian(orderNos) {
  1601. $.ajax({
  1602. method: "get",
  1603. dataType: "json",
  1604. crossDomain: false,
  1605. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  1606. data: {
  1607. orderNo: orderNos,
  1608. },
  1609. success: function (data) {
  1610. let theArr = [];
  1611. let thisData = [];
  1612. if (data.error.length || data.data.list == "") {
  1613. if (data.error && data.error.length) {
  1614. message.warning(data.error[0].message);
  1615. }
  1616. } else {
  1617. for (let i = 0; i < data.data.length; i++) {
  1618. thisData = data.data[i];
  1619. theArr.push({
  1620. key: i,
  1621. dunSubject: thisData.dunSubject
  1622. ? thisData.dunSubject.toString()
  1623. : "", //催款科目
  1624. id: thisData.id, //节点Id
  1625. money: thisData.money, //催款金额
  1626. dunStatus: thisData.dunStatus, //催款状态
  1627. });
  1628. }
  1629. this.setState({
  1630. jiedian: theArr,
  1631. });
  1632. }
  1633. }.bind(this),
  1634. });
  1635. },
  1636. jiedianNew(orderNos) {
  1637. $.ajax({
  1638. method: "get",
  1639. dataType: "json",
  1640. crossDomain: false,
  1641. url:
  1642. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  1643. data: {
  1644. orderNo: orderNos,
  1645. },
  1646. success: function (data) {
  1647. if (data.error && data.error.length) {
  1648. message.warning(data.error[0].message);
  1649. } else {
  1650. let theArr = [];
  1651. let thisData = [];
  1652. let arr = data.data || [];
  1653. let totalCui = 0;
  1654. for (let i = 0; i < arr.length; i++) {
  1655. thisData = arr[i];
  1656. totalCui += +thisData.money;
  1657. theArr.push({
  1658. key: i,
  1659. dunSubject: thisData.dunSubject
  1660. ? thisData.dunSubject.toString()
  1661. : "", //催款科目
  1662. id: thisData.id, //节点Id
  1663. money: thisData.money, //催款金额
  1664. // orderNo: record ? record.orderNo : this.props.datauser.orderNo,
  1665. commodityName: thisData.commodityName,
  1666. projectType: thisData.projectType,
  1667. dunTypeName: thisData.dunTypeName,
  1668. status: thisData.status,
  1669. waitDay: thisData.waitDay,
  1670. effectiveCount: thisData.effectiveCount,
  1671. startDate: thisData.startDate,
  1672. dunType: thisData.dunType,
  1673. appropriationRatio: thisData.appropriationRatio,
  1674. });
  1675. }
  1676. if (!totalCui) {
  1677. totalCui = 0;
  1678. }
  1679. totalCui = (Math.round(totalCui * 10000) / 10000).toFixed(4);
  1680. this.setState({
  1681. jiedianNew: theArr,
  1682. totalCui,
  1683. });
  1684. }
  1685. }.bind(this),
  1686. }).always(
  1687. function () {
  1688. this.setState({
  1689. loading: false,
  1690. });
  1691. }.bind(this)
  1692. );
  1693. },
  1694. orderDetailData(orderNos) {
  1695. this.setState({
  1696. loading: true,
  1697. });
  1698. $.ajax({
  1699. method: "get",
  1700. dataType: "json",
  1701. crossDomain: false,
  1702. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  1703. data: {
  1704. orderNo: orderNos,
  1705. },
  1706. success: function (data) {
  1707. if (data.error.length || data.data.list == "") {
  1708. if (data.error && data.error.length) {
  1709. message.warning(data.error[0].message);
  1710. this.setState({
  1711. loading: false,
  1712. });
  1713. }
  1714. } else {
  1715. let thisdata = data.data;
  1716. this.setState({
  1717. loading: false,
  1718. userName: thisdata.userName,
  1719. primaryOrderNo: thisdata.primaryOrder,
  1720. additionalOrder: thisdata.additionalOrder,
  1721. contractNo: thisdata.contractNo,
  1722. orderData: thisdata,
  1723. isAddition: thisdata.additionalOrder ? true : false,
  1724. contractPictureUrl: thisdata.contractPictureUrl
  1725. ? splitUrl(
  1726. thisdata.contractPictureUrl,
  1727. ",",
  1728. globalConfig.avatarHost + "/upload"
  1729. )
  1730. : [],
  1731. });
  1732. }
  1733. }.bind(this),
  1734. });
  1735. },
  1736. render() {
  1737. const formItemLayout = {
  1738. labelCol: { span: 8 },
  1739. wrapperCol: { span: 14 },
  1740. };
  1741. let departmentArr = this.state.departmentArr || [];
  1742. return (
  1743. <div className="user-content">
  1744. {this.state.resVisible ? (
  1745. <ResolutionDetail
  1746. cancel={this.resCancel}
  1747. detail={this.state.resRecord}
  1748. visible={this.state.resVisible}
  1749. id={this.state.resRecord.orderNo}
  1750. />
  1751. ) : (
  1752. ""
  1753. )}
  1754. <ShowModalDiv ShowModal={this.state.showModal} />
  1755. <div className="content-title" style={{ marginBottom: 10 }}>
  1756. <span style={{ fontWeight: 900, fontSize: 16 }}>项目派单管理</span>
  1757. </div>
  1758. <Tabs defaultActiveKey="2" className="test" bordered>
  1759. <TabPane tab="更改表格显示数据" key="1">
  1760. <div style={{ marginLeft: 10 }}>
  1761. <ChooseList
  1762. columns={this.state.columns}
  1763. changeFn={this.changeList}
  1764. changeList={this.state.changeList}
  1765. top={55}
  1766. margin={11}
  1767. />
  1768. </div>
  1769. </TabPane>
  1770. <TabPane tab="搜索" key="2">
  1771. <div className="user-search" style={{ marginLeft: 10 }}>
  1772. <Input
  1773. placeholder="客户名称"
  1774. value={this.state.nameSearch}
  1775. onChange={(e) => {
  1776. this.setState({ nameSearch: e.target.value });
  1777. }}
  1778. />
  1779. <Input
  1780. placeholder="订单编号"
  1781. value={this.state.orderNoSearch}
  1782. onChange={(e) => {
  1783. this.setState({ orderNoSearch: e.target.value });
  1784. }}
  1785. />
  1786. <Input
  1787. placeholder="合同编号"
  1788. value={this.state.contractNoSearch}
  1789. onChange={(e) => {
  1790. this.setState({ contractNoSearch: e.target.value });
  1791. }}
  1792. />
  1793. <Input
  1794. placeholder="项目编号"
  1795. value={this.state.taskNoSearch}
  1796. onChange={(e) => {
  1797. this.setState({ taskNoSearch: e.target.value });
  1798. }}
  1799. />
  1800. <Select
  1801. placeholder="选择部门"
  1802. style={{ width: 150, marginRight: "10px" }}
  1803. value={this.state.departmenttSearch}
  1804. onChange={(e) => {
  1805. this.setState({ departmenttSearch: e });
  1806. }}
  1807. >
  1808. {departmentArr.map(function (item) {
  1809. return (
  1810. <Select.Option key={item.id}>{item.name}</Select.Option>
  1811. );
  1812. })}
  1813. </Select>
  1814. <Select
  1815. placeholder="项目状态"
  1816. style={{ width: 150, marginRight: "10px" }}
  1817. value={this.state.projectStatusSearch}
  1818. onChange={(e) => {
  1819. this.setState({ projectStatusSearch: e });
  1820. console.log(this.state.projectStatusSearch);
  1821. }}
  1822. >
  1823. {projectStatus.map(function (item) {
  1824. return (
  1825. <Select.Option key={item.value}>{item.key}</Select.Option>
  1826. );
  1827. })}
  1828. </Select>
  1829. <Select
  1830. placeholder="特批状态"
  1831. style={{ width: 150, marginRight: "10px" }}
  1832. value={this.state.approvalSearch}
  1833. onChange={(e) => {
  1834. this.setState({ approvalSearch: e });
  1835. console.log(this.state.approvalSearch);
  1836. }}
  1837. >
  1838. <Select.Option key={0}>非特批</Select.Option>
  1839. <Select.Option key={1}>特批</Select.Option>
  1840. </Select>
  1841. <Select
  1842. placeholder="外包状态"
  1843. style={{ width: 150, marginRight: "10px" }}
  1844. value={this.state.outsourceStatusSearch}
  1845. onChange={(e) => {
  1846. this.setState({ outsourceStatusSearch: e });
  1847. console.log(this.state.outsourceStatusSearch);
  1848. }}
  1849. >
  1850. <Select.Option key={0}>外包待审核</Select.Option>
  1851. {/* <Select.Option key={1}>外包审核通过</Select.Option> */}
  1852. <Select.Option key={2}>外包审核驳回</Select.Option>
  1853. <Select.Option key={999}>全部</Select.Option>
  1854. </Select>
  1855. <Button type="primary" onClick={this.search}>
  1856. 搜索
  1857. </Button>
  1858. <Button
  1859. onClick={(e) => {
  1860. this.reset(true);
  1861. }}
  1862. >
  1863. 重置
  1864. </Button>
  1865. {/* <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
  1866. <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
  1867. <span>订单时间 :</span>
  1868. <RangePicker
  1869. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  1870. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  1871. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  1872. </div> */}
  1873. </div>
  1874. </TabPane>
  1875. <TabPane tab="导出Excel" key="3">
  1876. <Button
  1877. type="primary"
  1878. style={{ margin: "11px 0 10px 10px" }}
  1879. onClick={this.exportExec}
  1880. >
  1881. 导出Excel
  1882. </Button>
  1883. </TabPane>
  1884. {/* <TabPane tab="批量操作" key="6">
  1885. <Button
  1886. type="primary"
  1887. disabled={this.state.selectedRowKeys.length == 0}
  1888. style={{ margin: "0px 0px 10px 10px" }}
  1889. onClick={e => {
  1890. e.stopPropagation(),
  1891. this.evaluateY(this.state.selectedRowKeys, "财务专员");
  1892. }}
  1893. >
  1894. 转交
  1895. </Button>
  1896. </TabPane> */}
  1897. </Tabs>
  1898. {/* <div className="user-search">
  1899. <Input
  1900. placeholder="客户名称"
  1901. value={this.state.nameSearch}
  1902. onChange={e => {
  1903. this.setState({ nameSearch: e.target.value });
  1904. }}
  1905. />
  1906. <Input
  1907. placeholder="订单编号"
  1908. value={this.state.orderNoSearch}
  1909. onChange={e => {
  1910. this.setState({ orderNoSearch: e.target.value });
  1911. }}
  1912. />
  1913. <Input
  1914. placeholder="项目编号"
  1915. value={this.state.taskNoSearch}
  1916. onChange={e => {
  1917. this.setState({ taskNoSearch: e.target.value });
  1918. }}
  1919. />
  1920. <Select
  1921. placeholder="选择部门"
  1922. style={{ width: 150, marginRight: "10px" }}
  1923. value={this.state.departmenttSearch}
  1924. onChange={e => {
  1925. this.setState({ departmenttSearch: e });
  1926. }}
  1927. >
  1928. {departmentArr.map(function(item) {
  1929. return <Select.Option key={item.id}>{item.name}</Select.Option>;
  1930. })}
  1931. </Select>
  1932. <Button type="primary" onClick={this.search}>
  1933. 搜索
  1934. </Button>
  1935. <Button onClick={this.reset}>重置</Button>
  1936. <Button
  1937. type="primary"
  1938. style={{ marginLeft: "10px" }}
  1939. onClick={this.exportExec}
  1940. >
  1941. 导出Excel
  1942. </Button>
  1943. <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
  1944. <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
  1945. <span>订单时间 :</span>
  1946. <RangePicker
  1947. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  1948. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  1949. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  1950. </div>
  1951. </div> */}
  1952. <div className="patent-table">
  1953. <Spin spinning={this.state.loading}>
  1954. <Table
  1955. columns={
  1956. this.state.changeList == undefined
  1957. ? this.state.columns
  1958. : this.state.changeList
  1959. }
  1960. dataSource={this.state.dataSource}
  1961. pagination={this.state.pagination}
  1962. scroll={{ x: "max-content", y: 0 }}
  1963. onRowClick={this.tableRowClick.bind(this)}
  1964. bordered
  1965. size={"small"}
  1966. />
  1967. </Spin>
  1968. </div>
  1969. <Assign
  1970. title="项目"
  1971. selApi={"/api/admin/orderProject/projectDistribution"}
  1972. data={this.state.assignData}
  1973. showDesc={this.state.assignVisible}
  1974. closeDesc={this.closeAssign.bind(this)}
  1975. fenpaiData={8}
  1976. specially={0}
  1977. roleName={this.state.nub}
  1978. requestMethod={"post"}
  1979. flag={this.state.flag}
  1980. all={this.state}
  1981. />
  1982. <Modal
  1983. className="customeDetails"
  1984. footer=""
  1985. title=""
  1986. width="900px"
  1987. visible={this.state.visible}
  1988. onOk={this.visitOk}
  1989. onCancel={this.visitCancel}
  1990. >
  1991. <Tabs
  1992. activeKey={this.state.activeKey}
  1993. onChange={(e) => {
  1994. this.callback(e);
  1995. if (e == 2) {
  1996. this.waiDetail();
  1997. }
  1998. }}
  1999. >
  2000. <TabPane tab="项目概况" key="1">
  2001. <Form
  2002. layout="horizontal"
  2003. onSubmit={this.handleSubmit}
  2004. id="demand-form"
  2005. style={{ paddingBottom: "00px" }}
  2006. >
  2007. <Spin spinning={this.state.loading}>
  2008. <div className="clearfix">
  2009. <div className="clearfix">
  2010. <FormItem
  2011. className="half-item"
  2012. {...formItemLayout}
  2013. label="当前项目情况"
  2014. >
  2015. <Radio.Group
  2016. value={this.state.status}
  2017. onChange={(e) => {
  2018. this.setState({ status: e.target.value });
  2019. }}
  2020. >
  2021. <Radio value={0}>开启</Radio>
  2022. <Radio value={1}>暂停</Radio>
  2023. </Radio.Group>
  2024. <Button
  2025. type="primary"
  2026. size="small"
  2027. style={{ marginTop: "5px", position: "absolute" }}
  2028. onClick={this.caozuorizhi}
  2029. >
  2030. 操作日志
  2031. </Button>
  2032. </FormItem>
  2033. <FormItem
  2034. className="half-item"
  2035. {...formItemLayout}
  2036. label="合同编号"
  2037. >
  2038. <span>{this.state.contractNo}</span>
  2039. </FormItem>
  2040. </div>
  2041. <div className="clearfix">
  2042. <FormItem
  2043. className="half-item"
  2044. {...formItemLayout}
  2045. label="项目状态"
  2046. >
  2047. <Select
  2048. placeholder="选择项目状态"
  2049. style={{ width: "200px" }}
  2050. value={this.state.projectStatus}
  2051. onChange={(e) => {
  2052. this.setState({ projectStatus: e });
  2053. }}
  2054. >
  2055. {projectStatus.map(function (item) {
  2056. return (
  2057. <Select.Option key={item.value}>
  2058. {item.key}
  2059. </Select.Option>
  2060. );
  2061. })}
  2062. </Select>
  2063. </FormItem>
  2064. <FormItem
  2065. className="half-item"
  2066. {...formItemLayout}
  2067. label="是否特批"
  2068. >
  2069. <span>{getApproval(this.state.approval)}</span>
  2070. </FormItem>
  2071. <FormItem
  2072. className="half-item"
  2073. {...formItemLayout}
  2074. label="结算状态"
  2075. >
  2076. <span>
  2077. {getLiquidationStatus(this.state.liquidationStatus)}
  2078. </span>
  2079. </FormItem>
  2080. <FormItem
  2081. className="half-item"
  2082. {...formItemLayout}
  2083. label="流程状态"
  2084. >
  2085. <span>
  2086. {getProcessStatus(this.state.processStatus)}
  2087. </span>
  2088. </FormItem>
  2089. <FormItem
  2090. className="half-item"
  2091. {...formItemLayout}
  2092. label="订单编号"
  2093. >
  2094. <span>{this.state.orderNo}</span>
  2095. </FormItem>
  2096. </div>
  2097. <div className="clearfix">
  2098. <FormItem
  2099. className="half-item"
  2100. {...formItemLayout}
  2101. label="满意度表格"
  2102. >
  2103. <Radio.Group
  2104. value={this.state.formRetrieve}
  2105. onChange={(e) => {
  2106. this.setState({ formRetrieve: e.target.value });
  2107. }}
  2108. >
  2109. <Radio value={0}>未收回</Radio>
  2110. <Radio value={1}>已收回</Radio>
  2111. <Radio value={2}>其他</Radio>
  2112. </Radio.Group>
  2113. </FormItem>
  2114. <FormItem
  2115. className="half-item"
  2116. {...formItemLayout}
  2117. label="退单"
  2118. >
  2119. <Radio.Group
  2120. value={this.state.taskRefund}
  2121. onChange={(e) => {
  2122. this.setState({ taskRefund: e.target.value });
  2123. }}
  2124. >
  2125. <Radio value={0}>已完成</Radio>
  2126. <Radio value={1}>未完成</Radio>
  2127. <Radio value={2}>其他</Radio>
  2128. </Radio.Group>
  2129. </FormItem>
  2130. </div>
  2131. <div className="clearfix">
  2132. {
  2133. <FormItem
  2134. className="half-item"
  2135. {...formItemLayout}
  2136. label="(满意度)备注"
  2137. >
  2138. <Input
  2139. type="textarea"
  2140. placeholder="请输入备注"
  2141. rows={2}
  2142. value={this.state.retrieveContent}
  2143. onChange={(e) => {
  2144. this.setState({
  2145. retrieveContent: e.target.value,
  2146. });
  2147. }}
  2148. />
  2149. </FormItem>
  2150. }
  2151. {
  2152. <FormItem
  2153. className="half-item"
  2154. {...formItemLayout}
  2155. label="(退单)备注"
  2156. >
  2157. <Input
  2158. type="textarea"
  2159. placeholder="请输入备注"
  2160. rows={2}
  2161. value={this.state.refundContent}
  2162. onChange={(e) => {
  2163. this.setState({ refundContent: e.target.value });
  2164. }}
  2165. />
  2166. </FormItem>
  2167. }
  2168. </div>
  2169. <div className="clearfix">
  2170. <h3 className="sub-title">订单负责人信息</h3>
  2171. <FormItem
  2172. className="half-item"
  2173. {...formItemLayout}
  2174. label="负责人"
  2175. >
  2176. <span>
  2177. {this.state.salesmanName +
  2178. "(" +
  2179. this.state.depName +
  2180. ")"}
  2181. </span>
  2182. </FormItem>
  2183. <FormItem
  2184. className="half-item"
  2185. {...formItemLayout}
  2186. label="负责人电话"
  2187. >
  2188. <span>{this.state.salesmanMobile}</span>
  2189. </FormItem>
  2190. <FormItem
  2191. className="half-item"
  2192. {...formItemLayout}
  2193. label="当前财务负责人"
  2194. >
  2195. <span>{this.state.nowFinance}</span>
  2196. </FormItem>
  2197. <FormItem
  2198. className="half-item"
  2199. {...formItemLayout}
  2200. label="当前财务负责人电话"
  2201. >
  2202. <span>{this.state.nowFinanceMobile}</span>
  2203. </FormItem>
  2204. <FormItem
  2205. className="half-item"
  2206. {...formItemLayout}
  2207. style={{ opacity: ".5" }}
  2208. label="原负责人"
  2209. >
  2210. <span>{this.state.oldSalesmanName}</span>
  2211. </FormItem>
  2212. <FormItem
  2213. className="half-item"
  2214. {...formItemLayout}
  2215. style={{ opacity: ".5" }}
  2216. label="原负责人电话"
  2217. >
  2218. <span>{this.state.oldSalesmanMobile}</span>
  2219. </FormItem>
  2220. <FormItem
  2221. className="half-item"
  2222. {...formItemLayout}
  2223. style={{ opacity: ".5" }}
  2224. label="实际财务操作人"
  2225. >
  2226. <span>{this.state.financeName}</span>
  2227. </FormItem>
  2228. <FormItem
  2229. className="half-item"
  2230. {...formItemLayout}
  2231. style={{ opacity: ".5" }}
  2232. label="实际财务操作人电话"
  2233. >
  2234. <span>{this.state.financeMobile}</span>
  2235. </FormItem>
  2236. <FormItem
  2237. className="half-item"
  2238. {...formItemLayout}
  2239. label="订单留言"
  2240. >
  2241. <span>{this.state.orderRemarks}</span>
  2242. </FormItem>
  2243. <FormItem
  2244. className="half-item"
  2245. {...formItemLayout}
  2246. label=""
  2247. >
  2248. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  2249. </FormItem>
  2250. <OrderRiZi
  2251. dataSourcerizhi={this.state.dataSourceY}
  2252. closeOrderLog={this.closeOrderLog}
  2253. visible={this.state.avisible}
  2254. loading={this.state.loading}
  2255. />
  2256. </div>
  2257. <div className="clearfix">
  2258. <h3 className="sub-title">外包信息</h3>
  2259. <FormItem
  2260. className="half-item"
  2261. {...formItemLayout}
  2262. label="外包公司"
  2263. >
  2264. <Input
  2265. value={this.state.outsourceName}
  2266. onChange={(e) => {
  2267. this.setState({
  2268. outsourceName: e.target.value,
  2269. });
  2270. }}
  2271. placeholder="请输入外包公司"
  2272. style={{ width: "200px" }}
  2273. />
  2274. </FormItem>
  2275. <FormItem
  2276. className="half-item"
  2277. {...formItemLayout}
  2278. label="外包成本(万元)"
  2279. >
  2280. <Input
  2281. value={this.state.outsourcePrice}
  2282. onChange={(e) => {
  2283. this.setState({
  2284. outsourcePrice: e.target.value,
  2285. });
  2286. }}
  2287. placeholder="请输入外包成本"
  2288. style={{ width: "200px" }}
  2289. />
  2290. </FormItem>
  2291. </div>
  2292. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  2293. <div className="clearfix">
  2294. <h3 className="sub-title">联系信息</h3>
  2295. <FormItem
  2296. className="half-item"
  2297. {...formItemLayout}
  2298. label="客户名称"
  2299. >
  2300. <span>{this.state.userName}</span>
  2301. </FormItem>
  2302. <FormItem
  2303. className="half-item"
  2304. {...formItemLayout}
  2305. label="企业法人"
  2306. >
  2307. <Input
  2308. placeholder="请输入法人名称"
  2309. value={this.state.legalPerson}
  2310. style={{ width: "200px" }}
  2311. onChange={(e) => {
  2312. this.setState({ legalPerson: e.target.value });
  2313. }}
  2314. ref="commodityQuantity"
  2315. />
  2316. </FormItem>
  2317. <FormItem
  2318. className="half-item"
  2319. {...formItemLayout}
  2320. label="法人电话"
  2321. >
  2322. <Input
  2323. placeholder="请输入法人电话"
  2324. value={this.state.legalPersonTel}
  2325. style={{ width: "200px" }}
  2326. onChange={(e) => {
  2327. this.setState({ legalPersonTel: e.target.value });
  2328. }}
  2329. ref="commodityQuantity"
  2330. />
  2331. </FormItem>
  2332. <FormItem
  2333. className="half-item"
  2334. {...formItemLayout}
  2335. label="客户联系人"
  2336. >
  2337. <Input
  2338. placeholder="请输入联系人名称"
  2339. value={this.state.contacts}
  2340. style={{ width: "200px" }}
  2341. onChange={(e) => {
  2342. this.setState({ contacts: e.target.value });
  2343. }}
  2344. ref="commodityQuantity"
  2345. />
  2346. </FormItem>
  2347. <FormItem
  2348. className="half-item"
  2349. {...formItemLayout}
  2350. label="联系人电话"
  2351. >
  2352. <Input
  2353. placeholder="请输入联系人电话"
  2354. value={this.state.contactMobile}
  2355. style={{ width: "200px" }}
  2356. onChange={(e) => {
  2357. this.setState({ contactMobile: e.target.value });
  2358. }}
  2359. ref="commodityQuantity"
  2360. />
  2361. </FormItem>
  2362. <FormItem
  2363. className="half-item"
  2364. {...formItemLayout}
  2365. label="企业地址"
  2366. >
  2367. <Cascader
  2368. options={areaSelect()}
  2369. value={this.state.ProvinceCity}
  2370. placeholder="选择城市"
  2371. style={{ width: "200px" }}
  2372. onChange={(e) => {
  2373. this.setState({ ProvinceCity: e });
  2374. }}
  2375. />
  2376. </FormItem>
  2377. <FormItem
  2378. className="half-item"
  2379. {...formItemLayout}
  2380. label=""
  2381. ></FormItem>
  2382. <FormItem
  2383. className="half-item"
  2384. {...formItemLayout}
  2385. label=""
  2386. >
  2387. <Input
  2388. placeholder="请输入详细地址"
  2389. value={this.state.postalAddress}
  2390. style={{ width: "200px", marginLeft: "12em" }}
  2391. onChange={(e) => {
  2392. this.setState({ postalAddress: e.target.value });
  2393. }}
  2394. ref="commodityQuantity"
  2395. />
  2396. </FormItem>
  2397. </div>
  2398. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  2399. <div className="clearfix">
  2400. <h3 className="sub-title">项目信息</h3>
  2401. <FormItem
  2402. className="half-item"
  2403. {...formItemLayout}
  2404. label="项目编号"
  2405. >
  2406. <span>
  2407. {this.state.splitStatus == 2
  2408. ? this.state.splitSuper + "-" + this.state.splitId
  2409. : this.state.id}
  2410. </span>
  2411. </FormItem>
  2412. <FormItem
  2413. className="half-item"
  2414. {...formItemLayout}
  2415. label="项目名称"
  2416. >
  2417. <span>{this.state.taskName}</span>
  2418. </FormItem>
  2419. <FormItem
  2420. className="half-item"
  2421. {...formItemLayout}
  2422. label="项目状态"
  2423. >
  2424. <Select
  2425. placeholder="选择项目状态"
  2426. style={{ width: "200px" }}
  2427. value={this.state.taskStatus}
  2428. onChange={(e) => {
  2429. this.setState({ taskStatus: e });
  2430. }}
  2431. >
  2432. {taskStatus.map(function (item) {
  2433. return (
  2434. <Select.Option key={item.value}>
  2435. {item.key}
  2436. </Select.Option>
  2437. );
  2438. })}
  2439. </Select>
  2440. </FormItem>
  2441. <FormItem
  2442. className="half-item"
  2443. {...formItemLayout}
  2444. label="项目类别"
  2445. >
  2446. <span>{this.state.cname}</span>
  2447. </FormItem>
  2448. <FormItem
  2449. className="half-item"
  2450. {...formItemLayout}
  2451. label="证书编号"
  2452. >
  2453. <Input
  2454. placeholder="请输入证书编号"
  2455. value={this.state.certificateNumber}
  2456. style={{ width: "200px" }}
  2457. onChange={(e) => {
  2458. this.setState({
  2459. certificateNumber: e.target.value,
  2460. });
  2461. }}
  2462. ref="commodityQuantity"
  2463. />
  2464. </FormItem>
  2465. </div>
  2466. <div className="clearfix">
  2467. <h3 className="sub-title">申报系统账户信息</h3>
  2468. {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
  2469. <FormItem
  2470. className="half-item"
  2471. {...formItemLayout}
  2472. label="用户名"
  2473. >
  2474. <Input
  2475. placeholder="请输入用户名"
  2476. value={this.state.declareUser}
  2477. style={{ width: "200px" }}
  2478. onChange={(e) => {
  2479. this.setState({ declareUser: e.target.value });
  2480. }}
  2481. />
  2482. </FormItem>
  2483. <FormItem
  2484. className="half-item"
  2485. {...formItemLayout}
  2486. label="密码"
  2487. >
  2488. <Input
  2489. placeholder="请输入密码"
  2490. value={this.state.declarePwd}
  2491. style={{ width: "200px" }}
  2492. onChange={(e) => {
  2493. this.setState({ declarePwd: e.target.value });
  2494. }}
  2495. />
  2496. </FormItem>
  2497. </div>
  2498. <div className="clearfix">
  2499. <h3 className="sub-title">项目申报进度</h3>
  2500. <FormItem
  2501. className="half-item"
  2502. {...formItemLayout}
  2503. label="申报批次"
  2504. >
  2505. <Select
  2506. style={{ width: 200 }}
  2507. placeholder="请选择批次"
  2508. value={
  2509. this.state.declarationBatch
  2510. ? this.state.declarationBatch
  2511. : undefined
  2512. }
  2513. onChange={(e) => {
  2514. this.setState({
  2515. declarationBatch: e,
  2516. });
  2517. }}
  2518. >
  2519. <Option value={1}>第一批</Option>
  2520. <Option value={2}>第二批</Option>
  2521. <Option value={3}>第三批</Option>
  2522. <Option value={4}>第四批</Option>
  2523. </Select>
  2524. </FormItem>
  2525. <FormItem
  2526. className="half-item"
  2527. {...formItemLayout}
  2528. label="启动时间"
  2529. >
  2530. <DatePicker
  2531. style={{
  2532. marginTop: "2px",
  2533. width: "200px",
  2534. height: "32px",
  2535. }}
  2536. showTime
  2537. format="YYYY-MM-DD"
  2538. onOk={() => {}}
  2539. value={
  2540. this.state.startDate
  2541. ? moment(this.state.startDate)
  2542. : null
  2543. }
  2544. onChange={(data, dataString) => {
  2545. this.setState({ startDate: dataString });
  2546. }}
  2547. />
  2548. </FormItem>
  2549. <FormItem
  2550. className="half-item"
  2551. {...formItemLayout}
  2552. label="完成时间"
  2553. >
  2554. <DatePicker
  2555. style={{
  2556. marginTop: "2px",
  2557. width: "200px",
  2558. height: "32px",
  2559. }}
  2560. showTime
  2561. format="YYYY-MM-DD"
  2562. onOk={() => {}}
  2563. value={
  2564. this.state.endDate
  2565. ? moment(this.state.endDate)
  2566. : null
  2567. }
  2568. onChange={(data, dataString) => {
  2569. this.setState({ endDate: dataString });
  2570. }}
  2571. />
  2572. </FormItem>
  2573. <FormItem
  2574. className="half-item"
  2575. {...formItemLayout}
  2576. label="受理时间"
  2577. >
  2578. <DatePicker
  2579. style={{
  2580. marginTop: "2px",
  2581. width: "200px",
  2582. height: "32px",
  2583. }}
  2584. showTime
  2585. format="YYYY-MM-DD"
  2586. onOk={() => {}}
  2587. value={
  2588. this.state.acceptDate
  2589. ? moment(this.state.acceptDate)
  2590. : null
  2591. }
  2592. onChange={(data, dataString) => {
  2593. this.setState({ acceptDate: dataString });
  2594. }}
  2595. />
  2596. </FormItem>
  2597. <FormItem
  2598. className="half-item"
  2599. {...formItemLayout}
  2600. label="评审时间"
  2601. >
  2602. <DatePicker
  2603. style={{
  2604. marginTop: "2px",
  2605. width: "200px",
  2606. height: "32px",
  2607. }}
  2608. showTime
  2609. format="YYYY-MM-DD"
  2610. onOk={() => {}}
  2611. value={
  2612. this.state.reviewDate
  2613. ? moment(this.state.reviewDate)
  2614. : null
  2615. }
  2616. onChange={(data, dataString) => {
  2617. this.setState({ reviewDate: dataString });
  2618. }}
  2619. />
  2620. </FormItem>
  2621. <FormItem
  2622. className="half-item"
  2623. {...formItemLayout}
  2624. label="公示时间"
  2625. >
  2626. <DatePicker
  2627. style={{
  2628. marginTop: "2px",
  2629. width: "200px",
  2630. height: "32px",
  2631. }}
  2632. showTime
  2633. format="YYYY-MM-DD"
  2634. onOk={() => {}}
  2635. value={
  2636. this.state.publicityDate
  2637. ? moment(this.state.publicityDate)
  2638. : null
  2639. }
  2640. onChange={(data, dataString) => {
  2641. this.setState({ publicityDate: dataString });
  2642. }}
  2643. />
  2644. </FormItem>
  2645. <FormItem
  2646. className="half-item"
  2647. {...formItemLayout}
  2648. label="发证时间"
  2649. >
  2650. <DatePicker
  2651. style={{
  2652. marginTop: "2px",
  2653. width: "200px",
  2654. height: "32px",
  2655. }}
  2656. showTime
  2657. format="YYYY-MM-DD"
  2658. onOk={() => {}}
  2659. value={
  2660. this.state.licenceDate
  2661. ? moment(this.state.licenceDate)
  2662. : null
  2663. }
  2664. onChange={(data, dataString) => {
  2665. this.setState({ licenceDate: dataString });
  2666. }}
  2667. />
  2668. </FormItem>
  2669. <FormItem
  2670. className="half-item"
  2671. {...formItemLayout}
  2672. label="立项金额(万元)"
  2673. >
  2674. <Input
  2675. placeholder="请输入立项金额"
  2676. value={this.state.setUpAmount}
  2677. style={{ width: "200px" }}
  2678. onChange={(e) => {
  2679. this.setState({ setUpAmount: e.target.value });
  2680. }}
  2681. ref="commodityQuantity"
  2682. />
  2683. </FormItem>
  2684. <FormItem
  2685. className="half-item"
  2686. {...formItemLayout}
  2687. label="是否到款"
  2688. >
  2689. <Radio.Group
  2690. value={this.state.arrivalMoney}
  2691. onChange={(e) => {
  2692. this.setState({ arrivalMoney: e.target.value });
  2693. }}
  2694. >
  2695. <Radio value={0}>未到企业</Radio>
  2696. <Radio value={1}>已到企业</Radio>
  2697. </Radio.Group>
  2698. </FormItem>
  2699. </div>
  2700. <div className="clearfix">
  2701. <FormItem
  2702. labelCol={{ span: 3 }}
  2703. wrapperCol={{ span: 16 }}
  2704. label="附件"
  2705. >
  2706. <Picture
  2707. fileList={(e) => {
  2708. this.setState({ attachmentUrl: e });
  2709. }}
  2710. pictureUrl={this.state.attachmentUrl}
  2711. visible={this.props.visible}
  2712. data={{
  2713. sign: "order_task_file",
  2714. url: "/api/admin/orderProject/uploadOrderTaskFile",
  2715. number: 8,
  2716. }}
  2717. />
  2718. </FormItem>
  2719. </div>
  2720. <div className="clearfix">
  2721. <FormItem
  2722. labelCol={{ span: 3 }}
  2723. wrapperCol={{ span: 16 }}
  2724. label="备注"
  2725. >
  2726. <Input
  2727. type="textarea"
  2728. placeholder="请输入备注"
  2729. rows={4}
  2730. value={this.state.taskComment}
  2731. onChange={(e) => {
  2732. this.setState({ taskComment: e.target.value });
  2733. }}
  2734. />
  2735. </FormItem>
  2736. </div>
  2737. <div>
  2738. <h3 className="sub-title">项目业务</h3>
  2739. {this.state.processStatus == 0 ? (
  2740. <Button
  2741. type="primary"
  2742. onClick={this.addDetailed}
  2743. style={{
  2744. float: "right",
  2745. marginRight: "50px",
  2746. marginBottom: "15px",
  2747. }}
  2748. >
  2749. 添加项目明细
  2750. </Button>
  2751. ) : (
  2752. ""
  2753. )}
  2754. </div>
  2755. <div className="patent-table">
  2756. <Spin spinning={this.state.loading}>
  2757. <Table
  2758. columns={this.state.columnsX}
  2759. dataSource={this.state.dataSourceX}
  2760. pagination={this.state.paginations}
  2761. onRowClick={this.tableRowClickX}
  2762. bordered
  2763. size="small"
  2764. />
  2765. </Spin>
  2766. </div>
  2767. <div className="clearfix">
  2768. <Button
  2769. className="cancel"
  2770. type="primary"
  2771. // onClick={this.tijiaoOk}
  2772. onClick={() => {
  2773. let num = this.state.projectStatus;
  2774. if (
  2775. num != 0 &&
  2776. num != 10 &&
  2777. num != 11 &&
  2778. num != 12 &&
  2779. num != 2 &&
  2780. num != 5 &&
  2781. num != 6
  2782. ) {
  2783. this.showDeleteConfirm(num, this.tijiaoOk);
  2784. } else {
  2785. this.tijiaoOk();
  2786. }
  2787. }}
  2788. style={{ marginLeft: "200px", marginTop: "10px" }}
  2789. htmlType="submit"
  2790. >
  2791. 保存
  2792. </Button>
  2793. <Button
  2794. className="cancel"
  2795. type="ghost"
  2796. onClick={this.visitCancel}
  2797. style={{ marginLeft: "50px", marginTop: "10px" }}
  2798. >
  2799. 取消
  2800. </Button>
  2801. </div>
  2802. </div>
  2803. </Spin>
  2804. </Form>
  2805. </TabPane>
  2806. <TabPane tab="外包(不走本部)" key="2">
  2807. {this.state.refundStatus != 0 && this.state.refundStatus != 1 ? (
  2808. <div style={{ marginTop: 10 }}>
  2809. <div className="clearfix">
  2810. <FormItem
  2811. className="half-item"
  2812. {...formItemLayout}
  2813. label={
  2814. <span>
  2815. <strong style={{ color: "#f00" }}>*</strong>
  2816. 外包公司
  2817. </span>
  2818. }
  2819. >
  2820. <Input
  2821. value={this.state.companyName}
  2822. onChange={(e) => {
  2823. this.setState({
  2824. companyName: e.target.value,
  2825. });
  2826. }}
  2827. placeholder="请填写外包公司名称"
  2828. />
  2829. </FormItem>
  2830. <span className="tip" style={{ color: "red" }}>
  2831. 如多个公司,请用间隔
  2832. </span>
  2833. </div>
  2834. <div className="clearfix">
  2835. <FormItem
  2836. className="half-item"
  2837. {...formItemLayout}
  2838. label={
  2839. <span>
  2840. <strong style={{ color: "#f00" }}>*</strong>
  2841. 单价(万元)
  2842. </span>
  2843. }
  2844. >
  2845. <Input
  2846. value={this.state.unitPrice}
  2847. onChange={(e) => {
  2848. this.setState({
  2849. unitPrice: e.target.value,
  2850. });
  2851. }}
  2852. placeholder="请填写本次外包公司的价格"
  2853. />
  2854. </FormItem>
  2855. </div>
  2856. <div className="clearfix">
  2857. <FormItem
  2858. className="half-item"
  2859. {...formItemLayout}
  2860. label={
  2861. <span>
  2862. <strong style={{ color: "#f00" }}>*</strong>
  2863. 数量(个)
  2864. </span>
  2865. }
  2866. >
  2867. <Input
  2868. value={this.state.unitNumber}
  2869. onChange={(e) => {
  2870. this.setState({
  2871. unitNumber: e.target.value,
  2872. });
  2873. }}
  2874. placeholder="请填写本次外包公司的价格"
  2875. />
  2876. </FormItem>
  2877. </div>
  2878. <div className="clearfix">
  2879. <FormItem
  2880. className="half-item"
  2881. {...formItemLayout}
  2882. label={
  2883. <span>
  2884. <strong style={{ color: "#f00" }}>*</strong>
  2885. 总金额(万元)
  2886. </span>
  2887. }
  2888. >
  2889. <Input
  2890. value={this.state.amount}
  2891. onChange={(e) => {
  2892. this.setState({
  2893. amount: e.target.value,
  2894. });
  2895. }}
  2896. placeholder="请填写本次外包公司的价格"
  2897. />
  2898. </FormItem>
  2899. </div>
  2900. <div className="clearfix">
  2901. <FormItem
  2902. className="half-item"
  2903. {...formItemLayout}
  2904. label={
  2905. <span>
  2906. <strong style={{ color: "#f00" }}>*</strong>备注
  2907. </span>
  2908. }
  2909. >
  2910. <TextArea
  2911. rows={4}
  2912. value={this.state.outsourceRemarks}
  2913. onChange={(e) => {
  2914. this.setState({
  2915. outsourceRemarks: e.target.value,
  2916. });
  2917. }}
  2918. placeholder="请输入备注"
  2919. />
  2920. </FormItem>
  2921. </div>
  2922. {/*<div className="clearfix">
  2923. <FormItem className="half-item"
  2924. {...formItemLayout}
  2925. label="上传协议文件" style={{height:"auto"}}>
  2926. <Upload header={{authorization: 'authorization-text'}} action={globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"}
  2927. data={(e)=>{
  2928. return {
  2929. 'sign': e.name.substring(0,e.name.lastIndexOf("."))
  2930. }
  2931. }}
  2932. fileList={this.state.fileUrl}
  2933. onChange={(e)=>{
  2934. this.setState({
  2935. attachmentUrl:e.fileList,
  2936. fileUrl:e.fileList
  2937. })
  2938. }}>
  2939. {fileUrl.length>1?null:<Button>
  2940. <Icon type="upload" /> 点击上传
  2941. </Button>}
  2942. </Upload>
  2943. <span className="tip" style={{display:"inline-block"}}>支持文件格式: doc,excel,ppt</span>
  2944. </FormItem>
  2945. </div>*/}
  2946. <p
  2947. className="tip"
  2948. style={{
  2949. paddingBottom: "12px",
  2950. width: "240px",
  2951. marginLeft: "145px",
  2952. color: "red",
  2953. }}
  2954. >
  2955. 首次派单项目,需上传协议,第2次起,同项目,只需写外包公司
  2956. </p>
  2957. <div className="clearfix">
  2958. <FormItem
  2959. labelCol={{ span: 4 }}
  2960. wrapperCol={{ span: 18 }}
  2961. label={
  2962. <span>
  2963. <strong style={{ color: "#f00" }}>*</strong>
  2964. 合同/协议扫描件
  2965. </span>
  2966. }
  2967. >
  2968. <PicturesWall
  2969. fileList={this.getOrgCodeUrlWai}
  2970. pictureUrl={this.state.pictureUrl}
  2971. />
  2972. <p style={{ color: "red" }}>图片建议:要清晰。</p>
  2973. </FormItem>
  2974. </div>
  2975. <div className="clearfix">
  2976. <div
  2977. style={{
  2978. display: "inline-black",
  2979. textAlign: "center",
  2980. }}
  2981. >
  2982. <Button
  2983. type="primary"
  2984. loading={this.state.loading}
  2985. onClick={this.sureOut}
  2986. >
  2987. 确认发起外包,不通过总部
  2988. </Button>
  2989. <p className="tip" style={{ color: "red" }}>
  2990. 提示:高于总部价格,费用个人承担
  2991. </p>
  2992. </div>
  2993. </div>
  2994. </div>
  2995. ) : (
  2996. <div>
  2997. <div className="clearfix">
  2998. <FormItem
  2999. className="half-item"
  3000. {...formItemLayout}
  3001. label="外包公司"
  3002. >
  3003. <span>{this.state.companyName}</span>
  3004. </FormItem>
  3005. </div>
  3006. <div className="clearfix">
  3007. <FormItem
  3008. className="half-item"
  3009. {...formItemLayout}
  3010. label="单价(万元)"
  3011. >
  3012. <span>{this.state.unitPrice}</span>
  3013. </FormItem>
  3014. </div>
  3015. <div className="clearfix">
  3016. <FormItem
  3017. className="half-item"
  3018. {...formItemLayout}
  3019. label="数量(个)"
  3020. >
  3021. <span>{this.state.unitNumber}</span>
  3022. </FormItem>
  3023. </div>
  3024. <div className="clearfix">
  3025. <FormItem
  3026. className="half-item"
  3027. {...formItemLayout}
  3028. label="总金额(万元)"
  3029. >
  3030. <span>{this.state.amount}</span>
  3031. </FormItem>
  3032. </div>
  3033. <div className="clearfix">
  3034. <FormItem
  3035. className="half-item"
  3036. {...formItemLayout}
  3037. label="备注"
  3038. >
  3039. <span>{this.state.outsourceRemarks}</span>
  3040. </FormItem>
  3041. </div>
  3042. {/*<div className="clearfix">
  3043. <FormItem className="half-item" style={{height:'auto'}}
  3044. {...formItemLayout}
  3045. label="上传协议文件" >
  3046. <Upload header={{authorization: 'authorization-text'}} action={globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"}
  3047. data={(e)=>{
  3048. return {
  3049. 'sign': e.name.substring(0,e.name.lastIndexOf("."))
  3050. }
  3051. }}
  3052. fileList={this.state.fileUrl}
  3053. showUploadList={{showRemoveIcon:false}}
  3054. onPreview={(e)=>{
  3055. let url = window.location.href.substring(7)
  3056. window.location.href="http://"+url.substring(0,url.indexOf("/"))+"/api/admin/outsourceOrg//downloadFile?path="+e.response.data
  3057. }}
  3058. >
  3059. </Upload>
  3060. </FormItem>
  3061. </div>*/}
  3062. <div className="clearfix">
  3063. <FormItem
  3064. labelCol={{ span: 4 }}
  3065. wrapperCol={{ span: 18 }}
  3066. label="合同/协议扫描件"
  3067. >
  3068. <Upload
  3069. className="demandDetailShow-upload"
  3070. listType="picture-card"
  3071. fileList={this.state.pictureUrl}
  3072. onPreview={(file) => {
  3073. this.setState({
  3074. previewImage: file.url || file.thumbUrl,
  3075. previewVisible: true,
  3076. });
  3077. }}
  3078. ></Upload>
  3079. <Modal
  3080. maskClosable={false}
  3081. footer={null}
  3082. visible={this.state.previewVisible}
  3083. onCancel={() => {
  3084. this.setState({ previewVisible: false });
  3085. }}
  3086. >
  3087. <img
  3088. alt=""
  3089. style={{ width: "100%" }}
  3090. src={this.state.previewImage || ""}
  3091. />
  3092. </Modal>
  3093. </FormItem>
  3094. </div>
  3095. </div>
  3096. )}
  3097. {this.state.refundStatus == 1 ||
  3098. this.state.refundStatus == 0 ||
  3099. this.state.refundStatus == 2 ? (
  3100. <div className="clearfix">
  3101. <hr className="division" />
  3102. <div
  3103. className="clearfix"
  3104. style={{
  3105. display: this.state.refundStatus == 0 ? "none" : "block",
  3106. }}
  3107. >
  3108. <FormItem
  3109. className="half-item"
  3110. {...formItemLayout}
  3111. label="审核意见"
  3112. >
  3113. <span>{this.state.remarks}</span>
  3114. </FormItem>
  3115. </div>
  3116. <div className="clearfix">
  3117. <FormItem
  3118. className="half-item"
  3119. {...formItemLayout}
  3120. label="审核结果"
  3121. >
  3122. <span>{getRefundStatus(this.state.refundStatus)}</span>
  3123. </FormItem>
  3124. </div>
  3125. <div
  3126. className="clearfix"
  3127. style={{
  3128. display: this.state.refundStatus == 0 ? "none" : "block",
  3129. }}
  3130. >
  3131. <FormItem
  3132. className="half-item"
  3133. {...formItemLayout}
  3134. label="审核时间"
  3135. >
  3136. <span>{this.state.auditTimes}</span>
  3137. </FormItem>
  3138. </div>
  3139. </div>
  3140. ) : (
  3141. ""
  3142. )}
  3143. </TabPane>
  3144. {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
  3145. <TabPane tab="订单详情" key="3">
  3146. <Spin spinning={this.state.loading}>
  3147. <OrderDetail
  3148. orderData={this.state.orderData}
  3149. getOrderLog={this.getOrderLog}
  3150. dataSourceX={this.state.dataSourceX}
  3151. contactList={this.state.jiedian}
  3152. orderNo={this.state.orderNo}
  3153. totalCui={this.state.totalCui}
  3154. contactListNew={this.state.jiedianNew}
  3155. pictureUrl={this.state.contractPictureUrl}
  3156. />
  3157. </Spin>
  3158. </TabPane>
  3159. ) : (
  3160. ""
  3161. )}
  3162. </Tabs>
  3163. </Modal>
  3164. <Modal
  3165. maskClosable={false}
  3166. visible={this.state.lookVisible}
  3167. onOk={this.noCancel}
  3168. onCancel={this.noCancel}
  3169. width="500px"
  3170. title={"添加工时"}
  3171. footer=""
  3172. className="admin-desc-content"
  3173. >
  3174. <Form layout="horizontal" id="demand-form">
  3175. <Spin spinning={this.state.loading}>
  3176. <div className="clearfix">
  3177. <FormItem {...formItemLayout} label="工作日期">
  3178. <DatePicker
  3179. style={{ marginTop: "2px", width: "200px", height: "32px" }}
  3180. showTime
  3181. format="YYYY-MM-DD"
  3182. onOk={() => {}}
  3183. value={
  3184. this.state.taskDate ? moment(this.state.taskDate) : null
  3185. }
  3186. onChange={(data, dataString) => {
  3187. this.setState({ taskDate: dataString });
  3188. }}
  3189. />
  3190. </FormItem>
  3191. </div>
  3192. <div className="clearfix">
  3193. <FormItem {...formItemLayout} label="工作时长">
  3194. <Input
  3195. placeholder="请输入工作时长"
  3196. value={this.state.hours}
  3197. style={{ width: "200px" }}
  3198. onChange={(e) => {
  3199. this.setState({ hours: e.target.value });
  3200. }}
  3201. ref="commodityQuantity"
  3202. />
  3203. </FormItem>
  3204. </div>
  3205. <div className="clearfix">
  3206. <FormItem {...formItemLayout} label="工作内容">
  3207. <Input
  3208. type="textarea"
  3209. placeholder="请输入备注"
  3210. rows={4}
  3211. value={this.state.remarks}
  3212. onChange={(e) => {
  3213. this.setState({ remarks: e.target.value });
  3214. }}
  3215. />
  3216. </FormItem>
  3217. </div>
  3218. <div className="clearfix">
  3219. <Button
  3220. className="cancel"
  3221. type="primary"
  3222. onClick={this.tianjiaOk}
  3223. style={{ marginLeft: "100px" }}
  3224. htmlType="submit"
  3225. >
  3226. 确定
  3227. </Button>
  3228. <Button
  3229. className="cancel"
  3230. type="ghost"
  3231. onClick={this.noCancel}
  3232. style={{ marginLeft: "50px" }}
  3233. >
  3234. 取消
  3235. </Button>
  3236. </div>
  3237. </Spin>
  3238. </Form>
  3239. </Modal>
  3240. <Modal
  3241. maskClosable={false}
  3242. visible={this.state.addnextVisible}
  3243. onOk={this.nextCancel}
  3244. onCancel={this.nextCancel}
  3245. width="800px"
  3246. title="项目详情"
  3247. footer=""
  3248. className="admin-desc-content"
  3249. >
  3250. <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">
  3251. <Spin spinning={this.state.loading}>
  3252. <div className="clearfix">
  3253. <FormItem
  3254. className="half-item"
  3255. {...formItemLayout}
  3256. label="项目名称"
  3257. >
  3258. <span>{this.state.commodityName}</span>
  3259. </FormItem>
  3260. <FormItem
  3261. className="half-item"
  3262. {...formItemLayout}
  3263. label="项目数量"
  3264. >
  3265. <span>{this.state.commodityQuantity}</span>
  3266. </FormItem>
  3267. <FormItem
  3268. className="half-item"
  3269. {...formItemLayout}
  3270. label="金额(万元)"
  3271. >
  3272. <span>{this.state.commodityPrice ? "***" : 0}</span>
  3273. </FormItem>
  3274. <FormItem
  3275. className="half-item"
  3276. {...formItemLayout}
  3277. label="主要项目"
  3278. >
  3279. <span>{getboutique(this.state.main)}</span>
  3280. </FormItem>
  3281. <div className="clearfix">
  3282. <FormItem
  3283. labelCol={{ span: 3 }}
  3284. wrapperCol={{ span: 18 }}
  3285. label="服务说明"
  3286. >
  3287. <span>{this.state.taskComment}</span>
  3288. </FormItem>
  3289. </div>
  3290. </div>
  3291. </Spin>
  3292. </Form>
  3293. </Modal>
  3294. <Modal
  3295. maskClosable={false}
  3296. visible={this.state.speVisible}
  3297. onOk={this.visitOk}
  3298. onCancel={this.visitCancel}
  3299. width="900px"
  3300. title=""
  3301. footer=""
  3302. className="admin-desc-content"
  3303. >
  3304. <Tabs activeKey={this.state.activeKey} onChange={this.orderChange}>
  3305. <TabPane tab="项目概况" key="1">
  3306. <div className="clearfix">
  3307. <FormItem
  3308. className="half-item"
  3309. {...formItemLayout}
  3310. label="当前项目情况"
  3311. >
  3312. <Radio.Group
  3313. value={this.state.status}
  3314. onChange={(e) => {
  3315. this.setState({ status: e.target.value });
  3316. }}
  3317. >
  3318. <Radio value={0}>开启</Radio>
  3319. <Radio value={1}>暂停</Radio>
  3320. </Radio.Group>
  3321. <Button
  3322. type="primary"
  3323. size="small"
  3324. style={{ marginTop: "5px", position: "absolute" }}
  3325. onClick={this.caozuorizhi}
  3326. >
  3327. 操作日志
  3328. </Button>
  3329. </FormItem>
  3330. <FormItem
  3331. className="half-item"
  3332. {...formItemLayout}
  3333. label="合同编号"
  3334. >
  3335. <span>{this.state.contractNo}</span>
  3336. </FormItem>
  3337. </div>
  3338. <div className="clearfix">
  3339. <FormItem
  3340. className="half-item"
  3341. {...formItemLayout}
  3342. label="项目状态"
  3343. >
  3344. <Select
  3345. placeholder="选择项目状态"
  3346. style={{ width: "200px" }}
  3347. value={this.state.projectStatus}
  3348. onChange={(e) => {
  3349. this.setState({ projectStatus: e });
  3350. }}
  3351. >
  3352. {projectStatus.map(function (item) {
  3353. return (
  3354. <Select.Option key={item.value}>
  3355. {item.key}
  3356. </Select.Option>
  3357. );
  3358. })}
  3359. </Select>
  3360. </FormItem>
  3361. <FormItem
  3362. className="half-item"
  3363. {...formItemLayout}
  3364. label="是否特批"
  3365. >
  3366. <span>{getApproval(this.state.approval)}</span>
  3367. </FormItem>
  3368. <FormItem
  3369. className="half-item"
  3370. {...formItemLayout}
  3371. label="结算状态"
  3372. >
  3373. <span>
  3374. {getLiquidationStatus(this.state.liquidationStatus)}
  3375. </span>
  3376. </FormItem>
  3377. <FormItem
  3378. className="half-item"
  3379. {...formItemLayout}
  3380. label="流程状态"
  3381. >
  3382. <span>{getProcessStatus(this.state.processStatus)}</span>
  3383. </FormItem>
  3384. <FormItem
  3385. className="half-item"
  3386. {...formItemLayout}
  3387. label="订单编号"
  3388. >
  3389. <span>{this.state.orderNo}</span>
  3390. </FormItem>
  3391. </div>
  3392. <div className="clearfix">
  3393. <FormItem
  3394. className="half-item"
  3395. {...formItemLayout}
  3396. label="满意度表格"
  3397. >
  3398. <Radio.Group
  3399. value={this.state.formRetrieve}
  3400. onChange={(e) => {
  3401. this.setState({ formRetrieve: e.target.value });
  3402. }}
  3403. >
  3404. <Radio value={0}>未收回</Radio>
  3405. <Radio value={1}>已收回</Radio>
  3406. <Radio value={2}>其他</Radio>
  3407. </Radio.Group>
  3408. </FormItem>
  3409. <FormItem
  3410. className="half-item"
  3411. {...formItemLayout}
  3412. label="退单"
  3413. >
  3414. <Radio.Group
  3415. value={this.state.taskRefund}
  3416. onChange={(e) => {
  3417. this.setState({ taskRefund: e.target.value });
  3418. }}
  3419. >
  3420. <Radio value={0}>已完成</Radio>
  3421. <Radio value={1}>未完成</Radio>
  3422. <Radio value={2}>其他</Radio>
  3423. </Radio.Group>
  3424. </FormItem>
  3425. </div>
  3426. <div className="clearfix">
  3427. {
  3428. <FormItem
  3429. className="half-item"
  3430. {...formItemLayout}
  3431. label="(满意度)备注"
  3432. >
  3433. <Input
  3434. type="textarea"
  3435. placeholder="请输入备注"
  3436. rows={2}
  3437. value={this.state.retrieveContent}
  3438. onChange={(e) => {
  3439. this.setState({ retrieveContent: e.target.value });
  3440. }}
  3441. />
  3442. </FormItem>
  3443. }
  3444. {
  3445. <FormItem
  3446. className="half-item"
  3447. {...formItemLayout}
  3448. label="(退单)备注"
  3449. >
  3450. <Input
  3451. type="textarea"
  3452. placeholder="请输入备注"
  3453. rows={2}
  3454. value={this.state.refundContent}
  3455. onChange={(e) => {
  3456. this.setState({ refundContent: e.target.value });
  3457. }}
  3458. />
  3459. </FormItem>
  3460. }
  3461. </div>
  3462. <div className="clearfix">
  3463. <h3 className="sub-title">订单负责人信息</h3>
  3464. <FormItem
  3465. className="half-item"
  3466. {...formItemLayout}
  3467. label="负责人"
  3468. >
  3469. <span>
  3470. {this.state.salesmanName + "(" + this.state.depName + ")"}
  3471. </span>
  3472. </FormItem>
  3473. <FormItem
  3474. className="half-item"
  3475. {...formItemLayout}
  3476. label="负责人电话"
  3477. >
  3478. <span>{this.state.salesmanMobile}</span>
  3479. </FormItem>
  3480. <FormItem
  3481. className="half-item"
  3482. {...formItemLayout}
  3483. label="当前财务负责人"
  3484. >
  3485. <span>{this.state.nowFinance}</span>
  3486. </FormItem>
  3487. <FormItem
  3488. className="half-item"
  3489. {...formItemLayout}
  3490. label="当前财务负责人电话"
  3491. >
  3492. <span>{this.state.nowFinanceMobile}</span>
  3493. </FormItem>
  3494. <FormItem
  3495. className="half-item"
  3496. {...formItemLayout}
  3497. style={{ opacity: ".5" }}
  3498. label="原负责人"
  3499. >
  3500. <span>{this.state.oldSalesmanName}</span>
  3501. </FormItem>
  3502. <FormItem
  3503. className="half-item"
  3504. {...formItemLayout}
  3505. style={{ opacity: ".5" }}
  3506. label="原负责人电话"
  3507. >
  3508. <span>{this.state.oldSalesmanMobile}</span>
  3509. </FormItem>
  3510. <FormItem
  3511. className="half-item"
  3512. {...formItemLayout}
  3513. style={{ opacity: ".5" }}
  3514. label="实际财务操作人"
  3515. >
  3516. <span>{this.state.financeName}</span>
  3517. </FormItem>
  3518. <FormItem
  3519. className="half-item"
  3520. {...formItemLayout}
  3521. style={{ opacity: ".5" }}
  3522. label="实际财务操作人电话"
  3523. >
  3524. <span>{this.state.financeMobile}</span>
  3525. </FormItem>
  3526. <FormItem
  3527. className="half-item"
  3528. {...formItemLayout}
  3529. label="订单留言"
  3530. >
  3531. <span>{this.state.orderRemarks}</span>
  3532. </FormItem>
  3533. <FormItem className="half-item" {...formItemLayout} label="">
  3534. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  3535. </FormItem>
  3536. <OrderRiZi
  3537. dataSourcerizhi={this.state.dataSourceY}
  3538. closeOrderLog={this.closeOrderLog}
  3539. visible={this.state.avisible}
  3540. loading={this.state.loading}
  3541. />
  3542. </div>
  3543. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  3544. <div className="clearfix">
  3545. <h3 className="sub-title">联系信息</h3>
  3546. <FormItem
  3547. className="half-item"
  3548. {...formItemLayout}
  3549. label="客户名称"
  3550. >
  3551. <span>{this.state.userName}</span>
  3552. </FormItem>
  3553. <FormItem
  3554. className="half-item"
  3555. {...formItemLayout}
  3556. label="企业法人"
  3557. >
  3558. <Input
  3559. placeholder="请输入法人名称"
  3560. value={this.state.legalPerson}
  3561. style={{ width: "200px" }}
  3562. onChange={(e) => {
  3563. this.setState({ legalPerson: e.target.value });
  3564. }}
  3565. ref="commodityQuantity"
  3566. />
  3567. </FormItem>
  3568. <FormItem
  3569. className="half-item"
  3570. {...formItemLayout}
  3571. label="法人电话"
  3572. >
  3573. <Input
  3574. placeholder="请输入法人电话"
  3575. value={this.state.legalPersonTel}
  3576. style={{ width: "200px" }}
  3577. onChange={(e) => {
  3578. this.setState({ legalPersonTel: e.target.value });
  3579. }}
  3580. ref="commodityQuantity"
  3581. />
  3582. </FormItem>
  3583. <FormItem
  3584. className="half-item"
  3585. {...formItemLayout}
  3586. label="客户联系人"
  3587. >
  3588. <Input
  3589. placeholder="请输入联系人名称"
  3590. value={this.state.contacts}
  3591. style={{ width: "200px" }}
  3592. onChange={(e) => {
  3593. this.setState({ contacts: e.target.value });
  3594. }}
  3595. ref="commodityQuantity"
  3596. />
  3597. </FormItem>
  3598. <FormItem
  3599. className="half-item"
  3600. {...formItemLayout}
  3601. label="联系人电话"
  3602. >
  3603. <Input
  3604. placeholder="请输入联系人电话"
  3605. value={this.state.contactMobile}
  3606. style={{ width: "200px" }}
  3607. onChange={(e) => {
  3608. this.setState({ contactMobile: e.target.value });
  3609. }}
  3610. ref="commodityQuantity"
  3611. />
  3612. </FormItem>
  3613. <FormItem
  3614. className="half-item"
  3615. {...formItemLayout}
  3616. label="企业地址"
  3617. >
  3618. <Cascader
  3619. options={areaSelect()}
  3620. value={this.state.ProvinceCity}
  3621. placeholder="选择城市"
  3622. style={{ width: "200px" }}
  3623. onChange={(e) => {
  3624. this.setState({ ProvinceCity: e });
  3625. }}
  3626. />
  3627. </FormItem>
  3628. <FormItem
  3629. className="half-item"
  3630. {...formItemLayout}
  3631. label=""
  3632. ></FormItem>
  3633. <FormItem className="half-item" {...formItemLayout} label="">
  3634. <Input
  3635. placeholder="请输入详细地址"
  3636. value={this.state.postalAddress}
  3637. style={{ width: "200px", marginLeft: "12em" }}
  3638. onChange={(e) => {
  3639. this.setState({ postalAddress: e.target.value });
  3640. }}
  3641. ref="commodityQuantity"
  3642. />
  3643. </FormItem>
  3644. </div>
  3645. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  3646. <div className="clearfix">
  3647. <h3 className="sub-title">项目信息</h3>
  3648. <FormItem
  3649. className="half-item"
  3650. {...formItemLayout}
  3651. label="项目编号"
  3652. >
  3653. <span>
  3654. {this.state.splitStatus == 2
  3655. ? this.state.splitSuper + "-" + this.state.splitId
  3656. : this.state.id}
  3657. </span>
  3658. </FormItem>
  3659. <FormItem
  3660. className="half-item"
  3661. {...formItemLayout}
  3662. label="项目名称"
  3663. >
  3664. <span>{this.state.taskName}</span>
  3665. </FormItem>
  3666. <FormItem
  3667. className="half-item"
  3668. {...formItemLayout}
  3669. label="项目状态"
  3670. >
  3671. <Select
  3672. placeholder="选择项目状态"
  3673. style={{ width: "200px" }}
  3674. value={this.state.taskStatus}
  3675. onChange={(e) => {
  3676. this.setState({ taskStatus: e });
  3677. }}
  3678. >
  3679. {taskStatus.map(function (item) {
  3680. return (
  3681. <Select.Option key={item.value}>
  3682. {item.key}
  3683. </Select.Option>
  3684. );
  3685. })}
  3686. </Select>
  3687. </FormItem>
  3688. <FormItem
  3689. className="half-item"
  3690. {...formItemLayout}
  3691. label="项目类别"
  3692. >
  3693. <span>{this.state.cname}</span>
  3694. </FormItem>
  3695. <FormItem
  3696. className="half-item"
  3697. {...formItemLayout}
  3698. label="证书编号"
  3699. >
  3700. <Input
  3701. placeholder="请输入证书编号"
  3702. value={this.state.certificateNumber}
  3703. style={{ width: "200px" }}
  3704. onChange={(e) => {
  3705. this.setState({ certificateNumber: e.target.value });
  3706. }}
  3707. ref="commodityQuantity"
  3708. />
  3709. </FormItem>
  3710. </div>
  3711. <div className="clearfix" style={{ marginTop: "10px" }}>
  3712. <FormItem
  3713. labelCol={{ span: 3 }}
  3714. wrapperCol={{ span: 14 }}
  3715. label="附件"
  3716. >
  3717. <Picture
  3718. fileList={(e) => {
  3719. this.setState({ attachmentUrl: e });
  3720. }}
  3721. pictureUrl={this.state.attachmentUrl}
  3722. visible={this.props.visible}
  3723. data={{
  3724. sign: "order_task_file",
  3725. url: "/api/admin/orderProject/uploadOrderTaskFile",
  3726. number: 8,
  3727. }}
  3728. />
  3729. </FormItem>
  3730. </div>
  3731. <div className="clearfix">
  3732. <FormItem
  3733. labelCol={{ span: 3 }}
  3734. wrapperCol={{ span: 16 }}
  3735. label="备注"
  3736. >
  3737. <Input
  3738. type="textarea"
  3739. placeholder="请输入备注"
  3740. rows={4}
  3741. value={this.state.taskComment}
  3742. onChange={(e) => {
  3743. this.setState({ taskComment: e.target.value });
  3744. }}
  3745. />
  3746. </FormItem>
  3747. </div>
  3748. <div className="clearfix">
  3749. <h3 className="sub-title">项目申报进度</h3>
  3750. <FormItem
  3751. className="half-item"
  3752. {...formItemLayout}
  3753. label="启动时间"
  3754. >
  3755. <Select
  3756. value={
  3757. this.state.declarationBatch
  3758. ? this.state.declarationBatch
  3759. : undefined
  3760. }
  3761. placeholder="请选择批次"
  3762. style={{ width: 200 }}
  3763. onChange={(e) => {
  3764. this.setState({
  3765. declarationBatch: e,
  3766. });
  3767. }}
  3768. >
  3769. <Option value={1}>第一批</Option>
  3770. <Option value={2}>第二批</Option>
  3771. <Option value={3}>第三批</Option>
  3772. <Option value={4}>第四批</Option>
  3773. </Select>
  3774. </FormItem>
  3775. <FormItem
  3776. className="half-item"
  3777. {...formItemLayout}
  3778. label="软著派单数量"
  3779. >
  3780. <span>{this.state.commodityQuantity}</span>
  3781. <Button
  3782. type="primary"
  3783. size="small"
  3784. style={{ marginLeft: "45px" }}
  3785. onClick={this.addcontact}
  3786. >
  3787. +增加下证信息
  3788. </Button>
  3789. </FormItem>
  3790. <div className="patent-table">
  3791. <Spin spinning={this.state.loading}>
  3792. <Table
  3793. columns={this.state.ContactsLists}
  3794. dataSource={this.state.contactList}
  3795. pagination={false}
  3796. bordered
  3797. size="small"
  3798. />
  3799. </Spin>
  3800. </div>
  3801. </div>
  3802. <div className="clearfix">
  3803. <h3 className="sub-title">项目业务</h3>
  3804. <div className="patent-table">
  3805. <Spin spinning={this.state.loading}>
  3806. <Table
  3807. columns={this.state.columnsX}
  3808. dataSource={this.state.dataSourceX}
  3809. pagination={this.state.paginations}
  3810. onRowClick={this.tableRowClickX}
  3811. bordered
  3812. size="small"
  3813. />
  3814. </Spin>
  3815. </div>
  3816. </div>
  3817. <div className="clearfix">
  3818. <Button
  3819. className="cancel"
  3820. type="primary"
  3821. onClick={this.tijiaoOk}
  3822. style={{ marginLeft: "200px", marginTop: "10px" }}
  3823. htmlType="submit"
  3824. >
  3825. 保存
  3826. </Button>
  3827. <Button
  3828. className="cancel"
  3829. type="ghost"
  3830. onClick={this.visitCancel}
  3831. style={{ marginLeft: "50px", marginTop: "10px" }}
  3832. >
  3833. 取消
  3834. </Button>
  3835. </div>
  3836. </TabPane>
  3837. <TabPane tab="外包(不走本部)" key="2">
  3838. {this.state.refundStatus != 0 && this.state.refundStatus != 1 ? (
  3839. <div style={{ marginTop: 10 }}>
  3840. <div className="clearfix">
  3841. <FormItem
  3842. className="half-item"
  3843. {...formItemLayout}
  3844. label={
  3845. <span>
  3846. <strong style={{ color: "#f00" }}>*</strong>
  3847. 外包公司
  3848. </span>
  3849. }
  3850. >
  3851. <Input
  3852. value={this.state.companyName}
  3853. onChange={(e) => {
  3854. this.setState({
  3855. companyName: e.target.value,
  3856. });
  3857. }}
  3858. placeholder="请填写外包公司名称"
  3859. />
  3860. </FormItem>
  3861. <span className="tip" style={{ color: "red" }}>
  3862. 如多个公司,请用间隔
  3863. </span>
  3864. </div>
  3865. <div className="clearfix">
  3866. <FormItem
  3867. className="half-item"
  3868. {...formItemLayout}
  3869. label={
  3870. <span>
  3871. <strong style={{ color: "#f00" }}>*</strong>
  3872. 单价(万元)
  3873. </span>
  3874. }
  3875. >
  3876. <Input
  3877. value={this.state.unitPrice}
  3878. onChange={(e) => {
  3879. this.setState({
  3880. unitPrice: e.target.value,
  3881. });
  3882. }}
  3883. placeholder="请填写本次外包公司的价格"
  3884. />
  3885. </FormItem>
  3886. </div>
  3887. <div className="clearfix">
  3888. <FormItem
  3889. className="half-item"
  3890. {...formItemLayout}
  3891. label={
  3892. <span>
  3893. <strong style={{ color: "#f00" }}>*</strong>
  3894. 数量(个)
  3895. </span>
  3896. }
  3897. >
  3898. <Input
  3899. value={this.state.unitNumber}
  3900. onChange={(e) => {
  3901. this.setState({
  3902. unitNumber: e.target.value,
  3903. });
  3904. }}
  3905. placeholder="请填写本次外包公司的价格"
  3906. />
  3907. </FormItem>
  3908. </div>
  3909. <div className="clearfix">
  3910. <FormItem
  3911. className="half-item"
  3912. {...formItemLayout}
  3913. label={
  3914. <span>
  3915. <strong style={{ color: "#f00" }}>*</strong>
  3916. 总金额(万元)
  3917. </span>
  3918. }
  3919. >
  3920. <Input
  3921. value={this.state.amount}
  3922. onChange={(e) => {
  3923. this.setState({
  3924. amount: e.target.value,
  3925. });
  3926. }}
  3927. placeholder="请填写本次外包公司的价格"
  3928. />
  3929. </FormItem>
  3930. </div>
  3931. <div className="clearfix">
  3932. <FormItem
  3933. className="half-item"
  3934. {...formItemLayout}
  3935. label={
  3936. <span>
  3937. <strong style={{ color: "#f00" }}>*</strong>备注
  3938. </span>
  3939. }
  3940. >
  3941. <TextArea
  3942. rows={4}
  3943. value={this.state.outsourceRemarks}
  3944. onChange={(e) => {
  3945. this.setState({
  3946. outsourceRemarks: e.target.value,
  3947. });
  3948. }}
  3949. placeholder="请输入备注"
  3950. />
  3951. </FormItem>
  3952. </div>
  3953. {/*<div className="clearfix">
  3954. <FormItem className="half-item"
  3955. {...formItemLayout}
  3956. label="上传协议文件" style={{height:"auto"}}>
  3957. <Upload header={{authorization: 'authorization-text'}} action={globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"}
  3958. data={(e)=>{
  3959. return {
  3960. 'sign': e.name.substring(0,e.name.lastIndexOf("."))
  3961. }
  3962. }}
  3963. fileList={this.state.fileUrl}
  3964. onChange={(e)=>{
  3965. this.setState({
  3966. attachmentUrl:e.fileList,
  3967. fileUrl:e.fileList
  3968. })
  3969. }}>
  3970. {fileUrl.length>1?null:<Button>
  3971. <Icon type="upload" /> 点击上传
  3972. </Button>}
  3973. </Upload>
  3974. <span className="tip" style={{display:"inline-block"}}>支持文件格式: doc,excel,ppt</span>
  3975. </FormItem>
  3976. </div>*/}
  3977. <p
  3978. className="tip"
  3979. style={{
  3980. paddingBottom: "12px",
  3981. width: "240px",
  3982. marginLeft: "145px",
  3983. color: "red",
  3984. }}
  3985. >
  3986. 首次派单项目,需上传协议,第2次起,同项目,只需写外包公司
  3987. </p>
  3988. <div className="clearfix">
  3989. <FormItem
  3990. labelCol={{ span: 4 }}
  3991. wrapperCol={{ span: 18 }}
  3992. label={
  3993. <span>
  3994. <strong style={{ color: "#f00" }}>*</strong>
  3995. 合同/协议扫描件
  3996. </span>
  3997. }
  3998. >
  3999. <PicturesWall
  4000. fileList={this.getOrgCodeUrlWai}
  4001. pictureUrl={this.state.pictureUrl}
  4002. />
  4003. <p style={{ color: "red" }}>图片建议:要清晰。</p>
  4004. </FormItem>
  4005. </div>
  4006. <div className="clearfix">
  4007. <div
  4008. style={{
  4009. display: "inline-black",
  4010. textAlign: "center",
  4011. }}
  4012. >
  4013. <Button
  4014. type="primary"
  4015. loading={this.state.loading}
  4016. onClick={this.sureOut}
  4017. >
  4018. 确认发起外包,不通过总部
  4019. </Button>
  4020. <p className="tip" style={{ color: "red" }}>
  4021. 提示:高于总部价格,费用个人承担
  4022. </p>
  4023. </div>
  4024. </div>
  4025. </div>
  4026. ) : (
  4027. <div>
  4028. <div className="clearfix">
  4029. <FormItem
  4030. className="half-item"
  4031. {...formItemLayout}
  4032. label="外包公司"
  4033. >
  4034. <span>{this.state.companyName}</span>
  4035. </FormItem>
  4036. </div>
  4037. <div className="clearfix">
  4038. <FormItem
  4039. className="half-item"
  4040. {...formItemLayout}
  4041. label="单价(万元)"
  4042. >
  4043. <span>{this.state.unitPrice}</span>
  4044. </FormItem>
  4045. </div>
  4046. <div className="clearfix">
  4047. <FormItem
  4048. className="half-item"
  4049. {...formItemLayout}
  4050. label="数量(个)"
  4051. >
  4052. <span>{this.state.unitNumber}</span>
  4053. </FormItem>
  4054. </div>
  4055. <div className="clearfix">
  4056. <FormItem
  4057. className="half-item"
  4058. {...formItemLayout}
  4059. label="总金额(万元)"
  4060. >
  4061. <span>{this.state.amount}</span>
  4062. </FormItem>
  4063. </div>
  4064. <div className="clearfix">
  4065. <FormItem
  4066. className="half-item"
  4067. {...formItemLayout}
  4068. label="备注"
  4069. >
  4070. <span>{this.state.outsourceRemarks}</span>
  4071. </FormItem>
  4072. </div>
  4073. {/*<div className="clearfix">
  4074. <FormItem className="half-item" style={{height:'auto'}}
  4075. {...formItemLayout}
  4076. label="上传协议文件" >
  4077. <Upload header={{authorization: 'authorization-text'}} action={globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"}
  4078. data={(e)=>{
  4079. return {
  4080. 'sign': e.name.substring(0,e.name.lastIndexOf("."))
  4081. }
  4082. }}
  4083. fileList={this.state.fileUrl}
  4084. showUploadList={{showRemoveIcon:false}}
  4085. onPreview={(e)=>{
  4086. let url = window.location.href.substring(7)
  4087. window.location.href="http://"+url.substring(0,url.indexOf("/"))+"/api/admin/outsourceOrg//downloadFile?path="+e.response.data
  4088. }}
  4089. >
  4090. </Upload>
  4091. </FormItem>
  4092. </div>*/}
  4093. <div className="clearfix">
  4094. <FormItem
  4095. labelCol={{ span: 4 }}
  4096. wrapperCol={{ span: 18 }}
  4097. label="合同/协议扫描件"
  4098. >
  4099. <Upload
  4100. className="demandDetailShow-upload"
  4101. listType="picture-card"
  4102. fileList={this.state.pictureUrl}
  4103. onPreview={(file) => {
  4104. this.setState({
  4105. previewImage: file.url || file.thumbUrl,
  4106. previewVisible: true,
  4107. });
  4108. }}
  4109. ></Upload>
  4110. <Modal
  4111. maskClosable={false}
  4112. footer={null}
  4113. visible={this.state.previewVisible}
  4114. onCancel={() => {
  4115. this.setState({ previewVisible: false });
  4116. }}
  4117. >
  4118. <img
  4119. alt=""
  4120. style={{ width: "100%" }}
  4121. src={this.state.previewImage || ""}
  4122. />
  4123. </Modal>
  4124. </FormItem>
  4125. </div>
  4126. </div>
  4127. )}
  4128. {this.state.refundStatus == 1 ||
  4129. this.state.refundStatus == 0 ||
  4130. this.state.refundStatus == 2 ? (
  4131. <div className="clearfix">
  4132. <hr className="division" />
  4133. <div
  4134. className="clearfix"
  4135. style={{
  4136. display: this.state.refundStatus == 0 ? "none" : "block",
  4137. }}
  4138. >
  4139. <FormItem
  4140. className="half-item"
  4141. {...formItemLayout}
  4142. label="审核意见"
  4143. >
  4144. <span>{this.state.remarks}</span>
  4145. </FormItem>
  4146. </div>
  4147. <div className="clearfix">
  4148. <FormItem
  4149. className="half-item"
  4150. {...formItemLayout}
  4151. label="审核结果"
  4152. >
  4153. <span>{getRefundStatus(this.state.refundStatus)}</span>
  4154. </FormItem>
  4155. </div>
  4156. <div
  4157. className="clearfix"
  4158. style={{
  4159. display: this.state.refundStatus == 0 ? "none" : "block",
  4160. }}
  4161. >
  4162. <FormItem
  4163. className="half-item"
  4164. {...formItemLayout}
  4165. label="审核时间"
  4166. >
  4167. <span>{this.state.auditTimes}</span>
  4168. </FormItem>
  4169. </div>
  4170. </div>
  4171. ) : (
  4172. ""
  4173. )}
  4174. </TabPane>
  4175. {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
  4176. <TabPane tab="订单详情" key="3">
  4177. <Spin spinning={this.state.loading}>
  4178. <OrderDetail
  4179. orderData={this.state.orderData}
  4180. getOrderLog={this.getOrderLog}
  4181. dataSourceX={this.state.dataSourceX}
  4182. contactList={this.state.jiedian}
  4183. orderNo={this.state.orderNo}
  4184. totalCui={this.state.totalCui}
  4185. contactListNew={this.state.jiedianNew}
  4186. pictureUrl={this.state.contractPictureUrl}
  4187. />
  4188. </Spin>
  4189. </TabPane>
  4190. ) : (
  4191. ""
  4192. )}
  4193. </Tabs>
  4194. </Modal>
  4195. <Modal
  4196. width="800px"
  4197. visible={this.state.visibleA}
  4198. onCancel={this.visitCancelA}
  4199. title="操作日志"
  4200. footer=""
  4201. className="admin-desc-content"
  4202. >
  4203. <div className="patent-table patent-table-center">
  4204. <Spin spinning={this.state.loading}>
  4205. <Table
  4206. columns={this.state.columnsA}
  4207. dataSource={this.state.dataSourceA}
  4208. pagination={false}
  4209. bordered
  4210. size="small"
  4211. />
  4212. </Spin>
  4213. </div>
  4214. </Modal>
  4215. <Modal
  4216. title="工时记录"
  4217. visible={this.state.timeVisible}
  4218. onCancel={this.timeClose}
  4219. width={800}
  4220. footer={null}
  4221. >
  4222. <Spin spinning={this.state.loading}>
  4223. <Table
  4224. columns={this.state.columnsTime}
  4225. dataSource={this.state.dataSourceTime}
  4226. pagination={false}
  4227. scroll={{ x: "max-content", y: 0 }}
  4228. bordered
  4229. size={"small"}
  4230. />
  4231. <p style={{ marginTop: 10, color: "red" }}>
  4232. 累计工时(小时):{this.state.recordHour}
  4233. </p>
  4234. </Spin>
  4235. </Modal>
  4236. </div>
  4237. );
  4238. },
  4239. });
  4240. export default Task;