<template>
	<div class="app-container">
		<el-tabs v-model="activeName" @tab-click="handleClick">
			<!-- <el-tab-pane label="仓库数据总看板" name="1"><TAB1 v-if="activeName === '1'"></TAB1></el-tab-pane> -->
			<el-tab-pane label="入库记录根据批次号" name="2"><TAB2 v-if="activeName === '2'"></TAB2></el-tab-pane>
			<el-tab-pane label="入库记录根据零件号" name="3"><TAB3 v-if="activeName === '3'"></TAB3></el-tab-pane>
			<el-tab-pane label="出库记录根据批次号" name="4"><TAB4 v-if="activeName === '4'"></TAB4></el-tab-pane>
			<el-tab-pane label="出库记录根据零件号" name="5"><TAB5 v-if="activeName === '5'"></TAB5></el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
	import TAB1 from './components/TheWmBatchSearch/仓库数据总看板/index.vue';
	import TAB2 from './components/TheWmBatchSearch/入库记录根据批次号/index.vue';
	import TAB3 from './components/TheWmBatchSearch/入库记录根据零件号/index.vue';
	import TAB4 from './components/TheWmBatchSearch/出库记录根据批次号/index.vue';
	import TAB5 from './components/TheWmBatchSearch/出库记录根据零件号/index.vue';
	export default {
		name: 'WmpatchSearch',
		components: {
			TAB1,
			TAB2,
			TAB3,
			TAB4,
			TAB5
		},
		data() {
			return {
				activeName: '2',
				total: 0,
			}
		},
		mounted() {

		},
		methods: {
			handleClick(tab, event) {
				// console.log(tab, event);
			}
		},
	}
</script>

<style lang="scss" scoped></style>