confidenBreachView.jsx 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. import React, { Component } from "react";
  2. import { Form } from "antd";
  3. import ImgList from "../../../common/imgList/index.js";
  4. import { splitUrl } from "../../../tools.js";
  5. /**
  6. * 订单保密&违约说明详情
  7. */
  8. const FormItem = Form.Item;
  9. const ndaOptions = {
  10. 1: '是',
  11. 0: '否'
  12. };
  13. const breachClauseOptions = {
  14. 0: '否',
  15. 1: '有,有限责任违约条款,与技术服务有关',
  16. 2: '有,有限责任违约条款,与技术服务无关',
  17. 3: '有,无限责任违约条款,与技术服务有关',
  18. 4: '有,无限责任违约条款,与技术服务无关'
  19. };
  20. class ConfidenBreachView extends Component {
  21. constructor(props) {
  22. super(props);
  23. }
  24. onChange(value, updateKey) {
  25. this.props.onChange(value, updateKey)
  26. }
  27. getFileList(url) {
  28. let fileList = []
  29. if (url instanceof Array) {
  30. fileList = url
  31. } else {
  32. fileList = url ? splitUrl(url, ",", globalConfig.avatarHost + "/upload") : []
  33. }
  34. return fileList
  35. }
  36. render() {
  37. let _data = {}
  38. if (!!this.props.data) {
  39. _data = this.props.data
  40. }
  41. const { nda, ndaUrl, breachClauseUrl, breachClause } = _data;
  42. return (
  43. <div>
  44. <div style={{display: 'flex', alignItems: 'center' }}>
  45. <h3
  46. style={{
  47. marginLeft: 10,
  48. fontWeight: 800,
  49. marginBottom: 10,
  50. }}
  51. >
  52. 保密&违约说明 &nbsp; &nbsp; &nbsp;
  53. </h3>
  54. <div style={{ padding: '10px', backgroundColor: 'yellow', color: '#000' }}>
  55. <p>营销说明:未如实填报,责任由营销本人全部承担</p>
  56. <p>技术说明:请认真阅读保密/违约条款,并规避相关事项,含保密要求的企业,发送任何资料必须脱密</p>
  57. </div>
  58. </div>
  59. <FormItem
  60. labelCol={{ span: this.props.labelCol || 5 }}
  61. wrapperCol={{ span: this.props.wrapperCol || 19 }}
  62. label='是否签订保密协议'
  63. >
  64. <div>{ndaOptions[nda]}</div>
  65. {nda === 1 ? <ImgList domId={"ndaImg"} fileList={this.getFileList(ndaUrl)} ItemWidth={'96px'} /> : null}
  66. </FormItem>
  67. <FormItem
  68. labelCol={{ span: this.props.labelCol || 5 }}
  69. wrapperCol={{ span: this.props.wrapperCol || 19 }}
  70. label='是否有违约条款'
  71. >
  72. <div>{breachClauseOptions[breachClause]}</div>
  73. {breachClause !== 0 ? <ImgList domId={"breachClauseImg"} fileList={this.getFileList(breachClauseUrl)} ItemWidth={'96px'} /> : null}
  74. </FormItem>
  75. </div >
  76. );
  77. }
  78. }
  79. export default ConfidenBreachView;