|
@@ -3,38 +3,38 @@
|
|
|
<cus-header title=' ' bgColor="transparent"></cus-header>
|
|
<cus-header title=' ' bgColor="transparent"></cus-header>
|
|
|
<view id="pdfContainer" class="pdf-container" :style="{'transform':'scale('+scale+')', 'height': containerScaledHeight + 'px'}" v-if="reportData">
|
|
<view id="pdfContainer" class="pdf-container" :style="{'transform':'scale('+scale+')', 'height': containerScaledHeight + 'px'}" v-if="reportData">
|
|
|
<!-- 封面 -->
|
|
<!-- 封面 -->
|
|
|
- <view class="cd_box fm2 adffc" style="margin-top: 20px;height: 868px;">
|
|
|
|
|
|
|
+ <view class="cd_box fm2 adffc" style="border: none;margin-top: 20px;height: 868px;">
|
|
|
<img class="fm2-logo" src="https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fm_logo.png">
|
|
<img class="fm2-logo" src="https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fm_logo.png">
|
|
|
<img class="fm2-logo2" src="https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fm_logo2.png">
|
|
<img class="fm2-logo2" src="https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fm_logo2.png">
|
|
|
<img class="fm2-perill" src="https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fm_perill.png">
|
|
<img class="fm2-perill" src="https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fm_perill.png">
|
|
|
<view class="fm2-line"></view>
|
|
<view class="fm2-line"></view>
|
|
|
<view class="fm2-p">团队发展动态评估报告(个人版)</view>
|
|
<view class="fm2-p">团队发展动态评估报告(个人版)</view>
|
|
|
<view class="fm2-texts adf">
|
|
<view class="fm2-texts adf">
|
|
|
- <view class="fm2-texts-pre"><span style="letter-spacing: 6px;">客户公司:</span>{{ reportData.teamInfo.enterpriseName||'' }}</view>
|
|
|
|
|
- <view class="fm2-texts-pre"><span style="letter-spacing: 6px;">团队名称:</span>{{ reportData.teamInfo.teamName||'' }}</view>
|
|
|
|
|
- <view class="fm2-texts-pre"><span style="letter-spacing: 2.5px;">评估发起人:</span>{{ reportData.teamInfo.initiator||'' }}</view>
|
|
|
|
|
|
|
+ <view class="fm2-texts-pre"><span>客户公司:</span>{{ reportData.teamInfo.enterpriseName||'' }}</view>
|
|
|
|
|
+ <view class="fm2-texts-pre"><span>团队名称:</span>{{ reportData.teamInfo.teamName||'' }}</view>
|
|
|
|
|
+ <view class="fm2-texts-pre"><span>评估发起人:</span>{{ reportData.teamInfo.initiator||'' }}</view>
|
|
|
<view class="fm2-texts-pre"><span>报告生成时间:</span>{{ reportData.teamInfo.reportDate||'' }}</view>
|
|
<view class="fm2-texts-pre"><span>报告生成时间:</span>{{ reportData.teamInfo.reportDate||'' }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="fm2-tip">免责声明:本团队测评报告基于您方团队填写的测评数据及相关信息生成,深圳创衡管理顾问有限公司不对报告内容的真实性、准确性和完整性负责。本报告仅供您了解团队情况、优化管理决策提供参考。报告结论不构成任何法律、商业或投资建议,亦不替代专业咨询意见。我方不对因使用本报告内容而产生的任何直接或间接损失承担责任。</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 介绍 -->
|
|
<!-- 介绍 -->
|
|
|
- <view class="cd_box">
|
|
|
|
|
|
|
+ <view class="cd_box" style="border: none;">
|
|
|
<view class="v2-top adfacjb" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_title_bg.png)'}">
|
|
<view class="v2-top adfacjb" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_title_bg.png)'}">
|
|
|
- <view class="vt-left" style="color: #FFFFFF;">介绍<span>PERILL团队发展动态评估简介</span></view>
|
|
|
|
|
- <view class="vt-right">PERILL团队发展动态评估报告(个人版)</view>
|
|
|
|
|
|
|
+ <view class="vt-left" style="color: #FFFFFF;">介绍<span>PERILL模型简介</span></view>
|
|
|
|
|
+ <view class="vt-right">团队发展动态评估报告(个人版)</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="v2-box">
|
|
<view class="v2-box">
|
|
|
<img class="vb-img1" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_box_img1.png'">
|
|
<img class="vb-img1" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_box_img1.png'">
|
|
|
- <img class="vb-img2" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_box_img2.png'">
|
|
|
|
|
- <view class="v2-p">PERILL团队发展动态评估源于团队教练辅导领域的先驱、管理思维与团队绩效领域的权威、全球顶尖团队教练David Clutterbuck教授及其团队通过深入研究,提炼出影响团队绩效的140多个基于实证的因素,整合而成的团队评估和提升工具-PERILL团队发展动态评估。</view>
|
|
|
|
|
- <view class="v2-p" style="margin-top: 8px;">创衡国际基于10多年来在全球与200多家具有前瞻性的国际公司以及国内具有行业代表性公司的合作经验,结合CCMI的PERILL团队发展动态评估工具,在中国推出的团队发展动态评估系统,旨在帮助团队更全面、更有效地从六个维度评估团队的发展现状,为支持团队成为高价值团队提供全景式的客观评估。</view>
|
|
|
|
|
- <view class="v2-p" style="margin-top: 8px;">PERILL团队发展动态评估的主体内容由<span>{{ reportData.teamInfo.questionCount||0 }}</span>个关于团队的描述组成。</view>
|
|
|
|
|
|
|
+ <view class="v2-p">PERILL团队发展动态评估源于团队教练辅导领域的先驱、管理思维与团队绩效领域的权威、全球顶尖团队教练David Clutterbuck教授及其团队通过深入研究,提炼出影响团队绩效的140多个基于实证的因素,整合而成的团队评估和提升工具-PERILL模型。</view>
|
|
|
|
|
+ <view class="v2-p" style="margin-top: 8px;">创衡国际基于10多年来在全球与200多家具有前瞻性的国际公司以及国内具有行业代表性公司的合作经验,结合CCMI的PERILL评估工具,在中国推出的团队发展动态评估系统,旨在帮助团队更全面、更有效地从六个维度评估团队的发展现状,为支持团队成为高价值创造团队提供全景式的客观评估。</view>
|
|
|
|
|
+ <view class="v2-p" style="margin-top: 8px;">PERILL团队发展动态评估(个人版)的主体内容由<span>{{ reportData.teamInfo.questionCount||0 }}</span>个关于团队的描述组成。</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="v2-six">
|
|
<view class="v2-six">
|
|
|
<view class="vsix-title">PERILL六大纬度</view>
|
|
<view class="vsix-title">PERILL六大纬度</view>
|
|
|
- <view class="vsix-p">PERILL团队发展动态评估提供了一个复杂的团队系统概览,它并非针对孤立的问题,也不是简单的优缺点,而是着眼于团队系统的复杂性。它 通过6个影响因素(如下所述)提出问题,以揭示团队系统各要素之间的联系,以及这些联系如何影响团队的高效运作能力。</view>
|
|
|
|
|
|
|
+ <view class="vsix-p">PERILL评估提供了一个复杂的团队系统概览,它并非针对孤立的问题,也不是简单的优缺点,而是着眼于团队系统的复杂性。它通过6个影响因素(如下所述)提出问题,以揭示团队系统各要素之间的联系,以及这些联系如何影响团队的高效运作能力。</view>
|
|
|
<view class="vsix-boxs">
|
|
<view class="vsix-boxs">
|
|
|
<view class="vsb adfac" v-for="(item,index) in sixWd" :key="index">
|
|
<view class="vsb adfac" v-for="(item,index) in sixWd" :key="index">
|
|
|
- <img class="vsb-img" :src="item.image"/>
|
|
|
|
|
|
|
+ <img class="vsb-img" :src="item.img"/>
|
|
|
<view class="vsb-right">
|
|
<view class="vsb-right">
|
|
|
<view class="vsbr-top adfac">
|
|
<view class="vsbr-top adfac">
|
|
|
<view class="vsbrt-type" :style="{'background':item.color}">{{ item.type }}</view>
|
|
<view class="vsbrt-type" :style="{'background':item.color}">{{ item.type }}</view>
|
|
@@ -47,73 +47,107 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 总体评估分析 -->
|
|
<!-- 总体评估分析 -->
|
|
|
- <view class="cd_box adffc">
|
|
|
|
|
|
|
+ <view class="cd_box adffc" style="border: none;">
|
|
|
<view class="v2-top adfacjb" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_top_title_bg2.png)'}">
|
|
<view class="v2-top adfacjb" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_top_title_bg2.png)'}">
|
|
|
<view class="vt-left">总体评估分析</view>
|
|
<view class="vt-left">总体评估分析</view>
|
|
|
- <view class="vt-right">PERILL团队发展动态评估报告(个人版)</view>
|
|
|
|
|
|
|
+ <view class="vt-right">团队发展动态评估报告(个人版)</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="v2-box" @click="downloadZtzdfxImg">
|
|
|
|
|
|
|
+ <view class="v2-box">
|
|
|
<img class="vb-img1" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_box_img1.png'">
|
|
<img class="vb-img1" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_box_img1.png'">
|
|
|
- <img class="vb-img2" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_box_img2.png'">
|
|
|
|
|
- <view class="v2-p2">报告的核心是PERILL团队发展动态评估分析下的整体团队表现。这包括团队在PERILL团队发展动态评估每个关键要素上的综合得分,通过结合得分和置信指数,我们能够展示出高功能领域和低功能域。</view>
|
|
|
|
|
- <view class="v2-p2" style="margin-top: 16px;">下面的条形图上的位置标记显示了团队在各个支柱上的总分。</view>
|
|
|
|
|
|
|
+ <view class="v2-p2">报告的核心是PERILL评估分析下从评估发起者个人维度来看其所在整体团队当前状态下的表现。这包括团队在PERILL模型每个关键要素上的综合得分,通过结合得分和置信指数,我们能够展示出高功能和低功能领域。</view>
|
|
|
|
|
+ <view class="v2-p2" style="margin-top: 16px;">下面的条形图上的位置标记显示了团队在各个维度上的影响力评分。</view>
|
|
|
<view style="width:100%;height:200px;" class="pdfEchart">
|
|
<view style="width:100%;height:200px;" class="pdfEchart">
|
|
|
<l-echart ref="ztzdfxRef" :canvas2d="true" @finished="initZtzdfxChart"></l-echart>
|
|
<l-echart ref="ztzdfxRef" :canvas2d="true" @finished="initZtzdfxChart"></l-echart>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view class="v2-data">
|
|
|
|
|
- <view class="vd-title" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_title_bg1.png)'}">评估结果</view>
|
|
|
|
|
- <view class="v2-p" v-html="(reportData.totalDiagnosticOutput||'').replaceAll('\n\n','<br>')"></view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="v2-data" style="flex: 1;margin-top: 20px;">
|
|
|
|
|
- <view class="vd-title vt2" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+'intro'+'_title_bg2.png)'}">团队提升&教练建议</view>
|
|
|
|
|
- <view class="v2-p" v-html="(reportData.totalDiagnosisSuggest||'').replaceAll('\n\n','<br>')"></view>
|
|
|
|
|
|
|
+ <view class="v2b-tip-title">注: 关于认同度、重要性分、影响力分的定义</view>
|
|
|
|
|
+ <view class="v2b-tip-memo">
|
|
|
|
|
+ a.“认同度分”,指标逻辑为评估发起者个人对当前主题所对应各问卷题目认同度评分的均值,用来表征其对这一主题问卷所陈述内容与团队情况的相符合程度的平均认知,最高分:5分,最低分:0分;<br>
|
|
|
|
|
+ b.“重要分”,指标逻辑为根据评估发起者个人对当前主题所对应各问卷题目重要性评分的均值,用来表征其对这一主题问卷所陈述内容对于团队重要性的平均认知,最高分:5分,最低分:0分;<br>
|
|
|
|
|
+ c.“影响力分”,指标逻辑为评估发起者个人对当前主题所对应各问卷题目的认同度评分与重要性评分乘积的均值,用来表征其对这一主题问卷所陈述内容对于团队的影响力水平,最高分:25分,最低分:0分;
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="v2b-title">评估结果</view>
|
|
|
|
|
+ <view class="v2b-p" v-html="(reportData.totalDiagnosticOutput||'').replaceAll('\n\n','<br>')"></view>
|
|
|
|
|
+ <view class="v2b-title">评估建议</view>
|
|
|
|
|
+ <view class="v2b-p" v-html="(reportData.totalDiagnosisSuggest||'').replaceAll('\n\n','<br>')"></view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- 多维度 -->
|
|
|
|
|
|
|
+ <!-- 多维度 -->
|
|
|
<canvas type="2d" canvas-id="score-canvas" id="score-canvas" class="offscreen-canvas"></canvas>
|
|
<canvas type="2d" canvas-id="score-canvas" id="score-canvas" class="offscreen-canvas"></canvas>
|
|
|
<template v-if="reportData&&reportData.dimensionAnalysis&&reportData.dimensionAnalysis.length">
|
|
<template v-if="reportData&&reportData.dimensionAnalysis&&reportData.dimensionAnalysis.length">
|
|
|
- <view class="cd_box adffc" style="border: none;" :style="{'background-image':'url('+'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_bg.png)'}" v-for="(item,index) in reportData.dimensionAnalysis" :key="index">
|
|
|
|
|
- <view class="v2-top adfacjb" :style="{'background-image':'url('+'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_title_bg.png)'}">
|
|
|
|
|
- <view class="vt-left" :class="{'black':(item.title=='人际关系'||item.title=='学习')}">{{ item.title }}</view>
|
|
|
|
|
- <view class="vt-right">PERILL团队发展动态评估报告(个人版)</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="v2-box" :style="{'border':'1px solid '+item.bcolor}">
|
|
|
|
|
- <img class="vb-img1" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_box_img1.png'">
|
|
|
|
|
- <img class="vb-img2" :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_box_img2.png'">
|
|
|
|
|
- <view class="v2-p2">{{ item.desc }}</view>
|
|
|
|
|
- <!-- <view class="v2-p2" style="margin-top: 16px;">评分总体分布</view> -->
|
|
|
|
|
- <view class="vb-table" :style="{'border':'1px solid '+item.bcolor}">
|
|
|
|
|
- <view class="vbt-pre adfac" v-for="(ss,si) in item.scoreSpreads" :key="si">
|
|
|
|
|
- <view class="vbtp-left adfacjc" :class="{'black':(item.title=='人际关系'||item.title=='学习'||item.title=='内部流程、系统与结构')}" :style="{'background':item.titlecolor,'padding':'0 16px'}">{{ ss.theme||'' }}</view>
|
|
|
|
|
- <view class="vbtp-right" :style="{'border':'1px solid '+item.bcolor}">
|
|
|
|
|
- <view class="vbtpr-title">{{ ss.question||'' }}</view>
|
|
|
|
|
- <view class="vbtpr-jd">
|
|
|
|
|
- <view class="vj_num" :style="{'width':((ss.avgScore>25?25:ss.avgScore)/25*100)+'%','background':item.pfztfb}"></view>
|
|
|
|
|
- <view class="vj-val adfacjc" :style="{'border':'1px solid '+item.bcolor,'left':'calc('+((ss.avgScore>25?25:ss.avgScore)/25*100)+'% - 12px)','box-shadow':'0px 2px 6px 0px '+item.bcolor}">{{ (ss.avgScore>25?25:ss.avgScore) }}</view>
|
|
|
|
|
|
|
+ <view class="cd_box adffc" style="border: none;" v-for="(n,i) in [[0,2],[2,4],[4,6]]" :key="i">
|
|
|
|
|
+ <view class="v2-top" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/person_title_bg.png)'}"></view>
|
|
|
|
|
+ <view v-for="(item,index) in reportData.dimensionAnalysis.slice(n[0],n[1])" :key="index">
|
|
|
|
|
+ <view class="v2-title2">{{ item.title||'' }}</view>
|
|
|
|
|
+ <view class="v2-box" :style="{'border':'none','padding':0}">
|
|
|
|
|
+ <view class="v2-p2">{{ item.desc }}</view>
|
|
|
|
|
+ <view class="vb-table adf" :style="{'border':'1px solid #E6EAED','margin-top':'12px'}">
|
|
|
|
|
+ <view class="vbt2-left">
|
|
|
|
|
+ <view class="vbt2l-th adf" :style="{'background':item.thbgcolor,'color':item.thtextcolor}">
|
|
|
|
|
+ <view class="vbt2l-th-title adfac">主题</view>
|
|
|
|
|
+ <view class="vbt2l-th-score adfacjc">影响力分</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="vbt2l-pre" v-for="(ss,si) in item.scoreSpreads" :key="si">
|
|
|
|
|
+ <view class="vbt2l-pre-l">
|
|
|
|
|
+ <view class="vbt2l-pre-l-title" :style="{'color':item.titlecolor}">{{ ss.theme||'' }}</view>
|
|
|
|
|
+ <view class="vbt2l-pre-l-tip">{{ ss.question||'' }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="vbt2l-pre-r adfacjc">{{ ss.memeber.avgScore||0 }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="vbt2-right adffc">
|
|
|
|
|
+ <view class="vbt2r-th adf" :style="{'background':item.thbgcolor,'color':item.thtextcolor}">
|
|
|
|
|
+ <view class="vbt2r-pre adfacjc">认同度分</view>
|
|
|
|
|
+ <view class="vbt2r-pre adfacjc">重要性分</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="vbt2r-tb adf">
|
|
|
|
|
+ <view class="vbt2r-tb-lines adf">
|
|
|
|
|
+ <view class="vbt2r-tb-lines-pre" v-for="item in 12" :key="item"></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="vbt2r-tb-l adffc">
|
|
|
|
|
+ <view class="vbt2r-tb-l-pre red adfac" v-for="(ss,si) in item.scoreSpreads" :key="si">
|
|
|
|
|
+ <view class="vbt2r-tb-l-pre-zzt red" :style="{'width':(ss.memeber.avgAgreement/6*100)+'%'}"></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="vbt2r-tb-l">
|
|
|
|
|
+ <view class="vbt2r-tb-l-pre green adfac" v-for="(ss,si) in item.scoreSpreads" :key="si">
|
|
|
|
|
+ <view class="vbt2r-tb-l-pre-zzt green" :style="{'width':(ss.memeber.avgVital/6*100)+'%'}"></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="vbt2r-num adf">
|
|
|
|
|
+ <view class="vbt2r-num-pre" v-for="(item,index) in [5,4,3,2,1,0,1,2,3,4,5]" :key="index">{{ item }}</view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="v2-data" :style="{'border':'1px solid '+item.bcolor}">
|
|
|
|
|
- <view class="vd-title vt3" :class="{'black':(item.title=='人际关系'||item.title=='学习')}" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_title_bg1.png)'}">评估结果</view>
|
|
|
|
|
- <view class="adfac">
|
|
|
|
|
- <view class="v2-p3" style="width: 76px;">纬度得分</view>
|
|
|
|
|
- <view class="vd-wd adfac" :style="{'background':item.wddf}">
|
|
|
|
|
- <view class="vdwd-pre">维度加权总分:<span>{{ item.weightedTotal||0 }}</span><span>/{{ item.weightedTotalFull||0 }}</span></view>
|
|
|
|
|
- <view class="vdwd-pre vp">维度同意度总分(未加权):<span>{{ item.consentTotal||0 }}</span><span>/{{ item.consentTotalFull||0 }}</span></view>
|
|
|
|
|
- <view class="vdwd-pre">维度权重:<span>{{ item.weight||0 }}</span><span>/{{ item.weightFull||0 }}</span></view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="v2-p" style="margin-top: 8px;" v-html="(item.diagnosisOutput||'').replaceAll('\n\n','<br>')"></view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="v2-data" :style="{'border':'1px solid '+item.bcolor}" style="flex: 1;margin-top: 15px;">
|
|
|
|
|
- <view class="vd-title vt3" :class="{'black':(item.title=='人际关系'||item.title=='学习')}" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_title_bg1.png)'}">评估建议</view>
|
|
|
|
|
- <view class="v2-p" v-html="(item.diagnosisSuggest||'').replaceAll('\n\n','<br>')"></view>
|
|
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
+ <!-- 封底页 -->
|
|
|
|
|
+ <view class="cd_box fdy" style="border: none;">
|
|
|
|
|
+ <view class="v2-top adfacjb" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fdy_title_bg.png)'}"></view>
|
|
|
|
|
+ <view class="fdy-title">致关注团队发展的您:从评估到行动,开启团队进化跃迁之旅。</view>
|
|
|
|
|
+ <view class="fdy-p">当您阅读至此,首先恭喜您完成了一次专业的团队评估!这不仅是您对所在团队的一次深度观察,也为团队发展开启了一个充满可能性的新起点。</view>
|
|
|
|
|
+ <view class="fdy-p">作为团队教练,我们希望与您分享这次评估的深层价值,并为您描绘从个人视角走向团队共识的可能路径。</view>
|
|
|
|
|
+ <view class="fdy-subtitle">一、这次个人评估为您理解团队提供了两个独特视角:</view>
|
|
|
|
|
+ <view class="fdy-subtitle2">1. 个人观察的整合</view>
|
|
|
|
|
+ <view class="fdy-p" style="margin-top: 6px;">本报告整合了您个人对团队当前状态(认同度)和未来期待(重要性)的评价,如同一面镜子,映照出您所感知的团队运作状态。它帮助您看见那些可能被忽略的惯性模式、盲点与认知差异。无论是您看到的优势、共识,还是待发展的领域,这些都构成了您个人视角下的团队画像。 </view>
|
|
|
|
|
+ <view class="fdy-subtitle2">2. 进化方向的个人洞察</view>
|
|
|
|
|
+ <view class="fdy-p" style="margin-top: 6px;">基于您的观察,报告勾勒出团队持续进化的潜在方向。这并非标准答案,而是帮助您识别那些对团队成功可能最关键的发展维度——无论是战略对齐、信任深化、协同效率、创新学习还是领导力进化。它将您个人的感受与对团队的期待连接起来,把模糊的感觉转化为可讨论、可聚焦的议题,为您后续参与团队对话提供事实依据。</view>
|
|
|
|
|
+ <view class="fdy-subtitle">二、个人评估是重要的第一步,但团队的真实面貌往往需要更多视角。</view>
|
|
|
|
|
+ <view class="fdy-p">本次评估仅代表您个人的观察,而团队作为一个系统,其全貌需要整合团队领导者、成员、赞助人及利益相关方等多方视角。这正是PERILL团队评估系统的核心价值:通过科学的、结构化的评估,帮助团队获得系统性洞察,实现高杠杆改进。</view>
|
|
|
|
|
+ <view class="fdy-subtitle">三、我们邀请您:</view>
|
|
|
|
|
+ <view class="fdy-subtitle2">1. 发起一次坦诚的团队对话</view>
|
|
|
|
|
+ <view class="fdy-p" style="margin-top: 6px;">邀请关键成员,基于您的观察分享感受,倾听他人视角,开启团队共识的第一步。</view>
|
|
|
|
|
+ <view class="fdy-subtitle2">2. 进行一次完整的团队PERILL评估</view>
|
|
|
|
|
+ <view class="fdy-p" style="margin-top: 6px;">邀请团队负责人、成员、赞助人及利益相关方共同参与,获得真实、立体的团队诊断报告,为团队发展奠定共同事实基础。</view>
|
|
|
|
|
+ <view class="fdy-subtitle2">3. 考虑获取专业支持</view>
|
|
|
|
|
+ <view class="fdy-p" style="margin-top: 6px;">团队教练可作为中立的思考伙伴,帮助团队整合多元视角,建立共同语言,制定切实可行的进化路径。</view>
|
|
|
|
|
+ <view class="fdy-p" style="margin-top: 20px;">每一支超越高绩效的团队,都始于对现状清醒的认知与持续进化的共同勇气。现在,您已拥有个人视角的洞察,下一步是走向团队共识——让每一次对话,都成为团队蜕变的契机。</view>
|
|
|
|
|
+ <view class="fdy-p">PERILL不止于评估,更在于赋能。期待与您和团队同行,见证未来的更多可能。</view>
|
|
|
|
|
+ <view class="fdy-p">具体需求可联系您的团队教练或扫码联系“⼤衡同学”。</view>
|
|
|
|
|
+ <view class="fdy-code adfacjc"><img :src="'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/fdy_code.png'"></view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="pdf_btn" @click="createPdf">生成PDF</view>
|
|
<view class="pdf_btn" @click="createPdf">生成PDF</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -135,56 +169,48 @@
|
|
|
scale:1,
|
|
scale:1,
|
|
|
originalContainerHeight: 0,
|
|
originalContainerHeight: 0,
|
|
|
containerScaledHeight: 'auto',
|
|
containerScaledHeight: 'auto',
|
|
|
- typeDict: {
|
|
|
|
|
- '宗旨与动机': 'zzdj',
|
|
|
|
|
- '外部流程、系统与结构': 'wbjg',
|
|
|
|
|
- '人际关系': 'rjgx',
|
|
|
|
|
- '内部流程、系统与结构': 'nbjg',
|
|
|
|
|
- '学习': 'xx',
|
|
|
|
|
- '领导力': 'ldl'
|
|
|
|
|
- },
|
|
|
|
|
- sixWd: [
|
|
|
|
|
- {
|
|
|
|
|
- image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_p.png',
|
|
|
|
|
- type: 'P',
|
|
|
|
|
- title: '宗旨与动机',
|
|
|
|
|
- desc: '指团队共享的目的和存在的意义, 包含对共同的愿景,目标和优先级的清晰度。',
|
|
|
|
|
- color: '#761E6A'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_e.png',
|
|
|
|
|
- type: 'E',
|
|
|
|
|
- title: '外部流程、系统与结构',
|
|
|
|
|
- desc: '指团队与其外部利益相关者 - 客户,供应商,股东,组织内的其他团队等的互动关联。',
|
|
|
|
|
- color: '#009191'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_r.png',
|
|
|
|
|
- type: 'R',
|
|
|
|
|
- title: '人际关系',
|
|
|
|
|
- desc: '指团队成员如何共同工作–他们是否相互尊重对方的能力,足够心理安全以能够坦诚相对,真正关心彼此的幸福感。',
|
|
|
|
|
- color: '#FFD750'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_i.png',
|
|
|
|
|
- type: 'I',
|
|
|
|
|
- title: '内部流程、系统与结构',
|
|
|
|
|
- desc: '指团队如何管理工作流程,互相支持和高质量的沟通和决策(包括工作任务和团队感情)。',
|
|
|
|
|
- color: '#4EB2B2'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l.png',
|
|
|
|
|
- type: 'L',
|
|
|
|
|
- title: '学习',
|
|
|
|
|
- desc: '指团队应对多变的环境和保持持续的进步和成长的能力。团队如何提高绩效(如何完成今天的任务)、能力(如何提高技能和资源以处理明天的任务)和容量(长期的愿景, 如何用更少的资源做更多的事情)',
|
|
|
|
|
- color: '#AFCDF5'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l2.png',
|
|
|
|
|
- type: 'L',
|
|
|
|
|
- title: '领导力',
|
|
|
|
|
- desc: '指团队认为需要怎样的领导行为能够让他们,作为个人或者团队做到最好。团队可以和他们的领导者讨论他们的责任,以帮助领导者成为他们需要的领导者。',
|
|
|
|
|
- color: '#002846'
|
|
|
|
|
|
|
+ sixWd: [
|
|
|
|
|
+ {
|
|
|
|
|
+ img:'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_p.png',
|
|
|
|
|
+ type:'P',
|
|
|
|
|
+ title:'宗旨与动机',
|
|
|
|
|
+ desc:'指团队共享的目的和存在的意义, 包含对共同的愿景,目标和优先级的清晰度。',
|
|
|
|
|
+ color:'#761E6A'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ img:'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_e.png',
|
|
|
|
|
+ type:'E',
|
|
|
|
|
+ title:'外部流程、系统与结构',
|
|
|
|
|
+ desc:'指团队与其外部利益相关者 - 客户,供应商,股东,组织内的上级及其他团队的互动关系和协作机制。',
|
|
|
|
|
+ color:'#009191'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ img:'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_r.png',
|
|
|
|
|
+ type:'R',
|
|
|
|
|
+ title:'人际关系',
|
|
|
|
|
+ desc:'指团队成员共同工作时的关系状态–他们是否相互尊重和信任对方的能力,是否足够心理安全以能够坦诚沟通,是否真正关心彼此的幸福感等。',
|
|
|
|
|
+ color:'#FFD750'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ img:'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_i.png',
|
|
|
|
|
+ type:'I',
|
|
|
|
|
+ title:'内部流程、系统与结构',
|
|
|
|
|
+ desc:'指团队如何管理工作任务和流程(包括但不限于会议、任务分配和团队情绪等),互相支持以及高质量的沟通和决策。',
|
|
|
|
|
+ color:'#4EB2B2'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ img:'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l.png',
|
|
|
|
|
+ type:'L',
|
|
|
|
|
+ title:'学习',
|
|
|
|
|
+ desc:'指团队如何应对多变的环境和保持持续的进步和成⻓,能够从经验中反思、提炼并应用知识的能力。',
|
|
|
|
|
+ color:'#AFCDF5'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ img:'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l2.png',
|
|
|
|
|
+ type:'L',
|
|
|
|
|
+ title:'领导力',
|
|
|
|
|
+ desc:'指团队认为需要怎样的领导行为能够让他们,作为个人或者团队做到最好。团队可以和他们的领导者讨论他们的责任及承担方式,以帮助领导者成为他们需要的领导者。',
|
|
|
|
|
+ color:'#002846'
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
pdfImages:[],
|
|
pdfImages:[],
|
|
@@ -205,32 +231,39 @@
|
|
|
this.$api.get(`/core/report/previewReport/${this.reportId}`).then(({data:res})=>{
|
|
this.$api.get(`/core/report/previewReport/${this.reportId}`).then(({data:res})=>{
|
|
|
if(res.code!==0) return this.$showToast(res.msg)
|
|
if(res.code!==0) return this.$showToast(res.msg)
|
|
|
this.reportData = res.data;
|
|
this.reportData = res.data;
|
|
|
- const tempDimensionAnalysis = [
|
|
|
|
|
- {title:'宗旨与动机',bcolor:'#E4D2E1',titlecolor:'#BA8EB4',wddf:'linear-gradient( 90deg, #F5EFF5 0%, #FAF2F9 100%)',
|
|
|
|
|
- pfztfb:'linear-gradient( 90deg, #761E6A 0%, #BA8EB4 100%)',
|
|
|
|
|
- desc:`「宗旨与动机」维度,我们旨在探究是否存在一个清晰的存在理由和明确的方向,能够激发团队成员的动力并吸引他们的想象力,以及个人与集体的身份认同是否围绕共同的目标,并达成一致。`},
|
|
|
|
|
- {title:'外部流程、系统与结构',bcolor:'#B3DEDE',titlecolor:'#80C8C8',wddf:'linear-gradient( 90deg, #E8F5F5 0%, #F0F8F8 100%)',
|
|
|
|
|
- pfztfb:'linear-gradient( 90deg, #009191 0%, #80C8C8 100%)',
|
|
|
|
|
- desc:`「外部流程、系统与结构」维度,我们旨在探究团队如何与各种利益相关者互动,他们与团队的利益相关方各自如何寻求了解对方,以及现有系统和流程的有效性,以帮助管理不同的期望和需求。`},
|
|
|
|
|
- {title:'人际关系',bcolor:'#FFDF73',titlecolor:'#FFEBA8',wddf:'linear-gradient( 90deg, rgba(255,215,80,0.34) 0%, rgba(251,225,130,0.09) 100%)',
|
|
|
|
|
- pfztfb:'linear-gradient( 90deg, #FFD750 0%, #FFEBA8 100%)',
|
|
|
|
|
- desc:`「人际关系」维度,我们旨在探究团队成员如何相互交流、信任程度、尊重和关心的程度,以及团队成员之间的关系如何促进(或破坏)协作。`},
|
|
|
|
|
- {title:'内部流程、系统与结构',bcolor:'#B3DEDE',titlecolor:'#CDE9EA',wddf:'linear-gradient( 90deg, #E8F5F5 0%, #F0F8F8 100%)',
|
|
|
|
|
- pfztfb:'linear-gradient( 90deg, #4EB2B2 0%, #CDE9EA 100%)',
|
|
|
|
|
- desc:`「内部流程、系统与结构」维度,我们旨在探究团队如何在平衡责任与自主权方面进行协作。我们关注团队的敏捷程度、沟通方式以及决策过程的有效性。`},
|
|
|
|
|
- {title:'学习',bcolor:'#E6EAED',titlecolor:'#D7E5FA',wddf:'linear-gradient( 270deg, #F2F5F9 0%, #E3ECF8 100%)',
|
|
|
|
|
- pfztfb:'linear-gradient( 90deg, #AFCDF5 0%, #D7E5FA 100%)',
|
|
|
|
|
- desc:`「学习」维度,我们旨在探究团队如何提高其绩效、技能和资源以应对当前和未来的任务。我们还希望了解团队如何管理能力和提高效率。`},
|
|
|
|
|
- {title:'领导力',bcolor:'#E6EAED',titlecolor:'#8093A3',wddf:'linear-gradient( 270deg, #F2F4F6 0%, #EDF0F2 100%)',
|
|
|
|
|
- pfztfb:'linear-gradient( 90deg, #002846 0%, #8093A3 100%)',
|
|
|
|
|
- desc:`「领导力」维度,我们旨在探究领导素质和行为如何对团队功能和其他因素产生调节影响,以及这是积极的还是消极的。`}
|
|
|
|
|
|
|
+ const tempDimensionAnalysis = [
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'P-宗旨与动机',thbgcolor:'#761E6A',thtextcolor:'#FFFFFF',titlecolor:'#761E6A',dimensionCode:"purpose",
|
|
|
|
|
+ desc:`「宗旨与动机」维度,我们旨在探究团队是否有清晰的存在理由和明确的方向,能够激发团队成员的动力并吸引他们的想象力,以及个人与集体的身份认同是否围绕共同的目标,并在实现目标的优先次序上达成一致。`
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'E-外部流程、系统与结构',thbgcolor:'#009191',thtextcolor:'#FFFFFF',titlecolor:'#009191',dimensionCode:"external",
|
|
|
|
|
+ desc:`「外部流程、系统与结构」维度,我们旨在探究团队如何与各种利益相关者互动,他们与团队的利益相关方各自如何寻求了解对方,以及现有系统和流程的有效性,以帮助管理不同利益相关者的期望和需求。`
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'R-人际关系',thbgcolor:'#FFD750',thtextcolor:'#002846',titlecolor:'#002846',dimensionCode:"relationship",
|
|
|
|
|
+ desc:`「人际关系」维度,我们旨在探究团队成员相互沟通交流的状态,团队成员的信任程度、尊重和关心的程度、心理安全度,以及团队成员之间的关系如何促进(或破坏)协作。`
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'I-内部流程、系统与结构',thbgcolor:'#4EB2B2',thtextcolor:'#FFFFFF',titlecolor:'#33A7A7',dimensionCode:"internal",
|
|
|
|
|
+ desc:`「内部流程、系统与结构」维度,我们旨在探究团队在管理工作任务和流程中如何平衡责任与自主权进行协作。主要关注团队应对变化时的敏捷程度、日常沟通方式以及内部决策过程的有效性。`
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'L-学习',thbgcolor:'#AFCDF5',thtextcolor:'#002846',titlecolor:'#002846',dimensionCode:"learning",
|
|
|
|
|
+ desc:`「学习」维度,我们旨在探究团队如何提高其绩效(完成当下的任务)、能力(提高技能和资源以处理明天的任务)和容量(⻓期的愿景,用更少的资源做更多的事情)以应对当前和未来的任务。同时还关注团队如何管理这些能力和提高效率。`
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'L-领导力',thbgcolor:'#002846',thtextcolor:'#FFFFFF',titlecolor:'#002846',dimensionCode:"leadership",
|
|
|
|
|
+ desc:`「领导力」维度,我们旨在探究团队领导者的素质和行为(包括但不限于正式与非正式的引导、赋能与责任承担方式)如何对团队功能和其他因素产生影响,以及这是积极的还是消极的。`
|
|
|
|
|
+ }
|
|
|
]
|
|
]
|
|
|
if(this.reportData&&this.reportData.dimensionAnalysis){
|
|
if(this.reportData&&this.reportData.dimensionAnalysis){
|
|
|
- this.reportData.dimensionAnalysis.forEach((d,i)=>{
|
|
|
|
|
- d.scoreSpreads.forEach(s=>{
|
|
|
|
|
- s.theme = s.theme.replaceAll(',','').replaceAll(',','');
|
|
|
|
|
- })
|
|
|
|
|
- this.reportData.dimensionAnalysis[i] = {...d,...tempDimensionAnalysis[i]}
|
|
|
|
|
|
|
+ this.reportData.dimensionAnalysis.forEach((d,i)=>{
|
|
|
|
|
+ d.scoreSpreads.forEach(s=>{
|
|
|
|
|
+ s.theme = s.theme.replaceAll(',',' ').replaceAll(',',' ');
|
|
|
|
|
+ })
|
|
|
|
|
+ let temp = tempDimensionAnalysis.find(t=>t.dimensionCode === d.dimensionCode)||{};
|
|
|
|
|
+ this.reportData.dimensionAnalysis[i] = {...d,...temp}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
@@ -239,8 +272,8 @@
|
|
|
// uni.showLoading({
|
|
// uni.showLoading({
|
|
|
// title:'正在生成PDF所需的图片...'
|
|
// title:'正在生成PDF所需的图片...'
|
|
|
// })
|
|
// })
|
|
|
- // const imgUrl = await this.downloadZtzdfxImg();
|
|
|
|
|
- // this.pdfImages.push(imgUrl);
|
|
|
|
|
|
|
+ // const imageUrl = await this.downloadZtzdfximage();
|
|
|
|
|
+ // this.pdfImages.push(imageUrl);
|
|
|
|
|
|
|
|
// for(const d of this.reportData.dimensionAnalysis){
|
|
// for(const d of this.reportData.dimensionAnalysis){
|
|
|
// const fileurl = await this.generateScoreImage(d);
|
|
// const fileurl = await this.generateScoreImage(d);
|
|
@@ -257,13 +290,13 @@
|
|
|
title:'正在生成PDF所需的图片...'
|
|
title:'正在生成PDF所需的图片...'
|
|
|
})
|
|
})
|
|
|
try {
|
|
try {
|
|
|
- const ztzdfxImgPromise = this.downloadZtzdfxImg();
|
|
|
|
|
|
|
+ const ztzdfximagePromise = this.downloadZtzdfximage();
|
|
|
const dimensionImagePromises = this.reportData.dimensionAnalysis.map(d => {
|
|
const dimensionImagePromises = this.reportData.dimensionAnalysis.map(d => {
|
|
|
return this.generateScoreImage(d,d.scoreSpreads||[]);
|
|
return this.generateScoreImage(d,d.scoreSpreads||[]);
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const allImageUrls = await Promise.all([
|
|
const allImageUrls = await Promise.all([
|
|
|
- ztzdfxImgPromise,
|
|
|
|
|
|
|
+ ztzdfximagePromise,
|
|
|
...dimensionImagePromises
|
|
...dimensionImagePromises
|
|
|
]);
|
|
]);
|
|
|
this.pdfImages = allImageUrls;
|
|
this.pdfImages = allImageUrls;
|
|
@@ -586,7 +619,7 @@
|
|
|
}
|
|
}
|
|
|
}).exec();
|
|
}).exec();
|
|
|
},
|
|
},
|
|
|
- downloadZtzdfxImg(){
|
|
|
|
|
|
|
+ downloadZtzdfximage(){
|
|
|
return new Promise(resolve=>{
|
|
return new Promise(resolve=>{
|
|
|
if (!this.isChartReady) return console.log('图表尚未准备好');
|
|
if (!this.isChartReady) return console.log('图表尚未准备好');
|
|
|
|
|
|
|
@@ -595,9 +628,9 @@
|
|
|
|
|
|
|
|
chartRef.canvasToTempFilePath({
|
|
chartRef.canvasToTempFilePath({
|
|
|
success: async (res) => {
|
|
success: async (res) => {
|
|
|
- const imgUrl = await this.uploadFilePromise(res.tempFilePath);
|
|
|
|
|
- console.log(imgUrl,'imgUrl');
|
|
|
|
|
- resolve(imgUrl)
|
|
|
|
|
|
|
+ const imageUrl = await this.uploadFilePromise(res.tempFilePath);
|
|
|
|
|
+ console.log(imageUrl,'imageUrl');
|
|
|
|
|
+ resolve(imageUrl)
|
|
|
},
|
|
},
|
|
|
fail: (err) => {
|
|
fail: (err) => {
|
|
|
console.log('生成图片失败:', err);
|
|
console.log('生成图片失败:', err);
|