根据最新设计图进行pdf页面样式调整以及生成图片的样式对应修改

pagesHome/pdf.vue

@@ -5,6 +5,7 @@
 			<!-- 封面 -->
 			<view class="cd_box fm2 adffc" style="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-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">
 				<view class="fm2-line"></view>
 				<view class="fm2-p">团队发展动态评估报告(基础版)</view>
@@ -18,19 +19,19 @@
 			<!-- 介绍 -->
 			<view class="cd_box">
 				<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">介绍<span>PERILL模型简介</span></view>
+					<view class="vt-left" style="color: #FFFFFF;">介绍<span>PERILL模型简介</span></view>
 					<view class="vt-right">团队发展动态评估报告(基础版)</view>
 				</view>
 				<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-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">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>36</span>个关于团队的描述组成。</view>
 				</view>
 				<view class="v2-six">
 					<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="vsb adfac" v-for="(item,index) in sixWd" :key="index">
 							<img class="vsb-img" :src="item.image"/>
@@ -45,23 +46,23 @@
 					</view>
 				</view>
 			</view>
-			<!-- 总体诊断分析 -->
+			<!-- 总体评估分析 -->
 			<view class="cd_box adffc">
 				<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">团队发展动态评估报告(基础版)</view>
 				</view>
 				<view class="v2-box" @click="downloadZtzdfxImg">
 					<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">报告的核心是PERILL评估分析下的整体团队表现。这包括团队在PERILL模型每个关键要素上的综合得分，通过结合得分和置信指数，我们能够展示出高功能领域和低功能域。</view>
 					<view class="v2-p2" style="margin-top: 16px;">下面的条形图上的位置标记显示了团队在各个支柱上的总分。</view>
 					<view style="width:100%;height:200px;" class="pdfEchart">
 						<l-echart ref="ztzdfxRef" :canvas2d="true" @finished="initZtzdfxChart"></l-echart>
 					</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="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="'后端返回数据后端返回数据 后端返回数据 '"></view>
 				</view>
 				<view class="v2-data" style="flex: 1;margin-top: 20px;">
@@ -71,10 +72,10 @@
 			</view>
 			<!-- 多维度 -->
 			<canvas type="2d" canvas-id="score-canvas" id="score-canvas" class="offscreen-canvas"></canvas>
-			<template v-if="reportData&&reportData.dimensionAnalysis&&reportData.dimensionAnalysis.length">
-				<view class="cd_box adffc" style="border: none;" v-for="(item,index) in reportData.dimensionAnalysis" :key="index">
+			<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 }}</view>
+						<view class="vt-left" :class="{'black':(item.title=='人际关系'||item.title=='学习')}">{{ item.title }}</view>
 						<view class="vt-right">团队发展动态评估报告(基础版)</view>
 					</view>
 					<view class="v2-box" :style="{'border':'1px solid '+item.bcolor}">
@@ -83,13 +84,11 @@
 						<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}">
-							<!-- 将 v-for="i in 5" 修改为遍历真实的 scoreData -->
 							<view class="vbt-pre adfac" v-for="(scoreItem, scoreIndex) in scoreData" :key="scoreIndex">
-								<view class="vbtp-left adfacjc" :class="{'black':item.title==='目的与动机'}" :style="{'background':item.titlecolor}">{{ scoreItem.title }}</view>
+								<view class="vbtp-left adfacjc" :class="{'black':(item.title=='人际关系'||item.title=='学习'||item.title=='内部流程及系统与架构')}" :style="{'background':item.titlecolor}">{{ scoreItem.title }}</view>
 								<view class="vbtp-right" :style="{'border':'1px solid '+item.bcolor}">
 									<view class="vbtpr-title">{{ scoreItem.desc }}</view>
 									<view class="vbtpr-jd">
-										<!-- 分数和宽度动态化 -->
 										<view class="vj_num" :style="{'width':(scoreItem.score/5*100)+'%','background':item.pfztfb}"></view>   
 										<view class="vj-val" :style="{'border':'1px solid '+item.bcolor,'left':'calc('+(scoreItem.score/5*100)+'% - 12px)','box-shadow':'0px 2px 6px 0px '+item.bcolor}">{{ scoreItem.score }}</view>
 									</view>
@@ -98,18 +97,17 @@
 						</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="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-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="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="'后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 '"></view>
 					</view>
 				</view>
