content.jsx 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  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 "highTech":
  54. require.ensure([], () => {
  55. const ProjectQuery = require("./summary/highTech")
  56. .default;
  57. this.setState({
  58. component: <ProjectQuery ApiUrl={""} />
  59. });
  60. });
  61. break;
  62. //项目统计
  63. case "projecCount":
  64. require.ensure([], () => {
  65. const ProjectQuery = require("./summary/projecCount")
  66. .default;
  67. this.setState({
  68. component: <ProjectQuery ApiUrl={""} />
  69. });
  70. });
  71. break;
  72. //外包派单
  73. case "zxsglyOutSourcingPaiDan":
  74. require.ensure([], () => {
  75. const ZxsglyOutSourcingPaiDan = require("./project/zxsglyOutSourcingPaiDan")
  76. .default;
  77. this.setState({
  78. component: <ZxsglyOutSourcingPaiDan ApiUrl={""} />
  79. });
  80. });
  81. break;
  82. //外包任务派单
  83. case "outsourceTaskAssignment":
  84. require.ensure([], () => {
  85. const OutsourceTaskAssignment = require("./project/outsourceTaskAssignment")
  86. .default;
  87. this.setState({
  88. component: <OutsourceTaskAssignment ApiUrl={""} />
  89. });
  90. });
  91. break;
  92. //企业项目查询
  93. case "enterpriseProjectQuery":
  94. require.ensure([], () => {
  95. const EnterpriseProjectQuery = require("./project/enterpriseProjectQuery")
  96. .default;
  97. this.setState({
  98. component: <EnterpriseProjectQuery ApiUrl={""} />
  99. });
  100. });
  101. break;
  102. case "businessManagement":
  103. require.ensure([], () => {
  104. const BusinessManagement = require("./task/businessManagement/index")
  105. .default;
  106. this.setState({
  107. component: <BusinessManagement ApiUrl={""} />
  108. });
  109. });
  110. break;
  111. //任务查询
  112. case "taskQuery":
  113. require.ensure([], () => {
  114. const TaskQuery = require("./task/taskQuery").default;
  115. this.setState({
  116. component: <TaskQuery ApiUrl={""} />
  117. });
  118. });
  119. break;
  120. case "taskQueryZxs":
  121. require.ensure([], () => {
  122. const TaskQuery = require("./task/taskQueryZxs").default;
  123. this.setState({
  124. component: <TaskQuery ApiUrl={""} />
  125. });
  126. });
  127. break;
  128. //任务派单
  129. case "taskAssignment":
  130. require.ensure([], () => {
  131. const TaskAssignment = require("./task/taskAssignment")
  132. .default;
  133. this.setState({
  134. component: <TaskAssignment ApiUrl={""} />
  135. });
  136. });
  137. break;
  138. //专利列表
  139. case "patentList":
  140. require.ensure([], () => {
  141. const PatentList = require("./patent/list")
  142. .default;
  143. this.setState({
  144. component: <PatentList />
  145. });
  146. });
  147. break;
  148. //专利成本审核列表(专利管理员查看)
  149. case "patentCostList":
  150. require.ensure([], () => {
  151. const CostAuditList = require("../order/orderNew/costAuditList").default;
  152. this.setState({
  153. component: <CostAuditList isPatentManager/>,
  154. });
  155. });
  156. break;
  157. //我的任务
  158. case "myTask":
  159. require.ensure([], () => {
  160. const MyTask = require("./task/myTask").default;
  161. this.setState({
  162. component: <MyTask ApiUrl={""} />
  163. });
  164. });
  165. break;
  166. //我的任务
  167. case "myTaskZxs":
  168. require.ensure([], () => {
  169. const MyTask = require("./task/myTaskZxs").default;
  170. this.setState({
  171. component: <MyTask ApiUrl={""} />
  172. });
  173. });
  174. break;
  175. //我的外包任务
  176. case "myTaskOutsource":
  177. require.ensure([], () => {
  178. const MyTaskOutsource = require("./task/myTaskOutsource")
  179. .default;
  180. this.setState({
  181. component: <MyTaskOutsource ApiUrl={""} />
  182. });
  183. });
  184. break;
  185. //我的外包任务
  186. case "myTaskOutsourceZxs":
  187. require.ensure([], () => {
  188. const MyTaskOutsource = require("./task/myTaskOutsourceZxs")
  189. .default;
  190. this.setState({
  191. component: <MyTaskOutsource ApiUrl={""} />
  192. });
  193. });
  194. break;
  195. //合同变更审核列表
  196. case "contractChangeJsy":
  197. require.ensure([], () => {
  198. const ContractChangeJsy = require("./task/contractChangeJsy")
  199. .default;
  200. this.setState({
  201. component: <ContractChangeJsy ApiUrl={""} />
  202. });
  203. });
  204. break;
  205. //合同变更审核列表
  206. case "contractChangeJsjl":
  207. require.ensure([], () => {
  208. const ContractChangeJsjl = require("./task/contractChangeJsjl")
  209. .default;
  210. this.setState({
  211. component: <ContractChangeJsjl ApiUrl={""} />
  212. });
  213. });
  214. break;
  215. //合同变更审核列表
  216. case "contractChangeJszj":
  217. require.ensure([], () => {
  218. const ContractChangeJszj = require("./task/contractChangeJszj")
  219. .default;
  220. this.setState({
  221. component: <ContractChangeJszj ApiUrl={""} />
  222. });
  223. });
  224. break;
  225. //付款申请驳回列表
  226. case "payApplyReject":
  227. require.ensure([], () => {
  228. const PayApplyReject = require("./task/payApplyReject/index")
  229. .default;
  230. this.setState({
  231. component: <PayApplyReject ApiUrl={""} />
  232. });
  233. });
  234. break;
  235. //任务统计
  236. case "taskCount":
  237. require.ensure([], () => {
  238. const TaskCount = require("./task/taskCount").default;
  239. this.setState({
  240. component: <TaskCount ApiUrl={""} />
  241. });
  242. });
  243. break;
  244. //我的任务统计
  245. case "myTaskCount":
  246. require.ensure([], () => {
  247. const MyTaskCount = require("./task/myTaskCount").default;
  248. this.setState({
  249. component: <MyTaskCount ApiUrl={""} />
  250. });
  251. });
  252. break;
  253. default:
  254. require.ensure([], () => {
  255. const Module = require("../module").default;
  256. this.setState({
  257. component: <Module ApiUrl={""} />
  258. });
  259. });
  260. };
  261. window.location.hash = key;
  262. }
  263. render() {
  264. return (
  265. <div className="manage-content">
  266. <LeftTab handlekey={this.getKey.bind(this)} />
  267. <div className="content-right">
  268. {this.state.component}
  269. </div>
  270. </div>
  271. )
  272. }
  273. }
  274. export default Content;