innovationAbility.jsx 5.6 KB

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