From 17ac7ab333fb655012ef48372168723aea1ed44e Mon Sep 17 00:00:00 2001 From: dev01 Date: Fri, 13 Jan 2023 16:49:55 +0800 Subject: [PATCH] =?UTF-8?q?[Frontend][=E5=85=A8=E5=9F=9F=E5=8A=9F=E8=83=BD?= =?UTF-8?q?]=20displayDate=20Fn=20=E7=A8=8B=E5=BA=8F=E8=AA=BF=E6=95=B4=20|?= =?UTF-8?q?=20=E5=91=8A=E8=AD=A6=E8=A8=8A=E6=81=AF=E8=A6=96=E7=AA=97?= =?UTF-8?q?=E6=B6=88=E5=A4=B1=E5=8A=A0=E5=BF=AB=20|=20[=E5=85=A8=E5=9F=9F?= =?UTF-8?q?=E5=8A=9F=E8=83=BD]=20=E5=A2=9E=E5=8A=A0=E9=A1=AF=E7=A4=BA?= =?UTF-8?q?=E9=9A=B1=E8=97=8F=E5=91=8A=E8=AD=A6=E8=A8=8A=E6=81=AF=E6=8C=89?= =?UTF-8?q?=E9=88=95=20|=20ack=20=E7=A2=BA=E8=AA=8D=E6=8C=89=E9=88=95=20PO?= =?UTF-8?q?ST=20obix=20API=20=E4=B8=B2=E6=8E=A5=20|=20[=E7=B3=BB=E7=B5=B1?= =?UTF-8?q?=E7=9B=A3=E6=8E=A7]=20=E7=87=88=E6=8E=A7=E6=8E=92=E6=88=90?= =?UTF-8?q?=E6=8F=9B=E4=B8=8A=20N4=20Url=20|=20[=E7=B3=BB=E7=B5=B1?= =?UTF-8?q?=E7=9B=A3=E6=8E=A7]=20forge3D=20=E4=B8=8D=E5=8F=AF=E8=A6=96?= =?UTF-8?q?=E6=A8=A1=E5=9E=8B=E9=A1=9E=E5=9E=8B=E5=8B=95=E6=85=8B=E5=91=88?= =?UTF-8?q?=E7=8F=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Frontend/_sysMonAll.html | 54 ++++++++++-- Frontend/index.html | 86 +++++++++++++++++-- Frontend/js/forge/forgemodel.js | 5 ++ Frontend/js/n4js/bajatest.js | 1 - Frontend/js/style.js | 9 +- .../yourteam/plugins/yt-notice/yt-notice.js | 2 +- 6 files changed, 140 insertions(+), 17 deletions(-) diff --git a/Frontend/_sysMonAll.html b/Frontend/_sysMonAll.html index c316840..0d1e312 100644 --- a/Frontend/_sysMonAll.html +++ b/Frontend/_sysMonAll.html @@ -23,8 +23,10 @@
- -
+ +
+
@@ -39,6 +41,8 @@ var subDeviceData = []; var heatMap = null; var buildMenuData = {}; + var forgeInvType = null; + var forgeInvTypeDef = null; $(function () { getBuildMenu((arr, data) => { @@ -50,6 +54,7 @@ if (arr.indexOf(3) != -1) { getHotspotPoint(() => { show3DModel(data.urn_3D); + getInviForge(); }); } }); @@ -221,6 +226,13 @@ return strHtml; } + function setLightSchBlcok(obj) { + let devNum = $(obj).parents(".device-wrap").data("number"); + let devPath = devNum.replaceAll("_", "/"); + let iframe = `` + $("#lightSchBlock").html(iframe); + } + // forge 3D 異常點位變紅色 function setForgeHotSpotColor(device) { let subData = subDeviceData.filter(x => x.device_number == device.device_number)[0] @@ -365,9 +377,14 @@ $(loadEle).Loading("start"); launchViewerForHotspot(urn, (viewer, nodeIds) => { let devDbIds = allDevList.map(x => x.forge_dbid); - /*hideAllObjects(devDbIds);*/ - - setTransparentBuilding(0, devDbIds); + + // 從資料庫設定不可視模型的類型，若沒有取道該小類不可視類型，則套用資料庫設定預設類型 + if (forgeInvType) { + setInviForge(forgeInvType, devDbIds); + } else { + setInviForge(forgeInvTypeDef, devDbIds); + } + $(loadEle).Loading("close"); let devices = allDevList.map(x => { @@ -406,7 +423,6 @@ } forge3DElev.init(); - if (subDeviceData.length != 0) { let stSubArr = subDeviceData.map(x => Object.keys(x).filter(y => y == "ST").map(y => x)); @@ -487,6 +503,32 @@ getLightData(myDataList); } + // 取得 不可視 3D 模型類型 + function getInviForge() { + let url = baseApiUrl + "/api/Device/GetForgeInvType"; + + ytAjax = new YourTeam.Ajax(url, null, function (res) { + if (!res || res.code != "0000" || !res.data) { + + } else { + let datas = res.data; + + forgeInvType = datas.filter(x => x.sub_system_tag == pageAct.sysSubTag)[0]?.invisible_value; + forgeInvTypeDef = datas.filter(x => x.invisible_type == "default_value")[0]?.invisible_value; + } + }, null, "POST").send(); + } + + // 設置 模型隱藏或透明 + function setInviForge(type, devDbIds) { + console.log("devDbIds",devDbIds) + if (type == "Hide") { + hideAllObjects(devDbIds); + } else if (type == "Opacity") { + setTransparentBuilding(0, devDbIds); + } + } + var parentEle = ""; onEvent("autodesk:click:sprite", "[name=forgeViewer]", function (e, obj) { forgeUnFocusAll(); diff --git a/Frontend/index.html b/Frontend/index.html index f0efff1..f925835 100644 --- a/Frontend/index.html +++ b/Frontend/index.html @@ -194,11 +194,25 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
+ +
+ + + +
+ + +
+ + + +
+ alt="Dr. Codex Lantern">-->
@@ -213,6 +227,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
+

@@ -845,6 +860,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li getBuiList(); getSysMonBtnList(); checkDevState(); + loadNoticeConSta(); if (lastPage) { let lastPageAct = {}; @@ -970,7 +986,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li onEvent("yt:tab:change", "#lightSch-tab", function () { if (pageAct.sysMainTag == "LT" && $("#lightSchModal").length != 0) { - loadLightSchTable(); + setLightSchBlcok ? setLightSchBlcok(this) : ""; $("#lightSchModal").modal("show"); } }) @@ -996,6 +1012,22 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li onEvent("click", "button[id^=noticeChkBtn]", function () { $(this).parents(".toast").YTNotice("hide"); }) + + onEvent("click", "button[id^=bajaAckBtn]", function () { + let uuid = $(this).data("uuid"); + let url = window.location.origin + "/obix/alarm/" + uuid + "/ack"; + let myBaja = new MyBaja(); + myBaja.setMyUserAccount((data) => { + let sendData = ''; + $.post(url, sendData, (rel) => { + $(this).parents(".toast").YTNotice("hide"); + }, "text") + }) + }) + + onEvent("click", "#toggleNoticeBtn", function () { + chaNoticeConSta(); + }) $(window).on("timeout:3s", function () { @@ -1115,7 +1147,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li let devName = $(ele).data("name"); //full_name let lightHtml = type == "light" ? `` : ""; let option = { - html: `
+ html: `
@@ -1644,7 +1676,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li 異常訊息：${data.errMsg}
- +
` @@ -1662,11 +1694,55 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li }) if (notices.length != 0) { $("#noticeBlock").YTNotice("add_many", notices.oSort("id").reverse()); + } - console.log("res", res) + } }, null, "POST",true).send(); } + + function loadNoticeConSta() { + let noticeStatus = localStorage.getItem("noticeStatus"); + chaNoticeConSta(noticeStatus ?? "show"); + } + + function chaNoticeConSta(type = null) { + let showText = $("#toggleNoticeBtn #noticeConText").data("show"); + let hideText = $("#toggleNoticeBtn #noticeConText").data("hide"); + let iconArr = ["fal fa-comment-slash", "fal fa-comment-dots"]; + $("#noticeConIcon").removeClass(iconArr[0]).removeClass(iconArr[1]); + if (type != null) { + if (type == "hide") { + setHide(); + } else if (type == "show") { + setShow(); + } + } else { + if ($("#noticeBlock").is(":visible")) { + setHide(); + } else if (!$("#noticeBlock").is(":visible")) { + setShow(); + } + } + + function setShow() { + $("#toggleNoticeBtn").find("#noticeConText").text(hideText); + $("#noticeConIcon").addClass(iconArr[0]); + $("#noticeBlock").show(); + $("#noticeBlock").animate({ opacity: 1 }, 200) + localStorage.setItem("noticeStatus", "show"); + } + + function setHide() { + $("#toggleNoticeBtn").find("#noticeConText").text(showText); + $("#noticeConIcon").addClass(iconArr[1]); + $("#noticeBlock").animate({ opacity: 0 }, 200, function () { + $("#noticeBlock").hide(); + }) + localStorage.setItem("noticeStatus", "hide"); + } + + } diff --git a/Frontend/js/forge/forgemodel.js b/Frontend/js/forge/forgemodel.js index d96b474..6f33971 100644 --- a/Frontend/js/forge/forgemodel.js +++ b/Frontend/js/forge/forgemodel.js @@ -227,6 +227,11 @@ class elevator3D { // 通知檢視器更新場景 this.viewer.impl.sceneUpdated(true); + if (!$(this.ele)[0]) { + callback ? callback() : ""; + return; + } + if (typeof $(this.ele)[0]._elevator3D == "undefined") { $(this.ele)[0]._elevator3D = []; } diff --git a/Frontend/js/n4js/bajatest.js b/Frontend/js/n4js/bajatest.js index e20d5f0..d9260a0 100644 --- a/Frontend/js/n4js/bajatest.js +++ b/Frontend/js/n4js/bajatest.js @@ -296,7 +296,6 @@ function MyBaja() { // 取得使用者帳號 this.setMyUserAccount = function (callBackFunc = null) { require(['baja!'], function (baja) { - console.log("baja", baja) user_name = baja.getUserName(); callBackFunc ? callBackFunc(user_name) : ""; }); diff --git a/Frontend/js/style.js b/Frontend/js/style.js index babf74b..250cb25 100644 --- a/Frontend/js/style.js +++ b/Frontend/js/style.js @@ -365,7 +365,7 @@ function displayDate(dateTime, dateType = "YMdHms", locale = 'zh-TW') { date = [year, String(month).padStart(2, '0'), String(day).padStart(2, '0')].filter(n => n).join("/"); time = [String(hour).padStart(2, '0'), String(minute).padStart(2, '0')].join(":"); - + if (dateType != "date" && dateType != "time" && dateType != "datetime") { let showArr = []; if (year) showArr.push(year); @@ -375,9 +375,10 @@ function displayDate(dateTime, dateType = "YMdHms", locale = 'zh-TW') { result += showArr.join("/"); showArr = []; } - if (hour) showArr.push(hour.toString().padStart(2, '0')); - if (minute) showArr.push(minute.toString().padStart(2, '0')); - if (second) showArr.push(second.toString().padStart(2, '0')); + + if (hour !== "") showArr.push(hour.toString().padStart(2, '0')); + if (minute !== "") showArr.push(minute.toString().padStart(2, '0')); + if (second !== "") showArr.push(second.toString().padStart(2, '0')); if (millisecond) showArr.push(millisecond.toString().padStart(3, '0')); if (showArr.length != 0) { result += " " + showArr.join(":"); diff --git a/Frontend/js/yourteam/plugins/yt-notice/yt-notice.js b/Frontend/js/yourteam/plugins/yt-notice/yt-notice.js index cc959e4..9e01431 100644 --- a/Frontend/js/yourteam/plugins/yt-notice/yt-notice.js +++ b/Frontend/js/yourteam/plugins/yt-notice/yt-notice.js @@ -180,7 +180,7 @@ class YTNoticeBlock { } this.showNotices(); - }, 500) + }, 100) }