1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- import React from 'react';
- import { Menu, Icon } from 'antd';
- import '../leftTab.less';
- const SubMenu = Menu.SubMenu;
- const MenuItemGroup = Menu.ItemGroup;
- const LeftTab = React.createClass({
- getInitialState() {
- return {
- current: 'myClient',
- subKey: 'sub1',
- keyList: [
- { key: 'sub1', value: ['myClient','companyCustomer'] },
- { key: 'sub2', value: ['individualCustomer','queryCustomer'] },
- { key: 'sub3', value: ['myBusiness', 'serviceQuery'] },
- { key: 'sub4', value: ['visitStatistics', 'statusStatistics','followStatistics'] },
- ]
- };
- },
- handleClick(e) {
- this.props.handlekey(e.key);
- this.setState({
- current: e.key,
- });
- },
- componentWillMount() {
- const _me = this;
- if (window.location.hash) {
- let theKey = window.location.hash.substr(1);
- this.state.keyList.map(function (item1) {
- item1.value.map(function (item2) {
- if (theKey == item2) {
- _me.state.subKey = item1.key
- };
- });
- });
- this.state.current = theKey;
- };
- },
- render() {
- return (
- <Menu onClick={this.handleClick}
- selectedKeys={[this.state.current]}
- defaultOpenKeys={[this.state.subKey]}
- mode="vertical"
- className="account-left"
- mode="inline" >
- <SubMenu key="sub1" title={<span>单位客户</span>}>
- <Menu.Item key="myClient">
- 我的单位客户
- </Menu.Item>
- <Menu.Item key="companyCustomer">
- 单位客户查询
- </Menu.Item>
- </SubMenu>
- <SubMenu key="sub2" title={<span>个人客户</span>}>
- <Menu.Item key="individualCustomer">
- 我的个人客户
- </Menu.Item>
- <Menu.Item key="queryCustomer">
- 个人客户查询
- </Menu.Item>
- </SubMenu>
- <SubMenu key="sub3" title={<span>客户业务</span>}>
- <Menu.Item key="myBusiness">
- 我的业务
- </Menu.Item>
- <Menu.Item key="serviceQuery">
- 业务查询
- </Menu.Item>
- </SubMenu>
- <SubMenu key="sub4" title={<span>统计分析</span>}>
- <Menu.Item key="visitStatistics">
- 客户拜访统计
- </Menu.Item>
- <Menu.Item key="statusStatistics">
- 业务客户状态统计
- </Menu.Item>
- <Menu.Item key="followStatistics">
- 业务跟进进度统计
- </Menu.Item>
- </SubMenu>
- </Menu>
- );
- },
- });
- export default LeftTab;
|