@@ -173,7 +171,7 @@
 			originalContainerHeight: 0,
 			containerScaledHeight: 'auto', 
             typeDict: {
-				'目的与动机': 'zzdj',
+				'宗旨与动机': 'zzdj',
 				'外部流程及系统与架构': 'wbjg',
 				'人际关系': 'rjgx',
 				'内部流程及系统与架构': 'nbjg',
@@ -186,42 +184,42 @@
 				  type: 'P',
 				  title: '宗旨与动机',
 				  desc: '指团队共享的目的和存在的意义, 包含对共同的愿景，目标和优先级的清晰度。',
-				  color: '#833479'
+				  color: '#761E6A'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_e.png',
 				  type: 'E',
 				  title: '外部流程、系统与结构',
 				  desc: '指团队与其外部利益相关者 - 客户，供应商，股东，组织内的其他团队等的互动关联。',
-				  color: '#199C9C'
+				  color: '#009191'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_r.png',
 				  type: 'R',
 				  title: '人际关系',
 				  desc: '指团队成员如何共同工作–他们是否相互尊重对方的能力，足够心理安全以能够坦诚相对，真正关心彼此的幸福感。',
-				  color: '#FEDA60'
+				  color: '#FFD750'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_i.png',
 				  type: 'I',
 				  title: '内部流程、系统与结构',
 				  desc: '指团队如何管理工作流程，互相支持和高质量的沟通和决策（包括工作任务和团队感情）。',
-				  color: '#7AABED'
+				  color: '#4EB2B2'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l.png',
 				  type: 'L',
 				  title: '学习',
 				  desc: '指团队应对多变的环境和保持持续的进步和成长的能力。团队如何提高绩效（如何完成今天的任务）、能力（如何提高技能和资源以处理明天的任务）和容量（长期的愿景， 如何用更少的资源做更多的事情）',
-				  color: '#8093A3'
+				  color: '#AFCDF5'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l2.png',
 				  type: 'L',
 				  title: '领导力',
 				  desc: '指团队认为需要怎样的领导行为能够让他们，作为个人或者团队做到最好。团队可以和他们的领导者讨论他们的责任，以帮助领导者成为他们需要的领导者。',
-				  color: '#0096D8'
+				  color: '#002846'
 				}
             ],
 			pdfImages:[],
