Procházet zdrojové kódy

最新报告需求修改

htc před 1 dnem
rodič
revize
8b09a97084

+ 76 - 9
src/components/reportPdf/pdf2.scss

@@ -58,9 +58,6 @@
         .fdy-code-team{
             width: 128px;
             height: 128px;
-            position: absolute;
-            right: 30px;
-            bottom: 9px;
         }
     }
 
@@ -286,9 +283,8 @@
         font-size: 10px;
         color: #009191;
         line-height: 20px;
-        position: absolute;
-        left: 16px;
-        bottom: 30px;
+        margin-top: 5px;
+        padding: 0 20px;
     }
 
     .v2-title2{
@@ -826,13 +822,13 @@
                     background: #9F6196;
                 }
                 &.y2{
-                    background: #AFCDF5;
+                    background: #C7DCF8;
                 }
                 &.y3{
-                    background: #FFD650;
+                    background: #FFE385;
                 }
                 &.y4{
-                    background: #012846;
+                    background: #4D697E;
                 }
             }
             .vbcp-text{
@@ -845,4 +841,75 @@
             }
         }
     }
+
+    
+    .sum_score_table{
+        margin-top: 12px;
+        border: 1px solid #AEDADA;
+    }
+    .sst-th{
+        background: #F5F7F8;
+    }
+    .sst-th div{
+        font-family: PingFang-SC, PingFang-SC;
+        font-weight: bold;
+        font-size: 12px;
+        color: #002846;
+        line-height: 14px;
+        text-align: center;
+    }
+
+    .sstt1{
+        flex: 1;
+        height: 72px;
+        line-height: 72px !important;
+        padding: 0 10px;
+        text-align: left !important;
+        border-right: 1px solid #AEDADA;
+        border-bottom: 1px solid #AEDADA;
+    }
+    .sstt2-title{
+        height: 36px;
+        line-height: 36px !important;
+        text-align: center;
+        border-right: 1px solid #AEDADA;
+        border-bottom: 1px solid #AEDADA;
+    }
+    .sstt-td{
+        width: 87px;
+        height: 36px;
+        padding: 12px 10px;
+        border-right: 1px solid #AEDADA;
+        border-bottom: 1px solid #AEDADA;
+        box-sizing: border-box;
+    }
+    .notr{
+        border-right: none !important;
+    }
+    .sstr-pre div{
+        height: 36px;
+        line-height: 36px !important;
+        padding: 0 10px;
+        border-right: 1px solid #AEDADA;
+        border-bottom: 1px solid #AEDADA;
+        box-sizing: border-box;
+        font-family: PingFang-SC, PingFang-SC;
+        font-weight: bold;
+        font-size: 12px;
+        color: #002846;
+    }
+    .sstr-td1{
+        flex: 1;
+        text-align: left;
+    }
+    .sstr-td2{
+        width: 87px !important;
+        text-align: center;
+    }
+    .spbg{
+        background: rgba(51,167,167,0.08);
+    }
+    .lasttr div{
+        border-bottom: none;
+    }
 }

+ 118 - 10
src/components/reportPdf/pdf2.vue

@@ -77,19 +77,19 @@
                 <div class="vb-category">
                     <div class="vbc-pre adfac">
                         <div class="vbcp-yuan y1"></div>
-                        <div class="vbcp-text">团队领导者 Team Leader</div>
+                        <div class="vbcp-text">团队领导者 Team Leader&nbsp;&nbsp;{{ reportData?.teamInfo.leaderCount||0 }}人</div>
                     </div>
                     <div class="vbc-pre adfac">
                         <div class="vbcp-yuan y2"></div>
-                        <div class="vbcp-text">团队成员 Team Member</div>
+                        <div class="vbcp-text">团队成员 Team Member&nbsp;&nbsp;{{ reportData?.teamInfo.memberCount||0 }}人</div>
                     </div>
                     <div class="vbc-pre adfac">
                         <div class="vbcp-yuan y3"></div>
