content.jsx 11 KB

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