content.jsx 10 KB

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