-                        <div class="vbcp-text">利益相关方 Stakeholder</div>
+                        <div class="vbcp-text">利益相关方 Stakeholder&nbsp;&nbsp;{{ reportData?.teamInfo.stackCount||0 }}人</div>
                     </div>
                     <div class="vbc-pre adfac">
                         <div class="vbcp-yuan y4"></div>
-                        <div class="vbcp-text">赞助人/出资人 Sponsor</div>
+                        <div class="vbcp-text">赞助人/出资人 Sponsor&nbsp;&nbsp;{{ reportData?.teamInfo.sponsorCount||0 }}人</div>
                     </div>
                 </div>
                 <div id="ztzdfxRef" style="width: 330px; height: 330px; margin: 0 auto;" class="pdfEchart"></div>
@@ -97,8 +97,40 @@
                 <div class="v2b-tip-memo">a.“认同度分”,指标逻辑为团队全体对当前主题所对应各问卷题目认同度评分的均值,用来表征团队对这一主题问卷所陈述内容与团队情况的相符合程度的平均认知,最高分:5分,最低分:1分;<br>
 b.“重要分”,指标逻辑为根据团队全体对当前主题所对应各问卷题目重要性评分的均值,用来表征团队对这一主题问卷所陈述内容对于团队重要性的平均认知,最高分:5分,最低分:1分;<br>
 c.“影响力分”,指标逻辑为综合团队全体对当前主题所对应各问卷题目的认同度与重要性的评分数据测算而来,用来表征团队对这一主题问卷所陈述内容对于团队的影响力水平,最高分:5分,最低分:1分;</div>
-                <div class="v2b-title">评估结果</div>
-                <div class="v2b-p" v-html="renderMarkdown(reportData?.totalDiagnosticOutput||'')"></div>
+                <div class="v2b-title">总评分表</div>
+                <div class="sum_score_table">
+                    <div class="sst-th adfac">
+                        <div class="sstt1">PERILL纬度</div>
+                        <div class="sstt2">
+                            <div class="sstt2-title">团队全员</div>
+                            <div class="sstt2-subs adfac">
+                                <div class="sstt2-s sstt-td">认同度</div>
+                                <div class="sstt2-s sstt-td">重要性</div>
+                                <div class="sstt2-s sstt-td">影响力</div>
+                            </div>
+                        </div>
+                        <div class="sstt3">
+                            <div class="sstt3-pre adfac">
+                                <div class="sstt-td">利益相关者</div>
+                                <div class="sstt-td notr">赞助者</div>
+                            </div>
+                            <div class="sstt3-pre adfac">
+                                <div class="sstt-td">影响力</div>
+                                <div class="sstt-td notr">影响力</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="sst-trs">
+                        <div class="sstr-pre adfac" :class="{'spbg':index&2===1,'lasttr':index===perillData.length-1}" v-for="(item,index) in perillData" :key="index">
+                            <div class="sstr-td1">{{ item.dimension }}</div>
+                            <div class="sstr-td2">{{ item.teamRecognition }}</div>
+                            <div class="sstr-td2">{{ item.teamImportance }}</div>
+                            <div class="sstr-td2">{{ item.teamInfluence }}</div>
+                            <div class="sstr-td2">{{ item.stakeholderInfluence }}</div>
+                            <div class="sstr-td2 notr">{{ item.sponsorInfluence }}</div>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
         <!-- 总体评估分析 评估建议-->
@@ -109,9 +141,10 @@ c.“影响力分”,指标逻辑为综合团队全体对当前主题所对应
             </div>
             <div class="v2-box" style="border: 1px solid #33A7A7;">
                 <img class="vb-img1" :src="require('@/assets/images/versionTwo/'+'intro'+'_box_img1.png')">
