二期预览pdf接口联调

src/api/agent/indexTwo.js

@@ -68,6 +68,12 @@ export function getWechatUserUseData(id) {
     method: 'get'
   })
 }
+export function previewReportByApp(id) {
+  return request({
+    url: `/core/report/team/member/previewReportByApp/${id}`,
+    method: 'get'
+  })
+}
 export function getUserTeamList(query) {
   return request({
     url: `/core/userteam/page`,

src/components/reportPdf/index2.vue

@@ -74,7 +74,7 @@
                     word-break: break-all;
                     .cd_box{
                         width: 100%;
-                        height: 891px;
+                        min-height: 891px;
                         font-size: 30px;
                         font-weight: bold;
                     }

src/components/reportPdf/pdf2.scss

@@ -2,7 +2,7 @@
     padding: 20px 0 30px;
     box-sizing: border-box;
     position: relative;
-    height: 890px;
+    min-height: 890px;
     color: #111111;
     background-size: 100% 100%;
     .cb_db{
@@ -77,7 +77,7 @@
         background-size: 100% 100%;
         position: relative;
         justify-content: flex-end;
-        padding: 0 40px 30px;
+        padding: 0 40px 15px;
         box-sizing: border-box;
     }
     .fm2-logo{
@@ -128,6 +128,15 @@
         color: #FFFFFF;
         line-height: 12px;
         text-align: left;
+        .fm2-texts-pre-span{
+            width: 84px;
+        }
+        .fm2-texts-pre-val{
+            width: calc(100% - 84px);
+            padding-right: 10px;
+            box-sizing: border-box;
+            line-height: 16px;
+        }
     }
 
     .fm_img{
@@ -712,6 +721,8 @@
                         left: 14px;
                         top: -20px;
                         .xts_num{
+                            width: 24px;
+                            height: 20px;
                             background: #FFFFFF;
                             box-shadow: 0px 4px 10px 0px rgba(118,30,106,0.08);
                             border-radius: 8px;
@@ -719,8 +730,6 @@
                             font-family: PangMenZhengDao, PangMenZhengDao;
                             font-weight: bold;
                             font-size: 12px;
-                            line-height: 16px;
-                            padding: 10px 8px;
                             white-space: nowrap;
                             &.red{
                                 color: #33A7A7;
@@ -1355,9 +1364,10 @@
                         top: 0;
                     }
                     .vj-val{
+                        width: 24px;
+                        height: 20px;
                         background: #FFFFFF;
                         border-radius: 4px;
-                        padding: 4px 7px;
                         font-family: DIN, DIN;
                         font-weight: bold;
                         font-size: 12px;
@@ -1433,7 +1443,7 @@
             .xr_tb{
                 width: calc(100% - 20px);
                 height: 4px;
-                margin-top: 11px;
+                margin-top: 9px;
                 position: relative;
                 .xt_pre{
                     width: calc(100% / 3);
@@ -1453,6 +1463,10 @@
                     left: 14px;
                     top: -9px;
                     .xts_num{
+                        width: 24px;
+                        height: 18px;
+                        padding: 0 4px;
+                        box-sizing: border-box;
                         background: #FFFFFF;
                         box-shadow: 0px 4px 10px 0px rgba(118,30,106,0.08);
                         border-radius: 4px;
@@ -1461,8 +1475,6 @@
                         font-weight: bold;
                         font-size: 12px;
                         color: #904A87;
-                        line-height: 10px;
-                        padding: 4px 7px;
                         white-space: nowrap;
                         &.red{
                             color: #904A87;

src/views/modules/wechatUserDetail.vue

@@ -105,7 +105,8 @@
     const { channel_type } = proxy.useDict("channel_type");
     import { 
         getWechatUserInfoById,
-        getWechatUserUseData
+        getWechatUserUseData,
+        previewReportByApp
     } from '@/api/agent/indexTwo.js'
     
     const tidx = ref(0)
@@ -130,8 +131,12 @@
     }
 
     const handleReview = (row) => {
-        isMajor.value = row.type==2?true:false;
-        pdfShow.value = true;
+        previewReportByApp(row.reportId).then(res=>{
+            if(res.code!==0) return proxy.$message.error(res.msg)
+            reportData.value = res.data;
+            isMajor.value = row.type==2?true:false;
+            pdfShow.value = true;
+        })
     }
 
     const pdfCancel = () => {