优化

pagesHome/pdf.vue

@@ -72,47 +72,47 @@
 			<!-- 多维度 -->
 			<canvas type="2d" canvas-id="score-canvas" id="score-canvas" class="offscreen-canvas"></canvas>
 			<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}">
+						<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 -->
-							<div class="vbt-pre adfac" v-for="(scoreItem, scoreIndex) in scoreData" :key="scoreIndex">
-								<div class="vbtp-left adfacjc" :class="{'black':item.title==='目的与动机'}" :style="{'background':item.titlecolor}">{{ scoreItem.title }}</div>
-								<div class="vbtp-right" :style="{'border':'1px solid '+item.bcolor}">
-									<div class="vbtpr-title">{{ scoreItem.desc }}</div>
-									<div class="vbtpr-jd">
+							<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-right" :style="{'border':'1px solid '+item.bcolor}">
+									<view class="vbtpr-title">{{ scoreItem.desc }}</view>
+									<view class="vbtpr-jd">
 										<!-- 分数和宽度动态化 -->
-										<div class="vj_num" :style="{'width':(scoreItem.score/5*100)+'%','background':item.pfztfb}"></div>   
-										<div 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 }}</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="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>
+								</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 class="pdf_btn" @click="createPdf">生成PDF</view>

static/pdf.scss

@@ -1373,7 +1373,7 @@
 			height: 26px;
 			border-radius: 4px 4px 0px 0px;
 			border-bottom: 1px solid #ffffff;
-			& > div {
+			& > view {
 				font-family: PingFang-SC, PingFang-SC;
 				font-weight: bold;
 				font-size: 10px;
@@ -1382,7 +1382,7 @@
 				text-align: center;
 			}
 			&.black {
-				& > div {
+				& > view {
 					color: #002846;
 				}
 			}