1

pagesHome/pdfZyb.vue

@@ -7,14 +7,14 @@
 				<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-p">团队发展动态评估报告(专业版)</view>
-				<div class="fm2-texts adf" style="margin-top: 5px;">
-					<div class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 2.5px;">报告撰写人：</span>{{ 'Willlian' }}</div>
-					<div class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 6px;">客户名称：</span>{{ '甜梦（中国）巧克力有限公司' }}</div>
-					<div class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 6px;">团队人数：</span>{{ 12 }}</div>
-					<div class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 6px;">报告时间：</span>{{ '2025-11-25' }}</div>
-					<div class="fm2-texts-pre" style="margin-top: 10px;"><span>团队结构类型：</span>{{ '团队结构类型：' }}</div>
-					<div class="fm2-texts-pre" style="margin-top: 10px;"><span>团队职能类型：</span>{{ '团队职能类型：' }}</div>
-				</div>
+				<view class="fm2-texts adf" style="margin-top: 5px;">
+					<view class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 6px;">客户名称：</span>{{ '甜梦（中国）巧克力有限公司' }}</view>
+					<view class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 6px;">团队名称：</span>{{ '研发团队' }}</view>
+					<view class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 6px;">团队类型：</span>{{ '研发职能团队' }}</view>
+					<view class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 6px;">团队层级：</span>{{ '中级' }}</view>
+					<view class="fm2-texts-pre" style="margin-top: 10px;"><span style="letter-spacing: 2.5px;">评估发起人：</span>{{ 'William' }}</view>
+					<view class="fm2-texts-pre" style="margin-top: 10px;"><span>报告生成时间：</span>{{ '2025-11-28 11:11:11' }}</view>
+				</view>
 			</view>
 			<!-- 介绍 -->
 			<view class="cd_box">
@@ -26,7 +26,7 @@
 					<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;">创衡国际基于10多年来在全球与200多家具有前瞻性的国际公司以及国内具有行业代表性公司的合作经验，结合CCMI的PERILL评估工具，在中国推出的团队发展动态评估系统，旨在帮助团队更全面、更有效地从六个维度评估团队的发展现状，为支持团队成为高价值团队提供全景式的客观诊断。</view>
 					<view class="v2-p" style="margin-top: 8px;">PERILL团队发展动态评估的主体内容由<span>36</span>个关于团队的描述组成。</view>
 				</view>
 				<view class="v2-six">
@@ -56,25 +56,25 @@
 					<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>
-					<div class="v2-p2" style="margin-top: 16px;">下面图中的位置标记显示了团队按主题划分的总分。</div>
-					<div class="vb-category">
-						<div class="vbc-pre adfac">
-							<div class="vbcp-yuan y1"></div>
-							<div class="vbcp-text">团队Leader</div>
-						</div>
-						<div class="vbc-pre adfac">
-							<div class="vbcp-yuan y2"></div>
-							<div class="vbcp-text">团队Member</div>
-						</div>
-						<div class="vbc-pre adfac">
-							<div class="vbcp-yuan y3"></div>
-							<div class="vbcp-text">利益相关方Stakeholder</div>
-						</div>
-						<div class="vbc-pre adfac">
-							<div class="vbcp-yuan y4"></div>
-							<div class="vbcp-text">赞助人Sponsor</div>
-						</div>
-					</div>
+					<view class="v2-p2" style="margin-top: 16px;">下面图中的位置标记显示了团队按主题划分的总分。</view>
+					<view class="vb-category">
+						<view class="vbc-pre adfac">
+							<view class="vbcp-yuan y1"></view>
+							<view class="vbcp-text">团队Leader</view>
+						</view>
+						<view class="vbc-pre adfac">
+							<view class="vbcp-yuan y2"></view>
+							<view class="vbcp-text">团队Member</view>
+						</view>
+						<view class="vbc-pre adfac">
+							<view class="vbcp-yuan y3"></view>
+							<view class="vbcp-text">利益相关方Stakeholder</view>
+						</view>
+						<view class="vbc-pre adfac">
+							<view class="vbcp-yuan y4"></view>
+							<view class="vbcp-text">赞助人Sponsor</view>
+						</view>
+					</view>
 					<view style="width:100%;height:360px;margin: 0 auto;" class="pdfEchart">
 						<l-echart ref="ztzdfxRef" :canvas2d="true" @finished="initZtzdfxChart" style="width: 100%;height: 100%;"></l-echart>
 					</view>
@@ -90,61 +90,61 @@
 			</view>
 			<!-- 多维度 -->
 			<template v-if="reportData&&reportData.dimensionAnalysis&&reportData.dimensionAnalysis.length">
