处理出入库

components/mobile/center/outOfStorage/StorageList.vue

@@ -9,17 +9,21 @@
       <!--入库记录-->
       <div>
         <div class="storage-head">
-          <span class="inline-block" :class="{'active': switchType === 'enter'}" @click="setSwitchType('enter')">入库</span>
-          <span class="inline-block" :class="{'active': switchType === 'out'}" @click="setSwitchType('out')">出库</span>
+          <span class="inline-block" :class="{'active': switchType === 'inBound'}" @click="setSwitchType('inBound')">入库</span>
+          <span class="inline-block" :class="{'active': switchType === 'outBound'}" @click="setSwitchType('outBound')">出库</span>
         </div>
-        <div class="storage-record" v-if="switchType === 'enter'">
+        <div class="storage-record">
           <div class="search-content clearfix">
             <div class="search">
               <input type="text" placeholder="卖家/发货单" class="staff-search">
               <span><i class="iconfont icon-sousuo"></i></span>
             </div>
           </div>
-          <div class="tab-content"><span class="active">查看入库记录</span><span>其他入库</span><span>采购入库</span></div>
+          <div class="tab-content">
+            <span :class="{'active': handleItem === 0}" @click="handleItem = 0">{{switchType === 'inBound' ? '查看入库记录' : '查看出库记录'}}</span>
+            <span :class="{'active': handleItem === 1}" @click="handleItem = 1">{{switchType === 'inBound' ? '其它入库' : '其它出库'}}</span>
+            <span :class="{'active': handleItem === 2}" @click="handleItem = 2">{{switchType === 'inBound' ? '采购入库' : '销售出库'}}</span>
+          </div>
           <div class="list-content">
 
           </div>
@@ -39,7 +43,8 @@
       return {
         remindText: '',
         timeoutCount: 0,
-        switchType: 'enter'
+        switchType: 'inBound',
+        handleItem:0
       }
     },
     components: {
@@ -81,7 +86,7 @@
     }
     .storage-record {
       .search-content {
-        padding: .25rem 0;
+        padding: .20rem 0;
         text-align: center;
         input {
           margin: 0;
@@ -90,7 +95,7 @@
         }
       }
       .tab-content{
-        margin: .2rem auto .13rem;
+        margin: 0 auto .13rem;
         width: 7.1rem;
         overflow: hidden;
         text-align: center;