@@ -231,24 +229,24 @@
         // reportData.value = props.reportData;
         this.reportData = {
             dimensionAnalysis: [
-				{title:'目的与动机',bcolor:'#FFE796',titlecolor:'#FFE796',wddf:'linear-gradient( 90deg, rgba(255,215,80,0.34) 0%, rgba(251,225,130,0.09) 100%)',
-					pfztfb:'linear-gradient( 90deg, #FEDA60 0%, #FBE182 100%)',
+				{title:'宗旨与动机',bcolor:'#E4D2E1',titlecolor:'#BA8EB4',wddf:'linear-gradient( 90deg, #F5EFF5 0%, #FAF2F9 100%)',
+					pfztfb:'linear-gradient( 270deg, #BA8EB4 0%, #761E6A 100%)',
 					desc:`「宗旨与动机」维度，我们旨在探究是否存在一个清晰的存在理由和明确的方向，能够激发团队成员的动力并吸引他们的想象力，以及个人与集体的身份认同是否围绕共同的目标，并达成一致。`},
-				{title:'外部流程及系统与架构',bcolor:'#E4D2E1',titlecolor:'#BA8EB4',wddf:'linear-gradient( 90deg, #F5EFF5 0%, #FAF2F9 100%)',
-					pfztfb:'linear-gradient( 90deg, #833479 0%, #9F6196 100%)',
+				{title:'外部流程及系统与架构',bcolor:'#B3DEDE',titlecolor:'#80C8C8',wddf:'linear-gradient( 90deg, #E8F5F5 0%, #F0F8F8 100%)',
+					pfztfb:'linear-gradient( 90deg, #009191 0%, #80C8C8 100%)',
 					desc:`「外部流程、系统与结构」维度，我们旨在探究团队如何与各种利益相关者互动，他们与团队的利益相关方各自如何寻求了解对方，以及现有系统和流程的有效性，以帮助管理不同的期望和需求。`},
-				{title:'人际关系',bcolor:'#B3DEDE',titlecolor:'#66BDBD',wddf:'linear-gradient( 90deg, #E8F5F5 0%, #F0F8F8 100%)',
-					pfztfb:'linear-gradient( 90deg, #189B9B 0%, #64BBBB 100%)',
-					desc:`「人际关系」维度，我们旨在探究团队成员如何相互交流、信任程度、尊重和关心的程度，以及团队成员之间的关系如何促进（或破坏）协作。`},
-				{title:'内部流程及系统与架构',bcolor:'#C7DCF8',titlecolor:'#95BDF1',wddf:'linear-gradient( 90deg, #E3ECF8 0%, #F2F5F9 100%)',
-					pfztfb:'linear-gradient( 90deg, #7AABED 0%, #AFCDF5 100%)',
-					desc:`「内部流程、系统与结构」维度，我们旨在探究团队如何在平衡责任与自主权方面进行协作。我们关注团队的敏捷程度、沟通方式以及决策过程的有效性。`},
-				{title:'学习',bcolor:'#E6EAED',titlecolor:'#8093A3',wddf:'linear-gradient( 90deg, #EDF0F2 0%, #F2F4F6 100%)',
-					pfztfb:'linear-gradient( 90deg, #4D697E 0%, #8093A3 100%)',
-					desc:`「学习」维度，我们旨在探究团队如何提高其绩效、技能和资源以应对当前和未来的任务。我们还希望了解团队如何管理能力和提高效率。`},
-				{title:'领导力',bcolor:'#D4EDF8',titlecolor:'#3BB6D9',wddf:'linear-gradient( 90deg, #E6F5FB 0%, #F3FCFB 100%)',
-					pfztfb:'linear-gradient( 90deg, #0096D8 0%, #5CC9DA 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( 270deg, #CDE9EA 0%, #4EB2B2 100%)',
+                    desc:`「内部流程、系统与结构」维度，我们旨在探究团队如何在平衡责任与自主权方面进行协作。我们关注团队的敏捷程度、沟通方式以及决策过程的有效性。`},
+                {title:'学习',bcolor:'#E6EAED',titlecolor:'#D7E5FA',wddf:'linear-gradient( 270deg, #F2F5F9 0%, #E3ECF8 100%)',
+                    pfztfb:'linear-gradient( 270deg, #D7E5FA 0%, #AFCDF5 100%)',
+                    desc:`「学习」维度，我们旨在探究团队如何提高其绩效、技能和资源以应对当前和未来的任务。我们还希望了解团队如何管理能力和提高效率。`},
+                {title:'领导力',bcolor:'#E6EAED',titlecolor:'#8093A3',wddf:'linear-gradient( 270deg, #F2F4F6 0%, #EDF0F2 100%)',
+                    pfztfb:'linear-gradient( 270deg, #8093A3 0%, #002846 100%)',
+                    desc:`「领导力」维度，我们旨在探究领导素质和行为如何对团队功能和其他因素产生调节影响，以及这是积极的还是消极的。`}
             ]
         };
 		
@@ -416,7 +414,8 @@
 			}
 			
 			// 绘制左侧标题文字 (要求 1)
-			ctx.fillStyle = '#002846';
+			const isBlackLeftTitle = (dimensionData.title == '人际关系' || dimensionData.title == '学习' || dimensionData.title == '内部流程及系统与架构');
+			ctx.fillStyle = isBlackLeftTitle ? '#002846' : '#FFFFFF';
 			ctx.font = '10px sans-serif';
 			ctx.textAlign = 'center';
 			ctx.textBaseline = 'middle';
@@ -617,9 +616,9 @@
 		  });
 		},
 		async initZtzdfxChart() {
-            let xdata = ['目的与动机', '外部流程及系统与架构', '关系', '内部流程及系统与架构', '学习', '领导力'].reverse();
+            let xdata = ['宗旨与动机', '外部流程及系统与架构', '关系', '内部流程及系统与架构', '学习', '领导力'].reverse();
             let yvalue = [40, 25, 30, 35, 33, 47].reverse();
-            let ycolor = [['#FEDA60', '#FBE182'], ['#833479', '#9F6196'], ['#189B9B', '#64BBBB'], ['#7AABED', '#AFCDF5'], ['#4D697E', '#8093A3'], ['#0096D8', '#5CC9DA']].reverse();
+			let ycolor = [['#771E6A','#771E6A'],['#009191','#009191'],['#FFD750','#FFD750'],['#4EB2B2','#4EB2B2'],['#AFCDF5','#AFCDF5'],['#002846','#002846']].reverse();
             let yData = yvalue.map((v, i) => {
 				return {
 					value: v,

pagesHome/pdfZyb.vue

@@ -5,6 +5,7 @@
 			<!-- 封面 -->
 			<view class="cd_box fm2 adffc" style="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-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">
 				<view class="fm2-line"></view>
 				<view class="fm2-p">团队发展动态评估报告(专业版)</view>
@@ -20,19 +21,19 @@
 			<!-- 介绍 -->
 			<view class="cd_box">
 				<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">介绍<span>PERILL模型简介</span></view>
+					<view class="vt-left" style="color: #FFFFFF;">介绍<span>PERILL模型简介</span></view>
 					<view class="vt-right">团队发展动态评估报告(专业版)</view>
 				</view>
 				<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-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">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>36</span>个关于团队的描述组成。</view>
 				</view>
 				<view class="v2-six">
 					<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="vsb adfac" v-for="(item,index) in sixWd" :key="index">
 							<img class="vsb-img" :src="item.image"/>
@@ -47,16 +48,16 @@
 					</view>
 				</view>
 			</view>
-			<!-- 总体诊断分析 -->
+			<!-- 总体评估分析 -->
 			<view class="cd_box adffc">
 				<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">团队发展动态评估报告(专业版)</view>
 				</view>
 				<view class="v2-box" @click="downloadZtzdfxImg">
 					<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">报告的核心是PERILL评估分析下的整体团队表现。这包括团队在PERILL模型每个关键要素上的综合得分，通过结合得分和置信指数，我们能够展示出高功能领域和低功能域。</view>
 					<view class="v2-p2" style="margin-top: 16px;">下面图中的位置标记显示了团队按主题划分的总分。</view>
 					<view class="vb-category">
 						<view class="vbc-pre adfac">
@@ -81,7 +82,7 @@
 					</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="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="'后端返回数据后端返回数据 后端返回数据 '"></view>
 				</view>
 				<view class="v2-data" style="flex: 1;margin-top: 20px;">
@@ -91,10 +92,10 @@
 			</view>
 			<!-- 多维度 -->
 			<canvas type="2d" id="table-canvas" canvas-id="table-canvas" class="offscreen-canvas"></canvas>
-			<template v-if="reportData&&reportData.dimensionAnalysis&&reportData.dimensionAnalysis.length">
-				<view class="cd_box adffc" style="border: none;" v-for="(item,index) in reportData.dimensionAnalysis" :key="index">
+			<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 }}</view>
+						<view class="vt-left" :class="{'black':(item.title=='人际关系'||item.title=='学习')}">{{ item.title }}</view>
 						<view class="vt-right">团队发展动态评估报告(专业版)</view>
 					</view>
 					<view class="v2-box" :style="{'border':'1px solid '+item.bcolor}">
@@ -103,7 +104,7 @@
 						<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="vbt-th adfac" :class="{'black':(item.title=='人际关系'||item.title=='学习')}" :style="{'background':item.thcolor}">
 								<view class="vbtt-w1">主题</view>
 								<view class="vbtt-w2">最低分</view>
 								<view class="vbtt-w2">平均分</view>
@@ -111,7 +112,7 @@
 								<view class="vbtt-w3">问卷陈述</view>
 							</view>
 							<view class="vbt-pre adfac" v-for="(tableRow, rowIndex) in tableDataSource" :key="rowIndex">
-								<view class="vbtp-left vbtt-w1 adfacjc" :class="{'black':item.title==='目的与动机'}" :style="{'background':item.titlecolor,'padding':'0 16px'}">{{ tableRow.theme }}</view>
+								<view class="vbtp-left vbtt-w1 adfacjc" :class="{'black':(item.title=='人际关系'||item.title=='学习'||item.title=='内部流程及系统与架构')}" :style="{'background':item.titlecolor,'padding':'0 16px'}">{{ tableRow.theme }}</view>
 								<view class="vbtp-num vbtt-w2" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ tableRow.minScore }}</view>
 								<view class="vbtp-num vbtt-w2 green" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ tableRow.avgScore }}</view>
 								<view class="vbtp-num vbtt-w2" :style="{'border-bottom':'1px solid '+item.bcolor}">{{ tableRow.maxScore }}</view>
