confidenBreach.jsx 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. import React, { Component } from "react";
  2. import { Form, Radio } from "antd";
  3. import PicturesWall from "./changeComponent/picturesWall.js";
  4. /**
  5. * 订单保密&违约说明
  6. */
  7. const FormItem = Form.Item;
  8. class ConfidenBreach extends Component {
  9. constructor(props) {
  10. super(props);
  11. }
  12. onChange(value, updateKey) {
  13. this.props.onChange(value, updateKey)
  14. }
  15. render() {
  16. const { orderNo, data: { nda, ndaUrl, breachClauseUrl, breachClause1, breachClause2 } } = this.props;
  17. let ndaString = nda !== null && nda !== undefined ? nda.toString() : ''
  18. return (
  19. <div>
  20. <div style={{display: 'flex', alignItems: 'center' }}>
  21. <h3
  22. style={{
  23. marginLeft: 10,
  24. fontWeight: 800,
  25. marginBottom: 10,
  26. }}
  27. >
  28. 保密&违约说明 &nbsp; &nbsp; &nbsp;
  29. </h3>
  30. <div style={{ padding: '10px', backgroundColor: 'yellow', color: '#000' }}>
  31. <p>营销说明:未如实填报,责任由营销本人全部承担</p>
  32. <p>技术说明:请认真阅读保密/违约条款,并规避相关事项,含保密要求的企业,发送任何资料必须脱密</p>
  33. </div>
  34. </div>
  35. <FormItem
  36. labelCol={{ span: this.props.labelCol || 5 }}
  37. wrapperCol={{ span: this.props.wrapperCol || 19 }}
  38. label={<span><strong style={{ color: "#f00" }}>*</strong>是否签订保密协议</span>}
  39. >
  40. <Radio.Group
  41. onChange={(e) => { this.onChange(e.target.value, 'nda') }}
  42. value={ndaString}
  43. >
  44. <Radio value='0'>无</Radio>
  45. <Radio value='1'>有</Radio>
  46. </Radio.Group>
  47. {nda == 1 ? (
  48. <div>
  49. <PicturesWall
  50. domId={"ndaImg"}
  51. orderNo={orderNo}
  52. fileList={(e) => { this.onChange(e, 'ndaUrl') }}
  53. pictureUrl={ndaUrl}
  54. url="/api/admin/orderChange/uploadFile"
  55. sign="nda"
  56. />
  57. <p>图片建议:要清晰。</p>
  58. </div>
  59. ) : null}
  60. </FormItem>
  61. <FormItem
  62. labelCol={{ span: this.props.labelCol || 5 }}
  63. wrapperCol={{ span: this.props.wrapperCol || 19 }}
  64. label={<span><strong style={{ color: "#f00" }}>*</strong>是否有违约条款</span>}
  65. >
  66. <Radio.Group
  67. onChange={e => {this.onChange(e.target.value, 'breachClause1')}}
  68. value={breachClause1}
  69. >
  70. <Radio value='0'>无</Radio>
  71. <Radio value='1'>有,有限责任违约条款</Radio>
  72. <Radio value='2'>有,无限责任违约条款</Radio>
  73. </Radio.Group>
  74. {breachClause1 && '1,2'.indexOf(breachClause1) > -1 ? (
  75. <div>
  76. <Radio.Group
  77. onChange={(e) => { this.onChange(e.target.value, 'breachClause2') }}
  78. value={breachClause2}
  79. >
  80. <Radio value='1'>与技术服务有关</Radio>
  81. <Radio value='0'>与技术服务无关</Radio>
  82. </Radio.Group>
  83. <div>
  84. <PicturesWall
  85. domId={"breachClauseImg"}
  86. orderNo={orderNo}
  87. fileList={(e) => { this.onChange(e, 'breachClauseUrl') }}
  88. pictureUrl={breachClauseUrl}
  89. url="/api/admin/orderChange/uploadFile"
  90. sign="breach_clause"
  91. />
  92. <p>图片建议:要清晰。</p>
  93. </div>
  94. </div>
  95. ) : null}
  96. </FormItem>
  97. </div >
  98. );
  99. }
  100. }
  101. export default ConfidenBreach;