调试 TakeStokeContainer

client/containers/PageContainer/PageContainer.jsx

@@ -59,7 +59,7 @@ class PageContainer extends React.Component {
     constructor(props) {
     constructor(props) {
         super(props);
         super(props);
         this.state = {
         this.state = {
-            showPage : showPage[10],
+            showPage : showPage[6],
             lastPage : '',
             lastPage : '',
             page : null,
             page : null,
             popupInfo : defaultPopupInfo,
             popupInfo : defaultPopupInfo,

client/containers/TakeStokeContainer/TakeStokeContainer.jsx

@@ -6,11 +6,15 @@ import {headerStatus} from '../../config/showPage'
 require('./index.css')
 require('./index.css')
 class TakeStokeContaniner extends React.Component {
 class TakeStokeContaniner extends React.Component {
     constructor(props){
     constructor(props){
-         super(props)
+         super(props);
+         this.state={
+             initNum:0
+         }
     }
     }
 
 
 
 
     render(){
     render(){
+       let {initNum}=this.state;
        return (
        return (
                 <div className={'TokeStokeContainer'}>
                 <div className={'TokeStokeContainer'}>
                         <HeaderComponent headerStatus={headerStatus[1]} />
                         <HeaderComponent headerStatus={headerStatus[1]} />
@@ -29,9 +33,9 @@ class TakeStokeContaniner extends React.Component {
                                           <div className={'numAdd'}>
                                           <div className={'numAdd'}>
                                               <p>数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量:</p>
                                               <p>数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量:</p>
                                               <p>
                                               <p>
-                                                  <span>-</span>
-                                                  <span>0</span>
-                                                  <span>+</span>
+                                                  <span onClick={this.reduceNum.bind(this,'dis')}>-</span>
+                                                  <span>{initNum}</span>
+                                                  <span onClick={this.reduceNum.bind(this,'add')}>+</span>
                                               </p>
                                               </p>
                                           </div>
                                           </div>
                                        </div>
                                        </div>
@@ -52,11 +56,32 @@ class TakeStokeContaniner extends React.Component {
                                          <img src="" alt=""/>
                                          <img src="" alt=""/>
                                      </div>
                                      </div>
                                   </div> 
                                   </div> 
-                                  <div className={"toknStokeSubmit"}><button>提交</button></div>
+                                  <div className={"toknStokeSubmit"}><button onClick={this.submitNum}>提交</button></div>
                              </div>
                              </div>
                          </RightContainer>
                          </RightContainer>
                     </div>
                     </div>
             )
             )
     }
     }
+    //控制货道内商品数量的加减
+    reduceNum(str){
+        let {initNum}=this.state;
+        if(str==="add"){
+           initNum++;
+           this.setState({
+               initNum
+           })
+        }else{
+            if(initNum>0){
+                initNum--;
+            }
+            this.setState({
+                initNum
+            }) 
+        }
+    }
+    submitNum(){
+        
+    }
+  
 }
 }
 export default TakeStokeContaniner
 export default TakeStokeContaniner
\ No newline at end of file

client/mock/data/tokeStoke.json

+{
+    "area":"A区",
+    "position":"1号柜",
+    "positionNum":"13-2-6-3",
+    "filePath":"././",
+    "id":"231",
+    "name":"雪碧",
+    "skuId":"123",
+    "initNum":0
+}
\ No newline at end of file

client/mock/index.js

 import Mock from 'mockjs'
 import Mock from 'mockjs'
-
-Mock.mock('',()=>{
-
+import data from './data/TokeStoke.json'
+Mock.mock('/pandian',(req,res)=>{
+    return data
 })
 })
 export default Mock 
 export default Mock 
\ No newline at end of file