diff --git a/src/stores/useHeatmapBarStore.js b/src/stores/useHeatmapBarStore.js
index 39c6ea5..6533620 100644
--- a/src/stores/useHeatmapBarStore.js
+++ b/src/stores/useHeatmapBarStore.js
@@ -10,7 +10,11 @@ const useHeatmapBarStore = defineStore("heatmap", () => {
   const heatmapConfig = computed(() => allHeatMaps.value[route.query?.gas]);
 
   const getConfig = async () => {
-    const res = await axios.get("/config.json");
+    const api =
+      import.meta.env.MODE === "production"
+        ? "/dist/config.json"
+        : "/config.json";
+    const res = await axios.get(api);
     console.log(res);
     allHeatMaps.value = res.data.heatmap;
   };
diff --git a/src/views/system/components/SystemCard.vue b/src/views/system/components/SystemCard.vue
index f2fa590..89a18b4 100644
--- a/src/views/system/components/SystemCard.vue
+++ b/src/views/system/components/SystemCard.vue
@@ -8,6 +8,9 @@ const { showData } = useSystemShowData()
 
 
 const fitToView = (forge_dbid) => {
+  // console.log(forge_dbid)
+  // window.NOP_VIEWER.hide(forge_dbid + 3);
+  // window.NOP_VIEWER.impl.invalidate(true);
   window.NOP_VIEWER.fitToView([forge_dbid])
 }
 </script>
@@ -35,7 +38,7 @@ const fitToView = (forge_dbid) => {
                     <span>{{ device.device_status }}</span>
                   </div>
                   <button class="btn-text border-0 "
-                    @click.stop.prevent="(e) => getCurrentInfoModalData(e, { left: e.clientX, top: e.clientY }, device)">{{
+                    @click.prevent="(e) => getCurrentInfoModalData(e, { left: e.clientX, top: e.clientY }, device)">{{
                       $t("system.details") }}</button>
                 </div>
               </div>