From 7ac664683bf5887c921a2e5e60b64b93d979ce19 Mon Sep 17 00:00:00 2001
From: wanli <wanli@DEV_V00005>
Date: Fri, 30 Dec 2022 18:24:19 +0800
Subject: [PATCH 1/8] =?UTF-8?q?[Frontend]=20=E5=89=96=E9=9D=A2=E6=A1=86=20?=
 =?UTF-8?q?=E5=8A=A0=E4=B8=8A=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/_sysMonFloor.html      |  5 ++--
 Frontend/js/forge/forgemodel.js | 43 +++++++++++++++++++++++++--------
 2 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/Frontend/_sysMonFloor.html b/Frontend/_sysMonFloor.html
index 737dc97..d05cade 100644
--- a/Frontend/_sysMonFloor.html
+++ b/Frontend/_sysMonFloor.html
@@ -31,10 +31,11 @@
     var global_emergency_alarm_device_number = [];
     var zoomToggle = 3;
     var urn_all = "dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1pdHN1YmlzaGkvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDJUU5JTlCJTk5JUU5JUExJUFGXzEyMjgubndk";
+    var urn_test = "dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDK01FUCVFNiU4QiU4NiVFNyVCMyVCQiVFNyVCNSVCMV8lRTUlOEQlOEElRTklODAlOEYlRTYlOTglOEUlRTUlQkIlQkElRTclQUYlODlfMTJfMzAubndk";
 
     $(function () {
         getHotspotPoint(() => {
-            show3DModel(urn_all);
+            show3DModel(urn_test);
         });
         initChart();
         getFloData();
@@ -869,7 +870,7 @@
 
     function show3DModel(urn) {
         launchViewerForHotspot(urn, (viewer, nodeIds) => {
-            getLevelsData();
+            getLevelsData("7F", "8F");//剖面的下方樓層，剖面的上方樓層
             loadHeatmapForFloor();
         });
     }
diff --git a/Frontend/js/forge/forgemodel.js b/Frontend/js/forge/forgemodel.js
index 34ed5a5..42b30f6 100644
--- a/Frontend/js/forge/forgemodel.js
+++ b/Frontend/js/forge/forgemodel.js
@@ -6,6 +6,8 @@ var elevatorSpeed;
 var selector = "#forgeViewer";
 let myDataList;
 var levels;//剖面用
+var lowerIdx;//剖面的下方樓層
+var upperIdx;//剖面的上方樓層
 
 function launchViewer(urn, callback, _selector = "#forgeViewer") {
     selector = _selector;
@@ -763,19 +765,19 @@ async function loadHeatmaps(model) {
     //取三個空調設備的位置打點
     const devices = [
         {
-            id: "Oficina 5",
+            id: "Oficina 3",
             //name: "Oficina-",
             position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 4",
+            id: "Oficina 2",
             //name: "Oficina-",
             position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 3",
+            id: "Oficina 1",
             //name: "Oficina-",
             position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
@@ -837,28 +839,40 @@ async function loadHeatmapsForFloor(model) {
 
     const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
 
+    
+
     //x: -17.33, y: 51.03, z: -2.52
+    //var devices;
     const devices = [
         {
-            id: "Oficina 5",
+            id: "Oficina 3",
             //name: "Oficina-",
             position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 4",
+            id: "Oficina 2",
             //name: "Oficina-",
             position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 3",
+            id: "Oficina 1",
             //name: "Oficina-",
             position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         }
     ];
 
+    //myDataList.forEach((myData, index) => {
+    //    //const dbId = 10 + index;
+    //    //const myPosition = myData.position;
+    //    //const viewable = new DataVizCore.SpriteViewable(myPosition, style, dbId);
+    //    //myData._dbId = dbId;
+    //    //viewableData.addViewable(viewable);
+    //    devices.push(index, myData.position, ["temperature", "humidity"]);
+    //});
+
     // Initialize sensor values
     let sensorVals = [];
     for (let i = 0; i < devices.length; i++) {
@@ -867,7 +881,7 @@ async function loadHeatmapsForFloor(model) {
 
     const roomDbIds = [];
 
-    roomDbIds.push(7567);
+    roomDbIds.push(11449);
 
     const {
         SurfaceShadingData,
@@ -932,8 +946,17 @@ async function getRemoteLevels() {
     return levels2;
 }
 
-async function getLevelsData() {
+async function getLevelsData(lowerFloor, upperFloor) {
+    
     const data = await this.getRemoteLevels();
+    for (var i = 0; i < data.length; i++) {
+        if ((data[i].name).indexOf(lowerFloor) != -1) {
+            lowerIdx = i;
+        }
+        if ((data[i].name).indexOf(upperFloor) != -1) {
+            upperIdx = i;
+        }
+    }
     this.levels = data;
     profile();
 }
@@ -957,9 +980,9 @@ function getCutPlaneParam(idx, n) {
 }
 
 function profile() {
-    const upperIdx = 6;
+    //const upperIdx = 6;
     const upperCutPlaneParam = this.getCutPlaneParam(upperIdx, 1);
-    const lowerIdx = 7;
+    //const lowerIdx = 7;
     const lowerCutPlaneParam = this.getCutPlaneParam(lowerIdx, -1);
     this.viewer.setCutPlanes([upperCutPlaneParam, lowerCutPlaneParam]);
 }

From 79ebe8714290437d3c0b483122fb4973c99cacc0 Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Fri, 30 Dec 2022 18:27:02 +0800
Subject: [PATCH 2/8] =?UTF-8?q?[Frontend][forge]=20=E7=86=B1=E5=9C=96?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/js/forge/forgemodel.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/js/forge/forgemodel.js b/Frontend/js/forge/forgemodel.js
index 34ed5a5..7be0529 100644
--- a/Frontend/js/forge/forgemodel.js
+++ b/Frontend/js/forge/forgemodel.js
@@ -315,7 +315,7 @@ function getNodeIdByDbIds(allDbIdsStr, callback = null) {
     let _childId = 0;
     let evelMap = new Map();
     let finTimeout = null;
-    let fin2Timeout = null;
+    let fin2Timeout = null; 
     let hasElec = false;
 
     allDbIdsStr.forEach((dbId) => {

From 7db899884bee3076efb160bd79573bf77f4b4554 Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Fri, 30 Dec 2022 19:03:31 +0800
Subject: [PATCH 3/8] =?UTF-8?q?[Frontend][=E7=B3=BB=E7=B5=B1=E7=9B=A3?=
 =?UTF-8?q?=E6=8E=A7]=20=E5=B9=B3=E9=9D=A2=E5=9C=96=20baja=20=E8=A1=9D?=
 =?UTF-8?q?=E7=AA=81=E5=95=8F=E9=A1=8C=E8=A7=A3=E6=B1=BA=20|=20=E5=B9=B3?=
 =?UTF-8?q?=E9=9D=A2=E5=9C=96=E5=89=96=E9=9D=A2=E6=A1=86=E7=A8=8B=E5=BA=8F?=
 =?UTF-8?q?=E4=B8=B2=E6=8E=A5=20|=20=E7=86=B1=E9=BB=9E=E7=A8=8B=E5=BA=8F?=
 =?UTF-8?q?=E4=B8=B2=E6=8E=A5=20|=20[=E5=85=A8=E5=9F=9F=E5=8A=9F=E8=83=BD]?=
 =?UTF-8?q?=20=E7=86=B1=E5=9C=96=E6=BA=AB=E5=BA=A6=E7=89=A9=E4=BB=B6?=
 =?UTF-8?q?=E5=8C=96=E7=A8=8B=E5=BA=8F=E8=AA=BF=E6=95=B4=20|=20=E5=8F=96?=
 =?UTF-8?q?=E5=BE=97=20node=20Id=20by=20tag=20id=20=E7=A8=8B=E5=BA=8F?=
 =?UTF-8?q?=E5=84=AA=E5=8C=96=20|=20[FrontendWebApi]=20GetForgeNodeName=20?=
 =?UTF-8?q?=E5=8F=96=E5=BE=97=E8=B3=87=E6=96=99=E5=BA=AB=20variable=20?=
 =?UTF-8?q?=E8=A8=AD=E5=AE=9A=20forge=20=E4=BE=9D=E6=93=9A=E5=AD=97?=
 =?UTF-8?q?=E4=B8=B2=E7=A8=8B=E5=BA=8F=E5=BB=BA=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/_sysMonAll.html                      |  21 +-
 Frontend/_sysMonFloor.html                    |  15 +-
 Frontend/js/forge/forgemodel.js               | 229 +++++++++---------
 .../ApiControllers/DeviceManageController.cs  |  38 ++-
 FrontendWebApi/Models/Device.cs               |   1 +
 5 files changed, 181 insertions(+), 123 deletions(-)

diff --git a/Frontend/_sysMonAll.html b/Frontend/_sysMonAll.html
index b08ed6b..5165df3 100644
--- a/Frontend/_sysMonAll.html
+++ b/Frontend/_sysMonAll.html
@@ -260,20 +260,31 @@
     function show3DModel(urn) {
         launchViewerForHotspot(urn, (viewer, nodeIds) => {
             let devices = [{
+                roomDbId: 7567,
                 id: "Oficina 5",
                 //name: "Oficina-",
                 position: { x: 3.35, y: -4.81, z: 12.88 }, // x: 0, y: 25, z: -2.5      (3.35, -4.81, 12.88
                 sensorTypes: ["temperature", "humidity"]
+            }, {
+                roomDbId: 7567,
+                id: "Oficina 6",
+                //name: "Oficina-",
+                position: { x: 4.35, y: -4.81, z: 11.88 }, // x: 0, y: 25, z: -2.5      (3.35, -4.81, 12.88
+                sensorTypes: ["temperature", "humidity"]
+            }, {
+                roomDbId: 7567,
+                id: "Oficina 7",
+                //name: "Oficina-",
+                position: { x: 6.35, y: -4.81, z: 16.88 }, // x: 0, y: 25, z: -2.5      (3.35, -4.81, 12.88
+                sensorTypes: ["temperature", "humidity"]
             }];
             let option = {
-                devices:devices,
+                devices: devices,
             }
             let heatMap = new ADHeatMaps(option);
-            let temp = 10;
+
             heatMap.onComplete = function () {
-                debugger
-                heatMap.changeTemp(32);
-                
+                heatMap.changeTemp(7567, 32);
             }
             
         },"[name=forgeViewer]");
diff --git a/Frontend/_sysMonFloor.html b/Frontend/_sysMonFloor.html
index d05cade..3335f16 100644
--- a/Frontend/_sysMonFloor.html
+++ b/Frontend/_sysMonFloor.html
@@ -22,20 +22,16 @@
     </div>
 </div>
 
-
-<script src="lib/echarts.min.js"></script>
 <script>
     var floChart = null;
     var currentData = [];
     var allDeviceRowData = []; //所有設備原始資料
     var global_emergency_alarm_device_number = [];
     var zoomToggle = 3;
-    var urn_all = "dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1pdHN1YmlzaGkvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDJUU5JTlCJTk5JUU5JUExJUFGXzEyMjgubndk";
-    var urn_test = "dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDK01FUCVFNiU4QiU4NiVFNyVCMyVCQiVFNyVCNSVCMV8lRTUlOEQlOEElRTklODAlOEYlRTYlOTglOEUlRTUlQkIlQkElRTclQUYlODlfMTJfMzAubndk";
 
     $(function () {
         getHotspotPoint(() => {
-            show3DModel(urn_test);
+            show3DModel(pageAct.urn);
         });
         initChart();
         getFloData();
@@ -868,9 +864,10 @@
         }
     }
 
+    // show 3D 模型
     function show3DModel(urn) {
         launchViewerForHotspot(urn, (viewer, nodeIds) => {
-            getLevelsData("7F", "8F");//剖面的下方樓層，剖面的上方樓層
+            getLevelsData("R2F","RF")
             loadHeatmapForFloor();
         });
     }
@@ -894,13 +891,13 @@
                 $.each(res.data, (idx, data) => {
                     let item = {};
                     item.position = {};
-                    if (item.device_coordinate_3d != null && isJSON(item.device_coordinate_3d)) {
-                        item.position = JSON.parse(x.device_coordinate_3d);
+                    if (data.device_coordinate_3d != null && isJSON(data.device_coordinate_3d)) {
+                        item.position = JSON.parse(data.device_coordinate_3d);
                     }
                     $.extend(item, data);
                     myDataList.push(item);
                 })
-
+                
                 console.log("1", myDataList)
                 setHotspotPoint(myDataList);
                 callback ? callback() : "";
diff --git a/Frontend/js/forge/forgemodel.js b/Frontend/js/forge/forgemodel.js
index e57f1bb..32794db 100644
--- a/Frontend/js/forge/forgemodel.js
+++ b/Frontend/js/forge/forgemodel.js
@@ -299,77 +299,86 @@ function onDocumentLoadSuccess(doc, eleOption) {
         let instanceTree = viewer.model.getData().instanceTree;
         console.log(instanceTree.nodeAccess)
         allDbIdsStr = Object.keys(instanceTree.nodeAccess.dbIdToIndex);
-        getNodeIdByDbIds(allDbIdsStr, (nodeIds) => {
+        getNodeIdByDbIds("【電梯】", (nodeIds) => {
             $(selector).trigger("autodesk:loaded", nodeIds);
         });
 
-
-
     });
 
 
 }
 
-function getNodeIdByDbIds(allDbIdsStr, callback = null) {
-    let curDbId = 0;
-    let tagId = 0;
-    let _parentId = 0;
-    let _childId = 0;
-    let evelMap = new Map();
-    let finTimeout = null;
-    let fin2Timeout = null; 
-    let hasElec = false;
-
-    allDbIdsStr.forEach((dbId) => {
-        curDbId = parseInt(dbId);
-        viewer.getProperties(curDbId, function (e) {
-            e.properties.forEach(function (item, idx) {
-                if (item.displayName == "tag_id" && e.name.indexOf("【電梯】") != -1) {
-                    hasElec = true
-                    tagId = e.dbId;
-                    viewer.getProperties(tagId, function (e2) {
-                        e2.properties.forEach(function (item2, idx2) {
-                            if (item2.displayName == "child") {
-                                _parentId = item2.displayValue;
-
-                                viewer.getProperties(_parentId, function (e3) {
-                                    //var childIdArr = new Array();
-                                    /*childIdArr.push(_parentId)*/
-                                    //e3.properties.forEach(function (item3, idx3) {
-                                    //    if (item3.displayName == "child") {
-                                    //        _childId = item3.displayValue;
-                                    //        childIdArr.push(_childId);
-                                    //    }
-                                    //});
-                                    evelMap.set(item.displayValue, e3.dbId)
-                                    console.log("map: " + evelMap);
-                                    clearTimeout(finTimeout)
-                                    finTimeout = setTimeout(() => {
-                                        if (hasElec == true) {
-                                            callback ? callback(evelMap) : "";
-                                        }
-                                    }, 10)
-
-                                })
-
-                            }
-                        });
-                    })
-                } else {
-                    clearTimeout(fin2Timeout)
-                    fin2Timeout = setTimeout(() => {
-                        if (hasElec == false) {
-                            callback ? callback([]) : "";
-                        }
-                    }, 10)
-                }
-            });
+// 輔助函數，使用 Promise 封裝 viewer.getProperties 函數
+function viewerGetProperties(dbIds,attributeName = null) {
+    // 在這裡，我們使用 viewer.getProperties 函數的成功回調函數作為 resolve 函數，
+    // 並使用 viewer.getProperties 函數的失敗回調函數作為 resolve 函數的參數
+    // 這樣，當 viewer.getProperties 函數成功時，Promise 會傳回 properties 物件；
+    // 當 viewer.getProperties 函數失敗時，Promise 會傳回 null。
+    return new Promise((resolve, reject) => {
+        let option = {};
+        if (attributeName != null) {
+            option.propFilter = [attributeName]; // 限制只返回指定的屬性
+        }
+        viewer.model.getBulkProperties2(dbIds, option,    // 取得指定元素的屬性信息
+        function (elements) {
+            resolve(elements);   // 成功時傳回 elements 物件
         })
+    });
+}
 
+// 輔助函數，使用 Promise 封裝 viewer.search 函數
+async function getNodeIdBySearch(text) {
+    return new Promise((resolve, reject) => {
+        viewer.search(text, (e) => {      // 在 3D 模型中搜索具有指定文本的元素
+            resolve(e);          // 成功時傳回搜索結果
+        }, (e) => {
+            resolve(null);       // 失敗時傳回 null
+        })
     })
+}
+
+// 主函數 - 透過 model 全部 node 取得特定 nodeId 
+async function getNodeIdByDbIds(checkName = "【電梯】", callback = null) {
+    let evelMap = new Map();
+    let hasElement = false; // 設置是否有 【tag_id】的node
+    let targetNodeIds = await getNodeIdBySearch(checkName);
+    let elements = await viewerGetProperties(targetNodeIds,"【tag_id】");
+
+    // 從 elements 中篩選出包含 【tag_id】 屬性的元素
+    elements = elements.filter(x => x.properties.findIndex(y => y.displayName == "【tag_id】" && y.displayValue == checkName) != -1);
+
+    if (elements) {
+        hasElement = true;
+    }
+
+    for (var e of elements) {
+        let name = e.properties[0].displayValue;    // 獲取元素的 【tag_id】 屬性
+        let chiElements = null;
+
+        // 獲取 node 元素的子元素信息
+        targetNodeIds = await viewerGetProperties([e.dbId], "child");
+        // 二次篩選
+        chiElements = targetNodeIds.filter(x => x.properties.findIndex(y => y.displayName == "child") != -1);
+
+         // 獲取子元素的 nodeId
+        targetNodeIds = chiElements.map(x => x.properties[0].displayValue);
+        // 獲取子元素的屬性信息
+        chiElements = await viewerGetProperties(targetNodeIds);
+
+        // 將 node 元素的 【tag_id】 屬性和子元素的 nodeId 加入 Map 中
+        evelMap.set(name, chiElements[0]?.dbId);
+    }
+
+    if (!hasElement) {
+        callback ? callback([]) : "";
+        return [];
+    }
+
+    callback ? callback(evelMap) : "";
     return evelMap;
 }
 
+
 function setElevatorFloor(floor) {
     if (floor == 0)
         targetFloorZ = 0;
@@ -484,9 +493,10 @@ function getForgeToken(callback) {
 //------------------ 熱圖 -------------------------------
 class ADHeatMaps {
     constructor(option = {}) {
-        this.devices = option.devices || [];
-        this.tempVals = [];
-        this.roomDbIds = [8181, 8183, 8185];
+        this.devices = option.devices ?? [];
+        this.checkNodeString = "【ROOM】";
+        this.tempVal = 0;
+        this.roomDbIds = [];  //房間 dbId
         this.model = null;
         this.dataVizExtn = null;
         this.onComplete = option.onComplete ?? null;
@@ -504,21 +514,31 @@ class ADHeatMaps {
             SurfaceShadingNode,
         } = Autodesk.DataVisualization.Core;
 
-        // 建立一個名為 "Room Panel" 的 SurfaceShadingNode 物件，並將房間的模型給傳入
-        const shadingNode = new SurfaceShadingNode("Room Panel", this.roomDbIds);
+        let nodeIds = await getNodeIdByDbIds(this.checkNodeString);
+        nodeIds = Array.from(nodeIds);
+        nodeIds = nodeIds.map(x => { return { room: x[0] , nodeId: x[1]} });
+        this.roomDbIds = nodeIds;
 
-        // 遍歷每個設備，建立一個 SurfaceShadingPoint 物件並加入到 SurfaceShadingNode 中
-        this.devices.forEach((device) => {
-            const shadingPoint = new SurfaceShadingPoint(
-                device.id,
-                device.position,
-                device.sensorTypes
-            );
-            shadingNode.addPoint(shadingPoint);
-        });
         // 建立一個 SurfaceShadingData 物件，並將 SurfaceShadingNode 加入到該物件中
         const heatmapData = new SurfaceShadingData();
-        heatmapData.addChild(shadingNode);
+
+        $.each(this.roomDbIds.map(x => x.nodeId), (idx, rDbid) => {
+            // 建立一個名為 "Room Panel" 的 SurfaceShadingNode 物件，並將房間的模型給傳入，只在該房間呈現溫度
+            const shadingNode = new SurfaceShadingNode("RoomPanel" + rDbid, rDbid);
+
+            // 遍歷每個設備，建立一個 SurfaceShadingPoint 物件並加入到 SurfaceShadingNode 中，透過這些設備渲染溫度
+            this.devices.filter(x => x.roomDbId == rDbid).forEach((device) => {
+                const shadingPoint = new SurfaceShadingPoint(
+                    device.id,
+                    device.position,
+                    device.sensorTypes
+                );
+                shadingNode.addPoint(shadingPoint);
+            });
+
+            heatmapData.addChild(shadingNode);
+        })
+
         // 將資料初始化並顯示在模型上
         heatmapData.initialize(this.model);
 
@@ -530,20 +550,25 @@ class ADHeatMaps {
 
         this.dataVizExtn = dataVizExtn;
 
-        this.changeTemp(0);
-        this.onComplete ? this.onComplete() : ""; 
+        this.changeTemp(this.tempVal);
+        this.onComplete ? this.onComplete() : "";
     }
 
     // 改變溫度
-    changeTemp = function (temp) {
-        // 取得新的溫度值
-        function getSensorValue(device, sensorType) {
-            return temp / 40;
+    changeTemp = function (devId, temp) {
+        this.tempVal = temp;
+        // 透過 device id 取得 roomDbId
+        /*const rDbid = this.roomDbIds.filter(x => x.)[0]?.roomDbId;*/
+        if (rDbid != null) {
+            // 取得新的溫度值
+            let getSensorValue = (device, sensorType) => {
+                return this.tempVal / 40;
+            }
+            // 對 "Room Panel" 做表面顏色的渲染，並使用新的溫度值
+            this.dataVizExtn.renderSurfaceShading("RoomPanel" + rDbid, "temperature", getSensorValue);
         }
-        // 對 "Room Panel" 做表面顏色的渲染，並使用新的溫度值
-        this.dataVizExtn.renderSurfaceShading("Room Panel", "temperature", getSensorValue);
     }
-}                         
+}
 
 
 function setTransparentBuilding() {
@@ -642,7 +667,7 @@ async function addHotPoint(data) {
 
     //熱點 點擊事件註冊
     viewer.addEventListener(DataVizCore.MOUSE_CLICK, onSpriteClicked);// SPRITE_SELECTED
-    
+
     //viewer.addEventListener(
     //    Autodesk.Viewing.SELECTION_CHANGED_EVENT,
     //    onSelectionChange
@@ -670,9 +695,9 @@ async function addHotPoint(data) {
             if (event.dbId >= dbIdStart && event.dbId <= dbIdEnd) {//event.dbId > 0 && event.dbId < 19
                 console.log(`Sprite clicked: ${event.dbId}`);
                 openHotspotModal();
-                for(let i = dbIdStart; i <= dbIdEnd; i++){
-                    changeColorForHotspot(i,false);
-                    changeScaleForHotspot(i,false);
+                for (let i = dbIdStart; i <= dbIdEnd; i++) {
+                    changeColorForHotspot(i, false);
+                    changeScaleForHotspot(i, false);
                 }
                 let myData = myDataList.filter(x => x._dbId == event.dbId)[0];
                 $(selector).trigger("autodesk:click:sprite", { event, myData });
@@ -709,7 +734,7 @@ async function addHotPoint(data) {
 }
 
 // 熱點 更換顏色
-async function changeColorForHotspot(dbId,type = true) {
+async function changeColorForHotspot(dbId, type = true) {
     const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
     let spriteColorFocus = new THREE.Color(0x00ffe1);
     if (!type) {
@@ -724,10 +749,10 @@ async function changeColorForHotspot(dbId,type = true) {
 }
 
 // 熱點 更換大小
-async function changeScaleForHotspot(dbId,type = true) {
+async function changeScaleForHotspot(dbId, type = true) {
     const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
     let scale = 1;
-    if(type){
+    if (type) {
         scale = 1.2;
     }
     const viewablesToUpdate = dbId;
@@ -765,19 +790,19 @@ async function loadHeatmaps(model) {
     //取三個空調設備的位置打點
     const devices = [
         {
-            id: "Oficina 3",
+            id: "Oficina 5",
             //name: "Oficina-",
             position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 2",
+            id: "Oficina 4",
             //name: "Oficina-",
             position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 1",
+            id: "Oficina 3",
             //name: "Oficina-",
             position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
@@ -839,40 +864,28 @@ async function loadHeatmapsForFloor(model) {
 
     const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
 
-    
-
     //x: -17.33, y: 51.03, z: -2.52
-    //var devices;
     const devices = [
         {
-            id: "Oficina 3",
+            id: "Oficina 5",
             //name: "Oficina-",
             position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 2",
+            id: "Oficina 4",
             //name: "Oficina-",
             position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
-            id: "Oficina 1",
+            id: "Oficina 3",
             //name: "Oficina-",
             position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         }
     ];
 
-    //myDataList.forEach((myData, index) => {
-    //    //const dbId = 10 + index;
-    //    //const myPosition = myData.position;
-    //    //const viewable = new DataVizCore.SpriteViewable(myPosition, style, dbId);
-    //    //myData._dbId = dbId;
-    //    //viewableData.addViewable(viewable);
-    //    devices.push(index, myData.position, ["temperature", "humidity"]);
-    //});
-
     // Initialize sensor values
     let sensorVals = [];
     for (let i = 0; i < devices.length; i++) {
@@ -881,7 +894,7 @@ async function loadHeatmapsForFloor(model) {
 
     const roomDbIds = [];
 
-    roomDbIds.push(11449);
+    roomDbIds.push(7567);
 
     const {
         SurfaceShadingData,
@@ -947,7 +960,7 @@ async function getRemoteLevels() {
 }
 
 async function getLevelsData(lowerFloor, upperFloor) {
-    
+
     const data = await this.getRemoteLevels();
     for (var i = 0; i < data.length; i++) {
         if ((data[i].name).indexOf(lowerFloor) != -1) {
diff --git a/FrontendWebApi/ApiControllers/DeviceManageController.cs b/FrontendWebApi/ApiControllers/DeviceManageController.cs
index 3240399..4e2b2aa 100644
--- a/FrontendWebApi/ApiControllers/DeviceManageController.cs
+++ b/FrontendWebApi/ApiControllers/DeviceManageController.cs
@@ -265,7 +265,7 @@ namespace FrontendWebApi.ApiControllers
 
             try
             {
-                var sqlString = $@"select f.full_name, f.InitMapName as map_name, concat(f.floor_map_name,'.svg') as floor_map_name
+                var sqlString = $@"select f.full_name, f.InitMapName as map_name, concat(f.floor_map_name,'.svg') as floor_map_name, f.urn_3D
                                    from sub_system_floor ssf
                                    join floor f on ssf.floor_tag = f.full_name and ssf.building_tag = f.building_tag and f.deleted = 0
                                    where ssf.deleted = 0 and ssf.building_tag = @building_tag and ssf.sub_system_tag = @sub_system_tag and ssf.floor_tag = ifnull(@floor_tag, ssf.floor_tag);";
@@ -753,5 +753,41 @@ namespace FrontendWebApi.ApiControllers
             }
             return Ok(apiResult);
         }
+
+        /// <summary>
+        /// 取得 forge 模型 node 名稱，透過 node key
+        /// </summary>
+        /// <param name="account"></param>
+        /// <returns></returns>
+        [HttpPost]
+        [Route("api/Device/GetForgeNodeName")]
+        public async Task<ActionResult<List<Variable>>> GetForgeNodeName([FromBody] string forgeNodeKey)
+        {
+            ApiResult<List<Variable>> apiResult = new ApiResult<List<Variable>>();
+            List<Variable> variable = new List<Variable>();
+
+            try
+            {
+                var param = new
+                {
+                    @system_type = forge_node_name_system_type,
+                    @system_key = forgeNodeKey
+                };
+                var v = await backendRepository.GetAllAsync<Variable>($@"SELECT id,system_value FROM variable WHERE system_type = @system_type and system_key = ifnull(@system_key,system_key)"
+                    , param);
+
+                apiResult.Data = v;
+                apiResult.Code = "0000";
+                
+            }
+            catch (Exception exception)
+            {
+                apiResult.Code = "9999";
+                apiResult.Msg = "系統內部錯誤，請聯絡管理者。";
+                Logger.LogError("【" + controllerName + "/" + actionName + "】" + exception.Message);
+                return Ok(apiResult);
+            }
+            return Ok(apiResult);
+        }
     }
 }
\ No newline at end of file
diff --git a/FrontendWebApi/Models/Device.cs b/FrontendWebApi/Models/Device.cs
index 5140e57..0c67ea5 100644
--- a/FrontendWebApi/Models/Device.cs
+++ b/FrontendWebApi/Models/Device.cs
@@ -26,6 +26,7 @@ namespace FrontendWebApi.Models
         public string floor_tag { get; set; }
         public string map_name { get; set; }
         public string floor_map_name { get; set; }
+        public string urn_3D { get; set; }
         public List<DeviceLists> device_list {get; set;}
     }
 

From e48240b6eb46d2a15d7d94ba0c41719788073e1f Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Fri, 30 Dec 2022 20:14:23 +0800
Subject: [PATCH 4/8] =?UTF-8?q?[FrontendWebApi]=20=20forge=5Fnode=5Fname?=
 =?UTF-8?q?=5Fsystem=5Ftype=20=E8=A3=9C=E4=B8=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontendWebApi/ApiControllers/MyBaseApiController.cs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/FrontendWebApi/ApiControllers/MyBaseApiController.cs b/FrontendWebApi/ApiControllers/MyBaseApiController.cs
index 8821f51..f347c2c 100644
--- a/FrontendWebApi/ApiControllers/MyBaseApiController.cs
+++ b/FrontendWebApi/ApiControllers/MyBaseApiController.cs
@@ -35,6 +35,7 @@ namespace FrontendWebApi.ApiControllers
         public string actionName;
         public string main_system_type = "device_system_category_layer2";
         public string sub_system_type = "device_system_category_layer3";
+        public string forge_node_name_system_type = "forge_check_node_name";
         public ErrorCode errorCode = new ErrorCode();
         [Authorize]
         public override void OnActionExecuting(ActionExecutingContext filterContext)

From a3a0a0c963120117f6ad777ff6861e7dfb02ad80 Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Sat, 31 Dec 2022 11:13:35 +0800
Subject: [PATCH 5/8] =?UTF-8?q?[FrontendWebApi]=20GetNextFloor=20=E5=8F=96?=
 =?UTF-8?q?=E5=BE=97=20=E7=9B=AE=E6=A8=99=E6=A8=93=E5=B1=A4=E4=B9=8B?=
 =?UTF-8?q?=E4=B8=8B=E4=B8=80=E6=A8=93=E5=B1=A4=20API=20=E5=BB=BA=E7=BD=AE?=
 =?UTF-8?q?=20|=20GetFloor=20=E4=B8=9F=E5=87=BA=20Floor=5Fguid=20=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=E8=AA=BF=E6=95=B4=20|=20forge=20=E5=8B=95=E6=85=8B?=
 =?UTF-8?q?=E6=8A=93=E5=8F=96=20node=20id=20=20forge=5Fnode=5Fname=5Fsyste?=
 =?UTF-8?q?m=5Ftype=20=E6=94=B9=E7=82=BA=20forge=5Fcheck=5Ftag=5Fid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ApiControllers/DeviceManageController.cs  | 42 ++++++++++++++++++-
 .../ApiControllers/MyBaseApiController.cs     |  4 +-
 FrontendWebApi/Models/Device.cs               |  1 +
 3 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/FrontendWebApi/ApiControllers/DeviceManageController.cs b/FrontendWebApi/ApiControllers/DeviceManageController.cs
index 4e2b2aa..08eed00 100644
--- a/FrontendWebApi/ApiControllers/DeviceManageController.cs
+++ b/FrontendWebApi/ApiControllers/DeviceManageController.cs
@@ -219,7 +219,7 @@ namespace FrontendWebApi.ApiControllers
 
             try
             {
-                var sqlString = $@"select f.full_name as floor_tag
+                var sqlString = $@"select f.full_name as floor_tag, f.floor_guid
                                    from sub_system_floor ssf
                                    join floor f on ssf.floor_tag = f.full_name and ssf.building_tag = f.building_tag and f.deleted = 0
                                    where ssf.deleted = 0 and f.building_tag = @building_tag and sub_system_tag = @sub_system_tag order by f.priority";
@@ -789,5 +789,45 @@ namespace FrontendWebApi.ApiControllers
             }
             return Ok(apiResult);
         }
+
+        /// <summary>
+        /// 樓層列表
+        /// </summary>
+        /// <param name="account"></param>
+        /// <returns></returns>
+        [HttpPost]
+        [Route("api/Device/GetNextFloor")]
+        public async Task<ActionResult<ApiResult<Floor>>> GetNextFloor([FromBody] Floor f)
+        {
+            ApiResult<Floor> apiResult = new ApiResult<Floor>();
+
+            if (string.IsNullOrEmpty(f.floor_guid))
+            {
+                apiResult.Code = "0002";
+                apiResult.Msg = "需傳入樓層guid";
+                return apiResult;
+            }
+          
+            try
+            {
+                var sqlString = $@"	SELECT * FROM floor WHERE 
+	                                priority = (SELECT MIN(priority) FROM floor WHERE priority > (SELECT priority FROM floor WHERE floor_guid = @floor_guid) 
+		                            AND building_tag = (SELECT building_tag FROM floor WHERE floor_guid = @floor_guid)) 
+                                    AND building_tag = (SELECT building_tag FROM floor WHERE floor_guid = @floor_guid)";
+                var param = new { @floor_guid = f.floor_guid };
+                var fr = await backendRepository.GetOneAsync<Floor>(sqlString, param);
+
+                apiResult.Code = "0000";
+                apiResult.Data = fr;
+            }
+            catch (Exception exception)
+            {
+                apiResult.Code = "9999";
+                apiResult.Msg = "系統內部錯誤，請聯絡管理者。";
+                Logger.LogError("【" + controllerName + "/" + actionName + "】" + exception.Message);
+                return Ok(apiResult);
+            }
+            return Ok(apiResult);
+        }
     }
 }
\ No newline at end of file
diff --git a/FrontendWebApi/ApiControllers/MyBaseApiController.cs b/FrontendWebApi/ApiControllers/MyBaseApiController.cs
index f347c2c..e7a966b 100644
--- a/FrontendWebApi/ApiControllers/MyBaseApiController.cs
+++ b/FrontendWebApi/ApiControllers/MyBaseApiController.cs
@@ -35,14 +35,14 @@ namespace FrontendWebApi.ApiControllers
         public string actionName;
         public string main_system_type = "device_system_category_layer2";
         public string sub_system_type = "device_system_category_layer3";
-        public string forge_node_name_system_type = "forge_check_node_name";
+        public string forge_node_name_system_type = "forge_check_tag_id";
         public ErrorCode errorCode = new ErrorCode();
         [Authorize]
         public override void OnActionExecuting(ActionExecutingContext filterContext)
         {
             controllerName = ControllerContext.RouteData.Values["controller"].ToString();   //controller名稱
             actionName = ControllerContext.RouteData.Values["action"].ToString();   //action名稱
-            
+
             var ctx = filterContext.HttpContext;
             ctx.Response.Headers.Add("Access-Control-Allow-Origin", "*");
             ctx.Response.Headers.Add("Access-Control-Allow-Headers", "*");
diff --git a/FrontendWebApi/Models/Device.cs b/FrontendWebApi/Models/Device.cs
index 0c67ea5..c854265 100644
--- a/FrontendWebApi/Models/Device.cs
+++ b/FrontendWebApi/Models/Device.cs
@@ -24,6 +24,7 @@ namespace FrontendWebApi.Models
     {
         public string full_name { get; set; }
         public string floor_tag { get; set; }
+        public string floor_guid { get; set; }
         public string map_name { get; set; }
         public string floor_map_name { get; set; }
         public string urn_3D { get; set; }

From 1eb730b15d995bd4ea6b3f9eb2d053970757a75c Mon Sep 17 00:00:00 2001
From: wanli <wanli@DEV_V00005>
Date: Sat, 31 Dec 2022 15:24:02 +0800
Subject: [PATCH 6/8] =?UTF-8?q?[Frontend]=20=E7=86=B1=E5=9C=96input=20?=
 =?UTF-8?q?=E5=8A=A0=E5=85=A5=E6=88=BF=E9=96=93dbid=EF=BC=8C=E7=86=B1?=
 =?UTF-8?q?=E5=9C=96=E6=89=93=E9=BB=9E:=20=E4=BD=BF=E7=94=A8=E8=A9=B2?=
 =?UTF-8?q?=E5=B1=A4=E7=B3=BB=E7=B5=B1=E8=A8=AD=E5=82=99=E7=9A=84=E5=BA=A7?=
 =?UTF-8?q?=E6=A8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/_sysMonFloor.html      |   5 +-
 Frontend/js/forge/forgemodel.js | 278 ++++++--------------------------
 2 files changed, 49 insertions(+), 234 deletions(-)

diff --git a/Frontend/_sysMonFloor.html b/Frontend/_sysMonFloor.html
index 3335f16..56cf959 100644
--- a/Frontend/_sysMonFloor.html
+++ b/Frontend/_sysMonFloor.html
@@ -867,8 +867,9 @@
     // show 3D 模型
     function show3DModel(urn) {
         launchViewerForHotspot(urn, (viewer, nodeIds) => {
-            getLevelsData("R2F","RF")
-            loadHeatmapForFloor();
+            getLevelsData("R2F", "RF");//剖面的下方樓層，剖面的上方樓層
+            var roomsArr = [10481, 10479];//七樓的兩間房間dbid
+            toLoadHeatmap(roomsArr);
         });
     }
 
diff --git a/Frontend/js/forge/forgemodel.js b/Frontend/js/forge/forgemodel.js
index 32794db..f35fbf8 100644
--- a/Frontend/js/forge/forgemodel.js
+++ b/Frontend/js/forge/forgemodel.js
@@ -1,10 +1,9 @@
 var viewer;
-
 let fragProxy;
 var targetFloorZ;
 var elevatorSpeed;
 var selector = "#forgeViewer";
-let myDataList;
+var myDataList;//設備list
 var levels;//剖面用
 var lowerIdx;//剖面的下方樓層
 var upperIdx;//剖面的上方樓層
@@ -28,31 +27,6 @@ function launchViewer(urn, callback, _selector = "#forgeViewer") {
             callback ? callback(viewer, nodeIds) : "";
         })
 
-
-        //test 
-        // for (let i = 0; i < urn.length; i++) {
-        //     Autodesk.Viewing.Document.load(urn[i]["urn"], async (doc) => {
-        //         let viewables = doc.getRoot().getDefaultGeometry();
-        //         let model = await viewer.loadDocumentNode(doc, viewables, {
-        //             preserveView: false,
-        //             keepCurrentModels: true,
-        //             placementTransform: (new THREE.Matrix4()).setPosition(urn[i]["xform"]),
-        //             keepCurrentModels: true,
-        //             globalOffset: {
-        //                 x: 0,
-        //                 y: 0,
-        //                 z: 0
-        //             }
-        //         });
-
-        //         await viewer.waitForLoadDone(); //!<<< Wait for loading materials, properties and geometries for this model (URN)
-        //     });
-        // }
-
-        //loadHeatmaps(viewer.getAllModels()[0]); //!<<< equals to viewer.model
-
-
-
     });
 }
 
@@ -273,13 +247,6 @@ class elevator3D {
             hideColor(nodeId);
             return;
         }
-        //let fragPosition = new THREE.Vector3(position);// 一樓0 二樓15 三樓 26
-
-        //fragProxy.position = fragPosition;
-
-        //fragProxy.updateAnimTransform();
-
-        //viewer.impl.sceneUpdated(true);
     }
 }
 
@@ -287,14 +254,7 @@ function onDocumentLoadSuccess(doc, eleOption) {
     var viewables = doc.getRoot().getDefaultGeometry();
     viewer.loadDocumentNode(doc, viewables).then(i => {
         // documented loaded, any action?
-
     });
-    // viewer.addEventListener(Autodesk.Viewing.AGGREGATE_SELECTION_CHANGED_EVENT, (args) => {
-    //     var currSelection = viewer.getSelection();
-    //     var domElem = document.getElementById('id_printer');
-    //     domElem.innerText = currSelection[0];
-    // });
-
     viewer.addEventListener(Autodesk.Viewing.GEOMETRY_LOADED_EVENT, function () {
         let instanceTree = viewer.model.getData().instanceTree;
         console.log(instanceTree.nodeAccess)
@@ -304,8 +264,6 @@ function onDocumentLoadSuccess(doc, eleOption) {
         });
 
     });
-
-
 }
 
 // 輔助函數，使用 Promise 封裝 viewer.getProperties 函數
@@ -393,14 +351,11 @@ function setElevatorSpeed(speed) { //0.01 ~ 1
 }
 
 function movElevator() {
-
-
     let tree = viewer.model.getData().instanceTree;
     let nodeId = 10952;
     let fragProxyZ = 0;
     var movStatus = 0; // 0=no 1=up 2=down
 
-
     if (fragProxy.position.z > targetFloorZ) {
         movStatus = 2
     }
@@ -415,7 +370,6 @@ function movElevator() {
     tree.enumNodeFragments(nodeId, function (frag) {
         fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
         fragProxy.getAnimTransform();
-        //let fragPosition = new THREE.Vector3(0, 0, 15);// 一樓0 二樓15 三樓 26
         if (movStatus == 2) {
             fragProxy.position.z -= elevatorSpeed;
         }
@@ -439,15 +393,6 @@ function movElevator() {
             requestAnimationFrame(movElevator);
         }
     }
-
-
-    //let fragPosition = new THREE.Vector3(position);// 一樓0 二樓15 三樓 26
-
-    //fragProxy.position = fragPosition;
-
-    //fragProxy.updateAnimTransform();
-
-    //viewer.impl.sceneUpdated(true);
 }
 
 function getAllDbIds(viewer) {
@@ -572,21 +517,12 @@ class ADHeatMaps {
 
 
 function setTransparentBuilding() {
-    //allDbIdsStr.forEach((dbId) => {
-    //    setTransparency(dbId, 0.2);
-    //})
-
     for (var i = 0; i < allDbIdsStr.length; i++) {
         setTransparency(parseInt(allDbIdsStr[i]), 0.2);
     }
-
 }
 
 function recoverTransparentBuilding() {
-    //allDbIdsStr.forEach((dbId) => {
-    //    setTransparency(dbId, 1);
-    //})
-
     for (var i = 0; i < allDbIdsStr.length; i++) {
         setTransparency(parseInt(allDbIdsStr[i]), 1);
     }
@@ -639,16 +575,6 @@ function hideColor(nodeId) {//顏色改成透明
 
 }
 
-//------------------ 紀錄熱點座標 ---------------
-function getHopspotPoint(data) {
-    //var av = Autodesk.Viewing;
-    myDataList = data;
-    //viewer.addEventListener(av.GEOMETRY_LOADED_EVENT, addHotPoint, {
-    //    once: true,
-    //});
-}
-//-------------------- end ----------------------
-
 //------------------- 加入熱點 -----------------
 async function addHotPoint(data) {
     var viewer = data.target;
@@ -678,7 +604,7 @@ async function addHotPoint(data) {
 
     myDataList.forEach((myData, index) => {
         const dbId = 10 + index;
-        const myPosition = myData.position;
+        const myPosition = JSON.parse(myData.device_coordinate_3d);
         const viewable = new DataVizCore.SpriteViewable(myPosition, style, dbId);
         myData._dbId = dbId;
         viewableData.addViewable(viewable);
@@ -694,7 +620,6 @@ async function addHotPoint(data) {
         if (event != undefined && event != null) {
             if (event.dbId >= dbIdStart && event.dbId <= dbIdEnd) {//event.dbId > 0 && event.dbId < 19
                 console.log(`Sprite clicked: ${event.dbId}`);
-                openHotspotModal();
                 for (let i = dbIdStart; i <= dbIdEnd; i++) {
                     changeColorForHotspot(i, false);
                     changeScaleForHotspot(i, false);
@@ -721,7 +646,6 @@ async function addHotPoint(data) {
     //        if (dbIds.length > 0) {
     //            // 處理已選取元件的邏輯
     //            $(selector).trigger("autodesk:click:sprite", event);
-    //            //openHotspotModal();
     //            console.log(`------ name: ${viewer.model.getInstanceTree().getNodeName(dbIds)} , dbId: ${dbIds}`);//, id: ${event.clickInfo.object.id}, position.x: ${event.clickInfo.point.x}, y: ${event.clickInfo.point.y}, z: ${event.clickInfo.point.z}
     //        } else {
     //            // 處理沒有選取元件的邏輯
@@ -763,52 +687,16 @@ async function changeScaleForHotspot(dbId, type = true) {
         };
     });
 }
+//------------------------------ end ----------------------------------
 
-//------------------- end --------------
-
-//----------------- 開關熱點小視窗 ----------------------
-function openHotspotModal() {
-    //var modal = document.getElementById("hotspotModal");
-    //modal.style.display = "block";
-    //$("#pills-register-tab").removeClass("active");
-    //$("#pills-alarm-tab").removeClass("active");
-    //$("#pills-operation-tab").removeClass("active");
-    //$("#pills-login-tab").tab("show");
-}
-
-function closeHotspotModal() {
-    //var modal = document.getElementById("hotspotModal");
-    //modal.style.display = "none";
-
-}
-//------------------ end --------------------------------
-
-//------------------ 熱圖 -------------------------------
-async function loadHeatmaps(model) {
+//------------------------------ 熱圖 ---------------------------------
+async function loadHeatmaps(model, roomsArr) {
     const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
+    var devices = [];
 
-    //取三個空調設備的位置打點
-    const devices = [
-        {
-            id: "Oficina 5",
-            //name: "Oficina-",
-            position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
-            sensorTypes: ["temperature", "humidity"]
-        },
-        {
-            id: "Oficina 4",
-            //name: "Oficina-",
-            position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
-            sensorTypes: ["temperature", "humidity"]
-        },
-        {
-            id: "Oficina 3",
-            //name: "Oficina-",
-            position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
-            sensorTypes: ["temperature", "humidity"]
-        }
-    ];
-    //冷氣N5: (-4.93, -20.61, 16.86), N4: (23.94, -3.85, 16.86), N3: (-4.93, -3.85, 16.86)
+    myDataList.forEach((myData, index) => {
+        devices.push({ id: index, position: JSON.parse(myData.device_coordinate_3d), sensorTypes: ["temperature", "humidity"] });
+    });
 
     // Initialize sensor values
     let sensorVals = [];
@@ -817,7 +705,9 @@ async function loadHeatmaps(model) {
     }
 
     const roomDbIds = [];
-    roomDbIds.push(7567);
+    for (var i = 0; i < roomsArr.length; i++) {
+        roomDbIds.push(roomsArr[i]);
+    }
 
     const {
         SurfaceShadingData,
@@ -842,11 +732,10 @@ async function loadHeatmaps(model) {
 
     // Setup surface shading
     await dataVizExtn.setupSurfaceShading(model, heatmapData);
-
     dataVizExtn.registerSurfaceShadingColors("temperature", [0xff0000, 0x0000ff]);
 
     function getSensorValue(device, sensorType) {
-        return sensorVals[parseInt(device.id.slice(-1)) - 1];
+        return sensorVals[parseInt(device.id)];
     }
 
     dataVizExtn.renderSurfaceShading("Room Panel", "temperature", getSensorValue);
@@ -859,97 +748,9 @@ async function loadHeatmaps(model) {
         dataVizExtn.updateSurfaceShading(getSensorValue);
     }, 2000);
 }
-//------------------ end --------------------------------
-async function loadHeatmapsForFloor(model) {
+//------------------------------ end ----------------------------------
 
-    const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
-
-    //x: -17.33, y: 51.03, z: -2.52
-    const devices = [
-        {
-            id: "Oficina 5",
-            //name: "Oficina-",
-            position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
-            sensorTypes: ["temperature", "humidity"]
-        },
-        {
-            id: "Oficina 4",
-            //name: "Oficina-",
-            position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
-            sensorTypes: ["temperature", "humidity"]
-        },
-        {
-            id: "Oficina 3",
-            //name: "Oficina-",
-            position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
-            sensorTypes: ["temperature", "humidity"]
-        }
-    ];
-
-    // Initialize sensor values
-    let sensorVals = [];
-    for (let i = 0; i < devices.length; i++) {
-        sensorVals[i] = Math.random();
-    }
-
-    const roomDbIds = [];
-
-    roomDbIds.push(7567);
-
-    const {
-        SurfaceShadingData,
-        SurfaceShadingPoint,
-        SurfaceShadingNode,
-    } = Autodesk.DataVisualization.Core;
-
-    const shadingNode = new SurfaceShadingNode("Room Panel", roomDbIds);
-
-    devices.forEach((device) => {
-        const shadingPoint = new SurfaceShadingPoint(
-            device.id,
-            device.position,
-            device.sensorTypes
-        );
-        shadingNode.addPoint(shadingPoint);
-    });
-
-    const heatmapData = new SurfaceShadingData();
-    heatmapData.addChild(shadingNode);
-    heatmapData.initialize(model);
-
-    // Setup surface shading
-    await dataVizExtn.setupSurfaceShading(model, heatmapData);
-
-    //dataVizExtn.registerSurfaceShadingColors("co2", [0x00ff00, 0xff0000]);
-    dataVizExtn.registerSurfaceShadingColors("temperature", [0xff0000, 0x0000ff]);
-
-    function getSensorValue(device, sensorType) {
-        return sensorVals[parseInt(device.id.slice(-1)) - 1];
-    }
-
-    dataVizExtn.renderSurfaceShading("Room Panel", "temperature", getSensorValue);
-
-    setInterval(() => {
-        // Modify sensor values.
-        for (let i = 0; i < devices.length; i++) {
-            sensorVals[i] = Math.random();
-        }
-        dataVizExtn.updateSurfaceShading(getSensorValue);
-    }, 2000);
-}
-
-//
-async function loadHeatmap() {
-    const model = viewer.model;
-    loadHeatmaps(model);
-}
-
-async function loadHeatmapForFloor() {
-    const model = viewer.model;
-    loadHeatmapsForFloor(model);
-}
-
-//------------ 剖面 ----------------------
+//--------------------------- -- 剖面 ---------------------------------
 async function getRemoteLevels() {
     const aecData = await Autodesk.Viewing.Document.getAecModelData(this.viewer.model.getDocumentNode());
     if (!aecData.levels) return null;
@@ -959,21 +760,6 @@ async function getRemoteLevels() {
     return levels2;
 }
 
-async function getLevelsData(lowerFloor, upperFloor) {
-
-    const data = await this.getRemoteLevels();
-    for (var i = 0; i < data.length; i++) {
-        if ((data[i].name).indexOf(lowerFloor) != -1) {
-            lowerIdx = i;
-        }
-        if ((data[i].name).indexOf(upperFloor) != -1) {
-            upperIdx = i;
-        }
-    }
-    this.levels = data;
-    profile();
-}
-
 function getCutPlaneParam(idx, n) {
     if (idx < 0 || !n) return;
 
@@ -993,10 +779,38 @@ function getCutPlaneParam(idx, n) {
 }
 
 function profile() {
-    //const upperIdx = 6;
     const upperCutPlaneParam = this.getCutPlaneParam(upperIdx, 1);
-    //const lowerIdx = 7;
     const lowerCutPlaneParam = this.getCutPlaneParam(lowerIdx, -1);
     this.viewer.setCutPlanes([upperCutPlaneParam, lowerCutPlaneParam]);
 }
-//----------------- end -----------------------------------------------
\ No newline at end of file
+//------------------------------ end ----------------------------------
+
+
+//======================== 外部呼叫function ===========================
+//紀錄熱點座標
+function getHopspotPoint(data) {
+    myDataList = data;
+}
+
+//呼叫載入熱圖
+async function toLoadHeatmap(roomArr) {
+    const model = viewer.model;
+    loadHeatmaps(model, roomArr);
+}
+
+//取得levels，執行剖面
+async function getLevelsData(lowerFloor, upperFloor) {
+
+    const data = await this.getRemoteLevels();
+    for (var i = 0; i < data.length; i++) {
+        if ((data[i].name).indexOf(lowerFloor) != -1) {
+            lowerIdx = i;
+        }
+        if ((data[i].name).indexOf(upperFloor) != -1) {
+            upperIdx = i;
+        }
+    }
+    this.levels = data;
+    profile();
+}
+//============================= end ===================================
\ No newline at end of file

From edba8b60eafce756dab2d46980677dedce4b619d Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Sat, 31 Dec 2022 15:33:19 +0800
Subject: [PATCH 7/8] =?UTF-8?q?[FrontendWebApi]=20DeviceManage=20GetDevice?=
 =?UTF-8?q?List=20=E5=8F=96=E5=BE=97=E8=A8=AD=E5=82=99=E6=B8=85=E5=96=AE?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20room=5Fdbid=E6=AC=84=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontendWebApi/ApiControllers/DeviceManageController.cs | 3 ++-
 FrontendWebApi/Models/Device.cs                         | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/FrontendWebApi/ApiControllers/DeviceManageController.cs b/FrontendWebApi/ApiControllers/DeviceManageController.cs
index 08eed00..c5afad3 100644
--- a/FrontendWebApi/ApiControllers/DeviceManageController.cs
+++ b/FrontendWebApi/ApiControllers/DeviceManageController.cs
@@ -278,7 +278,8 @@ namespace FrontendWebApi.ApiControllers
                     sqlString = $@"select d.device_guid, d.full_name, d.device_coordinate, d.priority, dk.device_image, d.device_number, CONCAT('{baseURL}', '{deviceKindFilePath}', dk.device_image) AS device_image_url,d.status,
 				                          dk.device_normal_point_id, dk.device_normal_point_guid, dk.device_normal_point_col, dk.device_normal_point_value, dk.device_normal_flashing, dk.device_normal_point_name,
 				                          dk.device_close_point_id, dk.device_close_point_guid, dk.device_close_point_col, dk.device_close_point_value, dk.device_close_flashing, dk.device_close_point_name,
-				                          dk.device_error_point_id, dk.device_error_point_guid, dk.device_error_point_col, dk.device_error_point_value, dk.device_error_flashing, dk.device_error_point_name
+				                          dk.device_error_point_id, dk.device_error_point_guid, dk.device_error_point_col, dk.device_error_point_value, dk.device_error_flashing, dk.device_error_point_name,
+                                          d.room_dbid
                                    from device d
                                    left join device_kind dk on d.device_building_tag = dk.device_building_tag and d.device_system_tag = dk.device_system_tag
 			                                   and d.device_name_tag = dk.device_name_tag
diff --git a/FrontendWebApi/Models/Device.cs b/FrontendWebApi/Models/Device.cs
index c854265..920ff00 100644
--- a/FrontendWebApi/Models/Device.cs
+++ b/FrontendWebApi/Models/Device.cs
@@ -73,6 +73,7 @@ namespace FrontendWebApi.Models
         public string device_error_point_name { get; set; }
         public string device_error_point_value { get; set; }
         public string device_error_flashing { get; set; }
+        public string room_dbid { get; set; }
         public List<DeviceNode> Device_nodes { get; set; }
     }
 

From d059763692c96f8923db9189bffbe257a14a188d Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Sat, 31 Dec 2022 15:44:48 +0800
Subject: [PATCH 8/8] =?UTF-8?q?[FrontendWebApi]=20DeviceManage=20GetDevice?=
 =?UTF-8?q?List=20=E5=8F=96=E5=BE=97=E8=A8=AD=E5=82=99=E6=B8=85=E5=96=AE?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20device=5Fcoordinate=5F3d=E6=AC=84=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontendWebApi/ApiControllers/DeviceManageController.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/FrontendWebApi/ApiControllers/DeviceManageController.cs b/FrontendWebApi/ApiControllers/DeviceManageController.cs
index c5afad3..9bf356e 100644
--- a/FrontendWebApi/ApiControllers/DeviceManageController.cs
+++ b/FrontendWebApi/ApiControllers/DeviceManageController.cs
@@ -279,7 +279,7 @@ namespace FrontendWebApi.ApiControllers
 				                          dk.device_normal_point_id, dk.device_normal_point_guid, dk.device_normal_point_col, dk.device_normal_point_value, dk.device_normal_flashing, dk.device_normal_point_name,
 				                          dk.device_close_point_id, dk.device_close_point_guid, dk.device_close_point_col, dk.device_close_point_value, dk.device_close_flashing, dk.device_close_point_name,
 				                          dk.device_error_point_id, dk.device_error_point_guid, dk.device_error_point_col, dk.device_error_point_value, dk.device_error_flashing, dk.device_error_point_name,
-                                          d.room_dbid
+                                          d.room_dbid, d.device_coordinate_3d
                                    from device d
                                    left join device_kind dk on d.device_building_tag = dk.device_building_tag and d.device_system_tag = dk.device_system_tag
 			                                   and d.device_name_tag = dk.device_name_tag