|
|
@@ -34,7 +34,7 @@
|
|
|
<a-col :span="16">
|
|
|
<a-row class="r2">
|
|
|
<a-col :span="24">
|
|
|
- <p class="t3">{{ customerStats.descriptiveName }}</p>
|
|
|
+ <p class="t3 company-name">{{ customerStats.descriptiveName }}</p>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
<a-row class="r2">
|
|
|
@@ -59,7 +59,7 @@
|
|
|
</a-row>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
- <a-row class="r2" style="height: 220px">
|
|
|
+ <a-row class="r2" style="height: 195px">
|
|
|
<a-col :span="24">
|
|
|
<p class="t1">账户优化分数</p>
|
|
|
<div class="score-circle" style="padding-bottom: 10px;">
|
|
|
@@ -577,7 +577,7 @@ const getCountryStats = async () => {
|
|
|
value: item.clicks,
|
|
|
}));
|
|
|
|
|
|
- // 处理表格数据
|
|
|
+ // ���理表格数据
|
|
|
chartDetailData.value = res.map(item => ({
|
|
|
countryCode: item.countryCode?.toLowerCase(),
|
|
|
countryName: item.countryName,
|
|
|
@@ -586,7 +586,7 @@ const getCountryStats = async () => {
|
|
|
}));
|
|
|
}
|
|
|
} catch (error) {
|
|
|
- console.error('获取国家统计数据失败:', error);
|
|
|
+ console.error('获取国家统计数据失��:', error);
|
|
|
} finally {
|
|
|
loading.value = false;
|
|
|
}
|
|
|
@@ -704,8 +704,6 @@ onMounted(() => {
|
|
|
&.t1 {
|
|
|
color: #333;
|
|
|
margin-bottom: 15px;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: 800;
|
|
|
|
|
|
img {
|
|
|
margin-right: 10px;
|
|
|
@@ -737,6 +735,13 @@ onMounted(() => {
|
|
|
font-size: 16px;
|
|
|
margin-left: 4px;
|
|
|
}
|
|
|
+
|
|
|
+ &.company-name {
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: left;
|
|
|
+ line-height: 1;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -893,7 +898,7 @@ onMounted(() => {
|
|
|
|
|
|
.score-circle {
|
|
|
text-align: center;
|
|
|
- margin-top: 40px;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
|
|
|
// 添加表格样式
|
zq940222