统计报表页面开发

src/views/salesServiceManagement/index.vue

@@ -43,6 +43,9 @@
           <div v-if="activeComp == 'cost'">
             <Cost ref="costRef" />
           </div>
+           <div v-if="activeComp == 'statisReport'">
+            <statisReport ref="statisReportRef" />
+          </div>
         </div>
       </el-card>
     </div>
@@ -57,6 +60,7 @@
   import knowledge from './knowledge';
   import recycle from './recycle';
   import Cost from './cost';
+  import statisReport from './statisReport'
   export default {
     components: {
       demandList,
@@ -66,7 +70,8 @@
       accessory,
       knowledge,
       recycle,
-      Cost
+      Cost,
+      statisReport
     },
     data() {
       return {
@@ -80,7 +85,7 @@
           { key: 'accessory', name: '配件申请记录' },
           { key: 'recycle', name: '配件回收记录' },
           { key: 'knowledge', name: '故障知识库' },
-          { key: '2', name: '统计报表' }
+          { key: 'statisReport', name: '统计报表' }
         ]
       };
     },

src/views/salesServiceManagement/statisReport/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <!-- <ele-modal
+    :visible.sync="showEditFlag"
+    :close-on-click-modal="false"
+    custom-class="ele-dialog-form"
+    append-to-body
+    :fullscreen="true"
+  >
+
+  </ele-modal> -->
+  <div>
+    <iframe
+      :src="fileUrl"
+      width="100%"
+      v-if="showEditFlag"
+      style="height: calc(100vh - 220px)"
+      frameborder="0"
+      allowfullscreen="true"
+    ></iframe>
+  </div>
+</template>
+
+<script>
+  import { getJmPrintViewUrl } from '@/components/jimureport/api';
+  //   import jimureportBrowse from '@/components/jimureport/browseModal.vue';
+  export default {
+    // components: { jimureportBrowse },
+    data() {
+      return {
+        // eomstatisticalreportprint
+        showEditFlag: true,
+        fileUrl: ''
+      };
+    },
+    created() {
+      this.init();
+    },
+    methods: {
+      async init() {
+        let url = await getJmPrintViewUrl('eomstatisticalreportprint');
+        this.fileUrl = url;
+      }
+    }
+  };
+</script>