index.jsx 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. import React,{Component} from 'react';
  2. import {Form, Input, Modal, Select, Spin} from "antd";
  3. import {
  4. getboutique,
  5. } from "@/tools";
  6. const formItemLayout = {
  7. labelCol: { span: 8 },
  8. wrapperCol: { span: 14 }
  9. };
  10. const FormItem = Form.Item;
  11. class ProjectDetailsReadOnly extends Component{
  12. constructor(props) {
  13. super(props);
  14. this.state={
  15. loading: false,
  16. isIso: this.props.infor.commodityName.indexOf("贯标") !== -1,
  17. }
  18. }
  19. render() {
  20. const {
  21. commodityName,
  22. commodityQuantity,
  23. officialCost,
  24. costReduction,
  25. commodityPrice,
  26. main,
  27. taskComment,
  28. ifCertificationFee,//是否包含认证费
  29. certificationFee,//认证费
  30. certificationCorporate,//认证费公司
  31. declarationBatch,//批次
  32. type,//项目类型 0 正常 1专利 2软著 3审计 4双软 5高新 6商标
  33. } = this.props.infor;
  34. const { isIso } = this.state;
  35. return (
  36. <Modal
  37. maskClosable={false}
  38. visible={this.props.visible}
  39. onOk={this.props.onCancel}
  40. onCancel={this.props.onCancel}
  41. width="800px"
  42. title="项目任务详情"
  43. footer=""
  44. className="admin-desc-content"
  45. >
  46. <Form layout="horizontal" id="demand-form">
  47. <div className="clearfix">
  48. <FormItem
  49. className="half-item"
  50. {...formItemLayout}
  51. label="项目名称"
  52. >
  53. <span>{commodityName}</span>
  54. </FormItem>
  55. <FormItem
  56. className="half-item"
  57. {...formItemLayout}
  58. label="项目数量"
  59. >
  60. <span>{commodityQuantity}</span>
  61. </FormItem>
  62. {/*<FormItem*/}
  63. {/* className="half-item"*/}
  64. {/* {...formItemLayout}*/}
  65. {/* label="官费"*/}
  66. {/* style={{ display: this.state.displayFees }}*/}
  67. {/*>*/}
  68. {/* <span>*/}
  69. {/* {officialCost === 0 ? "无官费" : "有官费"}*/}
  70. {/* </span>*/}
  71. {/*</FormItem>*/}
  72. <FormItem
  73. className="half-item"
  74. {...formItemLayout}
  75. label="费减"
  76. style={{ display: this.state.displayFees }}
  77. >
  78. <span>
  79. {costReduction === 0 ? "无费减" : "有费减"}
  80. </span>
  81. </FormItem>
  82. <FormItem
  83. className="half-item"
  84. {...formItemLayout}
  85. label="金额(万元)"
  86. >
  87. <span>{commodityPrice}</span>
  88. </FormItem>
  89. <FormItem
  90. className="half-item"
  91. {...formItemLayout}
  92. label="主要项目"
  93. >
  94. <span>{getboutique(String(main))}</span>
  95. </FormItem>
  96. {type === 5 && <FormItem
  97. className="half-item"
  98. {...formItemLayout}
  99. label="企业申报批次"
  100. >
  101. <span>
  102. {
  103. declarationBatch === 1 ? '第一批' :
  104. declarationBatch === 2 ? '第二批' :
  105. declarationBatch === 3 ? '第三批' :
  106. declarationBatch === 4 ? '第四批' : '未知'
  107. }
  108. </span>
  109. </FormItem>}
  110. {isIso && <FormItem
  111. className="half-item"
  112. {...formItemLayout}
  113. label="认证费"
  114. >
  115. <span>
  116. {
  117. ifCertificationFee === 1 ? '包含' :
  118. ifCertificationFee === 0 ? '不包含' :'未知'
  119. }
  120. </span>
  121. </FormItem> }
  122. {isIso && ifCertificationFee === 1 ?<FormItem
  123. className="half-item"
  124. {...formItemLayout}
  125. label="认证费(万元)"
  126. >
  127. <span>{certificationFee || '暂无'}</span>
  128. </FormItem> : null}
  129. {isIso && ifCertificationFee === 1 ? <FormItem
  130. className="half-item"
  131. {...formItemLayout}
  132. label=""
  133. /> : null}
  134. {isIso && ifCertificationFee === 1 ? <FormItem
  135. className="half-item"
  136. {...formItemLayout}
  137. label="付款公司名称"
  138. >
  139. <span>{certificationCorporate || '暂无'}</span>
  140. </FormItem>:null}
  141. <div className="clearfix">
  142. <FormItem
  143. labelCol={{ span: 4 }}
  144. wrapperCol={{ span: 16 }}
  145. label="服务说明"
  146. >
  147. <span>{taskComment}</span>
  148. </FormItem>
  149. </div>
  150. </div>
  151. </Form>
  152. </Modal>
  153. );
  154. }
  155. }
  156. export default ProjectDetailsReadOnly;