订单管理 initial

src/pages/my/manage/goods/index.js

@@ -45,7 +45,7 @@ class Goods extends Component {
     constructor(props) {
         super(props)
         this.state = {
-            accordionKey: ''
+            accordionKey: undefined
         }
     }
 
@@ -63,6 +63,7 @@ class Goods extends Component {
                     }}
                 >商品管理</NavBar>
                 <div className='content-wrap'>
+                    <div className='my-list-subtitle' style={{color: 'grey'}}><Icon type="bulb" style={{marginRight: 10}}/>{accordionKey? '折叠单项以展开更多分类':'请选择需要打开的分类'}</div>
                     <Accordion className="my-accordion" onChange={(key) => {
                         this.setState({
                             accordionKey: key[0]
@@ -83,7 +84,6 @@ class Goods extends Component {
                     </Accordion>
                 </div>
             </div>
-
         )
     }
 }
@@ -221,7 +221,10 @@ class AddGoods extends Component {
                     />
                     {
                         newGood ?
-                            <Mutation mutation={gql(create_product)}>
+                            <Mutation mutation={gql(create_product)} refetchQueries={[
+                                {query: gql(productbyprops), variables: {}},
+                                {query: gql(productbyprops), variables: {status: '1', recommend: 1}}
+                            ]}>
                                 {(createproduct, {loading, error}) => {
                                     if (loading)
                                         return (
@@ -264,7 +267,10 @@ class AddGoods extends Component {
                                 }}
                             </Mutation>
                             :
-                            <Mutation mutation={gql(update_product)}>
+                            <Mutation mutation={gql(update_product)} refetchQueries={[
+                                {query: gql(productbyprops), variables: {}},
+                                {query: gql(productbyprops), variables: {status: '1', recommend: 1}}
+                            ]}>
                                 {(updateproduct, {loading, error}) => {
                                     if (loading)
                                         return (

src/pages/my/manage/orders/index.js

@@ -1,29 +1,124 @@
 import React, {Component} from 'react'
 import './index.css'
-import {NavBar, Icon} from 'antd-mobile'
 import {withRouter} from 'react-router-dom'
+import {
+
+    NavBar,
+    Accordion,
+
+} from 'antd-mobile'
+import { Icon} from 'antd'
+import classNames from 'classnames'
 
 class Orders extends Component {
     constructor(props) {
         super(props)
-        this.state = {}
+        this.state = {
+            accordionKey: undefined
+        }
     }
 
     render() {
+        let {accordionKey} = this.state
         return (
-            <div className='orders-navbar-wrap'>
+            <div className='goods-wrap'>
                 <NavBar
-                    className='orders-navbar'
+                    className='navbar'
                     mode="light"
                     icon={<Icon type="left"/>}
                     onLeftClick={() => {
                         this.props.history.go(-2)
                     }}
                 >订单管理</NavBar>
+                <div className='content-wrap'>
+                    <div className='my-list-subtitle' style={{color: 'grey'}}><Icon type="bulb" style={{marginRight: 10}}/>{accordionKey? '折叠单项以展开更多分类':'请选择需要打开的分类'}</div>
+                    <Accordion className="my-accordion" onChange={(key) => {
+                        this.setState({
+                            accordionKey: key[0]
+                        })
+                    }}>
+                        <Accordion.Panel header="查询订单"
+                                         className={classNames({'hidden': accordionKey === '1' || accordionKey === '2' || accordionKey === '3'})}>
+                            <Search/>
+                        </Accordion.Panel>
+                        <Accordion.Panel header="待发货"
+                                         className={classNames({'hidden': accordionKey === '0' || accordionKey === '2' || accordionKey === '3'})}>
+                            <Shiping/>
+                        </Accordion.Panel>
+                        <Accordion.Panel header="已确认"
+                                         className={classNames({'hidden': accordionKey === '0' || accordionKey === '1' || accordionKey === '3'})}>
+                            <Completed/>
+                        </Accordion.Panel>
+                        <Accordion.Panel header="已评价"
+                                         className={classNames({'hidden': accordionKey === '0' || accordionKey === '1' || accordionKey === '2'})}>
+                            <Commented/>
+                        </Accordion.Panel>
+                    </Accordion>
+                </div>
             </div>
+        )
+    }
+}
+
+class Search extends  Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+
+        }
+    }
+
+    render() {
+        return (
+            <div>search</div>
+        )
+    }
+}
+
+class Shiping extends Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+
+        }
+    }
+
+    render() {
+        return (
+            <div>Shiping</div>
+        )
+    }
+}
+
+class Completed extends Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+
+        }
+    }
 
+    render() {
+        return (
+            <div>Completed</div>
         )
     }
 }
 
+class Commented extends Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+
+        }
+    }
+
+    render() {
+        return (
+            <div>Commented</div>
+        )
+    }
+}
+
+
 export default withRouter(Orders)

src/pages/my/manage/shop/index.css

@@ -1,4 +1,4 @@
 .my-list-subtitle {
     margin-left: 9px;
-    padding-top: 6px;
+    padding: 6px 0;
 }