-				<div class="cd_box adffc" style="border: none;" v-for="(item,index) in reportData.dimensionAnalysis" :key="index">
-					<div 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)'}">
-						<div class="vt-left" :class="{'black':item.title==='目的与动机'}">{{ item.title }}</div>
-						<div class="vt-right">团队发展动态评估报告(专业版)</div>
-					</div>
-					<div class="v2-box" :style="{'border':'1px solid '+item.bcolor}">
+				<view class="cd_box adffc" style="border: none;" 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 }}</view>
+						<view class="vt-right">团队发展动态评估报告(专业版)</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'">
-						<div class="v2-p2">{{ item.desc }}</div>
-						<div class="v2-p2" style="margin-top: 16px;">评分总体分布</div>
-						<div class="vb-table" :style="{'border':'1px solid '+item.bcolor,'margin-top':'22px'}">
-							<div class="vbt-th adfac" :class="{'black':item.title==='目的与动机'}" :style="{'background':item.thcolor}">
-								<div class="vbtt-w1">主题</div>
-								<div class="vbtt-w2">最低分</div>
-								<div class="vbtt-w2">平均分</div>
-								<div class="vbtt-w2">最高分</div>
-								<div class="vbtt-w3">问卷陈述</div>
-							</div>
-							<div class="vbt-pre adfac" v-for="i in 5" :key="item">
-								<div class="vbtp-left vbtt-w1 adfacjc" :class="{'black':item.title==='目的与动机'}" :style="{'background':item.titlecolor,'padding':'0 16px'}">{{ '宗旨共融同心共识' }}</div>
-								<div class="vbtp-num vbtt-w2" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ 3 }}</div>
-								<div class="vbtp-num vbtt-w2 green" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ 8 }}</div>
-								<div class="vbtp-num vbtt-w2" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ 1 }}</div>
-								<div class="vbtp-desc" :style="{'border-bottom':'1px solid '+item.bcolor}">
-									<div class="vbtpd-title">{{ '团队成员能够共同阐述其共享目的，并且在团队使命上保持高度一致。' }}</div>
-									<div class="xr_tb adfac">
-										<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':(4*2)+'%','width':((25-4)*2)+'%'}">
-											<div class="xts_num red">{{ 4 }}</div>
-											<div class="xts_box"></div>
-											<div class="xts_num green">{{ 25 }}</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="v2-data" :style="{'border':'1px solid '+item.bcolor}">
-						<div class="vd-title vt3" :class="{'black':item.title==='目的与动机'}" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_title_bg1.png)'}">诊断结果</div>
-						<div class="v2-p3">纬度得分</div>
-						<div class="vd-wd adfac" :style="{'background':item.wddf}">
-							<div class="vdwd-pre">维度加权总分：<span>{{ 34 }}</span></div>
-							<div class="vdwd-pre vp">维度同意度总分（未加权）：<span>{{ 34 }}</span></div>
-							<div class="vdwd-pre">维度权重：<span>{{ 34 }}</span></div>
-						</div>
-						<div class="v2-p3" style="margin-top: 16px;">团队维度诊断结果</div>
-						<div class="v2-p" style="margin-top: 8px;" v-html="'后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 '"></div>
-					</div>
-					<div class="v2-data" :style="{'border':'1px solid '+item.bcolor}" style="flex: 1;margin-top: 15px;">
-						<div class="vd-title vt3" :class="{'black':item.title==='目的与动机'}" :style="{'background-image':'url(https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/'+typeDict[item.title]+'_title_bg1.png)'}">诊断建议</div>
-						<div class="v2-p" v-html="'后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 '"></div>
-					</div>
-				</div>
+						<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,'margin-top':'22px'}">
+							<view class="vbt-th adfac" :class="{'black':item.title==='目的与动机'}" :style="{'background':item.thcolor}">
+								<view class="vbtt-w1">主题</view>
+								<view class="vbtt-w2">最低分</view>
+								<view class="vbtt-w2">平均分</view>
+								<view class="vbtt-w2">最高分</view>
+								<view class="vbtt-w3">问卷陈述</view>
+							</view>
+							<view class="vbt-pre adfac" v-for="i in 5" :key="item">
+								<view class="vbtp-left vbtt-w1 adfacjc" :class="{'black':item.title==='目的与动机'}" :style="{'background':item.titlecolor,'padding':'0 16px'}">{{ '宗旨共融同心共识' }}</view>
+								<view class="vbtp-num vbtt-w2" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ 3 }}</view>
+								<view class="vbtp-num vbtt-w2 green" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ 8 }}</view>
+								<view class="vbtp-num vbtt-w2" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ 1 }}</view>
+								<view class="vbtp-desc" :style="{'border-bottom':'1px solid '+item.bcolor}">
+									<view class="vbtpd-title">{{ '团队成员能够共同阐述其共享目的，并且在团队使命上保持高度一致。' }}</view>
+									<view class="xr_tb adfac">
+										<view class="xt_pre p1"></view>
+										<view class="xt_pre p2"></view>
+										<view class="xt_pre p3"></view>
+										<view class="xt_score adfac" :style="{'left':(4*2)+'%','width':((25-4)*2)+'%'}">
+											<view class="xts_num red">{{ 4 }}</view>
+											<view class="xts_box"></view>
+											<view class="xts_num green">{{ 25 }}</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==='目的与动机'}" :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-p3">纬度得分</view>
+						<view class="vd-wd adfac" :style="{'background':item.wddf}">
+							<view class="vdwd-pre">维度加权总分：<span>{{ 34 }}</span></view>
+							<view class="vdwd-pre vp">维度同意度总分（未加权）：<span>{{ 34 }}</span></view>
+							<view class="vdwd-pre">维度权重：<span>{{ 34 }}</span></view>
+						</view>
+						<view class="v2-p3" style="margin-top: 16px;">团队维度诊断结果</view>
+						<view class="v2-p" style="margin-top: 8px;" v-html="'后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 '"></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==='目的与动机'}" :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="'后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 '"></view>
+					</view>
+				</view>
 			</template>
 		</view>
    </view>