bug
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user