-
- - (
-
- {menuMap[item]} ); - }; - - getRightTitle = () => { - const { selectKey, menuMap } = this.state; - return menuMap[selectKey]; - }; - - selectKey = ({ key }) => { - router.push(`/account/settings/${key}`); - this.setState({ - selectKey: key, - }); - }; - - resize = () => { - if (!this.main) { - return; - } - requestAnimationFrame(() => { - let mode = 'inline'; - const { offsetWidth } = this.main; - if (this.main.offsetWidth < 641 && offsetWidth > 400) { - mode = 'horizontal'; - } - if (window.innerWidth < 768 && offsetWidth > 400) { - mode = 'horizontal'; - } - this.setState({ - mode, - }); - }); - }; - - render() { - const { children, currentUser } = this.props; - if (!currentUser.userid) { - return ''; - } - const { mode, selectKey } = this.state; - return ( -
- - - {i + 1} - - - {item.title} - - - {numeral(item.total).format('0,0')} - - - ))} -
- - - {i + 1} - - - {item.title} - - {numeral(item.total).format('0,0')} - - ))} -
-
- ) : (
- 'loading...'
- )}
-
- 
-
- {currentUser.name}
- {currentUser.signature}
-
-
- - - {currentUser.title} -
-- - {currentUser.group} -
-- - {currentUser.geographic.province.label} - {currentUser.geographic.city.label} -
-
- {item.label}
- ))}
- {inputVisible && (
-
- )}
- {!inputVisible && (
-
-
- )}
-
- 标签
- {currentUser.tags.concat(newTags).map(item => (
-
-
-
- {notice.map(item => (
-
-
-
- 团队
- - (
-
- {moment(item.updatedAt).fromNow()}
-
-
-
-
- {item.members.map(member => (
-
-
-
-
-
- 
-
-
-
-
-
-
- );
- }
-}
-
-export default BaseView;
diff --git a/src/pages/Account/Settings/BaseView.less b/src/pages/Account/Settings/BaseView.less
deleted file mode 100644
index a0a2ffdefe6a1010a27b594a9d6fca82e5f70e94..0000000000000000000000000000000000000000
--- a/src/pages/Account/Settings/BaseView.less
+++ /dev/null
@@ -1,52 +0,0 @@
-@import '~antd/lib/style/themes/default.less';
-
-.baseView {
- display: flex;
- padding-top: 12px;
-
- .left {
- max-width: 448px;
- min-width: 224px;
- }
- .right {
- flex: 1;
- padding-left: 104px;
- .avatar_title {
- height: 22px;
- font-size: @font-size-base;
- color: @heading-color;
- line-height: 22px;
- margin-bottom: 8px;
- }
- .avatar {
- width: 144px;
- height: 144px;
- margin-bottom: 12px;
- overflow: hidden;
- img {
- width: 100%;
- }
- }
- .button_view {
- width: 144px;
- text-align: center;
- }
- }
-}
-
-@media screen and (max-width: @screen-xl) {
- .baseView {
- flex-direction: column-reverse;
-
- .right {
- padding: 20px;
- display: flex;
- flex-direction: column;
- align-items: center;
- max-width: 448px;
- .avatar_title {
- display: none;
- }
- }
- }
-}
diff --git a/src/pages/Account/Settings/BindingView.js b/src/pages/Account/Settings/BindingView.js
deleted file mode 100644
index 29a29890ca0d5ab339f872f1fe614ff9b0122ea4..0000000000000000000000000000000000000000
--- a/src/pages/Account/Settings/BindingView.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import { formatMessage, FormattedMessage } from 'umi/locale';
-import { Icon, List } from 'antd';
-
-class BindingView extends Component {
- getData = () => [
- {
- title: formatMessage({ id: 'app.settings.binding.taobao' }, {}),
- description: formatMessage({ id: 'app.settings.binding.taobao-description' }, {}),
- actions: [
-
-
-
-
-
-
- - (
-
{
- this.main = ref;
- }}
- >
-
-
-
-
-
-
- {this.getRightTitle()}
- {children}
- - (
-
- (
-
hello pro!
; diff --git a/src/pages/Dashboard/Analysis.js b/src/pages/Dashboard/Analysis.js deleted file mode 100644 index 0b85db70bb39bb5923a209d432b9f7fe54528638..0000000000000000000000000000000000000000 --- a/src/pages/Dashboard/Analysis.js +++ /dev/null @@ -1,187 +0,0 @@ -import React, { Component, Suspense } from 'react'; -import { connect } from 'dva'; -import { Row, Col, Icon, Menu, Dropdown } from 'antd'; - -import GridContent from '@/components/PageHeaderWrapper/GridContent'; -import { getTimeDistance } from '@/utils/utils'; - -import styles from './Analysis.less'; -import PageLoading from '@/components/PageLoading'; - -const IntroduceRow = React.lazy(() => import('./IntroduceRow')); -const SalesCard = React.lazy(() => import('./SalesCard')); -const TopSearch = React.lazy(() => import('./TopSearch')); -const ProportionSales = React.lazy(() => import('./ProportionSales')); -const OfflineData = React.lazy(() => import('./OfflineData')); - -@connect(({ chart, loading }) => ({ - chart, - loading: loading.effects['chart/fetch'], -})) -class Analysis extends Component { - state = { - salesType: 'all', - currentTabKey: '', - rangePickerValue: getTimeDistance('year'), - }; - - componentDidMount() { - const { dispatch } = this.props; - this.reqRef = requestAnimationFrame(() => { - dispatch({ - type: 'chart/fetch', - }); - }); - } - - componentWillUnmount() { - const { dispatch } = this.props; - dispatch({ - type: 'chart/clear', - }); - cancelAnimationFrame(this.reqRef); - clearTimeout(this.timeoutId); - } - - handleChangeSalesType = e => { - this.setState({ - salesType: e.target.value, - }); - }; - - handleTabChange = key => { - this.setState({ - currentTabKey: key, - }); - }; - - handleRangePickerChange = rangePickerValue => { - const { dispatch } = this.props; - this.setState({ - rangePickerValue, - }); - - dispatch({ - type: 'chart/fetchSalesData', - }); - }; - - selectDate = type => { - const { dispatch } = this.props; - this.setState({ - rangePickerValue: getTimeDistance(type), - }); - - dispatch({ - type: 'chart/fetchSalesData', - }); - }; - - isActive = type => { - const { rangePickerValue } = this.state; - const value = getTimeDistance(type); - if (!rangePickerValue[0] || !rangePickerValue[1]) { - return ''; - } - if ( - rangePickerValue[0].isSame(value[0], 'day') && - rangePickerValue[1].isSame(value[1], 'day') - ) { - return styles.currentDate; - } - return ''; - }; - - render() { - const { rangePickerValue, salesType, currentTabKey } = this.state; - const { chart, loading } = this.props; - const { - visitData, - visitData2, - salesData, - searchData, - offlineData, - offlineChartData, - salesTypeData, - salesTypeDataOnline, - salesTypeDataOffline, - } = chart; - let salesPieData; - if (salesType === 'all') { - salesPieData = salesTypeData; - } else { - salesPieData = salesType === 'online' ? salesTypeDataOnline : salesTypeDataOffline; - } - const menu = ( - - ); - - const dropdownGroup = ( - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- contentHeight={46}
- >
-
- 
-
-
-
-
-
-
-
-
-
- ))}
-
- {dropdownGroup}
-
- }
- style={{ marginTop: 24 }}
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- size="large"
- tabBarStyle={{ marginBottom: 24 }}
- >
-
- selectDate('today')}>
-
-
-
-
-
-
-
-
-
-
-
- -
- {rankingListData.map((item, i) => (
-
-
-
-
-
-
-
-
-
-
- -
- {rankingListData.map((item, i) => (
-
{' '}
- 快速开始
- 
{' '}
- 产品简介
- 
{' '}
- 产品文档
- 
- 信息组
-
-
- 退货商品
- 退货进度
-
-
-
-
-
-
-);
-
-const desc2 = (
-
-
- 2016-12-12 12:32
-
-
-);
-
-const extra = (
-
-
-
-
-
-
-
-
- {
- this.loginForm = form;
- }}
- >
-
- {login.status === 'error' &&
- login.type === 'account' &&
- !submitting &&
- this.renderMessage(formatMessage({ id: 'app.login.message-invalid-credentials' }))}
- this.loginForm.validateFields(this.handleSubmit)}
- />
-
-
- {login.status === 'error' &&
- login.type === 'mobile' &&
- !submitting &&
- this.renderMessage(
- formatMessage({ id: 'app.login.message-invalid-verification-code' })
- )}
-
-
-
-
-
- );
- }
-}
-
-export default LoginPage;
diff --git a/src/pages/User/Login.less b/src/pages/User/Login.less
deleted file mode 100644
index 14a99ff11664d32aec1411154ec735ead61aae04..0000000000000000000000000000000000000000
--- a/src/pages/User/Login.less
+++ /dev/null
@@ -1,32 +0,0 @@
-@import '~antd/lib/style/themes/default.less';
-
-.main {
- width: 368px;
- margin: 0 auto;
- @media screen and (max-width: @screen-sm) {
- width: 95%;
- }
-
- .icon {
- font-size: 24px;
- color: rgba(0, 0, 0, 0.2);
- margin-left: 16px;
- vertical-align: middle;
- cursor: pointer;
- transition: color 0.3s;
-
- &:hover {
- color: @primary-color;
- }
- }
-
- .other {
- text-align: left;
- margin-top: 24px;
- line-height: 22px;
-
- .register {
- float: right;
- }
- }
-}
diff --git a/src/pages/User/Register.js b/src/pages/User/Register.js
deleted file mode 100644
index ea4565c28bac77692a0f520ef372b7f4b8e5dc0a..0000000000000000000000000000000000000000
--- a/src/pages/User/Register.js
+++ /dev/null
@@ -1,334 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'dva';
-import { formatMessage, FormattedMessage } from 'umi/locale';
-import Link from 'umi/link';
-import router from 'umi/router';
-import { Form, Input, Button, Select, Row, Col, Popover, Progress } from 'antd';
-import styles from './Register.less';
-
-const FormItem = Form.Item;
-const { Option } = Select;
-const InputGroup = Input.Group;
-
-const passwordStatusMap = {
- ok: (
-
-
-
-
-
-
-
-
-
- ),
- pass: (
-
-
- ),
- poor: (
-
-
- ),
-};
-
-const passwordProgressMap = {
- ok: 'success',
- pass: 'normal',
- poor: 'exception',
-};
-
-@connect(({ register, loading }) => ({
- register,
- submitting: loading.effects['register/submit'],
-}))
-@Form.create()
-class Register extends Component {
- state = {
- count: 0,
- confirmDirty: false,
- visible: false,
- help: '',
- prefix: '86',
- };
-
- componentDidUpdate() {
- const { form, register } = this.props;
- const account = form.getFieldValue('mail');
- if (register.status === 'ok') {
- router.push({
- pathname: '/user/register-result',
- state: {
- account,
- },
- });
- }
- }
-
- componentWillUnmount() {
- clearInterval(this.interval);
- }
-
- onGetCaptcha = () => {
- let count = 59;
- this.setState({ count });
- this.interval = setInterval(() => {
- count -= 1;
- this.setState({ count });
- if (count === 0) {
- clearInterval(this.interval);
- }
- }, 1000);
- };
-
- getPasswordStatus = () => {
- const { form } = this.props;
- const value = form.getFieldValue('password');
- if (value && value.length > 9) {
- return 'ok';
- }
- if (value && value.length > 5) {
- return 'pass';
- }
- return 'poor';
- };
-
- handleSubmit = e => {
- e.preventDefault();
- const { form, dispatch } = this.props;
- form.validateFields({ force: true }, (err, values) => {
- if (!err) {
- const { prefix } = this.state;
- dispatch({
- type: 'register/submit',
- payload: {
- ...values,
- prefix,
- },
- });
- }
- });
- };
-
- handleConfirmBlur = e => {
- const { value } = e.target;
- const { confirmDirty } = this.state;
- this.setState({ confirmDirty: confirmDirty || !!value });
- };
-
- checkConfirm = (rule, value, callback) => {
- const { form } = this.props;
- if (value && value !== form.getFieldValue('password')) {
- callback(formatMessage({ id: 'validation.password.twice' }));
- } else {
- callback();
- }
- };
-
- checkPassword = (rule, value, callback) => {
- const { visible, confirmDirty } = this.state;
- if (!value) {
- this.setState({
- help: formatMessage({ id: 'validation.password.required' }),
- visible: !!value,
- });
- callback('error');
- } else {
- this.setState({
- help: '',
- });
- if (!visible) {
- this.setState({
- visible: !!value,
- });
- }
- if (value.length < 6) {
- callback('error');
- } else {
- const { form } = this.props;
- if (value && confirmDirty) {
- form.validateFields(['confirm'], { force: true });
- }
- callback();
- }
- }
- };
-
- changePrefix = value => {
- this.setState({
- prefix: value,
- });
- };
-
- renderPasswordProgress = () => {
- const { form } = this.props;
- const value = form.getFieldValue('password');
- const passwordStatus = this.getPasswordStatus();
- return value && value.length ? (
-
-
- ) : null;
- };
-
- render() {
- const { form, submitting } = this.props;
- const { getFieldDecorator } = form;
- const { count, prefix, help, visible } = this.state;
- return (
-
-
-
-
-
- );
- }
-}
-
-export default Register;
diff --git a/src/pages/User/Register.less b/src/pages/User/Register.less
deleted file mode 100644
index acd1211a7f1458d3306dd52083015c4ed69fd7d6..0000000000000000000000000000000000000000
--- a/src/pages/User/Register.less
+++ /dev/null
@@ -1,57 +0,0 @@
-@import '~antd/lib/style/themes/default.less';
-
-.main {
- width: 368px;
- margin: 0 auto;
-
- :global {
- .ant-form-item {
- margin-bottom: 24px;
- }
- }
-
- h3 {
- font-size: 16px;
- margin-bottom: 20px;
- }
-
- .getCaptcha {
- display: block;
- width: 100%;
- }
-
- .submit {
- width: 50%;
- }
-
- .login {
- float: right;
- line-height: @btn-height-lg;
- }
-}
-
-.success,
-.warning,
-.error {
- transition: color 0.3s;
-}
-
-.success {
- color: @success-color;
-}
-
-.warning {
- color: @warning-color;
-}
-
-.error {
- color: @error-color;
-}
-
-.progress-pass > .progress {
- :global {
- .ant-progress-bg {
- background-color: @warning-color;
- }
- }
-}
diff --git a/src/pages/User/RegisterResult.js b/src/pages/User/RegisterResult.js
deleted file mode 100644
index ea2d905b3742b8aafc210ecd7a287c37f8bd4535..0000000000000000000000000000000000000000
--- a/src/pages/User/RegisterResult.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { formatMessage, FormattedMessage } from 'umi/locale';
-import { Button } from 'antd';
-import Link from 'umi/link';
-import Result from 'ant-design-pro/lib/Result';
-import styles from './RegisterResult.less';
-
-const actions = (
-
-
-
-
-
-
-
-
-
-
-
-);
-
-const RegisterResult = ({ location }) => (
-