content.jsx 9.0 KB

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