update 更新报表预览

src/views/modules/pms/reportPreview/index.vue

@@ -1,5 +1,7 @@
 <template>
-  <div></div>
+  <div v-loading="loading" style="" class="main-container">
+    <iframe ref="report-view" id="report-view" name="main-iframe" :src="url" frameborder="0" scrolling="auto" />
+  </div>
 </template>
 
 <script>
@@ -7,12 +9,51 @@ export default {
   name: "ReportPreview",
   props: {},
   data() {
-    return {};
+    return {
+      loading: true,
+      // url: "/pms-am/ureport/preview", // 不行
+      // url: "http://192.168.1.62:8080/pms-am/ureport/preview",
+      url: window.SITE_CONFIG['apiURL'] + '/ureport/preview'
+    };
   },
   created() {},
-  mounted() {},
+  mounted() {
+    this.url += "?_u=db:" + this.$route.query.name  // + ".ureport.xml";
+    if (this.$route.query.substrateId) {
+      this.url += "&substrateId=" + this.$route.query.substrateId;
+    }
+    if (this.$route.query.equipmentId) {
+      this.url += "&equipmentId=" + this.$route.query.equipmentId;
+    }
+    if (this.$route.query.dataId) {
+      this.url += "&dataId=" + this.$route.query.dataId;
+    }
+    if (this.$route.query.workOrderNo) {
+      this.url += "&workOrderNo=" + this.$route.query.workOrderNo;
+    }
+    if (this.$route.query.id) {
+      this.url += "&id=" + this.$route.query.id;
+    }
+    const iframe = this.$refs['report-view']
+    console.log('iframe', iframe)
+    iframe.onload = () => this.loading = false
+  },
   methods: {},
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.main-container {
+  min-height: inherit;
+  /* padding: 16px; */
+  background: white;
+  /* border-radius: 6px; */
+  /* box-shadow: 0 0 1.125px 0.125px rgba(0, 0, 0, 0.125); */
+  /* height: 100%; */
+}
+
+#report-view {
+  width: 100%;
+  min-height: inherit;
+}
+</style>