|
|
|
@ -22,15 +22,16 @@ |
|
|
|
element-loading-text="数据加载中请耐心等待..." |
|
|
|
element-loading-text="数据加载中请耐心等待..." |
|
|
|
> |
|
|
|
> |
|
|
|
<div |
|
|
|
<div |
|
|
|
class="absolute inset-0 z-[99] flex items-center justify-center bg-white/80 backdrop-blur-sm" |
|
|
|
class="absolute inset-0 z-[99] flex items-center justify-center bg-white/80 backdrop-blur-sm transition-opacity duration-300" |
|
|
|
v-if="isFetching" |
|
|
|
v-if="isFetching" |
|
|
|
> |
|
|
|
> |
|
|
|
<div class="w-full max-w-[600px] space-y-10 p-6"> |
|
|
|
<div class="w-full max-w-[700px] mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
|
<el-scrollbar height="70vh" max-height="600px"> |
|
|
|
<el-scrollbar height="70vh" max-height="600px" class="pr-2"> |
|
|
|
|
|
|
|
<div class="space-y-4 md:space-y-6"> |
|
|
|
<div |
|
|
|
<div |
|
|
|
v-for="deviceInfo in pointInfoData" |
|
|
|
v-for="deviceInfo in pointInfoData" |
|
|
|
:key="deviceInfo.id" |
|
|
|
:key="deviceInfo.id" |
|
|
|
class="space-y-3 text-center bg-white/90 p-5 rounded-xl shadow" |
|
|
|
class="space-y-3 text-center bg-white/95 backdrop-blur-sm p-6 rounded-xl shadow-lg border border-gray-100 hover:shadow-xl transition-shadow duration-200" |
|
|
|
> |
|
|
|
> |
|
|
|
<div class="font-semibold text-gray-700 text-lg"> |
|
|
|
<div class="font-semibold text-gray-700 text-lg"> |
|
|
|
{{ chartGroupMap?.get(deviceInfo.id)?.cnName }} 数据加载中… |
|
|
|
{{ chartGroupMap?.get(deviceInfo.id)?.cnName }} 数据加载中… |
|
|
|
@ -53,7 +54,7 @@ |
|
|
|
}}</span> |
|
|
|
}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-scrollbar> |
|
|
|
</el-scrollbar> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