@@ -132,18 +133,17 @@
 						</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="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-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="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="'后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 后端返回数据 '"></view>
 					</view>
 				</view>
@@ -225,7 +225,7 @@
 			originalContainerHeight: 0,
 			containerScaledHeight: 'auto', 
             typeDict: {
-				'目的与动机': 'zzdj',
+				'宗旨与动机': 'zzdj',
 				'外部流程及系统与架构': 'wbjg',
 				'人际关系': 'rjgx',
 				'内部流程及系统与架构': 'nbjg',
@@ -238,42 +238,42 @@
 				  type: 'P',
 				  title: '宗旨与动机',
 				  desc: '指团队共享的目的和存在的意义, 包含对共同的愿景，目标和优先级的清晰度。',
-				  color: '#833479'
+				  color: '#761E6A'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_e.png',
 				  type: 'E',
 				  title: '外部流程、系统与结构',
 				  desc: '指团队与其外部利益相关者 - 客户，供应商，股东，组织内的其他团队等的互动关联。',
-				  color: '#199C9C'
+				  color: '#009191'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_r.png',
 				  type: 'R',
 				  title: '人际关系',
 				  desc: '指团队成员如何共同工作–他们是否相互尊重对方的能力，足够心理安全以能够坦诚相对，真正关心彼此的幸福感。',
-				  color: '#FEDA60'
+				  color: '#FFD750'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_i.png',
 				  type: 'I',
 				  title: '内部流程、系统与结构',
 				  desc: '指团队如何管理工作流程，互相支持和高质量的沟通和决策（包括工作任务和团队感情）。',
-				  color: '#7AABED'
+				  color: '#4EB2B2'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l.png',
 				  type: 'L',
 				  title: '学习',
 				  desc: '指团队应对多变的环境和保持持续的进步和成长的能力。团队如何提高绩效（如何完成今天的任务）、能力（如何提高技能和资源以处理明天的任务）和容量（长期的愿景， 如何用更少的资源做更多的事情）',
-				  color: '#8093A3'
+				  color: '#AFCDF5'
 				},
 				{
 				  image: 'https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/versionTwo/intro_img_l2.png',
 				  type: 'L',
 				  title: '领导力',
 				  desc: '指团队认为需要怎样的领导行为能够让他们，作为个人或者团队做到最好。团队可以和他们的领导者讨论他们的责任，以帮助领导者成为他们需要的领导者。',
-				  color: '#0096D8'
+				  color: '#002846'
 				}
             ],
 			pdfImages:[],
