content.jsx 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. import React, { Component } from 'react';
  2. import '../content.less';
  3. import './content.less';
  4. import LeftTab from '../leftTab';
  5. import { getMenu } from '../publicMenu.js'
  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. //科技服务订单
  34. case "myService":
  35. require.ensure([], () => {
  36. const MyService = require("./myOrder/servicesOrder/myService")
  37. .default;
  38. this.setState({
  39. component: <MyService />
  40. });
  41. });
  42. break;
  43. //催款列表
  44. case "pressList":
  45. require.ensure([], () => {
  46. const PressList = require("./orderNew/pressList").default;
  47. this.setState({
  48. component: <PressList />
  49. });
  50. });
  51. break;
  52. //开单与签单
  53. case "billing":
  54. require.ensure([], () => {
  55. const Billing = require("./orderNew/billing").default;
  56. this.setState({
  57. component: <Billing />
  58. });
  59. });
  60. break;
  61. //订单审核新
  62. case "examine":
  63. require.ensure([], () => {
  64. const Examine = require("./orderNew/examine").default;
  65. this.setState({
  66. component: <Examine />
  67. });
  68. });
  69. break;
  70. //外包审核列表
  71. case "outsourcingList":
  72. require.ensure([], () => {
  73. const OutsourcingList = require("./orderNew/outsourcingList")
  74. .default;
  75. this.setState({
  76. component: <OutsourcingList />
  77. });
  78. });
  79. break;
  80. //外包项目审核列表
  81. case "outsourcingPro":
  82. require.ensure([], () => {
  83. const OutsourcingPro = require("./orderNew/OutsourcingPro")
  84. .default;
  85. this.setState({
  86. component: <OutsourcingPro />
  87. });
  88. });
  89. break;
  90. //外包审核列表
  91. case "checkOutsourcing":
  92. require.ensure([], () => {
  93. const CheckOutsourcing = require("./orderNew/checkOutsourcing")
  94. .default;
  95. this.setState({
  96. component: <CheckOutsourcing />
  97. });
  98. });
  99. break;
  100. //驳回管理新
  101. case "reject":
  102. require.ensure([], () => {
  103. const Reject = require("./orderNew/reject").default;
  104. this.setState({
  105. component: <Reject />
  106. });
  107. });
  108. break;
  109. //退单管理新
  110. case "chargeback":
  111. require.ensure([], () => {
  112. const Chargeback = require("./orderNew/chargeback")
  113. .default;
  114. this.setState({
  115. component: <Chargeback />
  116. });
  117. });
  118. break;
  119. //退单管理新
  120. case "approveds":
  121. require.ensure([], () => {
  122. const Approveds = require("./orderNew/approveds").default;
  123. this.setState({
  124. component: <Approveds />
  125. });
  126. });
  127. break;
  128. //合同变更审核
  129. case "contractChangeYxy":
  130. require.ensure([], () => {
  131. const ContractChangeYxy = require("./orderNew/contractChangeYxy")
  132. .default;
  133. this.setState({
  134. component: <ContractChangeYxy />
  135. });
  136. });
  137. break;
  138. //合同变更审核
  139. case "contractChangeYxgly":
  140. require.ensure([], () => {
  141. const ContractChangeYxgly = require("./orderNew/contractChangeYxgly")
  142. .default;
  143. this.setState({
  144. component: <ContractChangeYxgly />
  145. });
  146. });
  147. break;
  148. //合同变更审核
  149. case "contractChangeZc":
  150. require.ensure([], () => {
  151. const ContractChangeZc = require("./orderNew/contractChangeZc")
  152. .default;
  153. this.setState({
  154. component: <ContractChangeZc />
  155. });
  156. });
  157. break;
  158. //合同变更审核
  159. case "contractChangeDsz":
  160. require.ensure([], () => {
  161. const ContractChangeDsz = require("./orderNew/contractChangeDsz")
  162. .default;
  163. this.setState({
  164. component: <ContractChangeDsz />
  165. });
  166. });
  167. break;
  168. //订单查询新
  169. case "inquiry":
  170. require.ensure([], () => {
  171. const Inquiry = require("./orderNew/inquiry").default;
  172. this.setState({
  173. component: <Inquiry />
  174. });
  175. });
  176. break;
  177. //催款统计新
  178. case "press":
  179. require.ensure([], () => {
  180. const Press = require("./orderNew/press").default;
  181. this.setState({
  182. component: <Press />
  183. });
  184. });
  185. break;
  186. case "orderStatistics":
  187. require.ensure([], () => {
  188. const OrderStatistics = require("./orderStatistics/orderStatistics")
  189. .default;
  190. this.setState({
  191. component: <OrderStatistics />
  192. });
  193. });
  194. break;
  195. case "serviceManage":
  196. require.ensure([], () => {
  197. const ServiceManage = require("./departmentOrder/servicesOrder/serviceManage")
  198. .default;
  199. this.setState({
  200. component: <ServiceManage />
  201. });
  202. });
  203. break;
  204. case "public":
  205. require.ensure([], () => {
  206. const PublicOrder = require("./orderManagement/publicOrder/publicOrder")
  207. .default;
  208. this.setState({
  209. component: <PublicOrder />
  210. });
  211. });
  212. break;
  213. case "approved":
  214. require.ensure([], () => {
  215. const ApproveOrder = require("./orderManagement/approveOrder/approveOrder")
  216. .default;
  217. this.setState({
  218. component: <ApproveOrder />
  219. });
  220. });
  221. break;
  222. case "mySettlement":
  223. require.ensure([], () => {
  224. const MySettlement = require("./settlementOrder/mySettlement/mySettlement")
  225. .default;
  226. this.setState({
  227. component: <MySettlement />
  228. });
  229. });
  230. break;
  231. case "settlementManage":
  232. require.ensure([], () => {
  233. const SettlementManage = require("./settlementOrder/settlementManage/settlementManagement")
  234. .default;
  235. this.setState({
  236. component: <SettlementManage />
  237. });
  238. });
  239. break;
  240. case "myBill":
  241. require.ensure([], () => {
  242. const MyBill = require("./flowSettlement/myBill/myBill.jsx")
  243. .default;
  244. this.setState({
  245. component: <MyBill />
  246. });
  247. });
  248. break;
  249. case "billManage":
  250. require.ensure([], () => {
  251. const MyBill = require("./flowSettlement/billManage/myBill.jsx")
  252. .default;
  253. this.setState({
  254. component: <MyBill />
  255. });
  256. });
  257. break;
  258. case "billQuery":
  259. require.ensure([], () => {
  260. const MyBill = require("./flowSettlement/billQuery/myBill.jsx")
  261. .default;
  262. this.setState({
  263. component: <MyBill />
  264. });
  265. });
  266. break;
  267. case "billManagement":
  268. require.ensure([], () => {
  269. const MyBill = require("./flowSettlement/billManagement/myBill.jsx")
  270. .default;
  271. this.setState({
  272. component: <MyBill />
  273. });
  274. });
  275. break;
  276. //奖金
  277. case "yxBouns":
  278. require.ensure([], () => {
  279. const MyBill = require("./bonus/yxBonus.jsx").default;
  280. this.setState({
  281. component: <MyBill />
  282. });
  283. });
  284. break;
  285. //订单新增空白
  286. default:
  287. require.ensure([], () => {
  288. const Module = require("../module").default;
  289. this.setState({
  290. component: <Module />
  291. });
  292. });
  293. };
  294. window.location.hash = key;
  295. }
  296. render() {
  297. return (
  298. <div className="manage-content">
  299. <LeftTab handlekey={this.getKey.bind(this)} />
  300. <div className="content-right">
  301. {this.state.component}
  302. </div>
  303. </div>
  304. )
  305. }
  306. }
  307. export default Content;