pdf修改 更改字段

src/views/privateOrder/security/components/ReportingStatistics.vue

@@ -168,9 +168,9 @@ export default {
       pdfUrl: "",
       //=========
       queryData: {
-        pageSize: 20,
-        pageNum: 1,
-        locationName: "",
+        // pageSize: 20,
+        // pageNum: 1,
+        areaId: "",
       },
     };
   },
@@ -252,7 +252,8 @@ export default {
     },
     clickFunc(val) {
       console.log(val);
-      this.queryData.locationName = val.name;
+      this.queryData.areaId = val.area;
+      console.log(this.queryData);
       //点击之后弹出框显示列表
       this.dangerList = [];
       departmentList(this.queryData).then((res) => {
@@ -288,7 +289,6 @@ export default {
       if (this.fileExtension == "pdf") {
         this.pdfUrl = process.env.VUE_APP_BASE_API2 + str[0];
         this.dialogStatus2 = true;
-
         // console.log(this.pdfUrl);
         // const loadingTask = pdf.createLoadingTask({
         //   url: this.pdfUrl,
@@ -374,11 +374,13 @@ export default {
     //属地通报
     getSDData() {
       territorialTB().then((res) => {
+        console.log(res);
         res.data.forEach((value, index) => {
           this.piedata.push({
-            name: this.$filterDict('1',`[${value.areaId}]`,true),
+            name: this.$filterDict("1", `[${value.areaId}]`, true),
             value: value.count,
             percent: value.pt,
+            area: value.area,
             img: require(`@/assets/privateOrder/general/${
               index + 1 > 8 ? 1 : index + 1
             }.png`),

src/views/privateOrder/sentiment/components/componentRight.vue

@@ -231,14 +231,14 @@
           class="file-content"
         ></div>
         <div v-if="fileExtension === 'pdf'" class="file-content">
-          <!-- <pdf
+          <pdf
             v-for="i in numPages"
             ref="pdf"
             :key="i"
             :src="pdfUrl"
             :page="i"
-          ></pdf> -->
-          <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
+          ></pdf>
+          <!-- <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe> -->
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -570,7 +570,7 @@ export default {
       let str1 = str[0].split('.')
       this.fileExtension = str1[1];
       if (this.fileExtension == "pdf") {
-        this.pdfUrl = process.env.VUE_APP_BASE_API2 + str[0];
+        this.getNumPages(process.env.VUE_APP_BASE_API2 + str[0])
         this.dialogDetails = true;
       } else if (
         this.fileExtension === "docx" ||
@@ -591,35 +591,35 @@ export default {
       }
     },
 
-    // getNumPages(url) {
-    //   axios({
-    //     method: "GET",
-    //     url: url, // 后台接口
-    //     paramsSerializer: function (params) {
-    //       return qs.stringify(params, { arrayFormat: "brackets" });
-    //     },
-    //     headers: {
-    //       "Content-Type":
-    //         "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    //     },
-    //     responseType: "blob",
-    //   })
-    //     .then((response) => {
-    //       this.pdfUrl = this.getObjectURL(response.data);
-    //       const loadingTask = pdf.createLoadingTask(this.pdfUrl);
-    //       loadingTask.promise
-    //         .then((pdf) => {
-    //           this.numPages = pdf.numPages;
-    //           this.dialogDetails = true;
-    //         })
-    //         .catch((err) => {
-    //           console.error("pdf 加载失败", err);
-    //         });
-    //     })
-    //     .catch((error) => {
-    //       this.$message.error("" + error);
-    //     });
-    // },
+    getNumPages(url) {
+      axios({
+        method: "GET",
+        url: url, // 后台接口
+        paramsSerializer: function (params) {
+          return qs.stringify(params, { arrayFormat: "brackets" });
+        },
+        headers: {
+          "Content-Type":
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+        },
+        responseType: "blob",
+      })
+        .then((response) => {
+          this.pdfUrl = this.getObjectURL(response.data);
+          const loadingTask = pdf.createLoadingTask(this.pdfUrl);
+          loadingTask.promise
+            .then((pdf) => {
+              this.numPages = pdf.numPages;
+              this.dialogDetails = true;
+            })
+            .catch((err) => {
+              console.error("pdf 加载失败", err);
+            });
+        })
+        .catch((error) => {
+          this.$message.error("" + error);
+        });
+    },
     // 文件流转url
     getObjectURL(file) {
       let url = null;