@@ -283,17 +283,17 @@
         // reportData.value = props.reportData;
         this.reportData = {
             dimensionAnalysis:[
-                {title:'目的与动机',bcolor:'#FFE796',thcolor:'#FFD750',titlecolor:'#FFE796',wddf:'linear-gradient( 90deg, rgba(255,215,80,0.34) 0%, rgba(251,225,130,0.09) 100%)',
+                {title:'宗旨与动机',bcolor:'#E4D2E1',thcolor:'#761E6A',titlecolor:'#BA8EB4',wddf:'linear-gradient( 90deg, #F5EFF5 0%, #FAF2F9 100%)',
                     desc:`「宗旨与动机」维度，我们旨在探究是否存在一个清晰的存在理由和明确的方向，能够激发团队成员的动力并吸引他们的想象力，以及个人与集体的身份认同是否围绕共同的目标，并达成一致。`},
-                {title:'外部流程及系统与架构',bcolor:'#E4D2E1',thcolor:'#833478',titlecolor:'#BA8EB4',wddf:'linear-gradient( 90deg, #F5EFF5 0%, #FAF2F9 100%)',
+                {title:'外部流程及系统与架构',bcolor:'#B3DEDE',thcolor:'#009191',titlecolor:'#80C8C8',wddf:'linear-gradient( 90deg, #E8F5F5 0%, #F0F8F8 100%)',
                     desc:`「外部流程、系统与结构」维度，我们旨在探究团队如何与各种利益相关者互动，他们与团队的利益相关方各自如何寻求了解对方，以及现有系统和流程的有效性，以帮助管理不同的期望和需求。`},
-                {title:'人际关系',bcolor:'#B3DEDE',thcolor:'#199C9C',titlecolor:'#66BDBD',wddf:'linear-gradient( 90deg, #E8F5F5 0%, #F0F8F8 100%)',
+                {title:'人际关系',bcolor:'#FFDF73',thcolor:'#FFD750',titlecolor:'#FFEBA8',wddf:'linear-gradient( 90deg, rgba(255,215,80,0.34) 0%, rgba(251,225,130,0.09) 100%)',
                     desc:`「人际关系」维度，我们旨在探究团队成员如何相互交流、信任程度、尊重和关心的程度，以及团队成员之间的关系如何促进（或破坏）协作。`},
-                {title:'内部流程及系统与架构',bcolor:'#C7DCF8',thcolor:'#7AACED',titlecolor:'#95BDF1',wddf:'linear-gradient( 90deg, #E3ECF8 0%, #F2F5F9 100%)',
+                {title:'内部流程及系统与架构',bcolor:'#B3DEDE',thcolor:'#4EB2B2',titlecolor:'#CDE9EA',wddf:'linear-gradient( 90deg, #E8F5F5 0%, #F0F8F8 100%)',
                     desc:`「内部流程、系统与结构」维度，我们旨在探究团队如何在平衡责任与自主权方面进行协作。我们关注团队的敏捷程度、沟通方式以及决策过程的有效性。`},
-                {title:'学习',bcolor:'#E6EAED',thcolor:'#4D697E',titlecolor:'#8093A3',wddf:'linear-gradient( 90deg, #EDF0F2 0%, #F2F4F6 100%)',
+                {title:'学习',bcolor:'#C7DCF8',thcolor:'#AFCDF5',titlecolor:'#D7E5FA',wddf:'linear-gradient( 270deg, #F2F5F9 0%, #E3ECF8 100%)',
                     desc:`「学习」维度，我们旨在探究团队如何提高其绩效、技能和资源以应对当前和未来的任务。我们还希望了解团队如何管理能力和提高效率。`},
-                {title:'领导力',bcolor:'#D4EDF8',thcolor:'#0599D8',titlecolor:'#3BB6D9',wddf:'linear-gradient( 90deg, #E6F5FB 0%, #F3FCFB 100%)',
+                {title:'领导力',bcolor:'#E6EAED',thcolor:'#002846',titlecolor:'#8093A3',wddf:'linear-gradient( 270deg, #F2F4F6 0%, #EDF0F2 100%)',
                     desc:`「领导力」维度，我们旨在探究领导素质和行为如何对团队功能和其他因素产生调节影响，以及这是积极的还是消极的。`}
             ]
         };
@@ -377,10 +377,10 @@
 						ctx.strokeRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
 		
 						// --- 4. 绘制表头 ---
-						const isBlackHeader = dimensionData.title === '目的与动机';
+						const isBlackHeader = (dimensionData.title == '人际关系'||dimensionData.title == '学习');
 						ctx.fillStyle = dimensionData.thcolor;
 						ctx.fillRect(1, 1, CANVAS_WIDTH - 2, HEADER_HEIGHT - 1);
-						ctx.fillStyle = isBlackHeader ? '#000000' : '#FFFFFF';
+						ctx.fillStyle = isBlackHeader ? '#002846' : '#FFFFFF';
 						ctx.font = `bold 10px ${FONT_FAMILY}`;
 						ctx.textAlign = 'center';
 						ctx.textBaseline = 'middle';
@@ -397,6 +397,7 @@
 							
 							ctx.fillStyle = dimensionData.titlecolor;
 							ctx.fillRect(1, y, COL_WIDTHS.theme - 1, ROW_HEIGHT);
+							ctx.fillStyle = isBlackLeftTitle ? '#002846' : '#FFFFFF';
 							// 绘制白色下边框
 							ctx.strokeStyle = '#FFFFFF';
 							ctx.lineWidth = 1;
@@ -414,9 +415,10 @@
 								ctx.stroke();
 							});
 							
+							const isBlackLeftTitle = (dimensionData.title == '人际关系' || dimensionData.title == '学习' || dimensionData.title == '内部流程及系统与架构');
 							ctx.textAlign = 'center';
 							ctx.textBaseline = 'middle';
-							ctx.fillStyle = isBlackHeader ? '#000000' : '#FFFFFF';
+							ctx.fillStyle = isBlackLeftTitle ? '#002846' : '#FFFFFF';
 							ctx.font = `10px ${FONT_FAMILY}`; // 主题文字大小
 							this.drawWrappedText(ctx, row.theme, COL_POSITIONS.theme + COL_WIDTHS.theme / 2, y + ROW_HEIGHT / 2, 12, COL_WIDTHS.theme - 32);