bdzl2/bxztApp
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整gif加载动画 替换为新的gif

Browse Source
This commit is contained in:
huangchenhao 2025-11-25 09:46:56 +08:00
parent 6f2259547e
commit 84f2ef4bdb
5 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/screen/src/views/3DSituationalAwarenessRefactor/assets/images/加载2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

12
packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
View File

@ -24,7 +24,7 @@
<!-- 左列资源 -->
<div class="force-dispatch__left">
<div class="force-dispatch__stat">
<span class="force-dispatch__stat-label">养护站</span>
<span class="force-dispatch__stat-label_small">应急基地与预置点</span>
<span class="force-dispatch__stat-value">
{{ dispatchSuggestion.stations }}
<span class="force-dispatch__stat-unit">个</span>
@ -60,7 +60,7 @@
<span class="force-dispatch__stat-label">应急物资</span>
<span class="force-dispatch__stat-value">
{{ dispatchSuggestion.supplies }}
<span class="force-dispatch__stat-unit">个</span>
<span class="force-dispatch__stat-unit">件</span>
</span>
</div>
<div class="force-dispatch__stat">
@ -84,7 +84,7 @@
<span class="force-dispatch__eta-value">{{ forceDispatch.estimatedClearTime || '2025/10/21 22:00' }}</span>
</div>
<ActionButton
text="一键启动"
text="响应调度"
type="primary"
size="medium"
@click="handleStartDispatch"
@ -261,6 +261,12 @@ const handleStartDispatch = () => {
color: var(--text-white);
}
.force-dispatch__stat-label_small {
font-size: fs(8);
font-family: SourceHanSansCN-Regular, sans-serif;
color: var(--text-white);
}
.force-dispatch__stat-value {
font-size: fs(18);
font-family: SourceHanSansCN-Bold, sans-serif;

2
packages/screen/src/views/3DSituationalAwarenessRefactor/composables/useDisasterData.js
View File

@ -43,7 +43,7 @@ export function useDisasterData() {
// 力量调度信息
const forceDispatch = ref({
responseLevel: 3, // 三级
estimatedClearTime: '2025/10/21 22:00',
estimatedClearTime: getCurrentDateTime('24:00'),
plan: {
name: '智能应急方案',
status: 'ready'

2
packages/screen/src/views/3DSituationalAwarenessRefactor/constants/mockData.js
View File

@ -224,7 +224,7 @@ export const MARKER_ICON_SIZE = {
*/
export const ANIMATION_CONFIG = {
duration: 60, // 动画时长（秒）
loadingDuration: 3000, // 加载动画时长（毫秒）
loadingDuration: 500, // 加载动画时长（毫秒）
cameraFlyDuration: 5, // 相机飞行时长（秒）
cameraPadding: 0.2, // 相机视野边距（20%）
}

7
packages/screen/src/views/3DSituationalAwarenessRefactor/index.vue
View File

@ -150,10 +150,15 @@
<!-- 加载动画层 - 一键启动后显示 -->
<div v-if="showLoading" class="situational-awareness__loading-layer">
<img
src="./assets/images/加载.gif"
src="./assets/images/加载2.gif"
alt="加载中"
class="situational-awareness__loading-gif"
/>
<!-- <img
src="./assets/images/加载.gif"
alt="加载中"
class="situational-awareness__loading-gif"
/> -->
</div>
</div>