myTaskOutsource.jsx 127 KB

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