content.jsx 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  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. case "paiDan": //派单管理
  34. require.ensure([], () => {
  35. let Module = require("./distribute/paiDan").default;
  36. this.setState({
  37. component: <Module />
  38. });
  39. });
  40. break;
  41. case "approvedOutsourcing": //外包列表
  42. require.ensure([], () => {
  43. let Module = require("./distribute/approvedOutsourcing")
  44. .default;
  45. this.setState({
  46. component: <Module />
  47. });
  48. });
  49. break;
  50. case "outsourcingPaiDan": //外包派单
  51. require.ensure([], () => {
  52. let Module = require("./distribute/outsourcingPaiDan")
  53. .default;
  54. this.setState({
  55. component: <Module />
  56. });
  57. });
  58. break;
  59. case "outOutsourcingList": //外省外包列表
  60. require.ensure([], () => {
  61. let Module = require("./distribute/outOutsourcingList")
  62. .default;
  63. this.setState({
  64. component: <Module />
  65. });
  66. });
  67. break;
  68. case "outInvoiceQuery": //省外开票查询
  69. require.ensure([], () => {
  70. let Module = require("./distribute/outInvoiceQuery")
  71. .default;
  72. this.setState({
  73. component: <Module />
  74. });
  75. });
  76. break;
  77. case "invoiceApplyList": //省内开票管理
  78. require.ensure([], () => {
  79. let Module = require("./distribute/invoiceApplyList")
  80. .default;
  81. this.setState({
  82. component: <Module />
  83. });
  84. });
  85. break;
  86. case "invoiceApplyListWai": //省外开票管理
  87. require.ensure([], () => {
  88. let Module = require("./distribute/invoiceApplyListWai")
  89. .default;
  90. this.setState({
  91. component: <Module />
  92. });
  93. });
  94. break;
  95. case "inSpecial": //省内特批
  96. require.ensure([], () => {
  97. let Module = require("./distribute/inSpecial").default;
  98. this.setState({
  99. component: <Module />
  100. });
  101. });
  102. break;
  103. case "outSpecial": //省外特批
  104. require.ensure([], () => {
  105. let Module = require("./distribute/outSpecial").default;
  106. this.setState({
  107. component: <Module />
  108. });
  109. });
  110. break;
  111. case "shouKuang": //收款管理
  112. require.ensure([], () => {
  113. let Module = require("./distribute/shouKuang").default;
  114. this.setState({
  115. component: <Module />
  116. });
  117. });
  118. break;
  119. case "contractChangeCwzy": //订单变更审核列表
  120. require.ensure([], () => {
  121. let Module = require("./distribute/contractChangeCwzy")
  122. .default;
  123. this.setState({
  124. component: <Module />
  125. });
  126. });
  127. break;
  128. case "contractChangeCwzj": //订单变更审核列表
  129. require.ensure([], () => {
  130. let Module = require("./distribute/contractChangeCwzj")
  131. .default;
  132. this.setState({
  133. component: <Module />
  134. });
  135. });
  136. break;
  137. case "tuiDan": //退单管理
  138. require.ensure([], () => {
  139. let Module = require("./distribute/tuiDan").default;
  140. this.setState({
  141. component: <Module />
  142. });
  143. });
  144. break;
  145. case "myWater": //我的订单流水
  146. require.ensure([], () => {
  147. let Module = require("./flowWater/myWater").default;
  148. this.setState({
  149. component: <Module />
  150. });
  151. });
  152. break;
  153. case "departWater": //部门订单流水
  154. require.ensure([], () => {
  155. let Module = require("./flowWater/departWater").default;
  156. this.setState({
  157. component: <Module />
  158. });
  159. });
  160. break;
  161. case "yxBonus": //营销员奖金
  162. require.ensure([], () => {
  163. let Module = require("./bonus/yxBonus").default;
  164. this.setState({
  165. component: <Module />
  166. });
  167. });
  168. break;
  169. case "jsBonus": //技术员奖金
  170. require.ensure([], () => {
  171. let Module = require("./bonus/jsBonus").default;
  172. this.setState({
  173. component: <Module />
  174. });
  175. });
  176. break;
  177. case "order": //技术员奖金
  178. require.ensure([], () => {
  179. let Module = require("../statistics/order/index").default;
  180. this.setState({
  181. component: <Module />
  182. });
  183. });
  184. break;
  185. default:
  186. require.ensure([], () => {
  187. let Module = require("../module").default;
  188. this.setState({
  189. component: <Module />
  190. });
  191. });
  192. };
  193. window.location.hash = key;
  194. }
  195. render() {
  196. return (
  197. <div className="manage-content">
  198. <LeftTab handlekey={this.getKey.bind(this)} />
  199. <div className="content-right">
  200. {this.state.component}
  201. </div>
  202. </div>
  203. )
  204. }
  205. }
  206. export default Content;