This commit is contained in:
yanran200730
2022-05-09 16:04:37 +08:00
parent 4a534bd486
commit 850eea52a5
2 changed files with 171 additions and 7 deletions

View File

@@ -1,11 +1,11 @@
<template>
<div class="report">
<components :is="component"></components>
<components class="report-item" :is="component"></components>
<div class="report-list">
<image @click="component = 'WorkReport'" :class="[component === 'WorkReport' ? 'active' : '']" src="./images/report1.png" />
<image @click="component = 'Daily'" :class="[component === 'Daily' ? 'active' : '']" src="./images/report2.png" />
<image @click="component = 'InspectLog'" :class="[component === 'InspectLog' ? 'active' : '']" src="./images/report3.png" />
<image @click="component = 'MeetingMminutes'" :class="[component === 'MeetingMminutes' ? 'active' : '']" src="./images/report4.png" />
<image @click="component = 'Daily'" :class="[component === 'Daily' ? 'active' : '']" src="./images/report4.png" />
<image @click="component = 'InspectLog'" :class="[component === 'InspectLog' ? 'active' : '']" src="./images/report2.png" />
<image @click="component = 'MeetingMminutes'" :class="[component === 'MeetingMminutes' ? 'active' : '']" src="./images/report3.png" />
</div>
</div>
</template>
@@ -46,10 +46,17 @@
<style lang="scss" scoped>
.report {
height: 100vh;
* {
box-sizing: border-box;
}
.report-item {
min-height: calc(100% - 240px);
overflow-y: auto;
}
.report-list {
display: flex;
justify-content: center;
@@ -74,4 +81,4 @@
}
}
}
</style>
</style>