最新样式需求修改

src/components/reportPdf/pdf2.scss

@@ -1322,7 +1322,7 @@
         .vbt-pre{
             height: 44px;
             .vbtp-left{
-                width: 110px;
+                width: 72px;
                 height: 44px;
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
@@ -1336,7 +1336,7 @@
                 }
             }
             .vbtp-right{
-                width: calc(100% - 110px);
+                width: calc(100% - 72px);
                 height: 44px;
                 padding: 0 18px;
                 box-sizing: border-box;

src/components/reportPdf/pdf2.vue

@@ -263,6 +263,21 @@
                         height: 320,
                         opacity: 1
                     }
+                },
+                {
+                    type: 'circle',
+                    z: 100, // 设置一个较高的 z 值，确保它在最顶层
+                    left: 'center', // 水平居中
+                    top: 'center',  // 垂直居中
+                    shape: {
+                        r: 12 // 圆形的半径，您可以根据需要调整大小
+                    },
+                    style: {
+                        fill: '#FFFFFF', // 填充色为白色
+                        shadowBlur: 20,  // 阴影的模糊范围
+                        shadowColor: 'rgba(0, 0, 0, 0.15)', // 阴影颜色
+                        shadowOffsetY: 4 // 向下的阴影偏移，产生悬浮效果
+                    }
                 }
             ],
             radar: {
@@ -287,60 +302,60 @@
                 type: 'radar',
                 data: [
                     {
-                        value: leaderData,
+                        value: sponsorData,
                         itemStyle: {
-                            color: '#9F6196'
+                            color: '#012846'
                         },
                         lineStyle: {
-                            color: '#9F6196',
-                            width:2
+                            color: '#012846',
+                            width:1.5
                         },
                         areaStyle: {
                             color: 'rgba(255, 255, 255, 0.4)'
                         },
-                        symbolSize: 4
+                        symbolSize: 3
                     },
                     {
-                        value: memberData,
+                        value: stakeholderData,
                         itemStyle: {
-                            color: '#AFCDF5'
+                            color: '#FFD650'
                         },
                         lineStyle: {
-                            color: '#AFCDF5',
-                            width:2
+                            color: '#FFD650',
+                            width:1.5
                         },
                         areaStyle: {
                             color: 'rgba(255, 255, 255, 0.4)'
                         },
-                        symbolSize: 4
+                        symbolSize: 3
                     },
                     {
-                        value: stakeholderData,
+                        value: memberData,
                         itemStyle: {
-                            color: '#FFD650'
+                            color: '#AFCDF5'
                         },
                         lineStyle: {
-                            color: '#FFD650',
-                            width:2
+                            color: '#AFCDF5',
+                            width:1.5
                         },
                         areaStyle: {
                             color: 'rgba(255, 255, 255, 0.4)'
                         },
-                        symbolSize: 4
+                        symbolSize: 3
                     },
                     {
-                        value: sponsorData,
+                        value: leaderData,
                         itemStyle: {
-                            color: '#012846'
+                            color: '#9F6196'
                         },
                         lineStyle: {
-                            color: '#012846',
-                            width:2
+                            color: '#9F6196',
+                            width:1.5
                         },
                         areaStyle: {
                             color: 'rgba(255, 255, 255, 0.4)'
                         },
-                        symbolSize: 4
+                        symbolSize: 3
                     }
                 ]
                 }

src/components/reportPdf/pdfUser2.vue

@@ -81,7 +81,7 @@
                     <div class="v2-p2" style="margin-top: 16px;">评分总体分布</div>
                     <div class="vb-table" :style="{'border':'1px solid '+item.bcolor}">
                         <div class="vbt-pre adfac" v-for="(ss,si) in item?.scoreSpreads" :key="si">
-                            <div class="vbtp-left adfacjc" :class="{'black':['人际关系','学习','内部流程、系统与结构'].includes(item.title)}" :style="{'background':item.titlecolor}">{{ ss?.theme }}</div>
+                            <div class="vbtp-left adfacjc" :class="{'black':['人际关系','学习','内部流程、系统与结构'].includes(item.title)}" :style="{'background':item.titlecolor,'padding':'0 16px'}">{{ ss?.theme }}</div>
                             <div class="vbtp-right" :style="{'border':'1px solid '+item.bcolor}">
                                 <div class="vbtpr-title">{{ ss?.question }}</div>
                                 <div class="vbtpr-jd">
@@ -283,6 +283,9 @@
                 desc:`「领导力」维度，我们旨在探究领导素质和行为如何对团队功能和其他因素产生调节影响，以及这是积极的还是消极的。`}
         ];
         reportData.value.dimensionAnalysis.forEach((d,i)=>{
+            d.scoreSpreads.forEach(s=>{
+                s.theme = s.theme.replaceAll('，','').replaceAll(',','');
+            })
             reportData.value.dimensionAnalysis[i] = {...d,...tempDimensionAnalysis[i]}
 
         })