content.jsx 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. import React, { Component } from 'react';
  2. import '../content.less';
  3. import './content.less';
  4. import LeftTab from './leftTab';
  5. class Content extends Component {
  6. constructor() {
  7. super();
  8. this.state = {
  9. loading: false,
  10. component: <div></div>,
  11. };
  12. }
  13. componentWillMount () {
  14. if (window.location.hash) {
  15. this.getKey(window.location.hash.substr(1));
  16. } else {
  17. this.getKey("myService");
  18. };
  19. }
  20. getKey (key) {
  21. switch (key) {
  22. case 'membership':
  23. require.ensure([], () => {
  24. const Membership = require('./memberOrderList').default;
  25. this.setState({
  26. component: <Membership />
  27. });
  28. });
  29. break;
  30. case 'consult':
  31. require.ensure([], () => {
  32. const Consult = require('./consultOrderList').default;
  33. this.setState({
  34. component: <Consult />
  35. });
  36. });
  37. break;
  38. case 'userAchievementOrder':
  39. require.ensure([], () => {
  40. const AchievementOrder = require('../achievement/achievementOrder').default;
  41. this.setState({
  42. component: <AchievementOrder
  43. data-listApiUrl='/api/admin/portal/order/userAchievementOrderList'
  44. data-detailApiUrl='/api/admin/achievement/userDetail' />
  45. });
  46. });
  47. break;
  48. case 'orgAchievementOrder':
  49. require.ensure([], () => {
  50. const AchievementOrder = require('../achievement/achievementOrder').default;
  51. this.setState({
  52. component: <AchievementOrder
  53. data-listApiUrl='/api/admin/portal/order/orgAchievementOrderList'
  54. data-detailApiUrl='/api/admin/achievement/orgDetail' />
  55. });
  56. });
  57. break;
  58. //订单新增空白
  59. //我的订单
  60. case 'myService': //科技服务订单
  61. require.ensure([], () => {
  62. const Module = require('../module').default;
  63. this.setState({
  64. component: <Module />,
  65. });
  66. });
  67. break;
  68. case 'myActivity': //活动报名订单
  69. require.ensure([], () => {
  70. const Module = require('../module').default;
  71. this.setState({
  72. component: <Module />,
  73. });
  74. });
  75. break;
  76. case 'myMember': //会员服务订单
  77. require.ensure([], () => {
  78. const Module = require('../module').default;
  79. this.setState({
  80. component: <Module />,
  81. });
  82. });
  83. break;
  84. case 'myAchievement': //科技成果交易订单
  85. require.ensure([], () => {
  86. const Module = require('../module').default;
  87. this.setState({
  88. component: <Module />,
  89. });
  90. });
  91. break;
  92. case 'myDemand': //科技需求交易订单
  93. require.ensure([], () => {
  94. const Module = require('../module').default;
  95. this.setState({
  96. component: <Module />,
  97. });
  98. });
  99. break;
  100. case 'myExpert': //科技专家约见订单
  101. require.ensure([], () => {
  102. const Module = require('../module').default;
  103. this.setState({
  104. component: <Module />,
  105. });
  106. });
  107. break;
  108. //订单管理
  109. case 'serviceManage': //科技服务订单
  110. require.ensure([], () => {
  111. const Module = require('../module').default;
  112. this.setState({
  113. component: <Module />,
  114. });
  115. });
  116. break;
  117. case 'activityManage': //活动报名订单
  118. require.ensure([], () => {
  119. const Module = require('../module').default;
  120. this.setState({
  121. component: <Module />,
  122. });
  123. });
  124. break;
  125. case 'memberManage': //会员服务订单
  126. require.ensure([], () => {
  127. const Module = require('../module').default;
  128. this.setState({
  129. component: <Module />,
  130. });
  131. });
  132. break;
  133. case 'achievementManage': //科技成果交易订单
  134. require.ensure([], () => {
  135. const Module = require('../module').default;
  136. this.setState({
  137. component: <Module />,
  138. });
  139. });
  140. break;
  141. case 'demandManage': //科技需求交易订单
  142. require.ensure([], () => {
  143. const Module = require('../module').default;
  144. this.setState({
  145. component: <Module />,
  146. });
  147. });
  148. break;
  149. case 'expertManage': //科技专家约见订单
  150. require.ensure([], () => {
  151. const Module = require('../module').default;
  152. this.setState({
  153. component: <Module />,
  154. });
  155. });
  156. break;
  157. //合同单管理
  158. case 'myContract': //我的合同单
  159. require.ensure([], () => {
  160. const Module = require('../module').default;
  161. this.setState({
  162. component: <Module />,
  163. });
  164. });
  165. break;
  166. case 'contractQuery': //合同单查询
  167. require.ensure([], () => {
  168. const Module = require('../module').default;
  169. this.setState({
  170. component: <Module />,
  171. });
  172. });
  173. break;
  174. case 'contractManage': //合同单管理
  175. require.ensure([], () => {
  176. const Module = require('../module').default;
  177. this.setState({
  178. component: <Module />,
  179. });
  180. });
  181. break;
  182. //项目单管理
  183. case 'myProject': //我的项目单
  184. require.ensure([], () => {
  185. const Module = require('../module').default;
  186. this.setState({
  187. component: <Module />,
  188. });
  189. });
  190. break;
  191. case 'projectQuery': //项目单查询
  192. require.ensure([], () => {
  193. const Module = require('../module').default;
  194. this.setState({
  195. component: <Module />,
  196. });
  197. });
  198. break;
  199. case 'projectManage': //项目单管理
  200. require.ensure([], () => {
  201. const Module = require('../module').default;
  202. this.setState({
  203. component: <Module />,
  204. });
  205. });
  206. break;
  207. //结算订单管理
  208. case 'mySettlement': //我的结算订单
  209. require.ensure([], () => {
  210. const Module = require('../module').default;
  211. this.setState({
  212. component: <Module />,
  213. });
  214. });
  215. break;
  216. case 'settlementQuery': //结算订单查询
  217. require.ensure([], () => {
  218. const Module = require('../module').default;
  219. this.setState({
  220. component: <Module />,
  221. });
  222. });
  223. break;
  224. case 'settlementManage': //结算订单管理
  225. require.ensure([], () => {
  226. const Module = require('../module').default;
  227. this.setState({
  228. component: <Module />,
  229. });
  230. });
  231. break;
  232. //结算流水管理
  233. case 'myBill': //我的结算流水
  234. require.ensure([], () => {
  235. const Module = require('../module').default;
  236. this.setState({
  237. component: <Module />,
  238. });
  239. });
  240. break;
  241. case 'BillQuery': //结算流水查询
  242. require.ensure([], () => {
  243. const Module = require('../module').default;
  244. this.setState({
  245. component: <Module />,
  246. });
  247. });
  248. break;
  249. case 'BillManage': //结算流水管理
  250. require.ensure([], () => {
  251. const Module = require('../module').default;
  252. this.setState({
  253. component: <Module />,
  254. });
  255. });
  256. break;
  257. };
  258. window.location.hash = key;
  259. }
  260. render () {
  261. return (
  262. <div className="manage-content">
  263. <LeftTab handlekey={this.getKey.bind(this)} />
  264. <div className="content-right">
  265. {this.state.component}
  266. </div>
  267. </div>
  268. )
  269. }
  270. }
  271. export default Content;