Browse Source

新增一页:整体得分及差异分析;相应页码修改

htc 15 hours ago
parent
commit
f32ab5d657
1 changed files with 87 additions and 14 deletions
  1. 87 14
      src/components/reportPdf/pdf.vue

+ 87 - 14
src/components/reportPdf/pdf.vue

@@ -119,6 +119,79 @@
             </div>
             <div class="cd_page">3/{{ pageNum }}</div>
         </div>
+        <!-- 整体得分及差异分析 -->
+        <div class="cd_box">
+            <div class="cb_db adf">
+                <div class="cb_db_l cdl">{{ datetime }}</div>
+            </div>
+            <div class="cb_content">
+                <div class="mddj_title adfac">
+                    <img src="@/assets/images/report/title_img_wbjg.png">
+                    <span>整体得分及差异分析</span>
+                </div>
+                <div class="bp" style="margin-top: 41px;">均分及差异分析</div>
+                <p class="p2" style="margin-top: 16px;">方差:体现的是团队中每个个体成员在问卷题目中的选择,相对于团队整体均分的差异;通过这个指标来体现团队内部各成员对问卷内容认知程度的差异。</p>
+                <div class="cyfx_boxs">
+                    <div class="cyfxb_box" style="border-left: none;">
+                        <div class="cbb_top">均分前五</div>
+                        <div class="cbb_bottom">
+                            <div class="cbbb_item" v-for="rph in reportData?.overall?.avgDescFive">
+                                <div class="ci_l">{{ rph?.question }}</div>
+                                <div class="ci_r">
+                                    <div class="circle">
+                                        <div class="semi-circle" :style="{'--percentage': rph?.avgScore}"></div>
+                                        <div class="number">{{ rph?.avgScore }}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="cyfxb_box">
+                        <div class="cbb_top red">均分后五</div>
+                        <div class="cbb_bottom">
+                            <div class="cbbb_item" v-for="rph in reportData?.overall?.avgAceFive">
+                                <div class="ci_l">{{ rph?.question }}</div>
+                                <div class="ci_r">
+                                    <div class="circle">
+                                        <div class="semi-circle red" :style="{'--percentage': rph?.avgScore}"></div>
+                                        <div class="number red">{{ rph?.avgScore }}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="cyfxb_box">
+                        <div class="cbb_top">方差前五</div>
+                        <div class="cbb_bottom">
+                            <div class="cbbb_item" v-for="rph in reportData?.overall?.varianceDescFive">
+                                <div class="ci_l">{{ rph?.question }}</div>
+                                <div class="ci_r">
+                                    <div class="circle">
+                                        <div class="semi-circle" :style="{'--percentage': rph?.variance}"></div>
+                                        <div class="number">{{ rph?.variance }}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="cyfxb_box">
+                        <div class="cbb_top red">方差后五</div>
+                        <div class="cbb_bottom">
+                            <div class="cbbb_item" v-for="rph in reportData?.overall?.varianceAceFive">
+                                <div class="ci_l">{{ rph?.question }}</div>
+                                <div class="ci_r">
+                                    <div class="circle">
+                                        <div class="semi-circle red" :style="{'--percentage': rph?.variance}"></div>
+                                        <div class="number red">{{ rph?.variance }}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="cd_page">4/{{ pageNum }}</div>
+        </div>
         <!-- 多维度 -->
         <template v-if="reportData?.dimensionAnalysis?.length">
             <div v-for="(rd,ridx) in reportData.dimensionAnalysis" :key="ridx">
@@ -272,7 +345,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="cd_page">{{ridx*7+4}}/{{ pageNum }}</div>
+                    <div class="cd_page">{{ridx*7+5}}/{{ pageNum }}</div>
                 </div>
                 <!-- 第五页 绩效评级目的与动机 -->
                 <div class="cd_box">
@@ -346,7 +419,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="cd_page">{{ridx*7+5}}/{{ pageNum }}</div>
+                    <div class="cd_page">{{ridx*7+6}}/{{ pageNum }}</div>
                 </div>
                 <!-- 第六页 绩效评级目的与动机 -->
                 <div class="cd_box">
