orderInfor.jsx 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822
  1. import React, { Component } from "react";
  2. import { Button, Col, DatePicker, Form, Input, message, Modal, Select, Spin, Table, Tag, Tooltip } from "antd";
  3. import { getApprovedState, getLiquidationStatus, getProcessStatus, getProjectName, splitUrl } from "../../../../tools";
  4. import moment from "moment";
  5. import EnterpriseNameChange from "../../../../common/enterpriseNameChange";
  6. import PicturesWall from "../../../order/orderNew/changeComponent/picturesWall";
  7. import ImgList from "../../../../common/imgList";
  8. import OrderCoor from "../../../order/orderNew/changeComponent/orderCoor";
  9. import ContentUrl from "../../../order/orderNew/contentUrl";
  10. import $ from "jquery";
  11. const FormItem = Form.Item;
  12. const formItemLayout = {
  13. labelCol: { span: 8 },
  14. wrapperCol: { span: 14 },
  15. };
  16. class OrderInfor extends Component {
  17. constructor(props) {
  18. super(props);
  19. this.state = {
  20. contactList: [],
  21. columns: [
  22. {
  23. title: "业务项目名称",
  24. dataIndex: "commodityName",
  25. key: "commodityName",
  26. render: (text, record) => {
  27. return <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span>{"-" + record.id}</span>
  28. }
  29. },
  30. {
  31. title: "项目类别",
  32. dataIndex: "cname",
  33. key: "cname",
  34. },
  35. {
  36. title: "项目数量",
  37. dataIndex: "commodityQuantity",
  38. key: "commodityQuantity",
  39. render: (text, record) => {
  40. if (record.splitStatus == 1) {
  41. return (
  42. <span>
  43. {text}{" "}
  44. <Tag
  45. color="#108ee9"
  46. onClick={(e) => {
  47. e.stopPropagation();
  48. this.showRes(record);
  49. }}
  50. >
  51. 已拆
  52. </Tag>
  53. </span>
  54. );
  55. } else {
  56. return text;
  57. }
  58. },
  59. },
  60. {
  61. title: "金额(万元)",
  62. dataIndex: "commodityPrice",
  63. key: "commodityPrice",
  64. },
  65. {
  66. title: "负责人",
  67. dataIndex: "contacts",
  68. key: "contacts",
  69. },
  70. {
  71. title: "负责人电话",
  72. dataIndex: "contactsMobile",
  73. key: "contactsMobile",
  74. },
  75. {
  76. title: "项目状态",
  77. dataIndex: "projectStatus",
  78. key: "projectStatus",
  79. render: (text) => {
  80. return getProjectName(text);
  81. },
  82. },
  83. {
  84. title: "主要项目",
  85. dataIndex: "main",
  86. key: "main",
  87. render: (text) => {
  88. return text ? "是" : "否";
  89. },
  90. },
  91. {
  92. title: "总年限",
  93. dataIndex: "yearSum",
  94. key: "yearSum",
  95. render: (text, record) => {
  96. return (
  97. <div>{["", "一年", "二年", "三年", "四年", "五年"][text]}</div>
  98. );
  99. }
  100. },
  101. {
  102. title: "年限",
  103. dataIndex: "serviceLife",
  104. key: "serviceLife",
  105. render: (text, record) => {
  106. return (
  107. !!text && JSON.parse(text).map(item =>
  108. <div>{item}</div>
  109. )
  110. );
  111. }
  112. },
  113. {
  114. title: "本次派单",
  115. dataIndex: "serviceYear",
  116. key: "serviceYear",
  117. render: (text, record) => {
  118. return (
  119. <div>{!text ? "" : text}</div>
  120. );
  121. }
  122. },
  123. {
  124. title: "项目说明",
  125. dataIndex: "taskComment",
  126. key: "taskComment",
  127. render: (text) => {
  128. return (
  129. <Tooltip title={text}>
  130. <div style={{
  131. maxWidth: '100px',
  132. overflow: 'hidden',
  133. textOverflow: "ellipsis",
  134. whiteSpace: 'nowrap',
  135. }}>{text}</div>
  136. </Tooltip>
  137. );
  138. },
  139. },
  140. ]
  141. }
  142. this.loaduser = this.loaduser.bind(this);
  143. this.jiedian = this.jiedian.bind(this);
  144. this.loadData = this.loadData.bind(this);
  145. }
  146. componentDidMount() {
  147. this.loaduser();
  148. this.jiedian();
  149. this.loadData();
  150. }
  151. //查看项目列表
  152. loadData(record) {
  153. this.setState({
  154. loading: true,
  155. });
  156. $.ajax({
  157. method: "get",
  158. dataType: "json",
  159. crossDomain: false,
  160. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  161. data: {
  162. orderNo: this.props.orderNo
  163. },
  164. success: function (data) {
  165. let theArr = [];
  166. if (!data.data) {
  167. if (data.error && data.error.length) {
  168. message.warning(data.error[0].message);
  169. }
  170. } else {
  171. for (let i = 0; i < data.data.length; i++) {
  172. let thisdata = data.data[i];
  173. thisdata.key = i;
  174. thisdata.sort = thisdata.cSort;
  175. thisdata.declarationBatch = thisdata.declarationBatch || undefined;//申报批次
  176. thisdata.ifCertificationFee = isNaN(parseInt(thisdata.ifCertificationFee)) ? undefined : thisdata.ifCertificationFee;//是否包含申报批次
  177. theArr.push(thisdata);
  178. }
  179. }
  180. this.setState({
  181. dataSource: theArr,
  182. });
  183. }.bind(this),
  184. }).always(
  185. function () {
  186. this.setState({
  187. loading: false,
  188. });
  189. }.bind(this)
  190. );
  191. }
  192. loaduser() {
  193. $.ajax({
  194. method: "get",
  195. dataType: "json",
  196. crossDomain: false,
  197. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  198. data: {
  199. orderNo: this.props.orderNo,
  200. },
  201. success: function (data) {
  202. let thisData = data.data;
  203. if (!thisData) {
  204. if (data.error && data.error.length) {
  205. message.warning(data.error[0].message);
  206. }
  207. thisData = {};
  208. }
  209. if (thisData.approval == 2) {
  210. thisData.approval = "特批通过";
  211. } else if (thisData.approval == 3) {
  212. thisData.approval = "特批驳回";
  213. }
  214. this.setState({
  215. id: thisData.id,
  216. kehuId: thisData.buyerId,
  217. orderNo: thisData.orderNo, //订单编号
  218. orderType: thisData.orderType, //订单类型
  219. firstAmount: thisData.firstAmount, //首付金额
  220. totalAmount: thisData.totalAmount, //总金额
  221. settlementAmount: thisData.settlementAmount, //结算金额
  222. liquidationStatus: thisData.liquidationStatus, //清算状态
  223. processStatus: thisData.processStatus, //流程状态
  224. orderRemarks: thisData.orderRemarks, //订单备注
  225. contractNo: thisData.contractNo, //合同编号
  226. contacts: thisData.contacts, //联系人
  227. contactMobile: thisData.contactMobile, //联系人电话
  228. legalPerson: thisData.legalPerson, //法人
  229. legalPersonTel: thisData.legalPersonTel, //法人电话
  230. orgCodeUrl: thisData.contractPictureUrl
  231. ? splitUrl(
  232. thisData.contractPictureUrl,
  233. ",",
  234. globalConfig.avatarHost + "/upload"
  235. )
  236. : [], //图片地址
  237. replenishUrl: thisData.agreementUrl
  238. ? splitUrl(
  239. thisData.agreementUrl,
  240. ",",
  241. globalConfig.avatarHost + "/upload"
  242. )
  243. : [], //图片地址
  244. contentUrl: thisData.serviceContent
  245. ? splitUrl(
  246. thisData.serviceContent,
  247. ",",
  248. globalConfig.avatarHost + "/upload"
  249. )
  250. : [], //图片地址
  251. signDate: thisData.signDate, //签单时间
  252. userName: thisData.userName, //客户名称
  253. salesmanName: thisData.salesmanName, //营销员名称
  254. salesmanMobile: thisData.salesmanMobile, //营销员电话
  255. oldSalesmanName: thisData.oldSalesmanName, //营销员名称
  256. oldSalesmanMobile: thisData.oldSalesmanMobile, //营销员电话
  257. financeName: thisData.financeName, //财务名称
  258. financeMobile: thisData.financeMobile, //财务电话
  259. nowFinanceMobile: thisData.nowFinanceMobile,
  260. nowFinance: thisData.nowFinance,
  261. approval:
  262. thisData.approval == 0
  263. ? thisData.approval.toString()
  264. : thisData.approval,
  265. organizationSearch: thisData.orderDep,
  266. depName: thisData.depName,
  267. status: thisData.status,
  268. outsource: thisData.outsource,
  269. deleteSign: thisData.deleteSign,
  270. orderUid: thisData.uid,
  271. });
  272. }.bind(this),
  273. }).always(
  274. function () {
  275. this.setState({
  276. loading: false,
  277. });
  278. }.bind(this)
  279. );
  280. }
  281. jiedian() {
  282. this.setState({
  283. loadData: true,
  284. });
  285. $.ajax({
  286. method: "get",
  287. dataType: "json",
  288. crossDomain: false,
  289. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  290. data: {
  291. orderNo: this.props.orderNo,
  292. },
  293. success: function (data) {
  294. let theArr = [];
  295. let thisData = [];
  296. if (data.error.length || data.data.list == "") {
  297. if (data.error && data.error.length) {
  298. message.warning(data.error[0].message);
  299. }
  300. } else {
  301. for (let i = 0; i < data.data.length; i++) {
  302. thisData = data.data[i];
  303. theArr.push({
  304. key: i,
  305. dunSubject: thisData.dunSubject
  306. ? thisData.dunSubject.toString()
  307. : "", //催款科目
  308. id: thisData.id, //节点Id
  309. money: thisData.money, //催款金额
  310. dunStatus: thisData.dunStatus, //催款状态
  311. orderNo: thisData.orderNo,
  312. });
  313. }
  314. this.setState({
  315. contactList: theArr,
  316. });
  317. }
  318. }.bind(this),
  319. }).always(
  320. function () {
  321. this.setState({
  322. loading: false,
  323. });
  324. }.bind(this)
  325. );
  326. }
  327. render() {
  328. const formItemList = [
  329. {
  330. label: "企业联系人",
  331. content: <span>{this.state.contacts}</span>,
  332. },
  333. {
  334. label: "客户名称",
  335. content: <span>
  336. {this.state.userName}
  337. <EnterpriseNameChange
  338. type='journal'
  339. style={{ marginLeft: 10 }}
  340. enterpriseId={this.state.orderUid} />
  341. </span>,
  342. },
  343. {
  344. label: "联系人电话",
  345. content: <span>{this.state.contactMobile}</span>,
  346. },
  347. {
  348. label: "企业法人",
  349. content: <span>{this.state.legalPerson}</span>,
  350. },
  351. {
  352. label: "法人电话",
  353. content: <span>{this.state.legalPersonTel}</span>,
  354. },
  355. ];
  356. return (
  357. <Modal
  358. maskClosable={false}
  359. visible={this.props.visible}
  360. onOk={this.props.onCancel}
  361. onCancel={this.props.onCancel}
  362. width={800}
  363. title='订单详情'
  364. footer=""
  365. className="admin-desc-content"
  366. >
  367. <div className="clearfix">
  368. <div className="clearfix">
  369. <FormItem
  370. className="half-item"
  371. {...formItemLayout}
  372. label="合同编号"
  373. >
  374. {<span>{this.state.contractNo}</span>}
  375. </FormItem>
  376. <FormItem
  377. className="half-item"
  378. {...formItemLayout}
  379. label="订单编号"
  380. >
  381. <span>{this.state.orderNo}</span>
  382. </FormItem>
  383. <FormItem
  384. className="half-item"
  385. {...formItemLayout}
  386. label="流程状态"
  387. >
  388. <span>
  389. {getProcessStatus(this.state.processStatus)}
  390. </span>
  391. </FormItem>
  392. <FormItem
  393. className="half-item"
  394. {...formItemLayout}
  395. label="结算状态"
  396. >
  397. <span>
  398. {getLiquidationStatus(
  399. this.state.liquidationStatus
  400. )}
  401. </span>
  402. </FormItem>
  403. <div className="clearfix">
  404. <FormItem
  405. className="half-item"
  406. {...formItemLayout}
  407. label="特批立项"
  408. >
  409. <span>
  410. {getApprovedState(this.state.approval)}
  411. </span>
  412. </FormItem>
  413. <FormItem
  414. className="half-item"
  415. {...formItemLayout}
  416. label="合同签订时间"
  417. >
  418. <span>{this.state.signDate}</span>
  419. </FormItem>
  420. <FormItem
  421. className="half-item"
  422. {...formItemLayout}
  423. label="订单部门"
  424. >
  425. <span>{this.state.depName}</span>
  426. </FormItem>
  427. <FormItem
  428. className="half-item"
  429. {...formItemLayout}
  430. label="是否外包"
  431. >
  432. <span>
  433. {this.state.outsource == 0 ? "否" : "是"}
  434. </span>
  435. </FormItem>
  436. </div>
  437. </div>
  438. <h3
  439. style={{
  440. marginLeft: 10,
  441. fontWeight: 800,
  442. marginBottom: 10,
  443. }}
  444. >
  445. 收款项目
  446. </h3>
  447. {this.state.processStatus === 0 ? (
  448. <div className="clearfix">
  449. <FormItem
  450. className="half-item"
  451. {...formItemLayout}
  452. label="签单金额(万元)"
  453. >
  454. <Input
  455. placeholder="签单金额"
  456. ref="totalAmountRef"
  457. value={this.state.totalAmount}
  458. onChange={(e) => {
  459. this.setState({
  460. totalAmount: e.target.value,
  461. });
  462. }}
  463. style={{ width: "240px" }}
  464. />
  465. </FormItem>
  466. <FormItem
  467. className="half-item"
  468. {...formItemLayout}
  469. label="首付金额(万元)"
  470. >
  471. <Input
  472. placeholder="请输入实签首款金额"
  473. ref="firstAmountRef"
  474. value={this.state.firstAmount}
  475. onChange={(e) => {
  476. this.setState({
  477. firstAmount: e.target.value,
  478. });
  479. }}
  480. style={{ width: "240px" }}
  481. />
  482. </FormItem>
  483. <FormItem
  484. className="half-item"
  485. {...formItemLayout}
  486. label="已收款项"
  487. >
  488. <span>
  489. {this.state.settlementAmount + "万元"}
  490. </span>
  491. </FormItem>
  492. </div>
  493. ) : (
  494. <div className="clearfix">
  495. <FormItem
  496. className="half-item"
  497. {...formItemLayout}
  498. label="签单金额(万元)"
  499. >
  500. <span>{this.state.totalAmount}</span>
  501. </FormItem>
  502. <FormItem
  503. className="half-item"
  504. {...formItemLayout}
  505. label="首付金额(万元)"
  506. >
  507. <span>{this.state.firstAmount}</span>
  508. </FormItem>
  509. <FormItem
  510. className="half-item"
  511. {...formItemLayout}
  512. label="已收款项"
  513. >
  514. <span>
  515. {this.state.settlementAmount + "万元"}
  516. </span>
  517. </FormItem>
  518. </div>
  519. )}
  520. <h3
  521. style={{
  522. marginLeft: 10,
  523. fontWeight: 800,
  524. marginBottom: 10,
  525. }}
  526. >
  527. 联系信息
  528. </h3>
  529. <div className="clearfix">
  530. {formItemList.map((data, index) => {
  531. return (
  532. <FormItem
  533. className="half-item"
  534. {...formItemLayout}
  535. key={index}
  536. label={data.label}
  537. >
  538. {data.content}
  539. </FormItem>
  540. );
  541. })}
  542. </div>
  543. <div className="clearfix">
  544. <div>
  545. <FormItem
  546. labelCol={{ span: 4 }}
  547. wrapperCol={{ span: 18 }}
  548. label="合同扫描件"
  549. >
  550. <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  551. {this.state.orgCodeUrl && this.state.visible && this.state.activeKey === '1' ? <ImgList domId={'addService3'} fileList={this.state.orgCodeUrl} ItemWidth={'96px'} /> : <div />}
  552. </div>
  553. <Modal
  554. maskClosable={false}
  555. footer={null}
  556. width={"50%"}
  557. visible={this.state.previewVisible}
  558. onCancel={() => {
  559. this.setState({
  560. previewVisible: false,
  561. rotateDeg: 0,
  562. });
  563. }}
  564. >
  565. <img
  566. alt=""
  567. style={{
  568. width: "100%",
  569. transform: `rotate(${this.state.rotateDeg}deg)`,
  570. }}
  571. src={this.state.previewImage || ""}
  572. />
  573. <Button
  574. onClick={this.rotate}
  575. style={{
  576. position: "relative",
  577. left: "50%",
  578. transform: "translateX(-50%)",
  579. }}
  580. >
  581. 旋转
  582. </Button>
  583. <Button
  584. onClick={this.upImg}
  585. style={{
  586. position: "absolute",
  587. left: -81,
  588. top: "50%",
  589. transform: "translateY(-50%)",
  590. }}
  591. >
  592. 上一张
  593. </Button>
  594. <Button
  595. onClick={this.downImg}
  596. style={{
  597. position: "absolute",
  598. right: -81,
  599. top: "50%",
  600. transform: "translateY(-50%)",
  601. }}
  602. >
  603. 下一张
  604. </Button>
  605. </Modal>
  606. <Button
  607. style={{
  608. float: "right",
  609. marginRight: "140px",
  610. marginTop: "20px",
  611. }}
  612. onClick={this.getOrderLog}
  613. >
  614. 查看订单日志
  615. </Button>
  616. </FormItem>
  617. <FormItem
  618. labelCol={{ span: 4 }}
  619. wrapperCol={{ span: 18 }}
  620. label="补充协议"
  621. >
  622. {/*<Upload*/}
  623. {/* className="demandDetailShow-upload"*/}
  624. {/* listType="picture-card"*/}
  625. {/* fileList={this.state.replenishUrl}*/}
  626. {/* onPreview={(file) => {*/}
  627. {/* this.setState({*/}
  628. {/* previewImage: file.url || file.thumbUrl,*/}
  629. {/* previewVisibles: true,*/}
  630. {/* });*/}
  631. {/* }}*/}
  632. {/*/>*/}
  633. <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  634. {
  635. this.state.visible && this.state.activeKey === '1' && this.state.replenishUrl ?
  636. <ImgList domId={'addService4'} fileList={this.state.replenishUrl} ItemWidth={'96px'} /> :
  637. <div />
  638. }
  639. </div>
  640. <Modal
  641. maskClosable={false}
  642. footer={null}
  643. width={"50%"}
  644. visible={this.state.previewVisibles}
  645. onCancel={() => {
  646. this.setState({
  647. previewVisibles: false,
  648. rotateDeg: 0,
  649. });
  650. }}
  651. >
  652. <img
  653. alt=""
  654. style={{
  655. width: "100%",
  656. transform: `rotate(${this.state.rotateDeg}deg)`,
  657. }}
  658. src={this.state.previewImage || ""}
  659. />
  660. <Button
  661. onClick={this.rotates}
  662. style={{
  663. position: "relative",
  664. left: "50%",
  665. transform: "translateX(-50%)",
  666. }}
  667. >
  668. 旋转
  669. </Button>
  670. <Button
  671. onClick={this.upImgs}
  672. style={{
  673. position: "absolute",
  674. left: -81,
  675. top: "50%",
  676. transform: "translateY(-50%)",
  677. }}
  678. >
  679. 上一张
  680. </Button>
  681. <Button
  682. onClick={this.downImgs}
  683. style={{
  684. position: "absolute",
  685. right: -81,
  686. top: "50%",
  687. transform: "translateY(-50%)",
  688. }}
  689. >
  690. 下一张
  691. </Button>
  692. </Modal>
  693. </FormItem>
  694. </div>
  695. </div>
  696. <ContentUrl
  697. processStatus={1}
  698. domId={"inforContents"}
  699. contentUrl={this.state.contentUrl}
  700. imgId={"inforContentsImg"}
  701. />
  702. <div className="clearfix">
  703. <FormItem
  704. labelCol={{ span: 4 }}
  705. wrapperCol={{ span: 16 }}
  706. label="订单留言"
  707. >
  708. <p
  709. style={{ width: 500, wordWrap: "break-word" }}
  710. >
  711. {this.state.orderRemarks}
  712. </p>
  713. </FormItem>
  714. </div>
  715. <div className="clearfix">
  716. <FormItem
  717. className="half-item"
  718. {...formItemLayout}
  719. label="订单负责人"
  720. >
  721. <span>{this.state.salesmanName}</span>
  722. </FormItem>
  723. <FormItem
  724. className="half-item"
  725. {...formItemLayout}
  726. label="订单负责人电话"
  727. >
  728. <span>{this.state.salesmanMobile}</span>
  729. </FormItem>
  730. </div>
  731. <div className="clearfix">
  732. <FormItem
  733. className="half-item"
  734. {...formItemLayout}
  735. label="当前财务负责人"
  736. >
  737. <span>{this.state.nowFinance}</span>
  738. </FormItem>
  739. <FormItem
  740. className="half-item"
  741. {...formItemLayout}
  742. label="当前财务负责人电话"
  743. >
  744. <span>{this.state.nowFinanceMobile}</span>
  745. </FormItem>
  746. </div>
  747. <div className="clearfix">
  748. <FormItem
  749. className="half-item"
  750. {...formItemLayout}
  751. style={{ opacity: ".5" }}
  752. label="原订单负责人"
  753. >
  754. <span>{this.state.oldSalesmanName}</span>
  755. </FormItem>
  756. <FormItem
  757. className="half-item"
  758. {...formItemLayout}
  759. style={{ opacity: ".5" }}
  760. label="原订单负责人电话"
  761. >
  762. <span>{this.state.oldSalesmanMobile}</span>
  763. </FormItem>
  764. </div>
  765. <div className="clearfix">
  766. <FormItem
  767. className="half-item"
  768. style={{ opacity: ".5" }}
  769. {...formItemLayout}
  770. label="实际财务操作人"
  771. >
  772. <span>{this.state.financeName}</span>
  773. </FormItem>
  774. <FormItem
  775. className="half-item"
  776. {...formItemLayout}
  777. style={{ opacity: ".5" }}
  778. label="实际财务操作人电话"
  779. >
  780. <span>{this.state.financeMobile}</span>
  781. </FormItem>
  782. </div>
  783. {/* 协单人员 */}
  784. <OrderCoor orderNo={this.props.orderNo} />
  785. <div>
  786. <span style={{ marginLeft: "50px", fontSize: "20px" }}>
  787. 项目业务
  788. </span>
  789. </div>
  790. <div
  791. className="patent-table"
  792. style={{ marginBottom: 10 }}
  793. >
  794. <Spin spinning={this.state.loading}>
  795. <Table
  796. columns={this.state.columns}
  797. scroll={{ x: "max-content", y: 0 }}
  798. dataSource={this.state.dataSource}
  799. pagination={false}
  800. onRowClick={this.tableRowClick}
  801. bordered
  802. size="small"
  803. />
  804. </Spin>
  805. </div>
  806. </div>
  807. </Modal>
  808. )
  809. }
  810. }
  811. export default OrderInfor;