diff --git a/Frontend/_sysMonAll.html b/Frontend/_sysMonAll.html
index 1f537fb..896e0f5 100644
--- a/Frontend/_sysMonAll.html
+++ b/Frontend/_sysMonAll.html
@@ -72,6 +72,7 @@
                     strHtml += `<button id="floItemBtn${floObj.full_name}" type="button" class="btn btn-primary waves-effect waves-themed mr-5">${floObj.full_name}</button>`
 
                     $.each(floObj.device_list, (index2, devObj) => {
+                        console.log(">>>> url: " + baseImgUrl + " , img: " + varPathImg + ", icon: " + devObj.device_master_icon);
                         strHtml += `<div name="devItem" data-id="${devObj.device_guid}" data-number="${devObj.device_number}" class="mr-5 cur-poi">
                                         <span class="status status-success d-inline-block">
                                             <img src="${baseImgUrl + varPathImg + devObj.device_master_icon}" class="profile-image rounded-circle" onerror="defDev(this)" alt="...">
@@ -87,26 +88,11 @@
     }
 
     function drawStateTabBlo() {
-        let strHtml = `<table class="table table-bordered table-striped text-center m-0">
-                            <tbody>
-                                <tr>
-                                    <td>電壓 V</td>
-                                    <td>113</td>
-                                </tr>
-                                <tr>
-                                    <td>電流 A</td>
-                                    <td>8</td>
-                                </tr>
-                                <tr>
-                                    <td>功率 W</td>
-                                    <td>203</td>
-                                </tr>
-                                <tr>
-                                    <td>今日用電 kWh</td>
-                                    <td>58</td>
-                                </tr>
-                            </tbody>
-                        </table>`
+        let strHtml = `<table class="table table-bordered table-striped text-center m-0" id="iframemodal">
+                        <div class="modal-body">
+                            <iframe src="http://localhost:8080/ord?station:%7Cslot:/TPE/B1/EE/E4/R2F/NA/WHT/N1|view:?fullScreen=true" width="100%" height="100%"></iframe>
+                        </div>
+                       </table>`
         return strHtml;
     }
 
@@ -155,45 +141,8 @@
     }
 
     function drawErrRecTabBlo() {
-        let strHtml = `<table class="table table-bordered table-striped text-center m-0">
-                            <tbody>
-                                <tr>
-                                    <td>設備編號</td>
-                                    <td>B01-B2-19F-CR-001</td>
-                                    <td>3D 座標</td>
-                                    <td>113</td>
-                                </tr>
-                                <tr>
-                                    <td>設備名稱</td>
-                                    <td>A區迴路001</td>
-                                    <td>forge dbid</td>
-                                    <td>101</td>
-                                </tr>
-                                <tr>
-                                    <td>廠牌</td>
-                                    <td>飛利浦 Philip</td>
-                                    <td>IP</td>
-                                    <td>192.168.1.105</td>
-                                </tr>
-                                <tr>
-                                    <td>型號</td>
-                                    <td>BH065</td>
-                                    <td></td>
-                                    <td></td>
-                                </tr>
-                                <tr>
-                                    <td>原廠文件</td>
-                                    <td><a href="#">2022使用手冊.pdf</a></td>
-                                    <td></td>
-                                    <td></td>
-                                </tr>
-                                <tr>
-                                    <td>型號</td>
-                                    <td>BH065</td>
-                                    <td></td>
-                                    <td></td>
-                                </tr>
-                            </tbody>
+        let strHtml = `<table id="errRecTable" class="table table-bordered table-striped text-center m-0 w-100">
+
                         </table>`
         return strHtml;
     }
@@ -236,9 +185,11 @@
                                 </div>`,
             group:"device",
             onShow: function (tooltipEle, oriEle) {
-                console.log($(oriEle).data("number"))
+                console.log( "ori: " + $(oriEle).data("number"))
                 var tab = new YT.Tab({ tabName: "cardTab" })
                 loadOpeRecTable();
+                //loadErrRecTable2($(oriEle).data("number"));
+                loadErrRecTable();
             }
         })
 
@@ -281,6 +232,87 @@
 
             opeRecTable = new YourTeam.JqDataTables.getTableByAjax(url, tag, null, columns, column_defs, callback, null, null, null, null, null, "tpi");
         }
+
+        function loadErrRecTable() {
+            let tag = "#errRecTable";
+            let datas;
+            //getOneDeviceAlarmTop10ByBaja(_devicePath, callback);
+
+            let column_defs = [
+                { "targets": [0], "width": "8%", "sortable": true },
+                { "targets": [1], "width": "8%", "sortable": true },
+                { "targets": [2], "width": "7%", "sortable": true },
+                { "targets": [3], "width": "7%", "sortable": true },
+            ];
+
+            let columns = [
+                {
+                    "title": "異常ID",
+                    "data": "uuid",
+                },
+                {
+                    "title": "異常原因",
+                    "data": "msgText",
+                },
+                {
+                    "title": "ACK確認",
+                    "data": "ackState",
+                },
+                {
+                    "title": "發生/賦歸時間",
+                    "data": "timestamp",
+                },
+
+            ];
+
+            //let callback = function (result) {
+            //    datas = result;
+            //}
+            let result = '{"count": 2,"data":[{ "uuid": "43dc7846-bd96-4be2-ab35-f11aec729c60","msgText": "","ackState": "1","timestamp": "2022-Nov-16 10:30:24.951 AM UTC+08:00"},{"uuid": "7c309846-d862-4a8b-803b-cdc8e0efa092","msgText": "","ackState": "1","timestamp": "2022-Nov-16 10:00:24.893 AM UTC+08:00"}]}';
+            let json_object = JSON.parse(result);
+            datas = json_object['data'];
+            errRecTable = new YourTeam.JqDataTables.getTableByStatic(tag, datas, columns, column_defs);
+        }
+
+        //function loadErrRecTable2(allPath) {
+        //    if (allPath != undefined && allPath != null) {
+        //        let _pathArr = allPath.split("_");//TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1
+        //        let _devicePath = _pathArr[0] + "_" + _pathArr[1] + "_" + _pathArr[2] + "_" + _pathArr[3] + "_" + _pathArr[4] + "_" + _pathArr[5];
+        //        //getOneDeviceAlarmTop10ByBaja(_devicePath, callback);
+        //        console.log("devicePath: " + _devicePath);
+        //        let result = '{"count": 2,"0": { "uuid": "43dc7846-bd96-4be2-ab35-f11aec729c60","timestamp": "2022-Nov-16 10:30:24.951 AM UTC+08:00","sourceName": "TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1_TRIP","sourceState": "1","msgText": "","ackState": "1","normalTime": "1970-Jan-1 08:00:00.000 AM UTC+08:00"},"1": {"uuid": "7c309846-d862-4a8b-803b-cdc8e0efa092","timestamp": "2022-Nov-16 10:00:24.893 AM UTC+08:00","sourceName": "TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1_TRIP","sourceState": "0","msgText": "","ackState": "1","normalTime": "2022-Nov-16 10:15:24.939 AM UTC+08:00"}}';
+        //        let result_Json = JSON.parse(result)
+        //        var eachTable = $('.each-table tbody');
+
+        //        for (var i = 0; i < result_Json['count']; i++)
+        //        {
+        //            item = result_Json[i.toString()];
+        //            eachTable.append(
+        //                '<tr>' +
+        //                '<td>' + item.uuid + '</td>' +
+        //                '<td>' + item.msgText + '</td>' +
+        //                '<td>' + (item.ackState = 1 ? item.normalTime : '未確認') + '</td>' +
+        //                '<td>' + item.timestamp + '</td>' +
+        //                '</tr>');
+        //        }
+
+        //    }
+
+        //    let callback = function (result) {
+        //        var eachTable = $('.each-table tbody');
+        //        $.each(result, function (index, element) {
+        //            eachTable.append(
+        //                '<tr>' +
+        //                '<td>' + element[index].uuid + '</td>' +
+        //                '<td>' + element[index].msgText + '</td>' +
+        //                '<td>' + (element[index].ackState = 1 ? element[index].normalTime : '未確認') + '</td>' +
+        //                '<td>' + element[index].timestamp + '</td>' +
+        //                '</tr>');
+        //        });
+        //    }
+        //}
     }
 
+
+
 </script>
\ No newline at end of file
diff --git a/Frontend/index.html b/Frontend/index.html
index ade6287..40bf6c9 100644
--- a/Frontend/index.html
+++ b/Frontend/index.html
@@ -1116,10 +1116,10 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
 
                     <div class="dropdown">
                         <a class="dropdown-toggle" href="javascript:;" role="button" id="buiActDrop" data-target="buiList" data-toggle="dropdown" aria-haspopup="true">
-                            
+
                         </a>
                         <div id="buiList" class="dropdown-menu dropdown-select-menu js-auto-close">
-                           
+
                         </div>
                     </div>
 
@@ -2064,11 +2064,12 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
     <script src="js/style.js"></script>
     <script src="js/site.js"></script>
     <script src="js/init.js"></script>
-    <script>       
+    <script src="js/n4js/alarmbaja.js"></script>
+    <script>
 
         var jwt = localStorage.getItem("JWT-Authorization");
         var pageAct = {};  //記錄全頁面已選擇項目
-        
+
         if (jwt) {
             $("#app").load("_dashboard.html", loadCallback);
         } else {
@@ -2080,7 +2081,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
             getBuiList();
             /*setBuiAct();*/
         })
-        
+
 
         onEvent("click", "[name=topFunBtn]", function () {
             let page = $(this).data("page");
@@ -2092,7 +2093,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
 
             $("#app").load(`_${page}.html`, loadCallback);
         })
-        
+
         onEvent("active:change", "#sysMonBtnList", function (e, actEle) {
             if (actEle) {
                 pageAct.sysMainTag = $(actEle).prop("id").split("mainSysBtn")[1];
@@ -2116,7 +2117,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
             let url = baseApiUrl + "/api/Device/GetMainSub";
             ytAjax = new YourTeam.Ajax(url, null, function (res) {
                 if (!res || res.code != "0000" || !res.data) {
-                    
+
                 } else {
                     let strHtml = ``;
                     $.each(res.data.history_Main_Systems, (index, mainSysObj) => {
diff --git a/Frontend/js/n4js/alarmbaja.js b/Frontend/js/n4js/alarmbaja.js
index 7dafdf7..f3281f1 100644
--- a/Frontend/js/n4js/alarmbaja.js
+++ b/Frontend/js/n4js/alarmbaja.js
@@ -51,18 +51,22 @@ function getOneDeviceAlarmTop10ByBaja(devicePath, callback) {
     var _result = "";
     var _ss = "";
     var _index = 0;
-
+    //{ "count":2,"data": [{ "time": "2022/11/14 15:00:00", "errId": "0001", "ackCheck": "未確認", "errReason": "燈泡故障" }, { "time": "2022/11/14 15:00:00", "errId": "0002", "ackCheck": "未確認", "errReason": "燈泡故障" }]}
     require(['baja!'], function (baja) {
         baja.Ord.make("local:|foxs:|alarm:|bql:select top 10 timestamp, ackState, alarmData, alarmData.sourceName, sourceState, uuid, alarmData.msgText, normalTime where alarmData.sourceName like '%" + devicePath + "%' order by timestamp desc").get()
             .then(function (table) {
                 return table.cursor({
                     each: function (record) {
-                        _ss += ', "' + _index + '": {"uuid":"' + record.get('uuid') + '", "timestamp":"' + record.get('timestamp') + '", "sourceName":"' + record.get('alarmData').get('sourceName') + '", "sourceState":"' + record.get('sourceState') + '", "msgText":"' + record.get('alarmData').get('msgText') + '", "ackState":"' + record.get('ackState') + '", "normalTime":"' + record.get('normalTime') + '"}';
+                        if (_index == 0)
+                            _ss += '{"uuid":"' + record.get('uuid') + '", "msgText":"' + record.get('alarmData').get('msgText') + '", "ackState":"' + record.get('ackState') + '", "timestamp":"' + record.get('timestamp') + '"}';
+                        else
+                            _ss += ',{"uuid":"' + record.get('uuid') + '", "msgText":"' + record.get('alarmData').get('msgText') + '", "ackState":"' + record.get('ackState') + '", "timestamp":"' + record.get('timestamp') + '"}';
                         _index++;
                     },
                     after: function () {
-                        _result += '{' + '"count": ' + _index;
-                        _result += _ss;
+                        _result += '{' + '"count": ' + _index +', data:[';
+
+                        _result += _ss+']';
                         _result += '}';
                         if (typeof callback === 'function') {
                             callback(_result);
diff --git a/Frontend/js/yourteam/yourteam.jquery.datatables.js b/Frontend/js/yourteam/yourteam.jquery.datatables.js
index 53333d0..e8979b8 100644
--- a/Frontend/js/yourteam/yourteam.jquery.datatables.js
+++ b/Frontend/js/yourteam/yourteam.jquery.datatables.js
@@ -58,35 +58,35 @@ function fnInitJqDataTablesNoData(tag, dataSet = null, columns = null, columnDef
         "columns": columns,
         "aoColumnDefs": columnDefs,
         "stateSave": true,
-        "pagingType": "full_numbers_custom",
+        "pagingType": "simple",
         "destroy": false,
         "initComplete": initComplete,
         "drawCallback": fnDrawCallBack,
-        "rowsGroup": rowsGroup,
-        "rowGroup": rowGroup,
+        //"rowsGroup": rowsGroup,
+        //"rowGroup": rowGroup,
         "retrieve": true,
-        "responsive": {
-            details: {
+        //"responsive": {
+        //    details: {
            
-                target: '.dt-mobile-btn',
-                type: "column",
-                renderer: function (api, rowIdx, columns) {
-                    var data = $.map(columns, function (col, i) {
-                        return col.hidden ?
-                            '<tr data-dt-row="' + col.rowIndex + '" data-dt-column="' + col.columnIndex + '">' +
-                            '<td>' + col.title + ':' + '</td> ' +
-                            '<td>' + col.data + '</td>' +
-                            '</tr>' :
-                            '';
-                    }).join('');
+        //        target: '.dt-mobile-btn',
+        //        type: "column",
+        //        renderer: function (api, rowIdx, columns) {
+        //            var data = $.map(columns, function (col, i) {
+        //                return col.hidden ?
+        //                    '<tr data-dt-row="' + col.rowIndex + '" data-dt-column="' + col.columnIndex + '">' +
+        //                    '<td>' + col.title + ':' + '</td> ' +
+        //                    '<td>' + col.data + '</td>' +
+        //                    '</tr>' :
+        //                    '';
+        //            }).join('');
 
-                    return data ?
-                        $('<table/>').append(data) :
-                        false;
-                },
+        //            return data ?
+        //                $('<table/>').append(data) :
+        //                false;
+        //        },
               
-            },
-        },
+        //    },
+        //},
         
     }