<template>
	<div class="packagingPrintLog-box">
		<div style="width: 100%">
			<ButtonNav
				:menus="['未打印', '已打印']"
				:button-mode="true"
				@change="currentMenu"></ButtonNav>
		</div>
		<!-- 未打印 -->
		<UnPrint v-if="activeMenu == '未打印'" />
		<!-- 已打印 -->
		<Printed v-else />
	</div>
</template>
<script>
import ButtonNav from '@/components/ButtonNav';
import UnPrint from './components/UnPrint';
import Printed from './components/Printed';
export default {
	name: 'packagingPrintLog',
	components: { ButtonNav, UnPrint, Printed },
	data() {
		return {
			activeMenu: '未打印',
		};
	},
	methods: {
		currentMenu(val) {
			console.log(val);
			this.activeMenu = val;
		},
	},
};
</script>
<style lang="scss" scoped>
.packagingPrintLog-box {
	min-height: calc(100vh - 120px - 8px);
	background-color: #f2f4f9;
	.show-box {
		min-height: calc(100vh - 128px - 52px);
		margin-top: 8px;
		padding: 16px;
		border-radius: 8px;
		background-color: #fff;
	}
}
</style>
