checkInfor.jsx 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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 checkInfor extends Component{
  12. constructor(props) {
  13. super(props);
  14. this.state={
  15. loading: false,
  16. }
  17. }
  18. render() {
  19. const {
  20. commodityName,
  21. commodityQuantity,
  22. officialCost,
  23. costReduction,
  24. commodityPrice,
  25. main,
  26. taskComment,
  27. ifCertificationFee,//是否包含认证费
  28. declarationBatch,//批次
  29. type,//项目类型 0 正常 1专利 2软著 3审计 4双软 5高新 6商标
  30. } = this.props.infor;
  31. return (
  32. <Modal
  33. maskClosable={false}
  34. visible={this.props.visible}
  35. onOk={this.props.onCancel}
  36. onCancel={this.props.onCancel}
  37. width="800px"
  38. title="项目任务详情"
  39. footer=""
  40. className="admin-desc-content"
  41. >
  42. <Form layout="horizontal" id="demand-form">
  43. <div className="clearfix">
  44. <FormItem
  45. className="half-item"
  46. {...formItemLayout}
  47. label="项目名称"
  48. >
  49. <span>{commodityName}</span>
  50. </FormItem>
  51. <FormItem
  52. className="half-item"
  53. {...formItemLayout}
  54. label="项目数量"
  55. >
  56. <span>{commodityQuantity}</span>
  57. </FormItem>
  58. <FormItem
  59. className="half-item"
  60. {...formItemLayout}
  61. label="官费"
  62. style={{ display: this.state.displayFees }}
  63. >
  64. <span>
  65. {officialCost === 0 ? "无官费" : "有官费"}
  66. </span>
  67. </FormItem>
  68. <FormItem
  69. className="half-item"
  70. {...formItemLayout}
  71. label="费减"
  72. style={{ display: this.state.displayFees }}
  73. >
  74. <span>
  75. {costReduction === 0 ? "无费减" : "有费减"}
  76. </span>
  77. </FormItem>
  78. <FormItem
  79. className="half-item"
  80. {...formItemLayout}
  81. label="金额(万元)"
  82. >
  83. <span>{commodityPrice}</span>
  84. </FormItem>
  85. <FormItem
  86. className="half-item"
  87. {...formItemLayout}
  88. label="主要项目"
  89. >
  90. <span>{getboutique(String(main))}</span>
  91. </FormItem>
  92. {type === 5 && <FormItem
  93. className="half-item"
  94. {...formItemLayout}
  95. label="企业申报批次"
  96. >
  97. <span>
  98. {
  99. declarationBatch === 1 ? '第一批' :
  100. declarationBatch === 2 ? '第二批' :
  101. declarationBatch === 3 ? '第三批' :
  102. declarationBatch === 4 ? '第四批' : '未知'
  103. }
  104. </span>
  105. </FormItem>}
  106. <div className="clearfix">
  107. <FormItem
  108. labelCol={{ span: 4 }}
  109. wrapperCol={{ span: 16 }}
  110. label="服务说明"
  111. >
  112. <span>{taskComment}</span>
  113. </FormItem>
  114. </div>
  115. </div>
  116. </Form>
  117. </Modal>
  118. );
  119. }
  120. }
  121. export default checkInfor;