-                <div class="v2b-title" style="margin-top: 0;">评估建议</div>
+                <div class="v2b-title" style="margin-top: 0;">评估结果</div>
+                <div class="v2b-p" v-html="renderMarkdown(reportData?.totalDiagnosticOutput||'')"></div>
+                <div class="v2b-title" style="margin-top: 12px;">评估建议</div>
                 <div class="v2b-p" v-html="renderMarkdown(reportData?.totalDiagnosisSuggest||'')"></div>
-                <div class="v2b-alert">注:团队发展本身就不是单一答案的过程,PERILL AI教练根据创衡独创团队教练方法论,可以从不同角度解读团队,发现那些隐藏的机会点。多元建议代表多元可能。您可以尝试再次生成评估报告,探索更多可能性。</div>
             </div>
         </div>
         <!-- 多维度 -->
@@ -210,8 +243,12 @@ c.“影响力分”,指标逻辑为综合团队全体对当前主题所对应
             <div class="fdy-subtitle2">3. 如需深度支持,可考虑引入团队教练辅导助力团队发展</div>
             <div class="fdy-p">每一支高价值团队,都始于对现状清醒的认知与共同进化的勇气。PERILL为团队提供了导航仪与路线图——下一步,行动在您们手中。</div>
             <div class="fdy-p">PERILL不止于评估,更在于赋能。期待与您和团队同行,见证未来的更多可能。</div>
-            <div class="fdy-p" style="margin-top: 41px;">具体需求可联系您的团队教练 或 扫码联系“⼤衡同学”。</div>
-            <div class="fdy-code adfacjc"><img class="fdy-code-team" :src="require('@/assets/images/versionTwo/fdy_code.png')"></div>
+            <div class="fdy-p" style="margin-top: 8px;">具体需求可联系您的团队教练 或 扫码联系“⼤衡同学”。</div>
+            <div class="fdy-code adffcac">
+                <img class="fdy-code-team" :src="require('@/assets/images/versionTwo/fdy_code.png')">
+                <p style="margin-top: 0;font-size: 10px;color: #002846;line-height: 18px;">扫码联系大衡同学</p>
+            </div>
+            <div class="v2b-alert">注:团队发展本身就不是单一答案的过程,PERILL AI教练根据创衡独创团队教练方法论,可以从不同角度解读团队,发现那些隐藏的机会点。多元建议代表多元可能。您可以尝试再次生成评估报告,探索更多可能性。</div>
         </div>
     </div>
 </template>
@@ -279,6 +316,64 @@ c.“影响力分”,指标逻辑为综合团队全体对当前主题所对应
         }
     ]);
 
+    // 抽离表格数据为响应式数组,方便后续修改
+    const perillData = ref([
+        {
+            filter: '宗旨与动机',
+            dimension: '宗旨与动机(P)',
+            teamRecognition: '-',
+            teamImportance: '-',
+            teamInfluence: '-',
+            stakeholderInfluence: '-',
+            sponsorInfluence: '-'
+        },
+        {
+            filter: '外部流程、系统与结构',
+            dimension: '外部流程及系统及架构(E)',
+            teamRecognition: '-',
+            teamImportance: '-',
+            teamInfluence: '-',
+            stakeholderInfluence: '-',
+            sponsorInfluence: '-'
+        },
+        {
+            filter: '人际关系',
+            dimension: '人际关系(R)',
+            teamRecognition: '-',
+            teamImportance: '-',
+            teamInfluence: '-',
+            stakeholderInfluence: '-',
+            sponsorInfluence: '-'
+        },
+        {
+            filter: '内部流程、系统与结构',
+            dimension: '内部流程及系统及架构(I)',
+            teamRecognition: '-',
+            teamImportance: '-',
+            teamInfluence: '-',
+            stakeholderInfluence: '-',
+            sponsorInfluence: '-'
+        },
+        {
+            filter: '学习',
+            dimension: '学习(L)',
+            teamRecognition: '-',
+            teamImportance: '-',
+            teamInfluence: '-',
+            stakeholderInfluence: '-',
+            sponsorInfluence: '-'
+        },
+        {
+            filter: '领导力',
+            dimension: '领导力(L)',
+            teamRecognition: '-',
+            teamImportance: '-',
+            teamInfluence: '-',
+            stakeholderInfluence: '-',
+            sponsorInfluence: '-'
+        }
+    ])
+
     const renderMarkdown = (val) => {
         if(!val) return '';
         val = '<span style="padding-left:4ch;"></span>'+val;
@@ -492,6 +587,19 @@ c.“影响力分”,指标逻辑为综合团队全体对当前主题所对应
             let temp = tempDimensionAnalysis.find(t=>t.dimensionCode === d.dimensionCode)||{};
             reportData.value.dimensionAnalysis[i] = {...d,...temp}
         })
