content.jsx 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. import React, { Component } from 'react';
  2. import '../content.less';
  3. import LeftTab from '../leftTab';
  4. import {getMenu} from '../publicMenu.js'
  5. class Content extends Component {
  6. constructor() {
  7. super();
  8. this.state = {
  9. loading: false,
  10. component: <div></div>,
  11. };
  12. }
  13. componentWillMount() {
  14. var ids=window.location.href.indexOf('rid=');
  15. var idk=window.location.href.substr(ids+4);
  16. var rid=idk.split('#');
  17. let menu=getMenu(rid);
  18. let curry;
  19. if(menu[0].subMenus.length>0){
  20. curry=menu[0].subMenus[0].url.split('#');
  21. }else{
  22. curry=menu[0].url.split('#');
  23. };
  24. if (window.location.hash) {
  25. this.getKey(window.location.hash.substr(1));
  26. } else {
  27. this.getKey(curry[1]);
  28. };
  29. }
  30. getKey(key) {
  31. switch (key) {
  32. //项目派单
  33. case "projectAssignment":
  34. require.ensure([], () => {
  35. const ProjectAssignment = require("./project/projectAssignment")
  36. .default;
  37. this.setState({
  38. component: <ProjectAssignment ApiUrl={""} />
  39. });
  40. });
  41. break;
  42. //项目查询
  43. case "projectQuery":
  44. require.ensure([], () => {
  45. const ProjectQuery = require("./project/projectQuery")
  46. .default;
  47. this.setState({
  48. component: <ProjectQuery ApiUrl={""} />
  49. });
  50. });
  51. break;
  52. //外包派单
  53. case "zxsglyOutSourcingPaiDan":
  54. require.ensure([], () => {
  55. const ZxsglyOutSourcingPaiDan = require("./project/zxsglyOutSourcingPaiDan")
  56. .default;
  57. this.setState({
  58. component: <ZxsglyOutSourcingPaiDan ApiUrl={""} />
  59. });
  60. });
  61. break;
  62. //外包任务派单
  63. case "outsourceTaskAssignment":
  64. require.ensure([], () => {
  65. const OutsourceTaskAssignment = require("./project/outsourceTaskAssignment")
  66. .default;
  67. this.setState({
  68. component: <OutsourceTaskAssignment ApiUrl={""} />
  69. });
  70. });
  71. break;
  72. //任务查询
  73. case "taskQuery":
  74. require.ensure([], () => {
  75. const TaskQuery = require("./task/taskQuery").default;
  76. this.setState({
  77. component: <TaskQuery ApiUrl={""} />
  78. });
  79. });
  80. break;
  81. //任务派单
  82. case "taskAssignment":
  83. require.ensure([], () => {
  84. const TaskAssignment = require("./task/taskAssignment")
  85. .default;
  86. this.setState({
  87. component: <TaskAssignment ApiUrl={""} />
  88. });
  89. });
  90. break;
  91. //我的任务
  92. case "myTask":
  93. require.ensure([], () => {
  94. const MyTask = require("./task/myTask").default;
  95. this.setState({
  96. component: <MyTask ApiUrl={""} />
  97. });
  98. });
  99. break;
  100. //我的外包任务
  101. case "myTaskOutsource":
  102. require.ensure([], () => {
  103. const MyTaskOutsource = require("./task/myTaskOutsource")
  104. .default;
  105. this.setState({
  106. component: <MyTaskOutsource ApiUrl={""} />
  107. });
  108. });
  109. break;
  110. //合同变更审核列表
  111. case "contractChangeJsy":
  112. require.ensure([], () => {
  113. const ContractChangeJsy = require("./task/contractChangeJsy")
  114. .default;
  115. this.setState({
  116. component: <ContractChangeJsy ApiUrl={""} />
  117. });
  118. });
  119. break;
  120. //合同变更审核列表
  121. case "contractChangeJsjl":
  122. require.ensure([], () => {
  123. const ContractChangeJsjl = require("./task/contractChangeJsjl")
  124. .default;
  125. this.setState({
  126. component: <ContractChangeJsjl ApiUrl={""} />
  127. });
  128. });
  129. break;
  130. //合同变更审核列表
  131. case "contractChangeJszj":
  132. require.ensure([], () => {
  133. const ContractChangeJszj = require("./task/contractChangeJszj")
  134. .default;
  135. this.setState({
  136. component: <ContractChangeJszj ApiUrl={""} />
  137. });
  138. });
  139. break;
  140. //任务统计
  141. case "taskCount":
  142. require.ensure([], () => {
  143. const TaskCount = require("./task/taskCount").default;
  144. this.setState({
  145. component: <TaskCount ApiUrl={""} />
  146. });
  147. });
  148. break;
  149. //我的任务统计
  150. case "myTaskCount":
  151. require.ensure([], () => {
  152. const MyTaskCount = require("./task/myTaskCount").default;
  153. this.setState({
  154. component: <MyTaskCount ApiUrl={""} />
  155. });
  156. });
  157. break;
  158. default:
  159. require.ensure([], () => {
  160. const Module = require("../module").default;
  161. this.setState({
  162. component: <Module ApiUrl={""} />
  163. });
  164. });
  165. };
  166. window.location.hash = key;
  167. }
  168. render() {
  169. return (
  170. <div className="manage-content">
  171. <LeftTab handlekey={this.getKey.bind(this)} />
  172. <div className="content-right">
  173. {this.state.component}
  174. </div>
  175. </div>
  176. )
  177. }
  178. }
  179. export default Content;