包装40%

src/views/base/packagingPrintLog2/index.vue

@@ -0,0 +1,47 @@
+<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>