+        reportData.value.overall.forEach(o=>{
+            let temp = perillData.value.find(t=>t.filter === o.dimension);
+            let ti = perillData.value.findIndex(t=>t.filter === o.dimension);
+            if(temp&&ti>-1){
+                if(o.dimensionTotalSpreads&&o.dimensionTotalSpreads.length){
+                    perillData.value[ti].teamRecognition = o.dimensionTotalSpreads[0].all_agreement||'-';
+                    perillData.value[ti].teamImportance = o.dimensionTotalSpreads[0].all_vital||'-';
+                    perillData.value[ti].teamInfluence = o.dimensionTotalSpreads[0].all_score||'-';
+                    perillData.value[ti].stakeholderInfluence = o.dimensionTotalSpreads[0].stakeholder_score||'-';
+                    perillData.value[ti].sponsorInfluence = o.dimensionTotalSpreads[0].sponsor_score||'-';
+                }
+            }
+        })
 
         Promise.resolve().then(() => {
             initZtzdfxChart();

+ 5 - 2
src/components/reportPdf/pdfUser2.vue

@@ -73,7 +73,6 @@ c.“影响力分”,指标逻辑为综合团队全体对当前主题所对应
                 <img class="vb-img1" :src="require('@/assets/images/versionTwo/'+'intro'+'_box_img1.png')">
                 <div class="v2b-title" style="margin-top: 0;">评估建议</div>
                 <div class="v2b-p" v-html="renderMarkdown(reportData?.totalDiagnosisSuggest||'')"></div>
-                <div class="v2b-alert">注:团队发展本身就不是单一答案的过程,PERILL AI教练根据创衡独创团队教练方法论,可以从不同角度解读团队,发现那些隐藏的机会点。多元建议代表多元可能。您可以尝试再次生成评估报告,探索更多可能性。</div>
             </div>
         </div>
         <!-- 多维度 -->
@@ -156,7 +155,11 @@ c.“影响力分”,指标逻辑为综合团队全体对当前主题所对应
             <div class="fdy-p" style="margin-top: 20px;">每一支超越高绩效的团队,都始于对现状清醒的认知与持续进化的共同勇气。现在,您已拥有个人视角的洞察,下一步是走向团队共识——让每一次对话,都成为团队蜕变的契机。</div>
             <div class="fdy-p">PERILL不止于评估,更在于赋能。期待与您和团队同行,见证未来的更多可能。</div>
             <div class="fdy-p">具体需求可联系您的团队教练或扫码联系“⼤衡同学”。</div>
-            <div class="fdy-code adfacjc"><img :src="require('@/assets/images/versionTwo/fdy_code.png')"></div>
+            <div class="fdy-code adffcac" style="margin-top: 14px;">
+                <img :src="require('@/assets/images/versionTwo/fdy_code.png')">
+                <p style="margin-top: 0;font-size: 10px;color: #002846;line-height: 18px;">扫码联系大衡同学</p>
+            </div>
+            <div class="v2b-alert" style="margin-top: 28px;">注:团队发展本身就不是单一答案的过程,PERILL AI教练根据创衡独创团队教练方法论,可以从不同角度解读团队,发现那些隐藏的机会点。多元建议代表多元可能。您可以尝试再次生成评估报告,探索更多可能性。</div>
         </div>
     </div>
 </template>