content.jsx 9.8 KB

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