修改正射报告

src/components/qtReport/index.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="qtReport">
     <div class="realResult">
-            <div class="box1"><span class="sp1"></span><span class="sp2">真实性检验结果</span></div>
+      <div class="box1">
+        <span class="sp1"></span><span class="sp2">真实性检验结果</span>
+      </div>
       <div class="resContent">
         <div>
           <el-tabs v-model="activeTabs">
@@ -49,7 +51,8 @@
     </div>
     <div class="groudCoverType">
       <div class="box1">
-                <span class="sp1"></span><span class="sp2">{{ pdSubTypeName }}误差结果图</span>
+        <span class="sp1"></span
+        ><span class="sp2">{{ pdSubTypeName }}误差结果图</span>
       </div>
       <div class="gctContent">
         <div id="qtReportEchart" ref="chart"></div>
@@ -104,10 +107,11 @@ export default {
     },
     drawPie(rocVal) {
       let tableData = this.realRes.report["" + 12 + ""];
-            let xArr = tableData.pop();
+      let newTableData = this.deepClone(tableData);
-            let yArr = tableData.pop();
+      let xArr = newTableData.pop();
+      let yArr = newTableData.pop();
       let dataArr = [];
-            tableData.forEach((a, index1) => {
+      newTableData.forEach((a, index1) => {
         a.forEach((b, index2) => {
           dataArr.push([index1, index2, b.count]);
         });
@@ -150,7 +154,7 @@ export default {
           top: "middle", // 垂直居中
           orient: "vertical", // 垂直显示
           inRange: {
-                        color: ["#F4FBFD","#073671"], // 定义颜色渐变
+            color: ["#F4FBFD", "#073671"], // 定义颜色渐变
           },
           // outOfRange: {
           //     color: "#999", // 数据值在范围外时的颜色
@@ -161,6 +165,7 @@ export default {
             name: "Punch Card",
             type: "heatmap",
             data: dataArr,
+            animation: false,
             label: {
               show: true,
             },
@@ -231,6 +236,15 @@ export default {
       };
       option && this.myCharts.setOption(option);
     },
+    deepClone(obj) {
+      if (obj === null) return null;
+      let clone = obj instanceof Array ? [] : {};
+      for (const key of Object.keys(obj)) {
+        clone[key] =
+          typeof obj[key] === "object" ? this.deepClone(obj[key]) : obj[key];
+      }
+      return clone;
+    },
   },
 };
 </script>

src/components/rtReport/index.vue

@@ -431,7 +431,7 @@ export default {
                     },
                 },
                 yAxis: {
-                    name: "误差",
+                    name: "实测值（" + this.getProductDes() + "）",
                     nameTextStyle: {
                         lineHeight: 30,
                         height: 60,
@@ -531,7 +531,7 @@ export default {
                             let num = converted.geometry.coordinates[0];
                             const p = Math.floor(Math.log(num) / Math.LN10);
                             const n = num * 10 ** -p;
-                            return `${n.toFixed(4)}xe${p}`;
+                            return `${n.toFixed(4)}e${p}`;
                         },
                     },
                 },
@@ -551,7 +551,7 @@ export default {
                             let num = converted.geometry.coordinates[1];
                             const p = Math.floor(Math.log(num) / Math.LN10);
                             const n = num * 10 ** -p;
-                            return `${n.toFixed(4)}xe${p}`;
+                            return `${n.toFixed(4)}e${p}`;
                         },
                     },
                 },

src/views/Daichuli/Feedback/Inspection/Report/index.vue

@@ -193,7 +193,12 @@ export default {
       this.pdSubType === productSubTypeVal.ACS_TYPESOFLANDCOVER ||
       this.pdSubType === productSubTypeVal.ACS_VEGETATIONPHENOLOGY
     ) {
-      this.base64Data = this.$refs.reportQT.myCharts.getDataURL();
+      this.base64Data = this.$refs.reportQT.myCharts.getDataURL({
+        type: "png",
+        pixelRatio: 1.5, //放大两倍下载，之后压缩到同等大小展示。解决生成图片在移动端模糊问题
+        backgroundColor: "#fff",
+        excludeComponents: ["toolbox", "dataZoom"],
+      });
     } else {
       this.base64Data = this.$refs.reportRT.myCharts.getDataURL({
         type: "png",