pdf

src/api/enforce.js

@@ -11,7 +11,9 @@ import { _get, _post,_form,_delete } from "../http/index";
  * @returns 
  */
 export const queryEnforcementInspectionProgramList = (params, success, error)  => _get("/app/code/enforcementInspectionProgram/queryList", params, success, error);
+export const transPdf = (params, success, error)  => _post("/app/system/enforceNotice/transPdf", params, success, error);
 /**
+ *
  * 执法计划列表 无权限接口
  * @param {*} params 
  * @param {*} success 
@@ -108,7 +110,6 @@ export const queryListByEnterpriseNumberNew = (params, success, error) => _get("
  */
 export const queryUserInfo = (userId, success, error) => _get("/app/getUserInfo/"+ userId, null,success,error)
 export const getUserInfoAndDept = (userId, success, error) => _get("/app/getUserInfoAndDept/"+ userId, null,success,error)
-
 /**
  * 查询执法登记信息详情
  * @param {*} params 

src/router/enforce.js

@@ -47,6 +47,12 @@ const routes = [
     name: "pdfPreview",
     component: () => import("@/views/common/pdfPreview.vue"),
   },
+  // pdf预览
+  {
+    path: "/pdfPngPreview",
+    name: "pdfPngPreview",
+    component: () => import("@/views/common/pdfPngPreview.vue"),
+  },
   // 企业不存在提示页面
   {
     path: "/notExist",

src/views/common/pdfPngPreview.vue

@@ -0,0 +1,43 @@
+<template>
+  <div id="div-container" style="height:100%;overflow: auto; ">
+      <img v-for="(item, index) in imgList" :key="index" class="img-box" :src="item" style="width: 100%" />
+  </div>
+
+</template>
+
+<script >
+import {baseUrl} from "@/config/env";
+import {transPdf} from "@/api/enforce.js";
+
+export default {
+  name: 'PdfViewer',
+  data() {
+    return {
+      imgList:[],
+      // 可引入网络文件或者本地文件
+      pdfUrl: "http://192.168.110.36:85/profile/upload/2024/03/29/40eb1a97ca27c3369370e90632d92db0.pdf",
+    };
+  },
+  mounted() {
+    this.pdfUrl =baseUrl+ this.$route.query.url;
+    console.log("pdf地址", this.pdfUrl)
+    this.loadImage();
+  },
+  methods: {
+    loadImage() {
+      let searchParam = reactive({url: this.$route.query.url});
+      transPdf(searchParam, success => {
+         this.imgList = success.data;
+        if (success.data.length > 0) {
+          this.imgList.forEach((item, index) => {
+            this.imgList[index] = "data:image/png;base64,"+item;
+          });
+        }
+      }, error => {
+
+      })
+    }
+
+},
+};
+</script>

src/views/enforce/enforcementPlan.vue

@@ -217,7 +217,7 @@
         if (null != url) {
             router.push(
                 {
-                    path: "/pdfPreview",
+                    path: "/pdfPngPreview",
                     query: {
                         url: url
                     }