addService.jsx 77 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888
  1. import React from 'react';
  2. import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete,DatePicker,Radio} from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js';
  4. import $ from 'jquery/src/ajax';
  5. import '../../userMangagement.less';
  6. import {orderType} from '../../../../dataDic.js';
  7. import {splitUrl,getOrderType,getOrderStage,getProjectState,getOrderState,getTransactionProject,getChangeState,getPaymentState,getOrderChannel,getApprovedState,getLock,getPaymentMethod,getTransactionChannel,beforeUploadFile} from '../../../../tools.js';
  8. const Option = AutoComplete.Option;
  9. //图片组件
  10. const PicturesWall = React.createClass({
  11. getInitialState() {
  12. return {
  13. previewVisible: false,
  14. previewImage: '',
  15. fileList: [],
  16. }
  17. },
  18. getDefaultProps(){
  19. return{
  20. changeClick:this.modifyChange
  21. }
  22. },
  23. handleCancel() {
  24. this.setState({ previewVisible: false })
  25. },
  26. handlePreview(file) {
  27. this.setState({
  28. previewImage: file.url || file.thumbUrl,
  29. previewVisible: true,
  30. });
  31. },
  32. handleChange(info) {
  33. let fileList = info.fileList;
  34. this.setState({ fileList });
  35. this.props.fileList(fileList);
  36. },
  37. componentWillReceiveProps(nextProps) {
  38. this.state.fileList = nextProps.pictureUrl;
  39. },
  40. render() {
  41. const { previewVisible, previewImage, fileList } = this.state;
  42. const uploadButton = (
  43. <div>
  44. <Icon type="plus" />
  45. <div className="ant-upload-text">点击上传</div>
  46. </div>
  47. );
  48. return (
  49. <div style={{display:"inline-block"}}>
  50. <Upload
  51. beforeUpload={beforeUploadFile}
  52. action={globalConfig.context + "/api/admin/order/uploadOrderImg"}
  53. data={{ 'sign': '' }}
  54. listType="picture-card"
  55. fileList={fileList}
  56. onPreview={this.handlePreview}
  57. onChange={this.handleChange} >
  58. {fileList.length >= 8 ? null : uploadButton}
  59. </Upload>
  60. <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
  61. <img alt="example" style={{ width: '100%' }} src={previewImage} />
  62. </Modal>
  63. </div>
  64. );
  65. }
  66. });
  67. const NewService = Form.create()(React.createClass({
  68. loadData(record) {
  69. this.state.data = [];
  70. this.setState({
  71. loading: true
  72. });
  73. $.ajax({
  74. method: "get",
  75. dataType: "json",
  76. crossDomain: false,
  77. url: globalConfig.context + '/api/admin/order/getOrderCommodity',
  78. data: {
  79. orderNo:record?record.orderNo:this.props.datauser.orderNo
  80. },
  81. success: function (data) {
  82. let theArr = [];
  83. if (!data.data) {
  84. if (data.error && data.error.length) {
  85. message.warning(data.error[0].message);
  86. };
  87. } else {
  88. for (let i = 0; i < data.data.length; i++) {
  89. let thisdata = data.data[i];
  90. theArr.push({
  91. key: i,
  92. id:thisdata.id,
  93. orderNo:thisdata.orderNo,
  94. commodityName:thisdata.commodityName,
  95. commodityType:thisdata.commodityType,
  96. commodityMode:thisdata.commodityMode,
  97. commodityQuantity:thisdata.commodityQuantity,
  98. commodityPrice:thisdata.commodityPrice,
  99. discountPrice:thisdata.discountPrice,
  100. commodityFirstPayment:thisdata.commodityFirstPayment,
  101. createTimes:thisdata.createTimes,
  102. discountFirstPayment:thisdata.discountFirstPayment,
  103. remarks:thisdata.remarks,
  104. });
  105. };
  106. }
  107. this.setState({
  108. dataSource: theArr,
  109. pagination: false,
  110. });
  111. }.bind(this),
  112. }).always(function () {
  113. this.setState({
  114. loading: false
  115. });
  116. }.bind(this));
  117. },
  118. getInitialState() {
  119. return {
  120. loading: false,
  121. visible: false,
  122. orgCodeUrl:[],
  123. bussStats:false,
  124. checkedKeys: [],
  125. lookflowList:[],
  126. active:{
  127. applySign:false
  128. },
  129. editFw:[],
  130. lookState:false,
  131. signBillVisible:false,
  132. commod:'',
  133. columns: [
  134. {
  135. title: '业务项目名称',
  136. dataIndex: 'commodityName',
  137. key: 'commodityName'
  138. }, {
  139. title: '项目类别',
  140. dataIndex: 'commodityType',
  141. key: 'commodityType',
  142. render:(text)=>{
  143. return (getOrderType(text))
  144. }
  145. },{
  146. title: '项目数量',
  147. dataIndex: 'commodityQuantity',
  148. key: 'commodityQuantity'
  149. }, {
  150. title: '服务市价(万元)',
  151. dataIndex: 'commodityPrice',
  152. key: 'commodityPrice'
  153. }, {
  154. title: '实签价格(万元)',
  155. dataIndex: 'discountPrice',
  156. key: 'discountPrice'
  157. }, {
  158. title: '下单时间',
  159. dataIndex: 'createTimes',
  160. key: 'createTimes'
  161. }, {
  162. title: '项目说明',
  163. dataIndex: 'remarks',
  164. key: 'remarks',
  165. render:(text)=>{
  166. return (text&&text.length>8?text.substr(0,8)+'…':text)
  167. }
  168. }, {
  169. title: '操作',
  170. dataIndex: 'ABC',
  171. key: 'ABC',
  172. render: (text, record, index) => {
  173. return <div style={{display:this.props.datauser.active.applySign||this.state.changeStatus==1?'block':'none'}}>
  174. <Popconfirm title="是否删除?" onConfirm={(e)=>{this.delectRow(record)}} okText="是" cancelText="否">
  175. <Button onClick={(e) =>{ e.stopPropagation()}} type="danger">删除</Button>
  176. </Popconfirm>
  177. </div>
  178. }
  179. },
  180. ],
  181. flowList:[
  182. {
  183. title: '平台流水号',
  184. dataIndex: 'billNo',
  185. key: 'billNo',
  186. }, {
  187. title: '平台流水时间',
  188. dataIndex: 'createTime',
  189. key: 'createTime'
  190. }, {
  191. title: '流水金额(万元)',
  192. dataIndex: 'transactionAmount',
  193. key: 'transactionAmount'
  194. },{
  195. title: '付款人名称',
  196. dataIndex: 'payerName',
  197. key: 'payerName'
  198. }, {
  199. title: '收款人名称',
  200. dataIndex: 'payeeName',
  201. key: 'payeeName'
  202. },
  203. {
  204. title: '流水科目',
  205. dataIndex: 'transactionSubject',
  206. key: 'transactionSubject',
  207. render:(text)=>{return getTransactionProject(text) }
  208. }, {
  209. title: '流水渠道',
  210. dataIndex: 'transactionChannel',
  211. key: 'transactionChannel',
  212. render:(text)=>{return getTransactionChannel(text) }
  213. },{
  214. title: '财务流水号',
  215. dataIndex: 'financialPayNo',
  216. key: 'financialPayNo',
  217. }, {
  218. title: '财务流水时间',
  219. dataIndex: 'financialPayTime',
  220. key: 'financialPayTime',
  221. }, {
  222. title: '流水确认',
  223. dataIndex: 'confirmSign',
  224. key: 'confirmSign',
  225. render:(text)=>{return text?'已确认':'待确认' }
  226. },{
  227. title: '确认时间',
  228. dataIndex: 'confirmTime',
  229. key: 'confirmTime',
  230. }
  231. ]
  232. };
  233. },
  234. //新建订单、编辑订单保存
  235. handleSubmit(e) {
  236. e.preventDefault();
  237. let theorgCodeUrl = [];
  238. if (this.state.orgCodeUrl.length) {
  239. let picArr = [];
  240. this.state.orgCodeUrl.map(function (item) {
  241. if ( item.response && item.response.data && item.response.data.length ){
  242. picArr.push(item.response.data);
  243. }
  244. });
  245. theorgCodeUrl = picArr.join(",");
  246. };
  247. if(this.props.userDetaile){
  248. if(!this.state.signTotalAmount){
  249. message.warning('请输入实签订单金额!');
  250. this.refs.signFirstPayment.focus()
  251. return false;
  252. };
  253. if(!this.state.signFirstPayment){
  254. message.warning('实签首款金额不能为空');
  255. this.refs.signFirstPayment.focus()
  256. return false;
  257. };
  258. }else{
  259. if(this.state.orderType==undefined){
  260. message.warning('请选择订单类型');
  261. return false;
  262. };
  263. if(this.state.contractType==undefined&&this.state.orderType==0){
  264. message.warning('请选择业务品类');
  265. return false;
  266. };
  267. if(!this.state.autoId){
  268. message.warning('客户名称不匹配');
  269. return false;
  270. };
  271. }
  272. this.props.form.validateFields((err, values) => {
  273. if(!err) {
  274. this.setState({
  275. loading: true
  276. });
  277. let api=this.props.userDetaile?'/api/admin/order/updateServiceOrder':'/api/admin/order/createOrder';
  278. $.ajax({
  279. method: "POST",
  280. dataType: "json",
  281. crossDomain: false,
  282. url: globalConfig.context + api,
  283. data: !this.props.userDetaile?{
  284. uid:this.state.autoId,
  285. orderType:this.state.orderType,
  286. contractType:this.state.contractType
  287. }:{
  288. orderNo:this.props.datauser.orderNo,
  289. signTotalAmount:this.state.signTotalAmount,
  290. signFirstPayment:this.state.signFirstPayment,
  291. orderRemarks:this.state.orderRemarks,
  292. contractNo:this.state.contractNo,
  293. contractPictureUrl:theorgCodeUrl.length?theorgCodeUrl:'',
  294. }
  295. }).done(function(data) {
  296. this.setState({
  297. loading: false
  298. });
  299. if(!data.error.length) {
  300. message.success('保存成功!');
  301. this.handleOk()
  302. } else {
  303. message.warning(data.error[0].message);
  304. }
  305. }.bind(this));
  306. }
  307. });
  308. },
  309. //查看基本详情基本信息
  310. loaduser(record){
  311. this.state.orderList=[]
  312. $.ajax({
  313. method: "get",
  314. dataType: "json",
  315. crossDomain: false,
  316. url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
  317. data: {
  318. orderNo:record?record.orderNo:this.props.datauser.orderNo
  319. },
  320. success: function (data) {
  321. let thisData = data.data;
  322. if (!thisData) {
  323. if (data.error && data.error.length) {
  324. message.warning(data.error[0].message);
  325. };
  326. thisData = {};
  327. };
  328. this.setState({
  329. id:thisData.id,
  330. changeStatus:thisData.changeStatus,
  331. orderList:thisData,
  332. orderAmount:thisData.orderAmount,
  333. firstPayment:thisData.firstPayment,
  334. signTotalAmount:thisData.signTotalAmount,
  335. signFirstPayment:thisData.signFirstPayment,
  336. approval:thisData.approval==0?thisData.approval.toString():thisData.approval,
  337. orderRemarks:thisData.orderRemarks,
  338. orgCodeUrl: thisData.contractPictureUrl ? splitUrl(thisData.contractPictureUrl, ',', globalConfig.avatarHost + '/upload') : [],
  339. //签单
  340. orderNo:thisData.orderNo,//订单编号
  341. buyerName:thisData.buyerName,
  342. contractNo:thisData.contractNo
  343. });
  344. }.bind(this),
  345. }).always(function () {
  346. this.setState({
  347. loading: false
  348. });
  349. }.bind(this));
  350. },
  351. handleOk(e) {
  352. this.setState({
  353. visible: false,
  354. });
  355. this.props.closeDesc(false, true);
  356. },
  357. handleCancel(e) {
  358. this.setState({
  359. visible: false,
  360. });
  361. this.props.closeDesc(false);
  362. },
  363. //删除
  364. delectRow(record) {
  365. this.setState({
  366. loading: true
  367. });
  368. $.ajax({
  369. method: "get",
  370. dataType: "json",
  371. crossDomain: false,
  372. url: globalConfig.context + "/api/admin/order/deleteOrderCommodity",
  373. data: {
  374. detailId:record.id
  375. }
  376. }).done(function (data) {
  377. if (!data.error.length) {
  378. message.success('删除成功!');
  379. this.setState({
  380. loading: false,
  381. });
  382. this.loaduser()
  383. this.loadData();
  384. } else {
  385. message.warning(data.error[0].message);
  386. };
  387. }.bind(this));
  388. },
  389. //添加明细
  390. addDetailed(){
  391. this.setState({
  392. gid:'',
  393. customerArr:[],
  394. commodityName:'',
  395. commodityId:'',
  396. commodityMode:'',
  397. commodityQuantity:'',
  398. commodityPrice:'',
  399. discountPrice:'',
  400. commodityFirstPayment:'',
  401. discountFirstPayment:'',
  402. remarks:'',
  403. addState:1,
  404. addnextVisible: true
  405. })
  406. },
  407. nextCancel() {
  408. this.setState({
  409. addnextVisible: false
  410. })
  411. },
  412. tableRowClick(record, index) {
  413. this.setState({
  414. active:this.props.datauser.active,
  415. editFw:record,
  416. jid:record.id,
  417. discountFirstPayment:record.discountFirstPayment,
  418. discountPrice:record.discountPrice,
  419. addnextVisible:true,
  420. addState:0,
  421. });
  422. },
  423. getOrgCodeUrl(e) {
  424. this.setState({ orgCodeUrl: e });
  425. },
  426. componentWillMount() {
  427. },
  428. //查看订单详情里面的各种骚操作
  429. //受理订单
  430. admissibleOrderOK(){
  431. let idArr=this.props.datauser;
  432. this.props.admissibleOrder(idArr,true)
  433. },
  434. //拒绝受理
  435. admissibleOrderCancel(){
  436. let idArr=this.props.datauser;
  437. this.props.admissibleOrder(idArr,false)
  438. },
  439. //取消订单
  440. cancelOrder(){
  441. let idArr=this.props.datauser;
  442. this.props.operation(idArr,3)
  443. },
  444. //作废订单
  445. scrapOrder(){
  446. let idArr=this.props.datauser;
  447. this.props.operation(idArr,2)
  448. },
  449. //锁定订单
  450. lockOrder(){
  451. let idArr=this.props.datauser;
  452. this.props.operation(idArr,0)
  453. },
  454. //解锁订单
  455. unlockOrder(){
  456. let idArr=this.props.datauser;
  457. this.props.operation(idArr,1)
  458. },
  459. //签单
  460. signBitt(){
  461. this.setState({
  462. contractNo:this.state.contractNo,
  463. signVisible:true,
  464. entryTime:undefined,
  465. selTime:undefined
  466. })
  467. },
  468. signBittOk(){
  469. this.setState({
  470. signVisible:false
  471. })
  472. },
  473. signBillOk(){
  474. this.setState({
  475. signBillVisible:false
  476. })
  477. },
  478. signBillCancel(e) {
  479. this.setState({
  480. signVisible:false,
  481. signBillVisible: false,
  482. });
  483. this.props.closeDesc(false, true);
  484. },
  485. //加载(自动补全)
  486. supervisor(e,state){ //客户名称与服务名称自动补全
  487. let api=state?'/api/admin/customer/findCustomerByName':'/api/admin/order/getBusinessProjectByName';
  488. $.ajax({
  489. method: "get",
  490. dataType: "json",
  491. crossDomain: false,
  492. url: globalConfig.context + api,
  493. data:state?{
  494. name:e
  495. }:{
  496. businessName:e
  497. },
  498. success: function (data) {
  499. let thedata=data.data;
  500. if (!thedata) {
  501. if (data.error && data.error.length) {
  502. message.warning(data.error[0].message);
  503. };
  504. thedata = {};
  505. };
  506. this.setState({
  507. states:state,
  508. customerArr:thedata,
  509. });
  510. }.bind(this),
  511. }).always(function () {
  512. this.setState({
  513. loading: false
  514. });
  515. }.bind(this));
  516. },
  517. //上级主管输入框失去焦点是判断客户是否存在
  518. selectAuto(value){
  519. let kid=[];
  520. let fwList=this.state.customerArr;
  521. fwList.map(function(item){
  522. if(value==item.bname){
  523. kid=item
  524. }
  525. })
  526. this.setState({
  527. commodityName:value,
  528. gid:kid.id,
  529. commodityPrice:kid.price==0?kid.price.toString():kid.price,
  530. commodityFirstPayment:kid.firstPayment==0?kid.firstPayment.toString():kid.firstPayment
  531. })
  532. },
  533. //客户
  534. selectAutoCUT(value){
  535. let autoIds;
  536. let fwList=this.state.customerArr;
  537. fwList.map(function(item){
  538. if(value==item.name){
  539. autoIds=item.id
  540. }
  541. })
  542. this.setState({
  543. customerName:value,
  544. autoId:autoIds
  545. })
  546. },
  547. //服务值改变时请求客户名称
  548. httpChange(e){
  549. this.state.gid='';
  550. if(e.length>=1){
  551. this.supervisor(e,false);
  552. }
  553. this.setState({
  554. commodityName:e
  555. })
  556. },
  557. //客户名称自动补全
  558. customerChange(e){
  559. this.state.autoId='';
  560. if(e.length>=1){
  561. this.supervisor(e,true);
  562. }
  563. this.setState({
  564. customerName:e
  565. })
  566. },
  567. //新建明细保存
  568. nextSubmit(e) {
  569. e.preventDefault();
  570. if(this.state.gid==undefined||!this.state.gid){
  571. message.warning('服务名称不匹配!');
  572. return false;
  573. };
  574. if(!this.state.commodityPrice){
  575. message.warning('请输入市场价格!');
  576. this.refs.commodityPrice.focus();
  577. return false;
  578. };
  579. if(!this.state.discountPrice){
  580. message.warning('请输入实签价格!');
  581. this.refs.discountPrice.focus();
  582. return false;
  583. };
  584. if(!this.state.commodityQuantity){
  585. message.warning('请输入商品数量!');
  586. this.refs.commodityQuantity.focus();
  587. return false;
  588. };
  589. if(!this.state.commodityFirstPayment){
  590. message.warning('请输入市场首付金额!');
  591. this.refs.commodityFirstPayment.focus();
  592. return false;
  593. };
  594. if(!this.state.discountFirstPayment){
  595. message.warning('请输入签单首付金额!');
  596. this.refs.discountFirstPayment.focus();
  597. return false;
  598. };
  599. this.setState({
  600. loading: true
  601. });
  602. let api=this.state.addState?'/api/admin/order/addOrderCommodity':'/api/bianji';
  603. $.ajax({
  604. method: "POST",
  605. dataType: "json",
  606. crossDomain: false,
  607. url: globalConfig.context +api ,
  608. data: {
  609. commodityId:this.state.gid,
  610. orderNo:this.props.datauser.orderNo,
  611. commodityName:this.state.commodityName,//商品名称
  612. commodityMode:this.state.commodityMode,//商品规格
  613. commodityQuantity:this.state.commodityQuantity,//商品数量
  614. commodityType:0,//商品类型
  615. commodityPrice:this.state.commodityPrice,//市场总价
  616. discountPrice:this.state.discountPrice,//签单总价
  617. commodityFirstPayment:this.state.commodityFirstPayment,//市场首付金额
  618. discountFirstPayment:this.state.discountFirstPayment,//签单首付金额
  619. remarks:this.state.remarks,//服务说明
  620. }
  621. }).done(function(data) {
  622. this.setState({
  623. loading: false
  624. });
  625. if(!data.error.length) {
  626. message.success('保存成功!');
  627. this.nextCancel()
  628. this.loaduser(this.props.datauser);
  629. this.loadData();
  630. } else {
  631. message.warning(data.error[0].message);
  632. }
  633. }.bind(this));
  634. },
  635. tabRowSave(e){
  636. e.preventDefault();
  637. if(!this.state.discountPrice){
  638. message.warning('实签价格不能为空!');
  639. return false;
  640. };
  641. if(!this.state.discountFirstPayment){
  642. message.warning('签单首付金额不能为空!');
  643. return false;
  644. };
  645. $.ajax({
  646. method: "POST",
  647. dataType: "json",
  648. crossDomain: false,
  649. url: globalConfig.context +'/api/admin/order/updateOrderCommodity' ,
  650. data: {
  651. detailId:this.state.jid,
  652. orderNo:this.props.datauser.orderNo,
  653. discountPrice:this.state.discountPrice,//签单总价
  654. discountFirstPayment:this.state.discountFirstPayment,//签单首付金额
  655. commodityQuantity:this.state.editFw.commodityQuantity,
  656. remarks:this.state.editFw.remarks
  657. }
  658. }).done(function(data) {
  659. this.setState({
  660. loading: false
  661. });
  662. if(!data.error.length) {
  663. message.success('保存成功!');
  664. this.nextCancel()
  665. this.loaduser(this.props.datauser);
  666. this.loadData();
  667. } else {
  668. message.warning(data.error[0].message);
  669. }
  670. }.bind(this));
  671. },
  672. //签单保存
  673. signOk(e){
  674. e.preventDefault();
  675. this.temporarySave(false)
  676. },
  677. //暂存信息
  678. temporary(){
  679. this.temporarySave(true)
  680. },
  681. //签单时间选择
  682. selTime(e,index){
  683. this.setState({
  684. entryTime:e,
  685. selTime:index
  686. })
  687. },
  688. signSub(e){
  689. e.preventDefault();
  690. if(!this.state.selTime){
  691. message.warning("请选择签单时间!");
  692. return false;
  693. };
  694. this.setState({
  695. loading: true
  696. });
  697. $.ajax({
  698. method: "POST",
  699. dataType: "json",
  700. crossDomain: false,
  701. url: globalConfig.context +'/api/admin/order/signServiceOrder' ,
  702. data: {
  703. orderNo:this.props.datauser.orderNo,
  704. signTotalAmount:this.state.signTotalAmount,
  705. signFirstPayment:this.state.signFirstPayment,
  706. approval:this.state.approval,
  707. orderRemarks:this.state.orderRemarks,
  708. contractNo:this.state.contractNo,
  709. signTime:this.state.selTime
  710. }
  711. }).done(function(data) {
  712. this.setState({
  713. loading: false
  714. });
  715. if(!data.error.length) {
  716. message.success('操作成功!');
  717. this.signBillCancel()
  718. } else {
  719. message.warning(data.error[0].message);
  720. }
  721. }.bind(this));
  722. },
  723. //签单保存与暂存函数
  724. temporarySave(e){
  725. if(!this.state.signTotalAmount){
  726. message.warning('实签款项不能为空!')
  727. return false;
  728. };
  729. if(!this.state.signTotalAmount){
  730. message.warning('实签首款不能为空!')
  731. return false;
  732. };
  733. if(this.state.approval==undefined){
  734. message.warning('实签首款不能为空!')
  735. return false;
  736. };
  737. if(!this.state.contractNo){
  738. message.warning("请输入合同编号!");
  739. return false;
  740. }
  741. this.setState({
  742. loading: true
  743. });
  744. let theorgCodeUrl = [];
  745. if (this.state.orgCodeUrl.length) {
  746. let picArr = [];
  747. this.state.orgCodeUrl.map(function (item) {
  748. if ( item.response && item.response.data && item.response.data.length ){
  749. picArr.push(item.response.data);
  750. }
  751. });
  752. theorgCodeUrl = picArr.join(",");
  753. };
  754. let api=e?'/api/admin/order/updateServiceOrder':'/api/admin/order/signServiceOrder';
  755. $.ajax({
  756. method: "POST",
  757. dataType: "json",
  758. crossDomain: false,
  759. url: globalConfig.context +api ,
  760. data: {
  761. orderNo:this.props.uid?this.props.uid.orderNo:this.props.datauser.orderNo,
  762. signTotalAmount:this.state.signTotalAmount,
  763. signFirstPayment:this.state.signFirstPayment,
  764. approval:this.state.approval,
  765. orderRemarks:this.state.orderRemarks,
  766. contractNo:this.state.contractNo,
  767. contractPictureUrl:theorgCodeUrl.length?theorgCodeUrl:'',
  768. }
  769. }).done(function(data) {
  770. this.setState({
  771. loading: false
  772. });
  773. if(!data.error.length) {
  774. message.success('操作成功!');
  775. this.signBillCancel()
  776. } else {
  777. message.warning(data.error[0].message);
  778. }
  779. }.bind(this));
  780. },
  781. lookflow(){
  782. this.setState({
  783. loading: true,
  784. lookVisible:true,
  785. })
  786. this.state.lookSource=[];
  787. $.ajax({
  788. method: "get",
  789. dataType: "json",
  790. crossDomain: false,
  791. url: globalConfig.context +'/api/admin/order/getBillByOrderNo',
  792. data: {
  793. orderNo:this.props.datauser.orderNo,
  794. },
  795. success: function (data) {
  796. let theArr = [];
  797. if (!data.data) {
  798. if (data.error && data.error.length) {
  799. message.warning(data.error[0].message);
  800. };
  801. } else {
  802. for (let i = 0; i < data.data.length; i++) {
  803. let thisdata = data.data[i];
  804. theArr.push({
  805. key: i,
  806. billNo: thisdata.billNo,
  807. transactionAmount:thisdata.transactionAmount,
  808. createTime:thisdata.createTime,
  809. transactionAmount:thisdata.transactionAmount,
  810. payerName:thisdata.payerName,
  811. payeeName:thisdata.payeeName,
  812. transactionSubject:thisdata.transactionSubject,
  813. transactionChannel:thisdata.transactionChannel,
  814. financialPayNo:thisdata.financialPayNo,
  815. financialPayTime:thisdata.financialPayTime,
  816. orderNo:thisdata.orderNo,
  817. departmentName:thisdata.departmentName,
  818. salesmanName:thisdata.salesmanName,
  819. financeName:thisdata.financeName,
  820. confirmSign:thisdata.confirmSign,
  821. deleteSign:thisdata.deleteSign,
  822. confirmTime:thisdata.confirmTime
  823. });
  824. };
  825. };
  826. this.setState({
  827. lookflowList: theArr,
  828. });
  829. }.bind(this),
  830. }).always(function () {
  831. this.setState({
  832. loading: false
  833. });
  834. }.bind(this));
  835. },
  836. lookCancel(){
  837. this.setState({
  838. lookVisible:false
  839. })
  840. },
  841. /* -----变更操作开始----- */
  842. //新建变更
  843. addChange(){
  844. this.setState({
  845. addChangeState:true,
  846. stateAdd:1,
  847. changeRemarks:''
  848. })
  849. },
  850. //产看变更记录
  851. lookChange(){
  852. this.setState({
  853. addChangeState:true,
  854. stateAdd:0
  855. })
  856. this.lookChangeData()
  857. },
  858. //查看变更列表修改变更
  859. modifyChangeCancel(){
  860. this.setState({
  861. modifyChangeState:false
  862. })
  863. },
  864. //获取变更记录
  865. lookChangeData(){
  866. this.setState({
  867. loading:true
  868. });
  869. $.ajax({
  870. method: "get",
  871. dataType: "json",
  872. crossDomain: false,
  873. url: globalConfig.context +'/api/admin/order/viewOrderChange',
  874. data: {
  875. orderNo:this.props.datauser.orderNo,
  876. },
  877. success: function (data) {
  878. let theArr = [];
  879. if (!data.data) {
  880. if (data.error && data.error.length) {
  881. message.warning(data.error[0].message);
  882. };
  883. } else {
  884. for (let i = 0; i < data.data.length; i++) {
  885. theArr = data.data;
  886. };
  887. };
  888. this.setState({
  889. changeHtml: theArr,
  890. });
  891. }.bind(this),
  892. }).always(function () {
  893. this.setState({
  894. loading: false
  895. });
  896. }.bind(this));
  897. },
  898. //添加变更状态
  899. addChangeCancel(){
  900. this.setState({
  901. addChangeState:false
  902. })
  903. },
  904. //新建变更
  905. subChangeState(e){
  906. e.preventDefault();
  907. this.setState({
  908. loading: true
  909. });
  910. $.ajax({
  911. method: "POST",
  912. dataType: "json",
  913. crossDomain: false,
  914. url: globalConfig.context +'/api/admin/order/addOrderChange' ,
  915. data: {
  916. orderNo:this.props.datauser.orderNo,
  917. changeComment:this.state.changeRemarks
  918. }
  919. }).done(function(data) {
  920. this.setState({
  921. loading: false
  922. });
  923. if(!data.error.length) {
  924. message.success('保存成功!');
  925. this.addChangeCancel();
  926. this.loaduser();
  927. } else {
  928. message.warning(data.error[0].message);
  929. }
  930. }.bind(this));
  931. },
  932. //查看修改变更
  933. modifyChange(item){
  934. this.setState({
  935. modifyChangeState:true,
  936. changePromoter:item.creater,
  937. changeTime:item.createTime,
  938. changeState:item.changeStatus,
  939. changeRemarks:item.changeComment,
  940. idt:item.changeId,
  941. orderNot:item.orderNo
  942. })
  943. },
  944. //删除变更
  945. modifyDelete(item){
  946. this.setState({
  947. loading: true
  948. });
  949. $.ajax({
  950. method: "get",
  951. dataType: "json",
  952. crossDomain: false,
  953. url: globalConfig.context +'/api/admin/order/deleteOrderChange' ,
  954. data: {
  955. changeId:item.changeId,
  956. }
  957. }).done(function(data) {
  958. this.setState({
  959. loading: false
  960. });
  961. if(!data.error.length) {
  962. message.success('删除成功!');
  963. this.lookChangeData();
  964. this.loaduser()
  965. } else {
  966. message.warning(data.error[0].message);
  967. }
  968. }.bind(this));
  969. },
  970. //修改变更保存
  971. changeModify(e){
  972. e.preventDefault();
  973. this.setState({
  974. loading: true
  975. });
  976. $.ajax({
  977. method: "POST",
  978. dataType: "json",
  979. crossDomain: false,
  980. url: globalConfig.context +'/api/admin/order/updateOrderChange' ,
  981. data: {
  982. changeId:this.state.idt,
  983. changeStatus:this.state.changeState,
  984. changeComment:this.state.changeRemarks
  985. }
  986. }).done(function(data) {
  987. this.setState({
  988. loading: false
  989. });
  990. if(!data.error.length) {
  991. message.success('保存成功!');
  992. this.modifyChangeCancel();
  993. this.lookChangeData();
  994. this.loaduser()
  995. } else {
  996. message.warning(data.error[0].message);
  997. }
  998. }.bind(this));
  999. },
  1000. /*-----变更操作结束----*/
  1001. //查看流失。项目列表
  1002. lookSee(state) {
  1003. this.state.lookSource=[];
  1004. this.setState({
  1005. loading: true
  1006. });
  1007. let api=state?'/api/xiangmu':'/api/liushui'
  1008. $.ajax({
  1009. method: "get",
  1010. dataType: "json",
  1011. crossDomain: false,
  1012. url: globalConfig.context + api,
  1013. data: {
  1014. orderNo:this.props.datauser.orderNo
  1015. },
  1016. success: function (data) {
  1017. let theArr = [];
  1018. if (!data.data) {
  1019. if (data.error && data.error.length) {
  1020. message.warning(data.error[0].message);
  1021. };
  1022. } else {
  1023. for (let i = 0; i < data.data.length; i++) {
  1024. let thisdata = data.data[i];
  1025. theArr.push({
  1026. key: i,
  1027. id:thisdata.id,
  1028. orderNo:thisdata.orderNo,
  1029. commodityName:thisdata.commodityName,
  1030. commodityType:thisdata.commodityType,
  1031. commodityMode:thisdata.commodityMode,
  1032. commodityQuantity:thisdata.commodityQuantity,
  1033. commodityPrice:thisdata.commodityPrice,
  1034. discountPrice:thisdata.discountPrice,
  1035. commodityFirstPayment:thisdata.commodityFirstPayment,
  1036. createTimes:thisdata.createTimes,
  1037. discountFirstPayment:thisdata.discountFirstPayment,
  1038. remarks:thisdata.remarks,
  1039. });
  1040. };
  1041. }
  1042. this.setState({
  1043. lookSource: theArr,
  1044. });
  1045. }.bind(this),
  1046. }).always(function () {
  1047. this.setState({
  1048. loading: false
  1049. });
  1050. }.bind(this));
  1051. },
  1052. //开单选择订单类型骚操作
  1053. orderTypeFn(e){
  1054. if(e==0){
  1055. this.setState({
  1056. bussStats:true,
  1057. orderType:e
  1058. })
  1059. this.category();
  1060. }else{
  1061. this.setState({
  1062. contractType:undefined,
  1063. bussStats:false,
  1064. orderType:e
  1065. })
  1066. }
  1067. },
  1068. //品类数据获取
  1069. category(){
  1070. $.ajax({
  1071. method: "get",
  1072. dataType: "json",
  1073. crossDomain: false,
  1074. url: globalConfig.context + "/api/admin/Varieties/getSuperList",
  1075. data: {
  1076. },
  1077. success: function(data) {
  1078. let thedata = data.data;
  1079. let theArr=[];
  1080. if(!thedata) {
  1081. if(data.error && data.error.length) {
  1082. message.warning(data.error[0].message);
  1083. };
  1084. thedata = {};
  1085. }else{
  1086. thedata.map(function(item,index){
  1087. theArr.push({
  1088. key:index,
  1089. name:item.cname,
  1090. id:item.id,
  1091. })
  1092. })
  1093. }
  1094. this.setState({
  1095. contractType:undefined,
  1096. categoryArr:theArr,
  1097. })
  1098. }.bind(this),
  1099. });
  1100. },
  1101. componentWillReceiveProps(nextProps) { //props改变时触发
  1102. this.state.visible = nextProps.showDesc;
  1103. this.state.signBillVisible=nextProps.signBillVisible;
  1104. if(this.state.signBillVisible){
  1105. this.loaduser(nextProps.uid)
  1106. };
  1107. if(nextProps.userDetaile && nextProps.showDesc) {
  1108. this.loaduser(nextProps.datauser);
  1109. this.loadData(nextProps.datauser);
  1110. }else{
  1111. this.setState({
  1112. orderType:undefined,
  1113. customerName:'',
  1114. autoId:'',
  1115. customerArr:[],
  1116. contractType:undefined,
  1117. bussStats:false,
  1118. })
  1119. }
  1120. },
  1121. render() {
  1122. const FormItem = Form.Item
  1123. const formItemLayout = {
  1124. labelCol: { span: 8 },
  1125. wrapperCol: { span: 14 },
  1126. };
  1127. const changeHtml=this.state.changeHtml ||[];
  1128. const editFws=this.state.editFw;
  1129. const categoryList=this.state.categoryArr ||[];
  1130. const orderDetaiel=this.state.orderList || [];
  1131. const dataSources=this.state.customerArr || [];
  1132. const options = this.state.states?dataSources.map((group,index) =>
  1133. <Select.Option key={group.id} value={group.name}>{group.name}</Select.Option>
  1134. ):dataSources.map((group,index) =>
  1135. <Select.Option key={index} value={group.bname}>{group.bname}</Select.Option>
  1136. )
  1137. return(
  1138. <div>
  1139. <Modal maskClosable={false} visible={this.state.visible}
  1140. onOk={this.handleOk} onCancel={this.handleCancel}
  1141. width={!this.props.userDetaile?'600px':'1000px'}
  1142. title={!this.props.userDetaile?'创建订单':'编辑订单'}
  1143. footer=''
  1144. className="admin-desc-content">
  1145. <Form layout="horizontal" onSubmit={this.handleSubmit} id="demand-form" style={{paddingBottom:'40px'}} >
  1146. <Spin spinning={this.state.loading}>
  1147. <div className="clearfix">
  1148. {!this.props.userDetaile?
  1149. <div className="clearfix">
  1150. <div className="clearfix">
  1151. <FormItem
  1152. {...formItemLayout}
  1153. label="订单类型" >
  1154. <Select placeholder="请选择订单类型"
  1155. style={{ width:'200px'}}
  1156. value={this.state.orderType}
  1157. onChange={this.orderTypeFn}>
  1158. {
  1159. orderType.map(function (item) {
  1160. return <Select.Option key={item.value} >{item.key}</Select.Option>
  1161. })
  1162. }
  1163. </Select>
  1164. <span className="mandatory">*</span>
  1165. </FormItem>
  1166. </div>
  1167. {this.state.bussStats&&<div className="clearfix">
  1168. <FormItem
  1169. {...formItemLayout}
  1170. label="业务品类" >
  1171. <Select placeholder="请选择业务品类"
  1172. style={{ width:'200px'}}
  1173. value={this.state.contractType}
  1174. onChange={(e)=>{this.setState({contractType:e})}}>
  1175. {
  1176. categoryList.map(function (item) {
  1177. return <Select.Option key={item.id} >{item.name}</Select.Option>
  1178. })
  1179. }
  1180. </Select>
  1181. <span className="mandatory">*</span>
  1182. </FormItem>
  1183. </div>}
  1184. <div className="clearfix">
  1185. <FormItem
  1186. {...formItemLayout}
  1187. label="客户名称" >
  1188. <AutoComplete
  1189. className="certain-category-search"
  1190. dropdownClassName="certain-category-search-dropdown"
  1191. dropdownMatchSelectWidth={false}
  1192. dropdownStyle={{ width: 200 }}
  1193. size="large"
  1194. style={{ width: '200px' }}
  1195. dataSource={options}
  1196. placeholder="输入名称"
  1197. value={this.state.customerName}
  1198. onChange={this.customerChange}
  1199. filterOption={true}
  1200. onSelect={this.selectAutoCUT}
  1201. >
  1202. <Input/>
  1203. </AutoComplete>
  1204. <span className="mandatory">*</span>
  1205. </FormItem>
  1206. </div>
  1207. </div>:<div className="clearfix">
  1208. <FormItem className="half-item"
  1209. {...formItemLayout}
  1210. label="订单编号" >
  1211. <span>{orderDetaiel.orderNo}</span>
  1212. </FormItem>
  1213. <FormItem className="half-item"
  1214. {...formItemLayout}
  1215. label="下单时间" >
  1216. <span>{orderDetaiel.createTime}</span>
  1217. </FormItem>
  1218. <FormItem className="half-item"
  1219. {...formItemLayout}
  1220. label="客户名称" >
  1221. <span>{orderDetaiel.buyerName}</span>
  1222. </FormItem>
  1223. <FormItem className="half-item"
  1224. {...formItemLayout}
  1225. label="订单类型" >
  1226. <span>{getOrderType(orderDetaiel.orderType)}</span>
  1227. </FormItem>
  1228. <FormItem className="half-item"
  1229. {...formItemLayout}
  1230. label="订单渠道" >
  1231. <span>{getOrderChannel(orderDetaiel.orderChannel)}</span>
  1232. </FormItem>
  1233. <FormItem className="half-item"
  1234. {...formItemLayout}
  1235. label="订单状态" >
  1236. <span>{getOrderState(orderDetaiel.orderStatus)}</span>
  1237. </FormItem>
  1238. <FormItem className="half-item"
  1239. {...formItemLayout}
  1240. label="已收款项" >
  1241. <span>{orderDetaiel.actuallyTotalAmount+'万元'}</span>
  1242. </FormItem>
  1243. <FormItem className="half-item"
  1244. {...formItemLayout}
  1245. label="结算状态" >
  1246. <span>{getPaymentState(orderDetaiel.liquidationStatus)}</span>
  1247. </FormItem>
  1248. <FormItem className="half-item"
  1249. {...formItemLayout}
  1250. label="市价订单金额" >
  1251. <span>{orderDetaiel.orderAmount+'万元'}</span>
  1252. </FormItem>
  1253. <FormItem className="half-item"
  1254. {...formItemLayout}
  1255. label="市价首款金额" >
  1256. <span>{orderDetaiel.firstPayment+'万元'}</span>
  1257. </FormItem>
  1258. {orderDetaiel.deleteSign==0&&orderDetaiel.orderStatus==2||orderDetaiel.changeStatus==1?
  1259. <div className='clearfix'>
  1260. <FormItem className="half-item"
  1261. {...formItemLayout}
  1262. label="实签订单金额(万元)" >
  1263. <Input placeholder="实签订单金额" ref='signTotalAmount' value={this.state.signTotalAmount} onChange={(e)=>{this.setState({signTotalAmount:e.target.value})}} style={{width:'240px'}} />
  1264. <span className="mandatory">*</span>
  1265. </FormItem>
  1266. <FormItem className="half-item"
  1267. {...formItemLayout}
  1268. label="实签首款金额(万元)" >
  1269. <Input placeholder="请输入实签首款金额" ref='signFirstPayment' value={this.state.signFirstPayment} onChange={(e)=>{this.setState({signFirstPayment:e.target.value})}} style={{width:'240px'}} />
  1270. <span className="mandatory">*</span>
  1271. </FormItem>
  1272. <FormItem className="half-item"
  1273. {...formItemLayout}
  1274. label="特批立项" >
  1275. <span>{getApprovedState(this.state.approval)}</span>
  1276. </FormItem>
  1277. <FormItem className="half-item"
  1278. {...formItemLayout}
  1279. label="合同编号" >
  1280. <Input placeholder="请输入合同编号" value={this.state.contractNo}
  1281. onChange={(e)=>{this.setState({contractNo:e.target.value})}} style={{width:'240px'}} />
  1282. </FormItem>
  1283. <div className='clearfix'>
  1284. <FormItem
  1285. labelCol={{ span: 4 }}
  1286. wrapperCol={{ span: 18 }}
  1287. label="合同扫描件" >
  1288. <PicturesWall
  1289. fileList={this.getOrgCodeUrl}
  1290. pictureUrl={this.state.orgCodeUrl} />
  1291. <p>图片建议:要清晰。</p>
  1292. </FormItem>
  1293. </div>
  1294. <div className='clearfix'>
  1295. <FormItem
  1296. labelCol={{ span: 4 }}
  1297. wrapperCol={{ span: 16 }}
  1298. label="订单留言" >
  1299. <Input type="textarea" placeholder="请输入订单留言" rows={4} value={this.state.orderRemarks}
  1300. onChange={(e)=>{this.setState({orderRemarks:e.target.value})}}/>
  1301. </FormItem>
  1302. </div>
  1303. <div className='clearfix'>
  1304. <div className="changeStatusTxt">
  1305. <FormItem className="half-item"
  1306. {...formItemLayout}
  1307. style={{color:'red'}}
  1308. label="变更状态" >
  1309. <span>{getChangeState(orderDetaiel.changeStatus)}</span>
  1310. </FormItem>
  1311. </div>
  1312. {orderDetaiel.orderStatus>=3&&<div className="clearfix">
  1313. <FormItem className="half-item"
  1314. {...formItemLayout}
  1315. label="变更操作" >
  1316. <Button onClick={this.addChange}>添加变更</Button>
  1317. </FormItem>
  1318. <FormItem className="half-item"
  1319. {...formItemLayout}
  1320. label="变更操作" >
  1321. <Button onClick={this.lookChange}>查看变更纪录</Button>
  1322. </FormItem>
  1323. </div>}
  1324. </div>
  1325. </div>:
  1326. <div className='clearfix'>
  1327. <FormItem className="half-item"
  1328. {...formItemLayout}
  1329. label="实签订单金额" >
  1330. <span>{orderDetaiel.signTotalAmount+'万元'}</span>
  1331. </FormItem>
  1332. <FormItem className="half-item"
  1333. {...formItemLayout}
  1334. label="实签首款金额" >
  1335. <span>{orderDetaiel.signFirstPayment+'万元'}</span>
  1336. </FormItem>
  1337. <FormItem className="half-item"
  1338. {...formItemLayout}
  1339. label="特批立项" >
  1340. <span>{getApprovedState(orderDetaiel.approval)}</span>
  1341. </FormItem>
  1342. <FormItem className="half-item"
  1343. {...formItemLayout}
  1344. label="合同编号" >
  1345. <span>{orderDetaiel.contractNo}</span>
  1346. </FormItem>
  1347. <div className="clearfix">
  1348. <FormItem
  1349. labelCol={{ span: 4 }}
  1350. wrapperCol={{ span: 18 }}
  1351. label="合同扫描件" >
  1352. <Upload className="demandDetailShow-upload"
  1353. beforeUpload={beforeUploadFile}
  1354. listType="picture-card"
  1355. fileList={this.state.orgCodeUrl}
  1356. onPreview={(file) => {
  1357. this.setState({
  1358. previewImage: file.url || file.thumbUrl,
  1359. previewVisible: true,
  1360. });
  1361. }} >
  1362. </Upload>
  1363. <Modal maskClosable={false} footer={null}
  1364. visible={this.state.previewVisible}
  1365. onCancel={() => { this.setState({ previewVisible: false }) }}>
  1366. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  1367. </Modal>
  1368. </FormItem>
  1369. </div>
  1370. <div className='clearfix'>
  1371. <FormItem
  1372. labelCol={{ span: 4 }}
  1373. wrapperCol={{ span: 16 }}
  1374. label="订单留言" >
  1375. <span>{orderDetaiel.orderRemarks}</span>
  1376. </FormItem>
  1377. </div>
  1378. <div className='clearfix changeStatusTxt'>
  1379. <FormItem className="half-item"
  1380. {...formItemLayout}
  1381. style={{color:'red'}}
  1382. label="变更状态" >
  1383. <span>{getChangeState(orderDetaiel.changeStatus)}</span>
  1384. </FormItem>
  1385. </div>
  1386. {orderDetaiel.orderStatus>=3&&<div className="clearfix">
  1387. <FormItem className="half-item"
  1388. {...formItemLayout}
  1389. label="变更操作" >
  1390. <Button onClick={this.addChange}>添加变更</Button>
  1391. </FormItem>
  1392. <FormItem className="half-item"
  1393. {...formItemLayout}
  1394. label="变更操作" >
  1395. <Button onClick={this.lookChange}>查看变更纪录</Button>
  1396. </FormItem>
  1397. </div>}
  1398. </div>}
  1399. <div className='clearfix'>
  1400. <FormItem className="half-item"
  1401. {...formItemLayout}
  1402. label="订单负责人" >
  1403. <span>{orderDetaiel.salesmanName}</span>
  1404. </FormItem>
  1405. <FormItem className="half-item"
  1406. {...formItemLayout}
  1407. label="业务品类" >
  1408. <span>{orderDetaiel.projectType}</span>
  1409. </FormItem>
  1410. </div>
  1411. <div className='clearfix'>
  1412. <FormItem className="half-item"
  1413. {...formItemLayout}
  1414. label="意向时间" >
  1415. <span>{orderDetaiel.createTime}</span>
  1416. </FormItem>
  1417. <FormItem className="half-item"
  1418. {...formItemLayout}
  1419. label="签单时间" >
  1420. <span>{orderDetaiel.signTime}</span>
  1421. </FormItem>
  1422. <FormItem className="half-item"
  1423. {...formItemLayout}
  1424. label="财务负责人" >
  1425. <span>{orderDetaiel.financeName}</span>
  1426. <Button onClick={this.lookflow} style={{float:'right'}}>查看流水</Button>
  1427. </FormItem>
  1428. <FormItem className="half-item"
  1429. {...formItemLayout}
  1430. label="项目负责人" >
  1431. <span>{orderDetaiel.technicianName}</span>
  1432. </FormItem>
  1433. <FormItem className="half-item"
  1434. {...formItemLayout}
  1435. label="立项时间" >
  1436. <span>{orderDetaiel.setUpTime}</span>
  1437. </FormItem>
  1438. <FormItem className="half-item"
  1439. {...formItemLayout}
  1440. label="项目状态" >
  1441. <span>{getProjectState(orderDetaiel.projectStage)}</span>
  1442. </FormItem>
  1443. </div>
  1444. <div>
  1445. <span style={{marginLeft:'50px',fontSize:'20px'}}>项目业务</span>
  1446. {this.props.datauser.active.applySign||orderDetaiel.changeStatus==1?<Button type='primary' onClick={this.addDetailed} style={{float:'right',marginRight:'50px',marginBottom:'15px'}}>添加明细</Button>:''}
  1447. </div>
  1448. <div className="patent-table">
  1449. <Spin spinning={this.state.loading}>
  1450. <Table columns={this.state.columns}
  1451. dataSource={this.state.dataSource}
  1452. pagination={this.state.pagination}
  1453. onRowClick={this.tableRowClick}
  1454. />
  1455. </Spin>
  1456. </div>
  1457. </div>}
  1458. <div className='addSave' style={{marginTop:'15px'}}>
  1459. {!this.props.userDetaile||orderDetaiel.deleteSign==0&&orderDetaiel.orderStatus==2||orderDetaiel.changeStatus==1?<Button className="setSave" type="primary" htmlType="submit">保存</Button>:''}
  1460. {this.props.userDetaile?<div className='operations'>
  1461. {this.props.datauser.active.confirmIntention&&<Popconfirm title={'请确认您是否受理来自【'+this.props.datauser.buyerName+'】发起的服务意向订单?'} onConfirm={(e)=>{this.admissibleOrderOK()}} onCancel={(e)=>{this.admissibleOrderCancel()}} okText="同意" cancelText="拒绝">
  1462. <Button style={{marginRight:'15px',marginLeft:'200px'}} type="primary">受理意向</Button>
  1463. </Popconfirm>}
  1464. {this.props.datauser.active.applySign&&<Button style={{marginRight:'10px'}} onClick={(e) =>{this.signBitt()}} type="primary">签单</Button>}
  1465. {this.props.datauser.active.applyForCancel&&<Popconfirm title={'请确认您是否取消客户【'+this.props.datauser.buyerName+'】的服务订单,订单取消将导致业务终止!'} onConfirm={(e)=>{this.cancelOrder()}} okText="确认" cancelText="取消">
  1466. <Button style={{marginRight:'10px'}} type="danger">取消订单</Button>
  1467. </Popconfirm>}
  1468. {this.props.datauser.active.applyRevoke&&<Popconfirm title={'请确认您是否作废客户【'+this.props.datauser.buyerName+'】的服务订单,订单作废将导致订单失效!'} onConfirm={(e)=>{this.scrapOrder()}} okText="确认" cancelText="取消">
  1469. <Button style={{marginRight:'10px',marginLeft:'200px'}} type="danger">作废</Button>
  1470. </Popconfirm>}
  1471. {this.props.datauser.active.applyLock&&<Popconfirm title={'请确认您是否锁定客户【'+this.props.datauser.buyerName+'】的服务订单,订单锁定将导致订单暂停!'} onConfirm={(e)=>{this.lockOrder()}} okText="确认" cancelText="取消">
  1472. <Button style={{marginRight:'10px',marginLeft:'200px'}} type="danger">锁定</Button>
  1473. </Popconfirm>}
  1474. {this.props.datauser.active.applyUnLock&&<Popconfirm title={'请确认您是否解锁客户【'+this.props.datauser.buyerName+'】的服务订单,订单解锁将导致订单正常!'} onConfirm={(e)=>{this.unlockOrder()}} okText="确认" cancelText="取消">
  1475. <Button style={{marginRight:'10px',marginLeft:'200px'}} type="primary">解锁</Button>
  1476. </Popconfirm>}
  1477. </div>:''}
  1478. <Button className="cancel" type="ghost" onClick={this.handleCancel} style={{float:'right',marginRight:'200px'}}>返回</Button>
  1479. </div>
  1480. </div>
  1481. </Spin>
  1482. </Form >
  1483. </Modal>
  1484. <Modal maskClosable={false} visible={this.state.addnextVisible}
  1485. onOk={this.nextCancel} onCancel={this.nextCancel}
  1486. width='800px'
  1487. title={this.state.addState?'添加服务':'服务详情'}
  1488. footer=''
  1489. className="admin-desc-content">
  1490. <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">
  1491. <Spin spinning={this.state.loading}>
  1492. {this.state.addState?<div className="clearfix">
  1493. <FormItem className="half-item"
  1494. {...formItemLayout}
  1495. label="服务名称" >
  1496. <AutoComplete
  1497. className="certain-category-search"
  1498. dropdownClassName="certain-category-search-dropdown"
  1499. dropdownMatchSelectWidth={false}
  1500. dropdownStyle={{ width: 200 }}
  1501. style={{ width: '200px' }}
  1502. dataSource={options}
  1503. placeholder="输入服务名称"
  1504. value={this.state.commodityName}
  1505. onChange={this.httpChange}
  1506. filterOption={true}
  1507. onSelect={this.selectAuto}
  1508. >
  1509. <Input/>
  1510. </AutoComplete>
  1511. <span className="mandatory">*</span>
  1512. </FormItem>
  1513. <FormItem className="half-item"
  1514. {...formItemLayout}
  1515. label="市场价格(万元)" >
  1516. <span>{this.state.commodityPrice}</span>
  1517. </FormItem>
  1518. <FormItem className="half-item"
  1519. {...formItemLayout}
  1520. label="实签价格(万元)" >
  1521. <Input placeholder="请输入实签价格" value={this.state.discountPrice} style={{width:'200px'}}
  1522. onChange={(e)=>{this.setState({discountPrice:e.target.value})}} ref="discountPrice"/>
  1523. <span className="mandatory">*</span>
  1524. </FormItem>
  1525. <FormItem className="half-item"
  1526. {...formItemLayout}
  1527. label="服务数量" >
  1528. <Input placeholder="请输入服务数量" value={this.state.commodityQuantity} style={{width:'200px'}}
  1529. onChange={(e)=>{this.setState({commodityQuantity:e.target.value})}} ref="commodityQuantity"/>
  1530. <span className="mandatory">*</span>
  1531. </FormItem>
  1532. <FormItem className="half-item"
  1533. {...formItemLayout}
  1534. label="市场首付金额(万元)" >
  1535. <span>{this.state.commodityFirstPayment}</span>
  1536. </FormItem>
  1537. <FormItem className="half-item"
  1538. {...formItemLayout}
  1539. label="签单首付金额(万元)" >
  1540. <Input placeholder="请输入签单首付金额" value={this.state.discountFirstPayment} style={{width:'200px'}}
  1541. onChange={(e)=>{this.setState({discountFirstPayment:e.target.value})}} ref='discountFirstPayment'/>
  1542. <span className="mandatory">*</span>
  1543. </FormItem>
  1544. <div className='clearfix'>
  1545. <FormItem
  1546. labelCol={{ span: 4 }}
  1547. wrapperCol={{ span: 16 }}
  1548. label="服务说明" >
  1549. <Input type='textarea' placeholder="请输入服务说明" value={this.state.remarks}
  1550. onChange={(e)=>{this.setState({remarks:e.target.value})}} />
  1551. </FormItem>
  1552. </div>
  1553. <FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
  1554. <Button className="submitSave" type="primary" htmlType="submit">保存</Button>
  1555. <Button className="submitSave" type="ghost" onClick={this.nextCancel}>取消</Button>
  1556. </FormItem>
  1557. </div>:
  1558. <div className='clearfix'>
  1559. <FormItem className="half-item"
  1560. {...formItemLayout}
  1561. label="服务名称" >
  1562. <span>{editFws.commodityName}</span>
  1563. </FormItem>
  1564. <FormItem className="half-item"
  1565. {...formItemLayout}
  1566. label="市场价格" >
  1567. <span>{editFws.commodityPrice+'万元'}</span>
  1568. </FormItem>
  1569. <FormItem className="half-item"
  1570. {...formItemLayout}
  1571. label="市场首付金额" >
  1572. <span>{editFws.commodityFirstPayment+'万元'}</span>
  1573. </FormItem>
  1574. {this.state.active.applySign?<FormItem className="half-item"
  1575. {...formItemLayout}
  1576. label="实签价格(万元)" >
  1577. <Input placeholder="请输入签单首付金额" value={this.state.discountPrice} style={{width:'200px'}}
  1578. onChange={(e)=>{this.setState({discountPrice:e.target.value})}} />
  1579. <span className="mandatory">*</span>
  1580. </FormItem>:
  1581. <FormItem className="half-item"
  1582. {...formItemLayout}
  1583. label="实签价格" >
  1584. <span>{this.state.discountPrice+'万元'}</span>
  1585. </FormItem>}
  1586. <FormItem className="half-item"
  1587. {...formItemLayout}
  1588. label="服务数量" >
  1589. <span>{editFws.commodityQuantity}</span>
  1590. </FormItem>
  1591. {this.state.active.applySign?<FormItem className="half-item"
  1592. {...formItemLayout}
  1593. label="签单首付金额(万元)" >
  1594. <Input placeholder="请输入签单首付金额" value={this.state.discountFirstPayment} style={{width:'200px'}}
  1595. onChange={(e)=>{this.setState({discountFirstPayment:e.target.value})}} />
  1596. <span className="mandatory">*</span>
  1597. </FormItem>:
  1598. <FormItem className="half-item"
  1599. {...formItemLayout}
  1600. label="签单首付金额" >
  1601. <span>{this.state.discountFirstPayment+'万元'}</span>
  1602. </FormItem>}
  1603. <div className='clearfix'>
  1604. <FormItem
  1605. labelCol={{ span: 4 }}
  1606. wrapperCol={{ span: 16 }}
  1607. label="服务说明" >
  1608. <span>{editFws.remarks}</span>
  1609. </FormItem>
  1610. </div>
  1611. {this.state.active.applySign&&<FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
  1612. <Button className="submitSave" type="primary" onClick={this.tabRowSave}>保存</Button>
  1613. <Button className="submitSave" type="ghost" onClick={this.nextCancel}>取消</Button>
  1614. </FormItem>}
  1615. </div>}
  1616. </Spin>
  1617. </Form >
  1618. </Modal>
  1619. <Modal maskClosable={false} visible={this.state.signBillVisible}
  1620. onOk={this.signBillOk} onCancel={this.signBillOk}
  1621. width='800px'
  1622. title='签单信息'
  1623. footer=''
  1624. className="admin-desc-content">
  1625. <Form layout="horizontal" onSubmit={this.signOk} id="demand-form">
  1626. <Spin spinning={this.state.loading}>
  1627. <div className="clearfix">
  1628. <FormItem className="half-item"
  1629. {...formItemLayout}
  1630. label="订单编号" >
  1631. <span>{this.state.orderNo}</span>
  1632. </FormItem>
  1633. <FormItem className="half-item"
  1634. {...formItemLayout}
  1635. label="客户名称" >
  1636. <span>{this.state.buyerName}</span>
  1637. </FormItem>
  1638. <FormItem className="half-item"
  1639. {...formItemLayout}
  1640. label="实签款项(万元)" >
  1641. <Input placeholder="请输入实签款项" value={this.state.signTotalAmount} style={{width:'200px'}}
  1642. onChange={(e)=>{this.setState({signTotalAmount:e.target.value})}} />
  1643. <span className="mandatory">*</span>
  1644. </FormItem>
  1645. <FormItem className="half-item"
  1646. {...formItemLayout}
  1647. label="实签首款(万元)" >
  1648. <Input placeholder="请输入实签首款" value={this.state.signFirstPayment} style={{width:'200px'}}
  1649. onChange={(e)=>{this.setState({signFirstPayment:e.target.value})}} />
  1650. <span className="mandatory">*</span>
  1651. </FormItem>
  1652. <FormItem className="half-item"
  1653. {...formItemLayout}
  1654. label="特批立项" >
  1655. <Select placeholder="选择特批立项类型"
  1656. style={{ width:'200px'}}
  1657. value={this.state.approval}
  1658. onChange={(e) => { this.setState({ approval: e }) }}>
  1659. <Select.Option value='0'>不申请特批</Select.Option>
  1660. <Select.Option value='1'>申请特批</Select.Option>
  1661. </Select>
  1662. <span className="mandatory">*</span>
  1663. </FormItem>
  1664. <FormItem className="half-item"
  1665. {...formItemLayout}
  1666. label="合同编号" >
  1667. <Input placeholder="请输入合同编号" value={this.state.contractNo}
  1668. onChange={(e)=>{this.setState({contractNo:e.target.value})}} style={{width:'200px'}} />
  1669. <span className="mandatory">*</span>
  1670. </FormItem>
  1671. <div className='clearfix'>
  1672. <FormItem
  1673. labelCol={{ span: 4 }}
  1674. wrapperCol={{ span: 16 }}
  1675. label="签单备注" >
  1676. <Input type="textarea" placeholder="请输入签单备注" rows={4} value={this.state.orderRemarks}
  1677. onChange={(e)=>{this.setState({orderRemarks:e.target.value})}}/>
  1678. </FormItem>
  1679. </div>
  1680. <div className='clearfix'>
  1681. <FormItem
  1682. labelCol={{ span: 4 }}
  1683. wrapperCol={{ span: 18 }}
  1684. label="合同扫描件" >
  1685. <PicturesWall
  1686. listType="picture-card"
  1687. fileList={this.getOrgCodeUrl}
  1688. pictureUrl={this.state.orgCodeUrl} />
  1689. <p>图片建议:要清晰。</p>
  1690. </FormItem>
  1691. </div>
  1692. </div>
  1693. <FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
  1694. <Button className="submitSave" type="primary" htmlType="submit">确定签单</Button>
  1695. <Button className="submitSave" type="ghost" onClick={this.signBillOk}>返回</Button>
  1696. </FormItem>
  1697. </Spin>
  1698. </Form >
  1699. </Modal>
  1700. <Modal maskClosable={false} visible={this.state.signVisible}
  1701. onOk={this.signBittOk} onCancel={this.signBittOk}
  1702. width='600px'
  1703. title='签单信息'
  1704. footer=''
  1705. className="admin-desc-content">
  1706. <Form layout="horizontal" onSubmit={this.signSub} id="demand-form">
  1707. <Spin spinning={this.state.loading}>
  1708. <div className="clearfix">
  1709. <FormItem
  1710. {...formItemLayout}
  1711. label="特批立项" >
  1712. <Select placeholder="选择特批立项类型"
  1713. style={{ width:'200px'}}
  1714. value={this.state.approval}
  1715. onChange={(e) => { this.setState({ approval: e }) }}>
  1716. <Select.Option value='0'>不申请特批</Select.Option>
  1717. <Select.Option value='1'>申请特批</Select.Option>
  1718. </Select>
  1719. <span className="mandatory">*</span>
  1720. </FormItem>
  1721. </div>
  1722. <div className="clearfix">
  1723. <FormItem
  1724. {...formItemLayout}
  1725. label="签单时间" >
  1726. <DatePicker
  1727. style={{marginTop:"2px"}}
  1728. showTime
  1729. format="YYYY-MM-DD"
  1730. placeholder="选择签单时间"
  1731. value={this.state.entryTime}
  1732. onChange={(e,time)=>{this.selTime(e,time)}}
  1733. />
  1734. <span className="mandatory">*</span>
  1735. </FormItem>
  1736. </div>
  1737. <FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
  1738. <Button className="submitSave" type="primary" htmlType="submit">确定签单</Button>
  1739. <Button className="submitSave" type="ghost" onClick={this.signBittOk}>返回</Button>
  1740. </FormItem>
  1741. </Spin>
  1742. </Form >
  1743. </Modal>
  1744. <Modal maskClosable={false} visible={this.state.lookVisible}
  1745. onOk={this.lookCancel} onCancel={this.lookCancel}
  1746. width='1300px'
  1747. title= '查看流水'
  1748. footer=''
  1749. className="admin-desc-content">
  1750. <Form layout="horizontal" id="demand-form">
  1751. <Spin spinning={this.state.loading}>
  1752. <div className="clearfix">
  1753. <Table columns={this.state.flowList}
  1754. dataSource={this.state.lookflowList}
  1755. pagination={false}
  1756. />
  1757. </div>
  1758. </Spin>
  1759. </Form >
  1760. </Modal>
  1761. <Modal maskClosable={false} visible={this.state.addChangeState}
  1762. onOk={this.addChangeCancel} onCancel={this.addChangeCancel}
  1763. width='800px'
  1764. title= {this.state.stateAdd?'添加变更':'查看变更记录'}
  1765. footer=''
  1766. className="admin-desc-content">
  1767. <Form layout="horizontal" id="demand-form">
  1768. <Spin spinning={this.state.loading}>
  1769. <div className="clearfix">
  1770. {this.state.stateAdd?<div className="clearfix">
  1771. <FormItem
  1772. labelCol={{ span: 4 }}
  1773. wrapperCol={{ span: 16 }}
  1774. label="变更说明" >
  1775. <Input type="textarea" placeholder="请输入变更说明" rows={4} value={this.state.changeRemarks}
  1776. onChange={(e)=>{this.setState({changeRemarks:e.target.value})}}/>
  1777. </FormItem>
  1778. <div className="clearfix">
  1779. <Button type="primary" onClick={this.subChangeState} style={{margin:"10px 50px 10px 128px"}}>保存</Button>
  1780. <Button onClick={this.addChangeCancel}>取消</Button>
  1781. </div>
  1782. </div>:
  1783. <div>
  1784. {
  1785. changeHtml.length?changeHtml.map(function(item,index){
  1786. return (<div className="changeBorder" key={index}>
  1787. <FormItem className="half-item"
  1788. {...formItemLayout}
  1789. label="变更发起人" >
  1790. <span>{item.creater}</span>
  1791. </FormItem>
  1792. <FormItem className="half-item"
  1793. {...formItemLayout}
  1794. label="变更申请时间" >
  1795. <span>{item.createTime}</span>
  1796. </FormItem>
  1797. <div className='clearfix'>
  1798. <FormItem className="half-item"
  1799. {...formItemLayout}
  1800. label="变更状态" >
  1801. <span>{getChangeState(item.changeStatus)}</span>
  1802. </FormItem>
  1803. <FormItem className="half-item"
  1804. {...formItemLayout}
  1805. label="变更操作" >
  1806. <Button onClick={(e)=>{this.modifyChange(item)}}>修改</Button>
  1807. <Button type="danger" onClick={(e)=>{this.modifyDelete(item)}}>删除</Button>
  1808. </FormItem>
  1809. </div>
  1810. <div className='clearfix changeRemark'>
  1811. <FormItem
  1812. labelCol={{ span: 4 }}
  1813. wrapperCol={{ span: 16 }}
  1814. label="变更说明" >
  1815. <p>{item.changeComment}</p>
  1816. </FormItem>
  1817. </div>
  1818. </div>)
  1819. },this):<p style={{textAlign:"center"}}>暂无变更记录</p>}
  1820. </div>
  1821. }
  1822. </div>
  1823. </Spin>
  1824. </Form >
  1825. </Modal>
  1826. <Modal maskClosable={false} visible={this.state.modifyChangeState}
  1827. onOk={this.modifyChangeCancel} onCancel={this.modifyChangeCancel}
  1828. width='600px'
  1829. title= "修改变更 "
  1830. footer=''
  1831. className="admin-desc-content">
  1832. <Form layout="horizontal" id="demand-form">
  1833. <Spin spinning={this.state.loading}>
  1834. <div className="clearfix">
  1835. <div className="clearfix">
  1836. <FormItem className="half-item"
  1837. {...formItemLayout}
  1838. label="变更发起人" >
  1839. <span>{this.state.changePromoter}</span>
  1840. </FormItem>
  1841. <FormItem className="half-item"
  1842. {...formItemLayout}
  1843. label="变更申请时间" >
  1844. <span>{this.state.changeTime}</span>
  1845. </FormItem>
  1846. <div className='clearfix'>
  1847. <FormItem
  1848. labelCol={{ span: 4 }}
  1849. wrapperCol={{ span: 16 }}
  1850. label="变更状态" >
  1851. <Radio.Group onChange={(e)=>{this.setState({changeState:e.target.value})}} value={this.state.changeState}>
  1852. <Radio value={1}>变更中</Radio>
  1853. <Radio value={2}>变更完成</Radio>
  1854. </Radio.Group>
  1855. </FormItem>
  1856. </div>
  1857. <div className='clearfix'>
  1858. <FormItem
  1859. labelCol={{ span: 4 }}
  1860. wrapperCol={{ span: 16 }}
  1861. label="变更说明" >
  1862. <Input type="textarea" placeholder="请输入变更说明" rows={4} value={this.state.changeRemarks}
  1863. onChange={(e)=>{this.setState({changeRemarks:e.target.value})}}/>
  1864. </FormItem>
  1865. </div>
  1866. <div className="clearfix">
  1867. <Button type="primary" onClick={this.changeModify} style={{margin:"10px 95px"}}>保存</Button>
  1868. <Button onClick={this.modifyChangeCancel}>取消</Button>
  1869. </div>
  1870. </div>
  1871. </div>
  1872. </Spin>
  1873. </Form >
  1874. </Modal>
  1875. </div>
  1876. )
  1877. }
  1878. }));
  1879. export default NewService;