出入库

 <template>
 <template>
-    <div class="tabheader shopsReport">
-        <ul class="nav nav-tabs">
-            <li class="active"><a href="javascript:">发货入库</a></li>
-            <li><a href="javascript:">请退出库</a></li>
-        </ul>
-    </div>
-
-    <uc-import></uc-import>
-    <uc-export></uc-export>
+       <com-tab :rows="tab.rows" :active.sync="tab.active"></com-tab>
+    <template v-if="tab.active==0">
+        <uc-import></uc-import>
+    </template>
+    <template v-if="tab.active==1">
+        <uc-export></uc-export>
+    </template>
 </template>
 </template>
 
 
 <script>
 <script>
+    import tab from '../../../../components/tab/index';
     import ucImportStock from './importStock';
     import ucImportStock from './importStock';
     import ucExportStock from './exportStock';
     import ucExportStock from './exportStock';
 
 
     export default{
     export default{
         components:{
         components:{
+            comTab: tab,
             ucImport:ucImportStock,
             ucImport:ucImportStock,
             ucExport:ucExportStock
             ucExport:ucExportStock
+        },
+        data(){
+            return {
+                tab:{
+                    rows:[
+                        {name:"发货入库"},
+                        {name:"请退出库"}
+                    ],
+                    active:0
+                }
+            }
         }
         }
     }
     }
 </script>
 </script>

@@ -3,7 +3,7 @@ var Vue = require("vue");
 new Vue({
 new Vue({
     el: 'body',
     el: 'body',
     components: {
     components: {
-        app:require("./importExportStock.vue")
+        app:require("./app.vue")
     }
     }
 });
 });