content.jsx 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  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 "checkOutsourcing":
  82. require.ensure([], () => {
  83. const CheckOutsourcing = require("./orderNew/checkOutsourcing")
  84. .default;
  85. this.setState({
  86. component: <CheckOutsourcing />
  87. });
  88. });
  89. break;
  90. //驳回管理新
  91. case "reject":
  92. require.ensure([], () => {
  93. const Reject = require("./orderNew/reject").default;
  94. this.setState({
  95. component: <Reject />
  96. });
  97. });
  98. break;
  99. //退单管理新
  100. case "chargeback":
  101. require.ensure([], () => {
  102. const Chargeback = require("./orderNew/chargeback")
  103. .default;
  104. this.setState({
  105. component: <Chargeback />
  106. });
  107. });
  108. break;
  109. //退单管理新
  110. case "approveds":
  111. require.ensure([], () => {
  112. const Approveds = require("./orderNew/approveds").default;
  113. this.setState({
  114. component: <Approveds />
  115. });
  116. });
  117. break;
  118. //合同变更审核
  119. case "contractChangeYxy":
  120. require.ensure([], () => {
  121. const ContractChangeYxy = require("./orderNew/contractChangeYxy")
  122. .default;
  123. this.setState({
  124. component: <ContractChangeYxy />
  125. });
  126. });
  127. break;
  128. //合同变更审核
  129. case "contractChangeYxgly":
  130. require.ensure([], () => {
  131. const ContractChangeYxgly = require("./orderNew/contractChangeYxgly")
  132. .default;
  133. this.setState({
  134. component: <ContractChangeYxgly />
  135. });
  136. });
  137. break;
  138. //合同变更审核
  139. case "contractChangeZc":
  140. require.ensure([], () => {
  141. const ContractChangeZc = require("./orderNew/contractChangeZc")
  142. .default;
  143. this.setState({
  144. component: <ContractChangeZc />
  145. });
  146. });
  147. break;
  148. //合同变更审核
  149. case "contractChangeDsz":
  150. require.ensure([], () => {
  151. const ContractChangeDsz = require("./orderNew/contractChangeDsz")
  152. .default;
  153. this.setState({
  154. component: <ContractChangeDsz />
  155. });
  156. });
  157. break;
  158. //订单查询新
  159. case "inquiry":
  160. require.ensure([], () => {
  161. const Inquiry = require("./orderNew/inquiry").default;
  162. this.setState({
  163. component: <Inquiry />
  164. });
  165. });
  166. break;
  167. //催款统计新
  168. case "press":
  169. require.ensure([], () => {
  170. const Press = require("./orderNew/press").default;
  171. this.setState({
  172. component: <Press />
  173. });
  174. });
  175. break;
  176. case "orderStatistics":
  177. require.ensure([], () => {
  178. const OrderStatistics = require("./orderStatistics/orderStatistics")
  179. .default;
  180. this.setState({
  181. component: <OrderStatistics />
  182. });
  183. });
  184. break;
  185. case "serviceManage":
  186. require.ensure([], () => {
  187. const ServiceManage = require("./departmentOrder/servicesOrder/serviceManage")
  188. .default;
  189. this.setState({
  190. component: <ServiceManage />
  191. });
  192. });
  193. break;
  194. case "public":
  195. require.ensure([], () => {
  196. const PublicOrder = require("./orderManagement/publicOrder/publicOrder")
  197. .default;
  198. this.setState({
  199. component: <PublicOrder />
  200. });
  201. });
  202. break;
  203. case "approved":
  204. require.ensure([], () => {
  205. const ApproveOrder = require("./orderManagement/approveOrder/approveOrder")
  206. .default;
  207. this.setState({
  208. component: <ApproveOrder />
  209. });
  210. });
  211. break;
  212. case "mySettlement":
  213. require.ensure([], () => {
  214. const MySettlement = require("./settlementOrder/mySettlement/mySettlement")
  215. .default;
  216. this.setState({
  217. component: <MySettlement />
  218. });
  219. });
  220. break;
  221. case "settlementManage":
  222. require.ensure([], () => {
  223. const SettlementManage = require("./settlementOrder/settlementManage/settlementManagement")
  224. .default;
  225. this.setState({
  226. component: <SettlementManage />
  227. });
  228. });
  229. break;
  230. case "myBill":
  231. require.ensure([], () => {
  232. const MyBill = require("./flowSettlement/myBill/myBill.jsx")
  233. .default;
  234. this.setState({
  235. component: <MyBill />
  236. });
  237. });
  238. break;
  239. case "billManage":
  240. require.ensure([], () => {
  241. const MyBill = require("./flowSettlement/billManage/myBill.jsx")
  242. .default;
  243. this.setState({
  244. component: <MyBill />
  245. });
  246. });
  247. break;
  248. case "billQuery":
  249. require.ensure([], () => {
  250. const MyBill = require("./flowSettlement/billQuery/myBill.jsx")
  251. .default;
  252. this.setState({
  253. component: <MyBill />
  254. });
  255. });
  256. break;
  257. case "billManagement":
  258. require.ensure([], () => {
  259. const MyBill = require("./flowSettlement/billManagement/myBill.jsx")
  260. .default;
  261. this.setState({
  262. component: <MyBill />
  263. });
  264. });
  265. break;
  266. //奖金
  267. case "yxBouns":
  268. require.ensure([], () => {
  269. const MyBill = require("./bonus/yxBonus.jsx").default;
  270. this.setState({
  271. component: <MyBill />
  272. });
  273. });
  274. break;
  275. //订单新增空白
  276. default:
  277. require.ensure([], () => {
  278. const Module = require("../module").default;
  279. this.setState({
  280. component: <Module />
  281. });
  282. });
  283. };
  284. window.location.hash = key;
  285. }
  286. render () {
  287. return (
  288. <div className="manage-content">
  289. <LeftTab handlekey={this.getKey.bind(this)} />
  290. <div className="content-right">
  291. {this.state.component}
  292. </div>
  293. </div>
  294. )
  295. }
  296. }
  297. export default Content;