Selaa lähdekoodia

pdf部分优化

htc 2 päivää sitten
vanhempi
commit
080be7f1e9

+ 8 - 4
src/components/reportList/index.vue

@@ -65,7 +65,7 @@
     </el-table>
     </div>
     <template v-if="pdfShow">
-      <report-pdf :reportId="reportId" :reportName="reportName" :reportData="reportData" @cancel="pdfCancel"></report-pdf>
+      <report-pdf :reportId="reportId" :reportName="reportName" :reportData="reportData" @cancel="pdfCancel" @refreshReportList="refreshReportList"></report-pdf>
     </template>
   </div>
 </template>
@@ -114,12 +114,13 @@
   const reportData = ref({})
   const reportParentId = ref('')
   const reportId = ref('')
+  const item = ref(props.item)
   const reportName = ref('')
 
   const emit = defineEmits(['toggleReport','deleteReport','sendReport','reCreateReport','refreshReportList'])
-  const toggleReport = (item) => {
-    reportParentId.value = item.id;
-    emit('toggleReport', item)
+  const toggleReport = () => {
+    reportParentId.value = item.value.id;
+    emit('toggleReport', item.value)
   }
 
   const reviewReport = (item) => {
@@ -134,6 +135,9 @@
     reportId.value = '';
     reportName.value = '';
   }
+  const refreshReportList = () => {
+    emit('refreshReportList', reportParentId.value)
+  }
 
   const handleReive = (row) => {
     reportId.value = row.id;

+ 5 - 0
src/components/reportPdf/exportPDF.js

@@ -10,7 +10,9 @@ export const exportPDF = async (elementId, fileName = 'document.pdf') => {
   
   // 获取元素原始尺寸
   const originalWidth = element.scrollWidth;
+  console.log(originalWidth,'originalWidth')
   const originalHeight = element.scrollHeight;
+  console.log(originalHeight,'originalHeight')
   
   // 设置PDF参数
   const PDF_WIDTH = 210; // A4纸宽(单位:mm)
@@ -21,11 +23,14 @@ export const exportPDF = async (elementId, fileName = 'document.pdf') => {
   
   // 计算缩放比例
   const scale = PDF_WIDTH / originalWidth;
+  console.log(scale,'scale')
   const canvasWidth = originalWidth;
   const canvasHeight = PDF_HEIGHT / scale;
+  console.log(canvasHeight,'canvasHeight')
   
   // 计算总页数
   const pageCount = Math.ceil(originalHeight / canvasHeight);
+  console.log(pageCount,'pageCount')
   
   // 循环渲染每一页
   for (let i = 0; i < pageCount; i++) {

+ 64 - 9
src/components/reportPdf/index.vue

@@ -11,6 +11,17 @@
                 <el-button type="primary" style="margin-left: 20px;" @click="exportToPDF">生成PDF</el-button>
             </div>
         </div>
+        <div class="cus_dialog adffcacjc" v-if="reportShow" @click.prevent="closeReportAlert">
+            <div class="cus_dialog_content adffcac">
+                <div class="cdc_title">生成PDF</div>
+                <i class="el-icon-close cdc_close" style="font-size: 20px;color: #393939;" @click.stop="closeReportAlert"></i>
+                <img src="@/assets/images/agent/report.gif">
+                <p>{{ reportData.enterpriseName }} - {{ reportData.teamName }}</p>
+                <p>pdf正在生成中,预计需要时间<span>3-5分钟</span></p>
+                <p>生成成功后可点击'导出报告'查看pdf详情~</p>
+                <div class="zt_btn" @click.stop="closeReportAlert">我知道了</div>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -41,7 +52,8 @@
     const reportData = ref(props.reportData);
     const reportId = ref(props.reportId);
     const reportName = ref(props.reportName);
-    const emit = defineEmits(['cancel']);
+    const reportShow = ref(false);
+    const emit = defineEmits(['cancel','refreshReportList']);
     import { updateReportPdfUrl } from '@/api/agent/index.js';
 
     const cancel = () => {
@@ -50,12 +62,8 @@
 
     const exportToPDF = async () => {
         try {
-            const loading = proxy.$loading({
-                lock: true,
-                text: '生成pdf中...',
-                spinner: 'el-icon-loading',
-                background: 'rgba(0, 0, 0, 0.7)'
-            });
+            props.show = false;
+            reportShow.value = true;
             // 滚动到顶部确保完整渲染
             window.scrollTo(0, 0);
             // 避免异步渲染问题
@@ -64,15 +72,24 @@
             if(res.data && res.data.code === 0) {
                 updateReportPdfUrl({id:reportId.value, fileUrl:res.data.data}).then(resu => {
                     if(resu.code!==0) return proxy.$message.error(res.msg)
-                    loading.close();
                     proxy.$message.success('生成成功!');
+                    props.show = false;
+                    reportShow.value = false;
+                    emit('refreshReportList');
                     cancel();
                 })
             }
         } catch (error) {
             console.error('导出失败:', error);
+            proxy.$message.error('导出失败:')
+            props.show = false;
+            reportShow.value = false;
         }
     };
+
+    const closeReportAlert = () => {
+        reportShow.value = false;
+    }
     
     onMounted(() => {
         
@@ -95,7 +112,6 @@
             width: 685px;
             height: calc(100% - 100px);
             background: #FFFFFF;
-            border-radius: 10px;
             padding: 0 20px;
             box-sizing: border-box;
             display: flex;
@@ -127,4 +143,43 @@
             }
         }
     }
+    .cus_dialog_content{
+        width: 400px;
+        background: linear-gradient( 180deg, #FDF2FB 0%, #FFFFFF 100%);
+        border-radius: 6px;
+        padding: 36px 68px;
+        box-sizing: border-box;
+        position: relative;
+        .cdc_title{
+            font-family: PingFang-SC, PingFang-SC;
+            font-weight: bold;
+            font-size: 16px;
+            color: #252525;
+            line-height: 16px;
+            text-align: center;
+        }
+        .cdc_close{
+            position: absolute;
+            right: 30px;
+            top: 36px;
+            cursor: pointer;
+        }
+        img{
+            width: 100%;
+        }
+        p{
+            font-family: PingFangSC, PingFang SC;
+            font-weight: 400;
+            font-size: 14px;
+            color: #393939;
+            line-height: 24px;
+            text-align: center;
+            span{
+                color: #F31616;
+            }
+        }
+        .zt_btn{
+            margin-top: 40px;
+        }
+    }
 </style>

+ 17 - 4
src/components/reportPdf/pdf.scss

@@ -2,6 +2,8 @@
     padding: 20px 0 30px;
     box-sizing: border-box;
     position: relative;
+    border-top: 3px solid rgba(0,0,0,.4);
+    height: 888px;
     .cb_db{
         .cb_db_l{
             font-family: STSongti-SC, STSongti-SC;
@@ -36,6 +38,15 @@
         color: #252525;
         line-height: 14px;
         margin-top: 20px;
+        &.p2{
+            font-size: 12px;
+            line-height: 16px;
+        }
+        &.p3{
+            font-size: 12px;
+            line-height: 16px;
+            color: #761E6A;
+        }
     }
 
     .bp{
@@ -317,9 +328,11 @@
         }
         .mt_r{
             .mr_pre{
-                font-size: 14px;
+                font-size: 10px;
                 color: #FFFFFF;
                 width: 27px;
+                padding: 0 4px;
+                box-sizing: border-box;
                 height: 100px;
                 display: flex;
                 flex-direction: column;
@@ -531,7 +544,7 @@
         .jb_title{
             font-family: PingFangSC, PingFang SC;
             font-weight: 400;
-            font-size: 10px;
+            font-size: 12px;
             color: #252525;
             line-height: 16px;
         }
@@ -539,7 +552,7 @@
             margin-top: 12px;
             font-family: PingFangSC, PingFang SC;
             font-weight: 400;
-            font-size: 10px;
+            font-size: 20px;
             color: #761E6A;
             line-height: 16px;
         }
@@ -559,7 +572,7 @@
             width: 58px;
             font-family: PingFang-SC, PingFang-SC;
             font-weight: bold;
-            font-size: 10px;
+            font-size: 16px;
             color: #666666;
             line-height: 16px;
             text-align: center;

+ 48 - 47
src/components/reportPdf/pdf.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <!-- 封面 -->
-        <div class="cd_box fm">
+        <div class="cd_box fm" style="border: none;margin-top: 20px;height: 868px;">
             <div class="cb_db adf">
                 <div class="cb_db_l">{{ datetime }}</div>
             </div>
@@ -31,10 +31,10 @@
                 <div class="fmp_l">报告时间:</div>
                 <div class="fmp_r">{{ reportData?.cover?.genDate }}</div>
             </div>
-            <div class="cd_page">1/{{ reportData?.dimensionAnalysis?.length*7+8 }}</div>
+            <div class="cd_page" style="color: #FFFFFF;">1/{{ reportData?.dimensionAnalysis?.length*7+8 }}</div>
         </div>
         <!-- 介绍 -->
-        <div class="cd_box js">
+        <div class="cd_box js" style="border: none;">
             <div class="cb_db adf">
                 <div class="cb_db_l cdl">{{ datetime }}</div>
             </div>
@@ -109,8 +109,8 @@
                     <img src="@/assets/images/agent/pdf_title.png">
                     <span>总体诊断分析</span>
                 </div>
-                <p style="margin-top: 43px;">本报告的核心是基于 PERILL 诊断分析的团队整体表现。这包括团队在 PERILL 模型每个关键要素上的总分,通过将分数与信心指数结合,我们能够展示高功能领域和功能失调领域。</p>
-                <p style="margin-top: 70px;">下面条形图中的位置标记显示了团队按支柱划分的总分。</p>
+                <p class="p2" style="margin-top: 43px;">本报告的核心是基于 PERILL 诊断分析的团队整体表现。这包括团队在 PERILL 模型每个关键要素上的总分,通过将分数与信心指数结合,我们能够展示高功能领域和功能失调领域。</p>
+                <p class="p3" style="margin-top: 70px;">下面条形图中的位置标记显示了团队按支柱划分的总分。</p>
                 <div ref="zttdznRef" style="width: 100%; height: 350px;margin-top: 20px;"></div>
                 <div class="bp" style="margin-top: 20px;">诊断结果</div>
                 <p style="margin-top: 10px;">{{ reportData?.overall?.diagResult }}</p>
@@ -130,8 +130,8 @@
                             <img src="@/assets/images/agent/pdf_title.png">
                             <span>{{ rd?.performanceRatings?.title }}</span>
                         </div>
-                        <p style="margin-top: 43px;font-weight: bold;">在目标与动机支柱中,我们旨在探究是否存在一个清晰的存在理由和明确的方向,能够激发团队成员的动力并吸引他们的想象力,以及个人与集体的身份认同是否围绕共同目标达成一致。</p>
-                        <p style="margin-top: 42px;">为了帮助我们理解这一点,我们将从 5 个关键主题的角度审视团队的运作情况,具体如下:</p>
+                        <p class="p2" style="margin-top: 43px;">在目标与动机支柱中,我们旨在探究是否存在一个清晰的存在理由和明确的方向,能够激发团队成员的动力并吸引他们的想象力,以及个人与集体的身份认同是否围绕共同目标达成一致。</p>
+                        <p class="p3" style="margin-top: 42px;">为了帮助我们理解这一点,我们将从 5 个关键主题的角度审视团队的运作情况,具体如下:</p>
                         <div class="mddj_boxs" v-if="rd?.performanceRatings?.title=='目的与动机'">
                             <div class="mb_item" style="border-top: 1px dotted #833478;">
                                 <div class="mbi_title">一致性:</div>
@@ -275,7 +275,7 @@
                     <div class="cb_content jxpjmddj">
                         <div class="mddj_title adfac">
                             <img src="@/assets/images/agent/pdf_title.png">
-                            <span>绩效评级-{{ rd?.performanceRatings?.title }}</span>
+                            <span>{{ rd?.performanceRatings?.title }}</span>
                         </div>
                         <div class="bp" style="margin-top: 24px;">评分总体分布</div>
                         <div :id="'pfztfbRef'+ridx" style="width: 100%; height: 200px;"></div>
@@ -349,7 +349,7 @@
                     <div class="cb_content">
                         <div class="mddj_title adfac">
                             <img src="@/assets/images/agent/pdf_title.png">
-                            <span>绩效评级-{{ rd?.performanceRatings?.title }}</span>
+                            <span>{{ rd?.performanceRatings?.title }}</span>
                         </div>
                         <div class="bp" style="margin-top: 44px;">{{rd?.diagAnalysis?.title}}-诊断分析</div>
                         <p style="margin-top: 17px;">{{ rd?.diagAnalysis?.summary }}</p>
@@ -358,11 +358,11 @@
                         </div>
                         <div class="jxpjmddj_box">
                             <div class="jb_title2">诊断结果:</div>
-                            <div class="jb_text">{{ rd?.diagAnalysis?.diagResult }}</div>
+                            <div class="jb_text" v-html="rd?.diagAnalysis?.diagResult"></div>
                         </div>
                         <div class="jxpjmddj_box">
                             <div class="jb_title2">建议:</div>
-                            <div class="jb_text" v-for="(t,i) in rd?.diagAnalysis?.suggestion" :key="i">{{ t }}</div>
+                            <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}}/{{ reportData?.dimensionAnalysis?.length*7+8 }}</div>
@@ -373,12 +373,13 @@
                         <div class="cb_db_l cdl">{{ datetime }}</div>
                     </div>
                     <div class="cb_content">
-                        <div class="mddj_title adfac">
+                        <!-- <div class="mddj_title adfac">
                             <img src="@/assets/images/agent/pdf_title.png">
                             <span>问卷题目详细分析</span>
-                        </div>
-                        <p style="margin-top: 41px;padding-left: 8px;">以下问题均与 “{{rd?.performanceRatings?.title}}” 这一核心支柱以及上述分析中强调的主题紧密相关。</p>
-                        <p style="margin-top: 10px;padding-left: 8px;">此处的线性图示将从总体上展示团队的绩效得分情况、得分之间的差异百分比,同时以可视化方式呈现这些分数及其范围。</p>
+                        </div> -->
+                        <div class="bp">问卷题目详细分析</div>
+                        <p class="p2" style="margin-top: 41px;padding-left: 8px;">以下问题均与 “{{rd?.performanceRatings?.title}}” 这一核心支柱以及上述分析中强调的主题紧密相关。</p>
+                        <p class="p3" style="margin-top: 10px;padding-left: 8px;">此处的线性图示将从总体上展示团队的绩效得分情况、得分之间的差异百分比,同时以可视化方式呈现这些分数及其范围。</p>
                         <div class="xxfx_title adfac">
                             <div class="xt_pre">问题</div>
                             <div class="xt_pre">平均分</div>
@@ -397,7 +398,7 @@
                                         <div class="xt_pre p1"></div>
                                         <div class="xt_pre p2"></div>
                                         <div class="xt_pre p3"></div>
-                                        <div class="xt_score adfac" :style="{'left':rda?.lowestScore*2+'%','width':((rda?.highestScore-rda?.lowestScore)*2)+'%'}">
+                                        <div class="xt_score adfac" :style="{'left':rda?.lowestScore==50?'calc(100% - 63px)':rda?.lowestScore*2+'%','width':((rda?.highestScore-rda?.lowestScore)*2)+'%'}">
                                             <div class="xts_num red">{{ rda?.lowestScore }}</div>
                                             <div class="xts_box"></div>
                                             <div class="xts_num green">{{ rda?.highestScore }}</div>
@@ -428,7 +429,7 @@
                                         <div class="xt_pre p1"></div>
                                         <div class="xt_pre p2"></div>
                                         <div class="xt_pre p3"></div>
-                                        <div class="xt_score adfac" :style="{'left':rda?.lowestScore*2+'%','width':((rda?.highestScore-rda?.lowestScore)*2)+'%'}">
+                                        <div class="xt_score adfac" :style="{'left':rda?.lowestScore==50?'calc(100% - 63px)':rda?.lowestScore*2+'%','width':((rda?.highestScore-rda?.lowestScore)*2)+'%'}">
                                             <div class="xts_num red">{{ rda?.lowestScore }}</div>
                                             <div class="xts_box"></div>
                                             <div class="xts_num green">{{ rda?.highestScore }}</div>
@@ -446,11 +447,12 @@
                         <div class="cb_db_l cdl">{{ datetime }}</div>
                     </div>
                     <div class="cb_content">
-                        <div class="mddj_title adfac">
+                        <!-- <div class="mddj_title adfac">
                             <img src="@/assets/images/agent/pdf_title.png">
                             <span>团队成员回答分数</span>
-                        </div>
-                        <p style="margin-top: 28px;">下表向您展示了每位团队成员在每个问题上的得分情况,以及由此得出的总分和方差。</p>
+                        </div> -->
+                        <div class="bp">团队成员回答分数</div>
+                        <p style="margin-top: 28px;font-size: 14px;font-weight: bold;" >下表向您展示了每位团队成员在每个问题上的得分情况,以及由此得出的总分和方差。</p>
                         <div class="mddj_top adf">
                             <div class="tt_pre adf">
                                 <div class="ttp_l tl1"></div>
@@ -479,7 +481,7 @@
                                 <div class="ml_pre adf" v-for="(tms,index) in rd?.teamMemberScores.slice(0,8)" :key="index">
                                     <div class="mt_l adfac">{{ tms.question }}</div>
                                     <div class="mt_r adfac">
-                                        <div class="mp_pre adffcacjc" :class="{'mp1':(score<16&&score>0),'mp2':(score<36&&score>15),'mp3':(score<51&&score>35)}" v-for="(score,idx) in tms.scores" :key="idx">{{ score }}</div>
+                                        <div class="mp_pre adffcacjc" :class="{'mp1':score<16,'mp2':(score<36&&score>=15),'mp3':score>35}" v-for="(score,idx) in tms.scores" :key="idx">{{ score }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -507,7 +509,7 @@
                                 <div class="ml_pre adf" v-for="(tms,index) in rd?.teamMemberScores.slice(8,rd?.teamMemberScores.length)" :key="index">
                                     <div class="mt_l adfac">{{ tms.question }}</div>
                                     <div class="mt_r adfac">
-                                        <div class="mp_pre adffcacjc" :class="{'mp1':(score<16&&score>0),'mp2':(score<36&&score>15),'mp3':(score<51&&score>35)}" v-for="(score,idx) in tms.scores" :key="idx">{{ score }}</div>
+                                        <div class="mp_pre adffcacjc" :class="{'mp1':score<16,'mp2':(score<36&&score>=15),'mp3':score>35}" v-for="(score,idx) in tms.scores" :key="idx">{{ score }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -525,40 +527,39 @@
             <div class="cb_content" style="padding: 18px 22px 0">
                 <div class="mddj_title adfac">
                     <img src="@/assets/images/agent/pdf_title.png">
-                    <span>下一步措施</span>
+                    <span>团队总结分析及教练建议</span>
                 </div>
-                <p style="margin-top: 18px;">PERILL 团队诊断流程的第一阶段已圆满完成,团队成员均已反馈各自评分并据此生成诊断报告。</p>
-                <p style="margin-top: 10px;">鉴于您已完成团队评分模式的复盘,并梳理了其中的问题与机遇,当前正是与团队共同启动第二阶段评估的最佳时机。</p>
-                <p style="margin-top: 10px;">尽管最终推进方向需由团队决策,但我们已构建专项框架(详见《团队会议演示文稿》)及操作指南,以协助您从 PERILL 诊断报告中提炼富有成效的正向成果。</p>
-                <p style="margin-top: 10px;">作为本次诊断评估的发起方,我们建议您在此过程中履行以下职责:a) 确保所有成员在会前预留时间研读报告;b) 为充分且开放的讨论分配充足时长(建议至少 1 小时专项时间),并引导团队开展积极高效、安全有序的交流……</p>
+                <p style="margin-top: 18px;">综合上述PERILL六大维度的诊断分析,相信您对团队的情况已经有了初步的了解。</p>
+                <p style="margin-top: 10px;">至此,PERILL团队诊断流程已初步完成,团队成员均以反馈各自评分,并已生成了诊断报告。</p>
+                <p style="margin-top: 10px;">您是本次诊断评估的发起方,我们诚挚地建议您结合此次PERILL诊断流程对于团队当下的现状,可能存在的问题以及机遇,与团队共同启动下一阶段的团队教练实践。</p>
+                <p style="margin-top: 10px;">最终的推进方向需要由团队决策,我们也相信您作为为始终在支持这个团队的团队教练,对于团队的风格、问题、机遇也一定很了解。但我们也基于创衡对于PERILL模型以及团队教练的深厚理解,通过创衡AI教练助手为您生成了一份教练方案建议,供您参考。</p>
                 <div class="next_box">
                     <div class="nb_title">指导原则:</div>
-                    <div class="nb_p">1、请将附件中的《团队会议演示文稿》提前发送给团队成员阅研,以便其有时间思考诊断结果,并同步会议的目标与宗旨。</div>
-                    <div class="nb_p">2、请预留不少于 1 小时的专项研讨时间,具体议程如下:</div>
-                    <div class="nb_sj">· 重申团队召开会议的目的,并强调讨论的基本规则;</div>
-                    <div class="nb_sj">· 基于团队练习中的核心问题,协同开展诊断成果的深度剖析;</div>
-                    <div class="nb_sj">· 以团队共识明确优先级最高的核心攻坚事项(建议采用分阶段推进策略,避免全量任务并行)。</div>
-                    <div class="nb_p">3、在下一次团队会议中,完成以下议程:</div>
-                    <div class="nb_sj">· 制定团队层面的行动计划及责任承诺;</div>
-                    <div class="nb_sj">· 构建双向监督机制并达成共识;</div>
-                    <div class="nb_sj">· 编制可落地执行的协同工作方案;</div>
-                    <div class="nb_sj">· 定义可量化的成功验收标准。</div>
-                    <div class="nb_p">4、在初始会议后,需定期安排进度跟进时间,回顾和评估工作成效,确保 PERILL 行动计划融入日常工作流程。</div>
-                    <div class="nb_p">5、建议在 6 个月周期后重启诊断评估,对标团队效能提升目标与协作生态改善成效,并同步收集相关方反馈以验证改进成果。</div>
+                    <div class="nb_p">1.您可以根据需要,将PERILL诊断报告中的主要诊断结果,有选择的发送团队成员研读,以便其有时间思考诊断结果,以及下一步团队教练的目标和宗旨。</div>
+                    <div class="nb_p">2.我们建议的团队教练方案是以1天(8小时)线下工作坊为目标做的设计,你也可以根据实际需要做调整,更短的工作坊、线上的团队教练会议等形式都是可选的,一切以最合适团队的需要为归依;但我们建议这一教练过程不少于1小时,确保团队可以通过这一过程:</div>
+                    <div class="nb_sj">a.对PERILL诊断成果做深度剖析,审视、了解团队当前面临的挑战与机遇;</div>
+                    <div class="nb_sj">b.促成团队共识,明确优先级最高的核心攻坚目标(建议采用分阶段推进的策略,合理规划,避免全量多任务并行)</div>
+                    <div class="nb_p">3.在下一次的团队教练中,我们建议应当完成如下的议程:</div>
+                    <div class="nb_sj">a.制定团队层面的行动计划及责任承诺;</div>
+                    <div class="nb_sj">b.构建双向监督机制并达成共识;</div>
+                    <div class="nb_sj">c.编制可落地执行的协同工作方案;</div>
+                    <div class="nb_sj">d.定义清晰、量化的成功验证标准。</div>
+                    <div class="nb_p">4.在初始会议后,需要定期安排进度跟进时间,回顾和评估工作成效,确保PERILL行动计划融入正常工作流程。</div>
+                    <div class="nb_p">5.建议在6个月周期后重启诊断评估,对表团队效能提升目标与协作生态改善成效,并同步收集相关方反馈以验证改进成果。</div>
                 </div>
                 <div class="next_box">
-                    <div class="nb_title">如何推动与 PERILL 相关的工作团队会议:</div>
-                    <div class="nb_p">确保所有参会人员明确会议目标,并提前研读相关材料,以便在会前预留思考时间。</div>
-                    <div class="nb_p">重申会议讨论的基本规则。</div>
-                    <div class="nb_p">会议进程中,应确保每次聚焦单一议题,维持讨论的专注度。</div>
+                    <div class="nb_title">如何推动与PERILL相关的工作会议:</div>
+                    <div class="nb_p">确保所有团队成员明确团队教练目标,并提前研读相关材料,以便在会前预留思考时间。</div>
+                    <div class="nb_p">重申团队教练的基本原则,支持团队回顾团队教练契约。</div>
+                    <div class="nb_p">团队教练进程中,应确保每次聚焦单一议题,维持讨论的专注度。</div>
                     <div class="nb_p">合理调控讨论节奏,确保每位成员的观点均被听取,尤其需引导发言较少的成员表达意见。</div>
-                    <div class="nb_p">践行积极倾听原则,清晰梳理并总结讨论要点(同步确认各方对总结内容的共识),为后续制定行动计划奠定基础。</div>
-                    <div class="nb_p">通过认可所有观点及视角,协助团队化解冲突议题。</div>
-                    <div class="nb_p">运用用性工具辅助头脑风暴及想法记录(例如:在核心议题下以便利贴分类记录观点、设置专项区域记录待跟进的旁支议题,必要时可拆分小组展开讨论等)。</div>
+                    <div class="nb_p">践行积极倾听原则,支持团队清晰梳理并总结讨论要点,支持团队共同确认每一个团队成员的总结内容建立共识,为后续制定行动计划奠定基础。</div>
+                    <div class="nb_p">通过认可团队成员的各自观点及其视角,协助团队化解冲突议题。</div>
+                    <div class="nb_p">运用用性工具辅助头脑风暴及想法记录(例如:在核心议题下以便利贴分类记录观点、设置专项区域记录待跟进的旁支议题;只要教练与团队意见一致,可以灵活采取小组讨论、世界咖啡等工具和形式)。</div>
                     <div class="nb_p">高效管理会议时间分配。</div>
                     <div class="nb_p">请确保形成关于行动和决策的书面跟进记录。</div>
                 </div>
-                <div class="next_tip">如需了解更多背景和细节,可购买大卫・克拉特巴克(David Clutterbuck)的配套著作《团队工作中的教练辅导》(第二版)。</div>
+                <div class="next_tip">如需了解更多背景和细节,可以向创衡团队寻求支持。联系:William@transcend-intl.cn</div>
             </div>
             <div class="cd_page">{{(((reportData?.dimensionAnalysis?.length)*7)||0)+4}}/{{ reportData?.dimensionAnalysis?.length*7+8 }}</div>
         </div>