+
-
@@ -432,861 +440,31 @@
chartDataCnt.unChkedErrCnt = uData.count;
chkBajaLoaded();
})
- }
- function chkBajaLoaded() {
- loadedCnt++;
-
- if (loadedCnt == 9) {
- chartErrRec(["異常數量", "復歸數量"], [chartDataCnt.alarmCnt, chartDataCnt.recCnt]);
- chartErrChk(["已確認異常", "未確認異常"], [chartDataCnt.chkedErrCnt, chartDataCnt.unChkedErrCnt]);
- chartWorOrdErr();
- chartWorOrdFin();
-
- $(loadEle).Loading("close");
- }
- }
-
- // 圖表 - 今天與昨天用電量 (長條圖)
- function chartEveDaysElec(todayData, yesData) {
- let eveDayElecChartCanvas = $('#eveDayElecChart').get(0).getContext('2d');
- let curHour = (new Date()).getHours();
- todayData.data = todayData.filter(x => x.timestamp.$time.$hour < curHour);
- yesData.data = yesData.filter(x => x.timestamp.$time.$hour < curHour);
- let eveDayElecChartData = {
- labels: todayData?.data.map(x => x.timestamp.$time.$hour),
- datasets: [
+ // 獲取所有異常數量
+ getAlarmForChartDataByBaja((allAlarmCount) => {
+ // 呼叫 api 找出所有有維修單的資料 (已派工)
+ // 所有異常數量 - 維修單數量(已派工) = 未派工
+ let url = baseApiUrl + "/operation/OpeRecListAllTime";
+ const token = cookies.get("JWT-Authorization")
+ fetch(url,
{
- id: "today",
- type: "bar",
- label: '今日用電量',
- fill: false,
- backgroundColor: color.success._500,
- borderColor: color.success._500,
- pointColor: color.success._500,
- pointBackgroundColor: color.main1,
- data: todayData?.data.map(x => x.sum),
- order: 1,
- },
- {
- id: "yesterday",
- type: "bar",
- label: '昨日用電量',
- fill: false,
- backgroundColor: color.info._100,
- borderColor: color.info._100,
- pointColor: color.info._100,
- pointBackgroundColor: color.info._100,
- data: yesData?.data.map(x => x.sum),
- order: 2,
- }
- ]
- }
-
- let eveDayElecChartOptions = {
- maintainAspectRatio: false,
- responsive: true,
- legend: {
- display: true,
- },
- scales: {
- x: {
- offset: true,
- grid: { color: color.fusion._500 },
- },
- y: {
- beginAtZero: true,
- ticks: {
- min: 0,
+ method: "POST",
+ body: {
+ "data": "{}"
},
- }
- },
- tooltips: {
- callbacks: {
- label: function (tooltipItem) {
- let isTodayOrYes = tooltipItem.datasetIndex == 1 ? "昨日" : "今日";
- return isTodayOrYes + "用電量 : " + tooltipItem.value + " kWH";
- },
- title: function (tooltipItem) {
- let result = tooltipItem[0].xLabel.toString().padStart(2, "0") + ":00";
- return result;
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `bearer ${token}`
}
- }
- },
- }
-
- if (eveDayElecChart == null) {
- eveDayElecChart = new Chart(eveDayElecChartCanvas, {
- data: eveDayElecChartData,
- options: eveDayElecChartOptions
- })
- } else {
- eveDayElecChart.data.datasets.forEach((dataset) => {
- if (dataset.order == 1) {
- dataset.data = todayData?.data.map(x => x.sum);
- } else {
- dataset.data = yesData?.data.map(x => x.sum);
- }
- });
- }
-
-
- }
-
- // 圖表 - 這週與上週用電量 (長條圖)
- function chartEveWeeksElec(curWeekData, prevWeekData) {
- // console.log(curWeekData.map(x => x.sum),prevWeekData.map(x => x.sum))
- let eveWeekElecChartCanvas = $('#eveWeekElecChart').get(0).getContext('2d');
-
- let eveWeekElecChartData = {
- labels: curWeekData.map(x => dayToChiDay(strToDate(x.timestamp.$cEncStr, "day"))),
- datasets: [
- {
- id: "today",
- type: "bar",
- label: '本週用電量',
- fill: false,
- backgroundColor: color.success._500,
- borderColor: color.success._500,
- pointColor: color.success._500,
- pointBackgroundColor: color.success._500,
- data: curWeekData.map(x => x.sum),
- order: 1,
- },
- {
- id: "yesterday",
- type: "bar",
- label: '上週用電量',
- fill: false,
- backgroundColor: color.info._100,
- borderColor: color.info._100,
- pointColor: color.info._100,
- pointBackgroundColor: color.info._100,
- data: prevWeekData.map(x => x.sum),
- order: 2,
- }
- ]
- }
- // console.log(eveWeekElecChartData)
- let eveWeekElecChartOptions = {
- maintainAspectRatio: false,
- responsive: true,
- legend: {
- display: true,
- },
- scales: {
- x: {
- offset: true,
- grid: { color: color.fusion._500 },
- },
- y: {
- beginAtZero: true,
- ticks: {
- min: 0,
- },
- }
- },
- tooltips: {
- callbacks: {
- label: function (tooltipItem) {
- let isTodayOrYes = tooltipItem.datasetIndex == 1 ? "上週" : "本週";
- return isTodayOrYes + "用電量 : " + tooltipItem.value + " kWH";
- },
- title: function (tooltipItem) {
- console.log(tooltipItem)
- let result = tooltipItem[0]?.xLabel.toString();
- return result;
- }
- }
- },
- }
- // console.log(eveWeekElecChartOptions)
- if (eveWeekElecChart == null) {
- eveWeekElecChart = new Chart(eveWeekElecChartCanvas, {
- data: eveWeekElecChartData,
- options: eveWeekElecChartOptions
- })
- // console.log(eveWeekElecChart,eveWeekElecChartData, eveWeekElecChartOptions)
- } else {
- eveWeekElecChart.data.datasets.forEach((dataset) => {
- if (dataset.order == 1) {
- dataset.data = curWeekData.map(x => x.sum);
- } else {
- dataset.data = prevWeekData.map(x => x.sum);
- }
- });
- }
- }
-
- // 圖表 - 異常與復歸圖表 (圓餅圖)
- function chartErrRec(labels, datas) {
-
- let errRecChartCanvas = ctx = $('#errRecChart').get(0).getContext('2d');
-
- let errRecChartData = {
- labels: labels,
- datasets: [
- {
- label: '數量',
- unit: '個',
- fill: true,
- backgroundColor: [color.danger._500, color.info._300],
- data: datas,
- }
- ]
- }
-
- let errRecChartOptions = {
- maintainAspectRatio: false,
- responsive: true,
- legend: {
- display: true,
- },
- tooltips: {
- enabled: true,
- },
- }
-
- // This will get the first returned node in the jQuery collection.
- if (errRecChart == null) {
- errRecChart = new Chart(errRecChartCanvas, {
- type: "pie",
- data: errRecChartData,
- options: errRecChartOptions
- })
- } else {
- errRecChart.data.datasets.forEach((dataset) => {
- dataset.data = datas;
- });
- }
- }
-
- // 圖表 - 異常確認與未確認圖表 (圓餅圖)
- function chartErrChk(labels, datas) {
-
- let errChkChartCanvas = ctx = $('#errChkChart').get(0).getContext('2d');
-
- let errChkChartData = {
- labels: labels,
- datasets: [
- {
- label: '數量',
- unit: '個',
- fill: true,
- backgroundColor: [color.danger._500, color.info._300],
- data: datas,
- }
- ]
- }
-
- let errChkChartOptions = {
- maintainAspectRatio: false,
- responsive: true,
- legend: {
- display: true,
- },
- tooltips: {
- enabled: true,
- },
- }
-
- if (errChkChart == null) {
- errChkChart = new Chart(errChkChartCanvas, {
- type: "pie",
- data: errChkChartData,
- options: errChkChartOptions
- })
- } else {
- errChkChart.data.datasets.forEach((dataset) => {
- dataset.data = datas;
- });
- }
-
- }
-
- // 圖表 - 異常未派工與異常已派工 (圓環圖)
- function chartWorOrdErr(labels, datas) {
- labels = ["異常未派工", "異常已派工"]
- datas = [5, 9]
- let worOrdErrChartCanvas = ctx = $('#worOrdErrChart').get(0).getContext('2d');
-
- let worOrdErrChartData = {
- labels: labels,
- datasets: [
- {
- label: '數量',
- unit: '個',
- fill: true,
- backgroundColor: [color.danger._500, color.info._300],
- data: datas,
- }
- ]
- }
-
- let worOrdErrChartOptions = {
- maintainAspectRatio: false,
- responsive: true,
- legend: {
- display: true,
- },
- tooltips: {
- enabled: true,
- },
-
-
- }
-
- if (worOrdErrChart == null) {
- worOrdErrChart = new Chart(worOrdErrChartCanvas, {
- type: "doughnut",
- data: worOrdErrChartData,
- options: worOrdErrChartOptions
- })
- } else {
- worOrdErrChart.data.datasets.forEach((dataset) => {
- dataset.data = datas;
- });
- }
-
- }
-
- // 圖表 - 工單已完成與工單未完成 (圓環圖)
- function chartWorOrdFin(labels, datas) {
- labels = ["工單已完成", "工單未完成"]
- datas = [5, 9]
- let worOrdFinChartCanvas = ctx = $('#worOrdFinChart').get(0).getContext('2d');
-
- let worOrdFinChartData = {
- labels: labels,
- datasets: [
- {
- label: '數量',
- unit: '個',
- fill: true,
- backgroundColor: [color.danger._500, color.info._300],
- data: datas,
- }
- ]
- }
-
- let worOrdFinChartOptions = {
- maintainAspectRatio: false,
- responsive: true,
- legend: {
- display: true,
- },
- tooltips: {
- enabled: true,
- },
-
-
- }
-
- if (worOrdFinChart == null) {
- worOrdFinChart = new Chart(worOrdFinChartCanvas, {
- type: "doughnut",
- data: worOrdFinChartData,
- options: worOrdFinChartOptions
- })
- } else {
- worOrdFinChart.data.datasets.forEach((dataset) => {
- dataset.data = datas;
- });
- }
-
- }
-
- // 從 baja 訂閱 左下角各系統小類異常狀態
- function getAlarmSub(data) {
- console.log(data)
- $.each(data.data, (idx, alaObj) => {
- if (alaObj.alarmClass.indexOf("_") != -1) {
- let mainSubSys = alaObj.alarmClass.split("_").slice(0, 2).join("/");
- const img = $(`.btn-group.dev-group[data-id*='${mainSubSys}'] img`)[0]?.src.split('.')
- const { length } = img
- img[length - 1] = 'gif'
- $(`.btn-group.dev-group[data-id*='${mainSubSys}'] img`)[0].src = img.join('.')
- $(`.btn-group.dev-group[data-id*='${mainSubSys}'] img`).addClass("blink");
- }
- })
- $(`.dev-group img.blink`).each((idx, ele) => {
- let devPath = $(ele).parents(".dev-group").data("id");
- let sysPath = devPath.split("/").slice(3, 5).join("/");
- let alaDevPath = data.data.map(x => x.alarmClass?.split("_").slice(0, 2).join("/"));
- if (alaDevPath.indexOf(sysPath) == -1) {
- const img = $(`.btn-group.dev-group[data-id*='${sysPath}'] img`)[0]?.src.split('.')
- const { length } = img
- img[length - 1] = 'png'
- $(`.btn-group.dev-group[data-id*='${sysPath}'] img`)[0].src = img.join('.')
- $(ele).removeClass("blink");
- }
- })
- }
-
-
-
- function show3DModel() {
- launchViewerNoTools(pageAct.urn, (viewer) => {
- let elevOption = {
- selector: "#forgeViewer",
- viewer: viewer,
- ordPath: {
- "area_tag": pageAct.AreaTag,
- "building_tag": pageAct.buiTag,
- },
- }
-
- // 電梯移動訂閱程序載入
- let forge3DElev = new Forge3DElevFull(elevOption);
- forge3DElev.bajaEndCallback = function () {
- endPageLoading();
- }
- forge3DElev.init();
- });
- }
-
- $(window).on("timeout:5m", function () {
- console.log("五分鐘更新")
- getElectricBaja();
- })
-
- onEvent("click", "button[id^=sysSubCardBtn]", function () {
- let subSysTag = $(this).data("id");
- $(`#subSysBtn${subSysTag}`).click();
- })
-
-
-
-
-
-
-
-
-
- --
- 今日用電量 kWH
-
-
-
-
-
-
-
-
-
- --
- 昨日用電量 kWH
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- --
- 即時功率 kW
-
-
-
-
-
-
-
-
-
- --
- 即時契約容量占比 %
-
-
-
-
-
-
-
-
-
-