innovationAbility.jsx 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. import React from 'react';
  2. import './ablt.less';
  3. import ajax from 'jquery/src/ajax/xhr.js'
  4. import $ from 'jquery/src/ajax';
  5. import { Input, Button, Spin, message } from 'antd';
  6. const Base = React.createClass({
  7. getInitialState() {
  8. return {
  9. loading: false,
  10. tags: []
  11. };
  12. },
  13. componentWillMount() {
  14. this.setState({
  15. loading: true
  16. });
  17. $.ajax({
  18. method: "post",
  19. dataType: "json",
  20. url: globalConfig.context + "/api/admin/able",
  21. data: {
  22. uid: this.props.data.uid
  23. },
  24. success: function (data) {
  25. if (data.data) {
  26. this.setState({
  27. intellectRight: data.data.intellectRight,
  28. scienceAchievement: data.data.scienceAchievement,
  29. researchInnovation: data.data.researchInnovation,
  30. personnel: data.data.personnel
  31. });
  32. } else if (data.error && data.error.length) {
  33. message.warning(data.error[0].message);
  34. };
  35. }.bind(this),
  36. }).always(function () {
  37. this.setState({
  38. loading: false
  39. });
  40. }.bind(this));
  41. },
  42. submit() {
  43. let theTags = this.state.tags.join(",");
  44. this.setState({
  45. loading: true
  46. })
  47. $.ajax({
  48. method: "POST",
  49. dataType: "json",
  50. crossDomain: false,
  51. url: globalConfig.context + "/api/admin/disposeAble",
  52. data: {
  53. uid:this.props.data.uid,
  54. intellectRight: this.state.intellectRight,
  55. scienceAchievement: this.state.scienceAchievement,
  56. researchInnovation: this.state.researchInnovation,
  57. personnel: this.state.personnel
  58. }
  59. }).done(function (data) {
  60. if (!data.error.length) {
  61. message.success('保存成功!');
  62. } else {
  63. message.warning(data.error[0].message);
  64. }
  65. }.bind(this)).always(function () {
  66. this.setState({
  67. loading: false
  68. })
  69. }.bind(this));
  70. },
  71. render() {
  72. return (
  73. <Spin spinning={this.state.loading} className='spin-box'>
  74. <div className="set-ablt">
  75. <div className="acc-detail clearfix">
  76. <p className="acc-title">能力标签</p>
  77. <div className="acc-area">
  78. <p>知识产权对企业竞争力的作用 (限400字) </p>
  79. <Input type="textarea" rows={6}
  80. value={this.state.intellectRight}
  81. onChange={(e) => {
  82. if (e.target.value.length > 400) {
  83. message.warning("长度超过400字!");
  84. return;
  85. };
  86. this.setState({ intellectRight: e.target.value });
  87. }} />
  88. </div>
  89. <div className="acc-area">
  90. <p>科技成果转化情况 (限400字) </p>
  91. <Input type="textarea" rows={6}
  92. value={this.state.scienceAchievement}
  93. onChange={(e) => {
  94. if (e.target.value.length > 400) {
  95. message.warning("长度超过400字!");
  96. return;
  97. };
  98. this.setState({ scienceAchievement: e.target.value })
  99. }} />
  100. </div>
  101. <div className="acc-area">
  102. <p>研究开发与技术创新组织管理情况 (限400字) </p>
  103. <Input type="textarea" rows={6}
  104. value={this.state.researchInnovation}
  105. onChange={(e) => {
  106. if (e.target.value.length > 400) {
  107. message.warning("长度超过400字!");
  108. return;
  109. };
  110. this.setState({ researchInnovation: e.target.value })
  111. }} />
  112. </div>
  113. <div className="acc-area">
  114. <p>管理与科技人员情况 (限400字) </p>
  115. <Input type="textarea" rows={6}
  116. value={this.state.personnel}
  117. onChange={(e) => {
  118. if (e.target.value.length > 400) {
  119. message.warning("长度超过400字!");
  120. return;
  121. };
  122. this.setState({ personnel: e.target.value })
  123. }} />
  124. </div>
  125. </div>
  126. <Button className="set-submit" type="primary" onClick={this.submit}>保存</Button>
  127. </div>
  128. </Spin>
  129. )
  130. }
  131. });
  132. export default Base;