content.jsx 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. import React from 'react';
  2. import '../content.less';
  3. import LeftTab from './leftTab.jsx';
  4. import Patent from './patent';
  5. const Content = React.createClass({
  6. getInitialState() {
  7. return {
  8. loading: false,
  9. leftKey: 'patent',
  10. component: Patent,
  11. userType: '0'
  12. };
  13. },
  14. handlekey(key) {
  15. switch (key) {
  16. case 'patent':
  17. this.setState({
  18. component: Patent,
  19. leftKey: 'patent'
  20. });
  21. break;
  22. case 'cognizance':
  23. require.ensure([], () => {
  24. const Cognizance = require('./cognizance').default;
  25. this.setState({
  26. component: Cognizance,
  27. leftKey: 'cognizance'
  28. });
  29. });
  30. break;
  31. case 'copyright':
  32. require.ensure([], () => {
  33. const Copyright = require('./copyright/copyright').default;
  34. this.setState({
  35. component: Copyright,
  36. leftKey: 'copyright'
  37. });
  38. });
  39. break;
  40. case 'technology':
  41. require.ensure([], () => {
  42. const Technology = require('./technology').default;
  43. this.setState({
  44. component: Technology,
  45. leftKey: 'technology'
  46. });
  47. });
  48. break;
  49. case 'companyDetail':
  50. require.ensure([], () => {
  51. const CompanyDetail = require('./companyDetail').default;
  52. this.setState({
  53. component: CompanyDetail,
  54. leftKey: 'companyDetail'
  55. });
  56. });
  57. break;
  58. case 'orgTechCenter':
  59. require.ensure([], () => {
  60. const OrgTechCenter = require('./orgTechCenter').default;
  61. this.setState({
  62. component: OrgTechCenter,
  63. leftKey: 'orgTechCenter'
  64. });
  65. });
  66. break;
  67. case 'activity':
  68. require.ensure([], () => {
  69. const Activity = require('./activity').default;
  70. this.setState({
  71. component: Activity,
  72. leftKey: 'activity'
  73. });
  74. });
  75. break;
  76. case 'activityCostList':
  77. require.ensure([], () => {
  78. const ActivityCostList = require('./activityCostList').default;
  79. this.setState({
  80. component: ActivityCostList,
  81. leftKey: 'activityCostList'
  82. });
  83. });
  84. break;
  85. case 'techProduct':
  86. require.ensure([], () => {
  87. const TechProduct = require('./techProduct').default;
  88. this.setState({
  89. component: TechProduct,
  90. leftKey: 'techProduct'
  91. });
  92. });
  93. break;
  94. case 'intellectual':
  95. require.ensure([], () => {
  96. const Intellectual = require('./intellectual').default;
  97. this.setState({
  98. component: Intellectual,
  99. leftKey: 'intellectual'
  100. });
  101. });
  102. break;
  103. case 'achievement':
  104. require.ensure([], () => {
  105. const Achievement = require('./achievement').default;
  106. this.setState({
  107. component: Achievement,
  108. leftKey: 'achievement'
  109. });
  110. });
  111. break;
  112. case 'ratepay':
  113. require.ensure([], () => {
  114. const Ratepay = require('./ratepay').default;
  115. this.setState({
  116. component: Ratepay,
  117. leftKey: 'ratepay'
  118. });
  119. });
  120. break;
  121. case 'finance':
  122. require.ensure([], () => {
  123. const Finance = require('./finance').default;
  124. this.setState({
  125. component: Finance,
  126. leftKey: 'finance'
  127. });
  128. });
  129. break;
  130. case 'honorList':
  131. require.ensure([], () => {
  132. const HonorList = require('./honorList').default;
  133. this.setState({
  134. component: HonorList,
  135. leftKey: 'honorList'
  136. });
  137. });
  138. break;
  139. case 'standard':
  140. require.ensure([], () => {
  141. const Standard = require('./standard').default;
  142. this.setState({
  143. component: Standard,
  144. leftKey: 'standard'
  145. });
  146. });
  147. break;
  148. case 'annualReport':
  149. require.ensure([], () => {
  150. const AnnualReport = require('./annualReport').default;
  151. this.setState({
  152. component: AnnualReport,
  153. leftKey: 'annualReport'
  154. });
  155. });
  156. break;
  157. };
  158. window.location.hash = key;
  159. },
  160. componentWillMount() {
  161. if (window.location.hash) {
  162. this.handlekey(window.location.hash.substr(1));
  163. };
  164. },
  165. render() {
  166. return (
  167. <div className="acc-content">
  168. <LeftTab handlekey={this.handlekey} />
  169. <div className="content-right">
  170. <this.state.component />
  171. </div>
  172. </div>
  173. )
  174. }
  175. });
  176. export default Content;