update
This commit is contained in:
parent
0df887d3b7
commit
d4b6e7817b
File diff suppressed because it is too large
Load Diff
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
.brandChartBox {
|
.brandChartBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 220px;
|
height: 300px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
@ -17,7 +17,7 @@
|
|||||||
|
|
||||||
.brandList {
|
.brandList {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 42px;
|
margin-top: 142px;
|
||||||
|
|
||||||
.tabBox {
|
.tabBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -202,7 +202,7 @@ const handleGetTableData = async (BRAND_INDUSTRY: number) => {
|
|||||||
const data = await handleGetCombineBrandList(req)
|
const data = await handleGetCombineBrandList(req)
|
||||||
// brandListData.value = data.slice(0, 6)
|
// brandListData.value = data.slice(0, 6)
|
||||||
|
|
||||||
return data.slice(0, 6)
|
return data.slice(0, 3)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 切换tab
|
// 切换tab
|
||||||
@ -229,10 +229,12 @@ onBeforeUnmount(() => {
|
|||||||
const handleSetConfig = (res: any) => {
|
const handleSetConfig = (res: any) => {
|
||||||
const option = {
|
const option = {
|
||||||
legend: {
|
legend: {
|
||||||
orient: 'vertical', // 图例纵向排列
|
// orient: 'vertical', // 图例纵向排列
|
||||||
left: 200, // 距离右侧5%
|
// left: 200, // 距离右侧5%
|
||||||
top: 'center', // 垂直居中
|
// top: 'center', // 垂直居中
|
||||||
itemWidth: 12, // 图例标记宽度
|
itemWidth: 12, // 图例标记宽度
|
||||||
|
bottom: 'center',
|
||||||
|
left: 'center',
|
||||||
itemHeight: 12, // 图例标记高度
|
itemHeight: 12, // 图例标记高度
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#fff', // 文字颜色
|
color: '#fff', // 文字颜色
|
||||||
|
|||||||
@ -79,7 +79,6 @@ onMounted(async () => {
|
|||||||
const observer = new IntersectionObserver((entries) => {
|
const observer = new IntersectionObserver((entries) => {
|
||||||
entries.forEach(entry => {
|
entries.forEach(entry => {
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
console.log('🔄 地图容器变为可见 - 重新检测布局稳定性')
|
|
||||||
// 重新开始布局稳定性检测
|
// 重新开始布局稳定性检测
|
||||||
handleDetectLayoutStability()
|
handleDetectLayoutStability()
|
||||||
}
|
}
|
||||||
@ -209,11 +208,7 @@ const handleAllServiceMarkedPoint = async () => {
|
|||||||
opacity: 0.6,
|
opacity: 0.6,
|
||||||
});
|
});
|
||||||
pointLayer.on("mousemove", (ev: any) => {
|
pointLayer.on("mousemove", (ev: any) => {
|
||||||
console.log('props?.noticeMessageObj', props?.noticeMessageObj);
|
|
||||||
const detail: any = ev.feature;
|
const detail: any = ev.feature;
|
||||||
|
|
||||||
console.log('detail.SERVERPART_ID', detail.SERVERPART_ID);
|
|
||||||
|
|
||||||
hoverPoint.value.style.maxWidth = `500px`;
|
hoverPoint.value.style.maxWidth = `500px`;
|
||||||
hoverPoint.value.style.top = `${ev.y + 5}px`;
|
hoverPoint.value.style.top = `${ev.y + 5}px`;
|
||||||
hoverPoint.value.style.left = `${ev.x + 5}px`;
|
hoverPoint.value.style.left = `${ev.x + 5}px`;
|
||||||
|
|||||||
@ -66,7 +66,7 @@
|
|||||||
|
|
||||||
.CoreCategory {
|
.CoreCategory {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 220px;
|
height: 270px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -216,7 +216,7 @@ defineExpose({
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="ThisMonthBenefitsBox">
|
<div class="ThisMonthBenefitsBox">
|
||||||
<div class="ThisMonthBenefitsContent">
|
<!-- <div class="ThisMonthBenefitsContent">
|
||||||
<div class="ThisMonthBenefitsContentLeft">
|
<div class="ThisMonthBenefitsContentLeft">
|
||||||
<img class="thisMonthIcon" :src="bussinessIcon" />
|
<img class="thisMonthIcon" :src="bussinessIcon" />
|
||||||
<div class="thisMonthTitle">本月福利金发放额度</div>
|
<div class="thisMonthTitle">本月福利金发放额度</div>
|
||||||
@ -226,7 +226,7 @@ defineExpose({
|
|||||||
<span class="thisMonthValue">{{ allRealData?.value?.distributeAmount || '0' }}</span>
|
<span class="thisMonthValue">{{ allRealData?.value?.distributeAmount || '0' }}</span>
|
||||||
<span class="thisMonthUnit">元</span>
|
<span class="thisMonthUnit">元</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
|
|
||||||
<div class="CoreCategoryBox">
|
<div class="CoreCategoryBox">
|
||||||
|
|||||||
@ -29,7 +29,7 @@
|
|||||||
|
|
||||||
.TrendOfTrafficFlow {
|
.TrendOfTrafficFlow {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 160px;
|
min-height: 260px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
// min-height: 120px;
|
// min-height: 120px;
|
||||||
/* 设置最小高度确保图表可用 */
|
/* 设置最小高度确保图表可用 */
|
||||||
|
|||||||
@ -22,7 +22,7 @@
|
|||||||
.VehiclesEntering {
|
.VehiclesEntering {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 134px;
|
// height: 134px;
|
||||||
height: 190px;
|
height: 260px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -34,7 +34,7 @@
|
|||||||
|
|
||||||
.TrendCustomerRevenue {
|
.TrendCustomerRevenue {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 145px;
|
height: 220px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -769,11 +769,11 @@ const handleGetHighWayData = async () => {
|
|||||||
<!-- </div> -->
|
<!-- </div> -->
|
||||||
|
|
||||||
|
|
||||||
<div class="leftContentBoxItem" style="margin-top: 33px;">
|
<!-- <div class="leftContentBoxItem" style="margin-top: 33px;"> -->
|
||||||
<!-- 经营效益趋势 -->
|
<!-- 经营效益趋势 -->
|
||||||
<VehicleModelStay ref="VehicleModelStayRef" />
|
<!-- <VehicleModelStay ref="VehicleModelStayRef" /> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="false">
|
<div v-if="false">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user