乡村相册

src/saas/AppCountryAlbum/AddReport.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="report">
     <components class="report-item" :is="component"></components>
-    <div class="report-list">
+    <div class="report-list" data-html2canvas-ignore>
       <image @click="component = 'WorkReport'" :class="[component === 'WorkReport' ? 'active' : '']" src="./images/report1.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" />
@@ -11,10 +11,10 @@
 </template>
 
 <script>
-  import Daily from './components/Daily'
-  import WorkReport from './components/WorkReport'
-  import InspectLog from './components/InspectLog'
-  import MeetingMminutes from './components/MeetingMminutes'
+  import Daily from './components/report/Daily'
+  import WorkReport from './components/report/WorkReport'
+  import InspectLog from './components/report/InspectLog'
+  import MeetingMminutes from './components/report/MeetingMminutes'
 
   export default {
     name: 'Report',
@@ -46,23 +46,26 @@
 
 <style lang="scss" scoped>
   .report {
-    height: 100vh;
-    overflow: hidden;
+    // height: 100vh;
+    // overflow: hidden;
+    padding-bottom: 240px;
 
     * {
       box-sizing: border-box;
     }
 
     .report-item {
-      height: calc(100% - 240px);
       padding-bottom: 20px;
-      overflow-y: auto;
     }
 
     .report-list {
+      position: fixed;
       display: flex;
       justify-content: center;
       align-items: center;
+      left: 0;
+      bottom: 0;
+      width: 100%;
       height: 240px;
       padding: 0 24px;
       background: #FFFFFF;