pdf优化

src/components/reportPdf/pdf.scss

@@ -2,8 +2,9 @@
     padding: 20px 0 30px;
     box-sizing: border-box;
     position: relative;
-    border-top: 3px solid rgba(0,0,0,.4);
-    height: 888px;
+    border-top: 1px solid rgba(0,0,0,.4);
+    height: 890px;
+    color: #111111;
     .cb_db{
         .cb_db_l{
             font-family: STSongti-SC, STSongti-SC;
@@ -20,14 +21,14 @@
     }
 
     .cd_page{
+        width: 100%;
         font-family: STSongti-SC, STSongti-SC;
         font-weight: 400;
         font-size: 10px;
         color: #111111;
         line-height: 16px;
-        text-align: right;
+        text-align: center;
         position: absolute;
-        right: 30px;
         bottom: 20px;
     }
 
@@ -53,7 +54,7 @@
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 20px;
-        color: #252525;
+        color: #111111;
         line-height: 24px;
     }
 
@@ -660,7 +661,7 @@
         margin-top: 10px;
         background: rgba(118,30,106,0.05);
         border-radius: 0px 6px 0px 6px;
-        padding: 10px 8px;
+        padding: 8px 8px;
         .nb_title{
             font-family: PingFang-SC, PingFang-SC;
             font-weight: bold;
@@ -674,7 +675,7 @@
             font-size: 10px;
             color: #111111;
             line-height: 16px;
-            margin-top: 8px;
+            margin-top: 6px;
         }
         .nb_sj{
             font-family: PingFangSC, PingFang SC;
@@ -691,21 +692,22 @@
         font-size: 10px;
         color: #761E6A;
         line-height: 16px;
-        margin-top: 12px;
+        margin-top: 9px;
         text-align: center;
     }
 
     .team_title{
         margin-top: 20px;
-        font-size: 10px;
+        font-size: 20px;
         font-weight: bold;
-        line-height: 16px;
-        color: #761E6A;
+        line-height: 24px;
+        color: #111111;
     }
     .team_p{
         font-size: 10px;
         line-height: 16px;
         color: #111111;
+        margin-top: 6px;
     }
 
     .cc_table{
@@ -765,8 +767,11 @@
                     padding: 6px 10px;
                     background: #FFFFFF;
                     &.mw{
-                        width: 40px;
-                        padding: 6px 15px;
+                        width: 50px;
+                        padding: 5px;
+                    }
+                    &.tc{
+                        height: 140px;
                     }
                 }
                 &.th td{

src/components/reportPdf/pdf.vue

@@ -358,7 +358,7 @@
                         </div>
                         <div class="jxpjmddj_box">
                             <div class="jb_title2">诊断结果：</div>
-                            <div class="jb_text" v-html="rd?.diagAnalysis?.diagResult"></div>
+                            <div class="jb_text" v-html="rd?.diagAnalysis?.diagResult.replace('/\n'/g,'<br>')"></div>
                         </div>
                         <div class="jxpjmddj_box">
                             <div class="jb_title2">建议：</div>
@@ -581,23 +581,10 @@
                 <div class="team_p">{{ reportData?.nextSteps?.teamInfo?.team }}</div>
                 <div class="team_title">团队故事：</div>
                 <div class="team_p" style="min-height: 180px;">{{ reportData?.nextSteps?.teamInfo?.teamStory }}</div>
-                <div class="team_title">团队成员：</div>
-                <div class="team_table">
-                    <table>
-                        <tr class="th">
-                            <td>姓名</td>
-                            <td>类型</td>
-                            <td>人物简介</td>
-                            <td>人物故事</td>
-                        </tr>
-                        <tr v-for="(item,index) in reportData?.nextSteps?.teamInfo?.team_info.slice(0,1)" :key="index">
-                            <td class="mw">{{ item.name }}</td>
-                            <td class="mw">{{ UserCategory.find(u=>u.value==item.type)?.label }}</td>
-                            <td>{{item.brief}}</td>
-                            <td>{{item.story}}</td>
-                        </tr>
-                    </table>
-                </div>
+                <div class="team_title">团队诊断总结：</div>
+                <div class="team_p" style="min-height: 80px;">{{ '' }}</div>
+                <div class="team_title">团队教练：</div>
+                <div class="team_p">{{ '' }}</div>
             </div>
             <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+5}}/{{ reportData?.dimensionAnalysis?.length*7+8 }}</div>
         </div>
@@ -607,6 +594,7 @@
                 <div class="cb_db_l cdl">{{ datetime }}</div>
             </div>
             <div class="cb_content">
+                <div class="bp">团队成员</div>
                 <div class="team_table">
                     <table>
                         <tr class="th">
@@ -615,11 +603,11 @@
                             <td>人物简介</td>
                             <td>人物故事</td>
                         </tr>
-                        <tr v-for="(item,index) in reportData?.nextSteps?.teamInfo?.team_info.slice(1,5)" :key="index">
+                        <tr v-for="(item,index) in reportData?.nextSteps?.teamInfo?.team_info.slice(0,4)" :key="index">
                             <td class="mw">{{ item.name }}</td>
                             <td class="mw">{{ UserCategory.find(u=>u.value==item.type)?.label }}</td>
-                            <td>{{item.brief}}</td>
-                            <td>{{item.story}}</td>
+                            <td class="tc">{{item.brief}}</td>
+                            <td class="tc">{{item.story}}</td>
                         </tr>
                     </table>
                 </div>