zhouchengcheng/ctms
1
1
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(monitoring): 修复飞线图白色渲染残影

Browse Source
This commit is contained in:
Cheng Zhou
2026-07-20 11:10:08 +08:00
parent 795e0a75ca
commit 46a6dda753
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/PermissionIpLocations.test.ts
+3 -2
View File
@@ -47,11 +47,12 @@ describe("PermissionIpLocations", () => {
expect(source).not.toContain('all: "近 90 天"'); expect(source).not.toContain('all: "近 90 天"');
}); });
it("keeps fullscreen animation sharp without multiplying large canvas layers", () => { it("keeps fullscreen animation sharp without dirty-rect artifacts or extra canvas layers", () => {
const source = readSource(); const source = readSource();
expect(source).toContain('v-if="!fullscreenVisible"'); expect(source).toContain('v-if="!fullscreenVisible"');
expect(source).toContain("useDirtyRect: true"); expect(source).toContain("useDirtyRect: false");
expect(source).not.toContain("useDirtyRect: true");
expect(source).toContain("Math.min(getDevicePixelRatio(), 2)"); expect(source).toContain("Math.min(getDevicePixelRatio(), 2)");
expect(source).not.toContain("getDevicePixelRatio() * 1.5"); expect(source).not.toContain("getDevicePixelRatio() * 1.5");
expect(source).not.toContain("zlevel:"); expect(source).not.toContain("zlevel:");
frontend/src/components/PermissionIpLocations.vue
+3 -2
View File
@@ -223,8 +223,9 @@ const mapLoadError = ref("");
const mapReady = ref(false); const mapReady = ref(false);
const lastUpdatedAt = ref<Date | null>(null); const lastUpdatedAt = ref<Date | null>(null);
const getDevicePixelRatio = () => (typeof window === "undefined" ? 1 : window.devicePixelRatio || 1); const getDevicePixelRatio = () => (typeof window === "undefined" ? 1 : window.devicePixelRatio || 1);
const chartInitOptions = { devicePixelRatio: Math.min(getDevicePixelRatio(), 2), useDirtyRect: true }; // Animated lines/effectScatter leave cleared rectangles over the geo layer when dirty-rect rendering is enabled.
const fullscreenChartInitOptions = { devicePixelRatio: Math.min(getDevicePixelRatio(), 2), useDirtyRect: true }; const chartInitOptions = { devicePixelRatio: Math.min(getDevicePixelRatio(), 2), useDirtyRect: false };
const fullscreenChartInitOptions = { devicePixelRatio: Math.min(getDevicePixelRatio(), 2), useDirtyRect: false };
const chartUpdateOptions = { notMerge: true }; const chartUpdateOptions = { notMerge: true };
const chartAutoresize = { throttle: 120 }; const chartAutoresize = { throttle: 120 };
const fullscreenVisible = ref(false); const fullscreenVisible = ref(false);