@@ -376,7 +449,7 @@
                             <div class="jb_text" v-for="(t,i) in rd?.diagAnalysis?.suggestion" :key="i">{{ t }}</div><br>
                         </div>
                     </div>
-                    <div class="cd_page">{{ridx*7+6}}/{{ pageNum }}</div>
+                    <div class="cd_page">{{ridx*7+7}}/{{ pageNum }}</div>
                 </div>
                 <!-- 第七页 问卷题目详细分析 -->
                 <div class="cd_box">
@@ -418,7 +491,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="cd_page">{{ridx*7+7}}/{{ pageNum }}</div>
+                    <div class="cd_page">{{ridx*7+8}}/{{ pageNum }}</div>
                 </div>
                 <!-- 第八页 问卷题目详细分析 -->
                 <div class="cd_box">
@@ -449,7 +522,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="cd_page">{{ridx*7+8}}/{{ pageNum }}</div>
+                    <div class="cd_page">{{ridx*7+9}}/{{ pageNum }}</div>
                 </div>
                 <!-- 第九页 团队成员回答分数 -->
                 <div class="cd_box">
@@ -496,7 +569,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="cd_page">{{ridx*7+9}}/{{ pageNum }}</div>
+                    <div class="cd_page">{{ridx*7+10}}/{{ pageNum }}</div>
                 </div>
                 <!-- 第十页 团队成员回答分数 -->
                 <div class="cd_box">
@@ -524,7 +597,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="cd_page">{{ridx*7+10}}/{{ pageNum }}</div>
+                    <div class="cd_page">{{ridx*7+11}}/{{ pageNum }}</div>
                 </div>
             </div>
         </template>
@@ -570,7 +643,7 @@
                 </div>
                 <div class="next_tip">如需了解更多背景和细节,可以向创衡团队寻求支持。联系:William@transcend-intl.cn</div>
             </div>
-            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+4}}/{{ pageNum }}</div>
+            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+5}}/{{ pageNum }}</div>
         </div>
         <!-- 团队情况概述 -->
         <div class="cd_box">
@@ -595,7 +668,7 @@
                 <!-- <div class="team_title">团队教练:</div>
                 <div class="team_p">{{ '' }}</div> -->
             </div>
-            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+5}}/{{ pageNum }}</div>
+            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+6}}/{{ pageNum }}</div>
         </div>
         <!-- 团队情况概述2 -->
         <div class="cd_box">
@@ -621,7 +694,7 @@
                     </table>
                 </div>
             </div>
-            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+6}}/{{ pageNum }}</div>
+            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+7}}/{{ pageNum }}</div>
         </div>
         <template v-if="membersPageCount>1">
             <div class="cd_box" v-for="(n,i) in membersPageCount-1" :key="i">
@@ -647,7 +720,7 @@
                         </table>
                     </div>
                 </div>
-                <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+6+n}}/{{ pageNum }}</div>
+                <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+7+n}}/{{ pageNum }}</div>
             </div>
         </template>
         <!-- 团队教练目标及方案 -->
@@ -709,7 +782,7 @@
                     </table>
                 </div>
             </div>
-            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+7+(membersPageCount-1)}}/{{ pageNum }}</div>
+            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+8+(membersPageCount-1)}}/{{ pageNum }}</div>
         </div>
         <!-- 团队教练目标及方案2 -->
         <div class="cd_box">
@@ -769,7 +842,7 @@
                     </table>
                 </div>
             </div>
-            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+8+(membersPageCount-1)}}/{{ pageNum }}</div>
+            <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+9+(membersPageCount-1)}}/{{ pageNum }}</div>
         </div>
     </div>
 </template>
@@ -1084,7 +1157,7 @@
 
         reportData.value = props.reportData;
         membersPageCount.value = Math.ceil(reportData.value?.nextSteps?.teamInfo?.team_info?.length/4);
-        pageNum.value = reportData.value?.dimensionAnalysis?.length*7+7+(membersPageCount.value);
+        pageNum.value = reportData.value?.dimensionAnalysis?.length*7+8+(membersPageCount.value)||'-';
         reportData.value?.dimensionAnalysis?.forEach(item=>{
             item.userNames = item?.teamMemberScores[0]?.memberScores?.map(d=>d.realName)||[];
             item?.teamMemberScores.forEach((tms,idx)=>{