48 lines
1001 B
Vue
48 lines
1001 B
Vue
<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>
|